Replace static news by Jekyll data file.

Also, utilize CSS classes

3 files changed, 28 insertions, 23 deletions

diff --git a/_data/news.yml b/_data/news.yml
new file mode 100644
index 0000000..4684514
--- /dev/null
+++ b/_data/news.yml
@@ -0,0 +1,10 @@
+- id: AdBlock
+  content: >-
+    <div>
+      <div style="font-weight: bold">You don't seem to be using an ad blocker.</div>
+      <div>Please consider installing one.</div>
+    </div>
+- id: news1
+  content: >-
+    <p>Now also available via Tor</p>
+    <code>http://iwccx6ebuapto7dlkd4m5fooud6nqn2z7go7aass5c4q6vl6gzs5htad.onion/</code>
diff --git a/_layouts/postlist.html b/_layouts/postlist.html
index 765c014..0143919 100644
--- a/_layouts/postlist.html
+++ b/_layouts/postlist.html
@@ -3,30 +3,12 @@ layout: default
 ---
 
 <div class="home">
-  <div
-      id="AdBlock"
-      style="border-radius: 10px; padding: 5px; background: #eeeeee; margin-bottom: 1em; position: relative;"
-    >
-    <a
-        class="close-button"
-        style="position: absolute; top: 10px; right: 10px;"
-    >&lbrack;&times;&rbrack;</a>
-    <p>
-      <div style="font-weight: bold">You don't seem to be using an ad blocker.</div>
-      <div>Please consider installing one.</div>
-    </p>
-  </div>
-  <div
-      id="news1"
-      style="border-radius: 10px; padding: 5px; background: #eeeeee; margin-bottom: 1em; position: relative;"
-    >
-    <a
-        class="close-button"
-        style="position: absolute; top: 10px; right: 10px;"
-    >&lbrack;&times;&rbrack;</a>
-    <p>Now also available via Tor</p>
-    <code>http://iwccx6ebuapto7dlkd4m5fooud6nqn2z7go7aass5c4q6vl6gzs5htad.onion/</code>
+  {% for item in site.data.news %}
+  <div id="{{ item.id }}" class="news-item">
+    <a class="banner-close-button">&lbrack;&times;&rbrack;</a>
+    {{ item.content }}
   </div>
+  {% endfor %}
 
   {%- if page.title -%}
     <h1 class="page-heading">{{ page.title }}</h1>
diff --git a/assets/main.scss b/assets/main.scss
index 0d5ddd7..c33db18 100644
--- a/assets/main.scss
+++ b/assets/main.scss
@@ -46,3 +46,16 @@ a:visited {
   color: purple !important;
 }
 
+.news-item {
+  border-radius: 10px;
+  padding: 5px;
+  background: #eeeeee;
+  margin-bottom: 1em;
+  position: relative;
+}
+
+.banner-close-button {
+  position: absolute;
+  top: 10px;
+  right: 10px;
+}