[www] branch master updated: news: change style.

[gnunet]

This is an automated email from the git hooks/post-receive script.

ng0 pushed a commit to branch master
in repository www.

The following commit(s) were added to refs/heads/master by this push:
     new c460594  news: change style.
     new caee593  Merge branch 'master' of gnunet.org:www
c460594 is described below

commit c460594266286e0ee6a3d1f594e82c5a2a641ea7
Author: ng0 <address@hidden>
AuthorDate: Tue Nov 5 10:15:24 2019 +0000

    news: change style.
---
 news/2019-06-DSTJ.html.j2 |  2 +-
 news/index.html.j2        | 46 ++++++++++++++++++++++++++++++----------------
 static/styles.sass        | 23 +++++++++++++++++++----
 3 files changed, 50 insertions(+), 21 deletions(-)

diff --git a/news/2019-06-DSTJ.html.j2 b/news/2019-06-DSTJ.html.j2
index dc124d7..0d1d3c6 100644
--- a/news/2019-06-DSTJ.html.j2
+++ b/news/2019-06-DSTJ.html.j2
@@ -2,7 +2,7 @@
 {% block body_content %}
   <h1>Peer DSTJ is dead, long live peer Y924</h1>
 <p>
-  After some issues with our infrastructure we needed to replace our 
bootstrapping peer. To avoid problems when connecting to GNUnet the operator of 
a peer needs to update its node by removing the peer ID 
<tt>DSTJBRRKZ8TBW3FGK6B0M5QXWT9WYNZ45H5MCV4HY7ST64Q8T9F0</tt> from the system. 
Here are two strategies to find copies of the respective file:
+  After some issues with our infrastructure we needed to replace our 
bootstrapping peer. To avoid problems when connecting to GNUnet the operator of 
a peer needs to update its node by removing the peer ID 
<i>DSTJBRRKZ8TBW3FGK6B0M5QXWT9WYNZ45H5MCV4HY7ST64Q8T9F0</i> from the system. 
Here are two strategies to find copies of the respective file:
 </p>
 <ol>
   <li><tt>$ locate 
DSTJBRRKZ8TBW3FGK6B0M5QXWT9WYNZ45H5MCV4HY7ST64Q8T9F0</tt></li>
diff --git a/news/index.html.j2 b/news/index.html.j2
index 6f3e36c..d18d40e 100644
--- a/news/index.html.j2
+++ b/news/index.html.j2
@@ -1,23 +1,37 @@
 {% extends "common/base.j2" %}
 {% block body_content %}
   <div class="container-fluid">
-    <div class="container text-center">
-      <h1>News</h1>
-    </div>
-  </div>
-  <div class="container">
-    <article>
-      <section>
-        <p>
-          News posts published by GNUnet about changes related to
-          GNUnet, releases, and events.
-        </p>
-        <ul>
+    <div class="container">
+      <article>
+        <div class="row">
+          <div class="container text-center">
+            <h1>{{ _("News") }}<a name="news"></a></h1>
+            <section>
+              <p>
+                News posts published by GNUnet about changes related to
+                GNUnet, releases, and events.
+              </p>
+            </section>
+          </div>
+        </div>
+        <div class="row">
           {% for item in newsdata %}
-            <li>{{ item['date'] }}: <a href="{{ item['page'] }}" title="{{ 
item['date']}}">{{ item['title'] }}</a></li>
+            <div class="col-lg-4">
+              <section class="item-preview">
+                <header>
+                  <h3>{{ item['title'] }}</h3>
+                  <p class="item-date">
+                    {{ item['date'] }}
+                  </p>
+                </header>
+                <p class="item-abstract">
+                  {{ item['abstract'] }}...[<a href="{{ item['page'] }}">read 
more</a>]
+                </p>
+              </section>
+            </div>
           {% endfor %}
-        </ul>
-      </section>
-    </article>
+        </div>
+      </article>
+    </div>
   </div>
 {% endblock body_content %}
diff --git a/static/styles.sass b/static/styles.sass
index 998313a..d554d72 100644
--- a/static/styles.sass
+++ b/static/styles.sass
@@ -313,7 +313,22 @@ a.subnav-anchor
   position: relative
   top: -80px
 
-a.item-preview
-   &:link &:visited
-     text-decoration: none
-     color: #212529
+.item-preview
+  &:link &visited
+   text-decoration: none
+   color: #212529
+   display: block
+   padding: 10px 15px
+   text-align: left
+  &:active &:focus &:hover
+    background-color: #F4BB15
+  h3
+    font-size: 1em
+    font-weight: bold
+    margin: 0px
+
+  p
+    word-wrap: break-word
+
+.item-date
+  font-size: 0.9em

-- 
To stop receiving notification emails like this one, please contact
address@hidden.