Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix images in discussion forum post #15

Merged
merged 3 commits into from
Feb 1, 2024
Merged

Fix images in discussion forum post #15

Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
d92aee2
fix images
aglinxinyuan Feb 1, 2024
e1fb6e1
Update index.md
aglinxinyuan Feb 1, 2024
63cbbb3
Update index.md
aglinxinyuan Feb 1, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
46 changes: 20 additions & 26 deletions content/en/blog/flarum-discussion-integration/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,8 +12,6 @@ contributors: ["Yiqun Du", "Henry Liu", "Xinyuan Liu"]
affiliations: [UC Irvine]
---

In this blog, we discuss how we support a online discussion forum in Texera using Flarum.

## Motivation

As a platform to support collaborative data science, Texera needs an online forum that allows users to post issues, help each other, and discover new topics. We implemented this feature using Flarum, one of the popular open-source solutions available on GitHub. Supported and maintained by a large community of developers, Flarum has been well received due to its modern design, user-friendly interface, and minimal core with high extensibility.
Expand Down Expand Up @@ -75,7 +73,6 @@ We wrote bash and powershell scripts to automatically install and configure Flar
<li>configure the apache2 server</li>
<li>restart the server to run the Flarum application</li>
</ul>
</p>

## Features

Expand Down Expand Up @@ -110,8 +107,8 @@ Extensions:
As shown below, when a user logs into Texera, the user will also log in on the discussion forum site.

<figure align="center" style="width: 100%; max-width: none;">
<a href="https://raw.githubusercontent.com/Texera/texera.github.io/yiqundu/content/en/blog/flarum-discussion-integration/user-sych.gif">
<img src="https://raw.githubusercontent.com/Texera/texera.github.io/yiqundu/content/en/blog/flarum-discussion-integration/user-sych.gif" alt="" style="width:100%">
<a href="user-sych.gif">
<img src="user-sych.gif" alt="" style="width:100%">
</a>
<figcaption align = "center" style="font-size:1.2em;">
<i>
Expand All @@ -125,8 +122,8 @@ As shown below, when a user logs into Texera, the user will also log in on the d
The following image shows how a discussion/post is created here. Users can add tags to a post, such as "General."

<figure align="center" style="width: 100%; max-width: none;">
<a href="https://raw.githubusercontent.com/Texera/texera.github.io/yiqundu/content/en/blog/flarum-discussion-integration/make-a-basic-post.gif">
<img src="https://raw.githubusercontent.com/Texera/texera.github.io/yiqundu/content/en/blog/flarum-discussion-integration/make-a-basic-post.gif" alt="" style="width:100%">
<a href="make-a-basic-post.gif">
<img src="make-a-basic-post.gif" alt="" style="width:100%">
</a>
<figcaption align = "center" style="font-size:1.2em;">
<b>Figure 4.</b> A user creates a dicussion and publishes the first post.
Expand All @@ -135,8 +132,8 @@ The following image shows how a discussion/post is created here. Users can add t
</figure>

<figure align="center" style="width: 100%; max-width: none;">
<a href="https://hackmd.io/_uploads/rJldK7XYa.png">
<img src="https://hackmd.io/_uploads/rJldK7XYa.png" alt="" style="width:200%">
<a href="reply1.png">
<img src="reply1.png" alt="" style="width:200%">
</a>
<figcaption align = "center" style="font-size:1.2em;">
<i>
Expand All @@ -146,8 +143,8 @@ The following image shows how a discussion/post is created here. Users can add t
</figure>

<figure align="center" style="width: 100%; max-width: none;">
<a href="https://hackmd.io/_uploads/SJWAFXXK6.png">
<img src="https://hackmd.io/_uploads/SJWAFXXK6.png" alt="" style="width:100%">
<a href="reply2.png">
<img src="reply2.png" alt="" style="width:100%">
</a>
<figcaption align = "center" style="font-size:1.2em;">
<i>
Expand All @@ -161,8 +158,8 @@ The following image shows how a discussion/post is created here. Users can add t
Users with certain privileges can create private discussions that are only visible to a selected group of users

<figure align="center" style="width: 100%; max-width: none;">
<a href="https://github.com/Texera/texera.github.io/blob/yiqundu/content/en/blog/flarum-discussion-integration/private-discus.gif?raw=true">
<img src="https://github.com/Texera/texera.github.io/blob/yiqundu/content/en/blog/flarum-discussion-integration/private-discus.gif?raw=true" alt="" style="width:100%">
<a href="private-discus.gif">
<img src="private-discus.gif" alt="" style="width:100%">
</a>
<figcaption align = "center" style="font-size:1.2em;">
<i>
Expand All @@ -176,10 +173,8 @@ Users with certain privileges can create private discussions that are only visib
The discussion feature of Texera can be managed and maintained through the Flarum forum admin page. An admin has various privileges, such as managing user accounts, management of extensions, and giving privileges to users.

<figure align="center" style="width: 100%; max-width: none;">
<a href="https://github.com/Texera/texera.github.io/blob/yiqundu/content/en/blog/flarum-discussion-integration/admin.gif?raw=true
">
<img src="https://github.com/Texera/texera.github.io/blob/yiqundu/content/en/blog/flarum-discussion-integration/admin.gif?raw=true
" alt="" style="width:100%">
<a href="admin.gif">
<img src="admin.gif" alt="" style="width:100%">
</a>
<figcaption align = "center" style="font-size:1.2em;">
<i>
Expand All @@ -191,8 +186,8 @@ The discussion feature of Texera can be managed and maintained through the Flaru
### 5. **View and reply count**:

<figure align="center" style="width: 100%; max-width: none;">
<a href="https://hackmd.io/_uploads/H14l9Q7tT.pnghttps://hackmd.io/_uploads/H14l9Q7tT.png">
<img src="https://hackmd.io/_uploads/H14l9Q7tT.png" alt="" style="width:100%">
<a href="flarum-view-count.png">
<img src="flarum-view-count.png" alt="" style="width:100%">
</a>
<figcaption align = "center" style="font-size:1.2em;">
<i>
Expand All @@ -203,10 +198,9 @@ The discussion feature of Texera can be managed and maintained through the Flaru

### 6.**Other features**:

<figure align="center" style="width: 100%; max-width: none;">

<a href="https://hackmd.io/_uploads/rk2dSLXtp.png">
<img src="https://hackmd.io/_uploads/rk2dSLXtp.png" alt="" style="width:100%">
<figure align="center" style="display:inline-block; width:49%;">
<a href="searchbar.png">
<img src="searchbar.png" alt="" style="width:90%">
</a>
<figcaption align = "center" style="font-size:1.2em;">
<i>
Expand All @@ -215,9 +209,9 @@ The discussion feature of Texera can be managed and maintained through the Flaru
</figcaption>
</figure>

<figure align="center" style="width: 50%; max-width: none;">
<a href="https://hackmd.io/_uploads/rkxp3HLQt6.png">
<img src="https://hackmd.io/_uploads/rkxp3HLQt6.png" alt="" style="width:100%">
<figure align="center" style="display:inline-block; width: 49%;">
<a href="dropdown.png">
<img src="dropdown.png" alt="" style="width:60%">
</a>
<figcaption align = "center" style="font-size:1.2em;">
<i>
Expand Down
Loading