[www] 01/02: fix usability stuff

[gnunet]

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

martin-schanzenbach pushed a commit to branch master
in repository www.

commit 9e75d993cdee1c26e7b588a7b4f302c11f99ddce
Author: Martin Schanzenbach <mschanzenbach@posteo.de>
AuthorDate: Fri Jul 3 20:30:40 2020 +0200

    fix usability stuff
---
 static/navbar.css      |  8 --------
 static/styles.css      | 14 +++++++++++++-
 template/index.html.j2 | 20 ++++++++++----------
 3 files changed, 23 insertions(+), 19 deletions(-)

diff --git a/static/navbar.css b/static/navbar.css
index 5768b89..3c2db9e 100644
--- a/static/navbar.css
+++ b/static/navbar.css
@@ -19,14 +19,6 @@
     margin-top: -1px;
 }
 
-.dropdown-menu li:hover .sub-menu {
-    visibility: visible;
-}
-
-.dropdown:hover .dropdown-menu {
-    display: block;
-}
-
 .nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
     margin-top: 0;
 }
diff --git a/static/styles.css b/static/styles.css
index 7e32f2b..3bacbea 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -1,3 +1,14 @@
+a.link:after {
+  font-size: .75em;
+  font-family: 'Font Awesome 5 Free';
+  content: " \f35d";
+  font-weight: 900;
+}
+
+a.link {
+  color: #3355FF; /* contrast for near white bg */
+}
+
 .static-top {
   position: fixed;
   top: 0;
@@ -196,7 +207,8 @@ body .banner {
   padding-bottom: 20px; }
 
 #body_content .banner a {
-  color: white; }
+  color: white;
+}
 
 .lang-slector {
   float: right;
diff --git a/template/index.html.j2 b/template/index.html.j2
index 367f6d3..205462b 100644
--- a/template/index.html.j2
+++ b/template/index.html.j2
@@ -6,7 +6,7 @@
   <div class="container text-center">
     <div class="row">
       <div class="container text-center">
-        <h1><a name="about"></a>{{ _("The Internet of tomorrow needs GNUnet 
today") }}</h1>
+        <h1>{{ _("The Internet of tomorrow needs GNUnet today") }}</h1>
       </div>
     </div>
 
@@ -21,7 +21,7 @@
       <div class="col-lg-2"></div>
       <div class="col-lg-6">
         <section>
-        <h3>{{ _("The Internet is broken") }}</h3>
+        <h2>{{ _("The Internet is broken") }}</h2>
         <p>
         {% trans %}
           The conventional Internet is currently like a system of
@@ -74,9 +74,9 @@
             distributed, and privacy-preserving applications.<br/>
             With
             strong roots in
-            <a href="https://bib.gnunet.org";>academic research</a>, our
+            <a class="link" href="https://bib.gnunet.org";>academic 
research</a>, our
             goal is to replace the
-            <a href="https://secushare.org/broken-internet";>old insecure 
Internet</a>
+            <a class="link" href="https://secushare.org/broken-internet";>old 
insecure Internet</a>
             protocol stack.
           {% endtrans %}
         </p>
@@ -92,7 +92,7 @@
       <div class="col-lg-2"></div>
       <div class="col-lg-6">
         <section>
-        <h3>{{ _("Metadata is exposed") }}</h3>
+        <h2>{{ _("Metadata is exposed") }}</h2>
         <p>
           {% trans %}
            Your metadata is just as revealing as the actual content; and it 
gets exposed on the Internet.<br>
@@ -126,7 +126,7 @@
         <p>
           {% trans %}
           GNUnet provides
-         <a href="https://www.w3.org/2014/strint/papers/65.pdf";>privacy by 
design</a>,
+         <a class="link" 
href="https://www.w3.org/2014/strint/papers/65.pdf";>privacy by design</a>,
          improving addressing, routing, naming and
           content distribution in a technically robust manner - as
           opposed to ad-hoc designs in place today.
@@ -150,13 +150,13 @@
       <div class="col-lg-2"></div>
       <div class="col-lg-6">
         <section>
-        <h3>{{ _("Freedoms are not respected") }}</h3>
+        <h2>{{ _("Freedoms are not respected") }}</h2>
         <p>
           {% trans %}
            Today, monitoring increasingly centralized infrastructure,
            proprietary implementations, traffic shapers and firewalls
            restrict all of the
-           <a href="https://www.gnu.org/philosophy/free-sw.html";>essential 
freedoms</a>
+           <a class="link" 
href="https://www.gnu.org/philosophy/free-sw.html";>essential freedoms</a>
            to various degrees.
           {% endtrans %}
         </p>
@@ -179,7 +179,7 @@
         <p>
         {% trans %}
           GNUnet is made for a free and open society: It&#39;s a 
self-organizing network and it
-          is <a href="http://www.gnu.org/philosophy/free-sw.html";>free 
software</a>
+          is <a class="link" 
href="http://www.gnu.org/philosophy/free-sw.html";>free software</a>
           as in freedom. GNUnet puts you in control of your data.
           You determine which data to share with whom, and you&#39;re not
           pressured to accept compromises.
@@ -201,7 +201,7 @@
       <div class="col-lg-2"></div>
       <div class="col-lg-6">
         <section>
-        <h3>{{ _("Decentralization is the key, but hard") }}</h3>
+        <h2>{{ _("Decentralization is the key, but hard") }}</h2>
 
         <p>
           {% trans %}

-- 
To stop receiving notification emails like this one, please contact
gnunet@gnunet.org.