From 0e5c002d13624e31c4a7257d49fc6fd7eb31e8b0 Mon Sep 17 00:00:00 2001
From: Andreas Mieke <andreas@1750studios.com>
Date: Sun, 27 Sep 2015 11:10:28 +0200
Subject: [PATCH] gserver: Adding alt tags to img Also changing the textsize of
 the not found placeholders

---
 gserver/templates/at.html      | 10 +++++-----
 gserver/templates/ats.html     |  4 ++--
 gserver/templates/episode.html |  4 ++--
 gserver/templates/header.html  |  2 +-
 gserver/templates/index.html   |  2 +-
 gserver/templates/lp.html      |  6 +++---
 gserver/templates/lps.html     |  4 ++--
 gserver/templates/lts.html     |  2 +-
 8 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/gserver/templates/at.html b/gserver/templates/at.html
index 744bf88..dbb4011 100644
--- a/gserver/templates/at.html
+++ b/gserver/templates/at.html
@@ -2,7 +2,7 @@
 <div class="row">
   <h1 id="atName" class="small-12 columns">{{ .data.AT.Name.String }}</h1>
   <div class="medium-3 large-2 columns show-for-medium-up">
-    <img src="{{ .data.AT.AvatarB.String }}" />
+    <img alt="{{ .data.AT.Name.String }}'s Avatar" src="{{ .data.AT.AvatarB.String }}" />
   </div>
   <div class="small-12 medium-9 large-10 columns">
     <h2>Aktuelle Let's Plays</h2>
@@ -11,9 +11,9 @@
       <li>
         <a class="th" href="/lets-play/{{ .Slug.String }}/">
           {{ if .PosterS.Valid }}
-          <img src="{{ .PosterS.String }}" />
+          <img alt="{{ .Name.String }} Cover" src="{{ .PosterS.String }}" />
           {{ else }}
-          <img src="https://placeholdit.imgix.net/~text?txtsize=12&txt=Kein%20Cover&w=178&h=265" />
+          <img alt="Kein Cover" src="https://placeholdit.imgix.net/~text?txtsize=12&txt=Kein%20Cover&w=178&h=265" />
           {{ end }}
         </a>
         <br /><a href="/lets-play/{{ .Slug.String }}/"><strong>{{ .Name.String }}</strong></a>
@@ -25,7 +25,7 @@
       {{ range .data.EPs }}
       <li>
         <a class="th" href="/lets-play/{{ .LP.Slug.String }}/{{ .EP.Slug.String }}/">
-          <img src="{{ .EP.ThumbS.String }}" />
+          <img alt="{{ .EP.Name.String }} Thumbail" src="{{ if .EP.ThumbS.Valid }}{{ .EP.ThumbS.String }}{{ else }}https://placeholdit.imgix.net/~text?txtsize=36&txt=Kein%20Thumbnail&w=265&h=149{{ end }}" />
         </a>
         <a href="/lets-play/{{ .LP.Slug.String }}/"><strong>{{ .LP.Name.String }}</strong></a>:
         <br /><a href="/lets-play/{{ .LP.Slug.String }}/{{ .EP.Slug.String }}/">{{ .EP.Name.String }}</a>
@@ -38,7 +38,7 @@
       {{ range .data.LTs }}
       <li>
         <a class="th" href="/testet/{{ .Slug.String }}/">
-          <img src="{{ .ThumbS.String }}" /></a>
+          <img alt="{{ .Name.String }} Thumbnail" src="{{ if .ThumbS.Valid }}{{ .ThumbS.String }}{{ else }}https://placeholdit.imgix.net/~text?txtsize=36&txt=Kein%20Thumbnail&w=265&h=149{{ end }}" />
         </a>
         <br /><a href="/testet/{{ .Slug.String }}/"><strong>{{ .Name.String }}</strong></a>
       </li>
diff --git a/gserver/templates/ats.html b/gserver/templates/ats.html
index a866be5..9a282f1 100644
--- a/gserver/templates/ats.html
+++ b/gserver/templates/ats.html
@@ -7,9 +7,9 @@
       <li>
         <a class="th" href="/zeige/{{ .AT.Slug.String }}/">
           {{ if .AT.AvatarB.Valid }}
-          <img src="{{ .AT.AvatarB.String }}" />
+          <img alt="{{ .AT.Name.String }}'s Avatar" src="{{ .AT.AvatarB.String }}" />
           {{ else }}
