Markdown and Subreddit Sidebars

templates/subreddit.html

@@ -17,24 +17,24 @@
 			{% for post in posts %}
 			<div class="post">
 				<div class="post_left">
-					<h3 class="post_score">{{ post.score }}</h3>
+					<p class="post_score">{{ post.score }}</p>
 					{% if post.nsfw %}<div class="nsfw">NSFW</div>{% endif %}
 				</div>
 				<div class="post_right">
-					<h4>
+					<p>
 						<b><a class="post_subreddit" href="/r/{{ post.community }}">r/{{ post.community }}</a></b>
 						&bull; <a class="post_author" href="/u/{{ post.author }}">u/{{ post.author }}</a>
 						{% if post.author_flair.0 != "" %}
 							<small class="author_flair">{{ post.author_flair.0 }}</small>
 						{% endif %}
 						<span class="datetime">{{ post.time }}</span>
-					</h4>
-					<h3 class="post_title">
+					</p>
+					<p class="post_title">
 						{% if post.flair.0 != "" %}
 						<small class="post_flair" style="color:{{ post.flair.2 }}; background:{{ post.flair.1 }}">{{ post.flair.0 }}</small>
 						{% endif %}
 						<a href="{{ post.url }}">{{ post.title }}</a>
-					</h3>
+					</p>
 				</div>
 				<img class="post_thumbnail" src="{{ post.media }}">
 			</div><br>
@@ -52,17 +52,21 @@
 		</div>
 		{% if sub.name != "" %}
 		<aside>
-			<div class="subreddit">
-				<img class="subreddit_icon" src="{{ sub.icon }}">
-				<h2 class="subreddit_name">r/{{ sub.name }}</h2>
-				<p class="subreddit_description">{{ sub.description }}</p>
-				<div class="subreddit_details">
+			<div id="subreddit">
+				<img id="subreddit_icon" src="{{ sub.icon }}">
+				<p id="subreddit_name">r/{{ sub.name }}</p>
+				<p id="subreddit_description">{{ sub.description }}</p>
+				<div id="subreddit_details">
 					<label>Members</label>
 					<label>Active</label>
 					<div>{{ sub.members }}</div>
 					<div>{{ sub.active }}</div>
 				</div>
 			</div>
+			<details id="sidebar">
+				<summary id="sidebar_label">Sidebar</summary>
+				<div id="sidebar_contents">{{ sub.info }}</div>
+			</details>
 		</aside>
 		{% endif %}
 	</main>