fix usability stuff

3 files changed, 23 insertions, 19 deletions

diff --git a/static/navbar.css b/static/navbar.css
index 5768b898..3c2db9ef 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 7e32f2be..3bacbea4 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 367f6d30..205462b1 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 %}