-          <img src="https://placeholdit.imgix.net/~text?txtsize=12&txt=Kein%20Avatar&w=240&h=240" />
+          <img alt="Kein Avatar" src="https://placeholdit.imgix.net/~text?txtsize=24&txt=Kein%20Avatar&w=240&h=240" />
           {{ end }}
         </a>
         <br /><a href="/zeige/{{ .AT.Slug.String }}/"><strong>{{ .AT.Name.String }}</strong></a>
diff --git a/gserver/templates/episode.html b/gserver/templates/episode.html
index 4f5e3f7..754e8e9 100644
--- a/gserver/templates/episode.html
+++ b/gserver/templates/episode.html
@@ -12,12 +12,12 @@
   <div class="medium-9 medium-pull-3 columns">
     <ul class="button-group even-2">
       {{ if .data.PREV.Name.Valid }}
-      <li><a href="/lets-play/{{ .data.LP.Slug.String }}/{{ .data.PREV.Slug.String }}" class="button"><i class="fa fa-angle-double-left"></i> {{ .data.PREV.Name.String }}</a></li>
+      <li><a rel="prev" href="/lets-play/{{ .data.LP.Slug.String }}/{{ .data.PREV.Slug.String }}" class="button"><i class="fa fa-angle-double-left"></i> {{ .data.PREV.Name.String }}</a></li>
       {{ else }}
       <li><a href="/lets-play/{{ .data.LP.Slug.String }}" class="button"><i class="fa fa-angle-double-up"></i> Zurück zur Übersicht</a></li>
       {{ end }}
       {{ if .data.NEXT.Name.Valid }}
-      <li><a href="/lets-play/{{ .data.LP.Slug.String }}/{{ .data.NEXT.Slug.String }}" class="button">{{ .data.NEXT.Name.String }} <i class="fa fa-angle-double-right"></i></a></li>
+      <li><a rel="next" href="/lets-play/{{ .data.LP.Slug.String }}/{{ .data.NEXT.Slug.String }}" class="button">{{ .data.NEXT.Name.String }} <i class="fa fa-angle-double-right"></i></a></li>
       {{ else }}
       <li><a href="/lets-play/{{ .data.LP.Slug.String }}" class="button"><i class="fa fa-angle-double-up"></i> Zurück zur Übersicht</a></li>
       {{ end }}
diff --git a/gserver/templates/header.html b/gserver/templates/header.html
index c912795..7f9924c 100644
--- a/gserver/templates/header.html
+++ b/gserver/templates/header.html
@@ -11,7 +11,7 @@
   </head>
   <body>
     <div class="contain-to-grid sticky">
-      <nav class="top-bar" data-topbar role="navigation" data-options="sticky_on: large">
+      <nav class="top-bar" data-topbar data-options="sticky_on: large">
         <ul class="title-area">
           <li class="name">
             <h1><a href="/">Gronkh.DE <sub>Mirror</sub></a></h1>
diff --git a/gserver/templates/index.html b/gserver/templates/index.html
index 25fb181..93ba8a7 100644
--- a/gserver/templates/index.html
+++ b/gserver/templates/index.html
@@ -6,7 +6,7 @@
       {{ range .data }}
       <li>
         <a class="th" href="/lets-play/{{ .LP.Slug.String }}/{{ .EP.Slug.String }}/">
-          <img src="{{ if .EP.ThumbS.Valid }}{{ .EP.ThumbS.String }}{{ else }}https://placeholdit.imgix.net/~text?txtsize=72&txt=Kein%20Thumbnail&w=265&h=149{{ end }}">
+          <img alt="{{ .EP.Name.String }} Thumbnail" src="{{ if .EP.ThumbS.Valid }}{{ .EP.ThumbS.String }}{{ else }}https://placeholdit.imgix.net/~text?txtsize=36&txt=Kein%20Thumbnail&w=265&h=149{{ end }}">
         </a>
         <a href="/lets-play/{{ .LP.Slug.String }}/"><strong>{{ .LP.Name.String }}</strong></a>:
         <br /><a href="/lets-play/{{ .LP.Slug.String }}/{{ .EP.Slug.String }}/">{{ .EP.Name.String }}</a>
diff --git a/gserver/templates/lp.html b/gserver/templates/lp.html
index 79d5d47..e98ed4f 100644
--- a/gserver/templates/lp.html
+++ b/gserver/templates/lp.html
@@ -2,7 +2,7 @@
 <div class="row">
   <h1 id="lpName" class="small-12 columns">{{ .data.LP.Name.String }}</h1>
   <div class="medium-3 large-2 columns">
