summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorng0 <ng0@n0.is>2019-02-06 17:13:54 +0000
committerng0 <ng0@n0.is>2019-02-06 17:13:54 +0000
commit5826d7e71c37d9ff8c77c2ccea11ad7cae93a406 (patch)
tree47a04f8186d23718060846ec504417684e2fcdcc
parenta1d33c4bec5245fd04182c2326dc43d6e16eecf4 (diff)
add classes for unused skip element, add message in the footer to
report problems to us, more with ev
-rw-r--r--common/footer.j2.inc3
-rw-r--r--common/navigation.j2.inc9
-rw-r--r--ev.html.j24
-rw-r--r--styles.css34
4 files changed, 47 insertions, 3 deletions
diff --git a/common/footer.j2.inc b/common/footer.j2.inc
index 804f10f4..8a39e0af 100644
--- a/common/footer.j2.inc
+++ b/common/footer.j2.inc
@@ -1,4 +1,4 @@
-<footer>
+<footer id="footer">
<div class="container-fluid cushion-below">
<div class="container">
<div class="row">
@@ -28,5 +28,6 @@
<div class="container text-center">
<p>&copy; <a href="ev.html">GNUnet e.V.</a> 2015, 2016, 2017, 2018, 2019</p>
<p>{{ _("This page was created using <a href='https://www.gnu.org/'>Free Software</a> only.") }}</p>
+ <p>{{ _("Report issues with this website to <a href='contact.html'>us</a>.") }}</p>
</div>
</footer>
diff --git a/common/navigation.j2.inc b/common/navigation.j2.inc
index e03dd9c6..84f5b087 100644
--- a/common/navigation.j2.inc
+++ b/common/navigation.j2.inc
@@ -1,3 +1,12 @@
+<!--
+<div id="header" class="">
+ <ul class="skip">
+ <!-- <li><a href="#nav">jump to main navigation</a></li> -->
+ <li><a href="#content">jump to main content</a></li>
+ <li><a href="#footer">jump to footer</a></li>
+ </ul>
+</div>
+-->
<nav class="navbar navbar-inverse navbar-default">
<div class="container-fluid">
<ul class="nav navbar-nav">
diff --git a/ev.html.j2 b/ev.html.j2
index 7824bf9a..b0d2bf42 100644
--- a/ev.html.j2
+++ b/ev.html.j2
@@ -1,6 +1,6 @@
{% extends "common/base.j2" %}
{% block body_content %}
-<div>
+<main>
<div class="container-fluid">
<div class="container text-center">
<h1>{{ _("Verein zur F&ouml;rderung von GNUnet e.V.") }}</h1>
@@ -116,5 +116,5 @@
</div>
</div> <!-- /container -->
-</div>
+</main>
{% endblock body_content %}
diff --git a/styles.css b/styles.css
index 2f7cd174..4534f9e6 100644
--- a/styles.css
+++ b/styles.css
@@ -6,6 +6,34 @@
z-index: 3;
}
+.skip {
+ display:none!important;
+}
+
+.skip {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ font-size: .857143em;
+}
+
+.skip li {
+ position:absolute;
+ z-index:1;
+ margin:0;
+}
+.skip a {
+ position:absolute;
+ left:-9999px;
+}
+.skip a:active,
+.skip a:focus {
+ display:block;
+ position:static;
+ left:0;
+ padding:.25em 1em;
+}
/* hyperlinks and buttons */
#body_content a,
@@ -20,6 +48,12 @@ a.btn:visited {
text-decoration: none !important;
color: white !important;
}
+/* For reference if bootstrap does not cover the main-Element issue in IE9-11 */
+/*
+main {
+ display:block;
+}
+*/
#body_content a:hover {
transition: background-color 0.7s;
background-color: #d00;