wiki: Format content just like we do on the blog

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>

diff --git a/src/scss/style.scss b/src/scss/style.scss
index 1b326cff97a56414403879080a0acf7aafd4afc5..4e45e83694d7bfee08f26cd9fb448ad1655d91ed 100644 (file)
--- a/src/scss/style.scss
+++ b/src/scss/style.scss
@@ -187,8 +187,8 @@ section {
        }
 }
 
-.blog-post {
-       .blog-header {
+.user-content {
+       .user-content-header {
                h4 {
                        margin-bottom: 0;
 
@@ -198,7 +198,7 @@ section {
                }
        }
 
-       .blog-content {
+       .user-content-body {
                h1, h2, h3, h4, h5, h6 {
                        font-size: 1.375rem;
                        font-weight: $headings-font-weight;
@@ -220,7 +220,7 @@ section {
        }
 
        &.lightning-wire-labs {
-               .blog-header {
+               .user-content-header {
                        h5 {
                                a {
                                        color: $lwl;
@@ -232,7 +232,7 @@ section {
                        }
                }
 
-               .blog-content {
+               .user-content-body {
                        a {
                                color: $lwl;
                        }

diff --git a/src/templates/blog/modules/post.html b/src/templates/blog/modules/post.html
index 6eb9c599555ebe3140efbb4471a3f0be7c554be1..a8c29867c5ba981bdc250b6ecc14ad3b242bee4e 100644 (file)
--- a/src/templates/blog/modules/post.html
+++ b/src/templates/blog/modules/post.html
@@ -1,7 +1,7 @@
 {% import ipfire.accounts as accounts %}
 
-<div class="blog-post {% if "lightningwirelabs.com" in post.tags %}lightning-wire-labs{% end %}">
-       <div class="blog-header">
+<div class="user-content {% if "lightningwirelabs.com" in post.tags %}lightning-wire-labs{% end %}">
+       <div class="user-content-header">
                <h4 class="card-title">
                        <a href="https://blog.ipfire.org/post/{{ post.slug }}">
                                {{ post.title }}
@@ -48,7 +48,7 @@
                </div>
        {% end %}
 
-       <div class="blog-content">
+       <div class="user-content-body">
                {% raw post.html %}
        </div>
 

diff --git a/src/templates/wiki/page.html b/src/templates/wiki/page.html
index 64760d7ffe9d6cfab21e7d6a24e54ac62c013843..13f08e645fb736af4e82840a242b7a259b7cb833 100644 (file)
--- a/src/templates/wiki/page.html
+++ b/src/templates/wiki/page.html
@@ -4,7 +4,11 @@
 
 {% block sidebar %}
        {% if page.sidebar %}
-               {% raw page.sidebar.html %}
+               <div class="user-content">
+                       <div class="user-content-body">
+                               {% raw page.sidebar.html %}
+                       </div>
+               </div>
        {% end %}
 {% end block %}
 
@@ -13,7 +17,11 @@
 
        <div class="card">
                <div class="card-body">
-                       {% raw page.html %}
+                       <div class="user-content">
+                               <div class="user-content-body">
+                                       {% raw page.html %}
+                               </div>
+                       </div>
                </div>
        </div>
 {% end block %}