-    {{ if .data.LP.PosterB.Valid }}<a class="th show-for-medium-up" href="{{ .data.LP.PosterB.String }}" data-reveal-id="coverModal">{{ end }}<img src="{{ .data.LP.PosterS.String }}" />{{ if .data.LP.PosterB.Valid }}</a>{{ end }}
+    {{ if .data.LP.PosterB.Valid }}<a class="th show-for-medium-up" href="{{ .data.LP.PosterB.String }}" data-reveal-id="coverModal">{{ end }}<img alt="{{ .data.LP.Name.String }} Cover" src="{{ .data.LP.PosterS.String }}" />{{ if .data.LP.PosterB.Valid }}</a>{{ end }}
     <h5><i class="fa fa-user fix-icon"></i> <a href="/zeige/{{ .data.AT.Slug.String }}/">{{ .data.AT.Name.String }}</a></h5>
   </div>
   <div class="small-12 medium-9 large-10 columns">
@@ -10,7 +10,7 @@
     <div class="row entry">
       <div class="large-12 columns">
         <a href="/lets-play/{{ .LP.Slug.String }}/{{ .EP.Slug.String }}">
-          <img src="{{ if .EP.ThumbS.Valid }}{{ .EP.ThumbS.String }}{{ else }}https://placeholdit.imgix.net/~text?txtsize=72&txt=Kein%20Thumbnail&w=265&h=149{{ end }}" />
+          <img alt="{{ .EP.Name.String }} Thumbnail" src="{{ if .EP.ThumbS.Valid }}{{ .EP.ThumbS.String }}{{ else }}https://placeholdit.imgix.net/~text?txtsize=36&txt=Kein%20Thumbnail&w=265&h=149{{ end }}" />
         </a>
         <h4><a href="/lets-play/{{ .LP.Slug.String }}/{{ .EP.Slug.String }}">{{ .EP.Name.String }}</a></h4>
         <p class="show-for-medium-up">{{ .EP.Descr.String }}</p>
@@ -20,7 +20,7 @@
   </div>
 </div>
 <div id="coverModal" class="reveal-modal" data-reveal aria-labelledby="lpName" aria-hidden="true" role="dialog">
-  <img src="{{ .data.LP.PosterB.String }}">
+  <img alt="{{ .data.LP.Name.String }} Cover groß" src="{{ .data.LP.PosterB.String }}">
   <a class="close-reveal-modal" aria-label="Close">&#215;</a>
 </div>
 {{ template "footer.html" . }}
diff --git a/gserver/templates/lps.html b/gserver/templates/lps.html
index d8e9ced..9d51f76 100644
--- a/gserver/templates/lps.html
+++ b/gserver/templates/lps.html
@@ -7,9 +7,9 @@
       <li>
         <a class="th" href="/lets-play/{{ .LP.Slug.String }}/">
           {{ if .LP.PosterS.Valid }}
-          <img src="{{ .LP.PosterS.String }}" />
+          <img alt="{{ .LP.Name.String }} Cover" src="{{ .LP.PosterS.String }}" />
           {{ else }}
-          <img src="https://placeholdit.imgix.net/~text?txtsize=24&txt=Kein%20Cover&w=178&h=265" />
+          <img alt="Kein Cover" src="https://placeholdit.imgix.net/~text?txtsize=24&txt=Kein%20Cover&w=178&h=265" />
           {{ end }}
         </a>
         <br /><a href="/lets-play/{{ .LP.Slug.String }}/"><strong>{{ .LP.Name.String }}</strong></a>
diff --git a/gserver/templates/lts.html b/gserver/templates/lts.html
index 7ce5077..0b9ce17 100644
--- a/gserver/templates/lts.html
+++ b/gserver/templates/lts.html
@@ -6,7 +6,7 @@
       {{ range .data }}
       <li>
         <a class="th" href="/testet/{{ .LT.Slug.String }}/">
-          <img src="{{ if .LT.ThumbS.Valid }}{{ .LT.ThumbS.String }}{{ else }}https://placeholdit.imgix.net/~text?txtsize=72&txt=Kein%20Thumbnail&w=265&h=149{{ end }}" /></a>
+          <img alt="{{ .LT.Name.String }} Thumbnail" src="{{ if .LT.ThumbS.Valid }}{{ .LT.ThumbS.String }}{{ else }}https://placeholdit.imgix.net/~text?txtsize=36&txt=Kein%20Thumbnail&w=265&h=149{{ end }}" /></a>
         </a>
         <br /><a href="/testet/{{ .LT.Slug.String }}/"><strong>{{ .LT.Name.String }}</strong></a>
         <br />von <a href="/zeige/{{ .AT.Slug.String }}/">{{ .AT.Name.String }}</a>