diff options
-rw-r--r-- | _data/news.yml | 10 | ||||
-rw-r--r-- | _layouts/postlist.html | 28 | ||||
-rw-r--r-- | assets/main.scss | 13 |
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;" - >[×]</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;" - >[×]</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">[×]</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; +} |