From 898fee21b8cc2d45fdedcd1f1a31762813211380 Mon Sep 17 00:00:00 2001
From: Andreas Mieke <andreas@1750studios.com>
Date: Mon, 28 Sep 2015 21:35:37 +0200
Subject: [PATCH] Adding basic Microdata to templates

---
 gserver/main.go                |  1 -
 gserver/templates/at.html      | 30 +++++++++++++++---------------
 gserver/templates/ats.html     |  8 ++++----
 gserver/templates/episode.html | 18 +++++++++++-------
 gserver/templates/index.html   |  8 ++++----
 gserver/templates/lp.html      | 18 +++++++++---------
 gserver/templates/lps.html     |  8 ++++----
 gserver/templates/lt.html      | 16 ++++++++++------
 gserver/templates/lts.html     |  8 ++++----
 9 files changed, 61 insertions(+), 54 deletions(-)

diff --git a/gserver/main.go b/gserver/main.go
index 2f91923..0f5b457 100644
--- a/gserver/main.go
+++ b/gserver/main.go
@@ -53,7 +53,6 @@ func initRouter() *gin.Engine {
         v3.GET("/author/:aid/lets-plays", apiv3.GetAuthorLps)
         v3.GET("/authors/*aid", apiv3.GetAuthors)
 
-        //v3.GET("/test", apiv3.GetTests)
         v3.GET("/tests/*tid", apiv3.GetTests)
 
         v3.GET("/lets-play/:lid/episodes/*eid", apiv3.GetLpEpisodes)
diff --git a/gserver/templates/at.html b/gserver/templates/at.html
index dbb4011..3ab00df 100644
--- a/gserver/templates/at.html
+++ b/gserver/templates/at.html
@@ -1,34 +1,34 @@
 {{ template "header.html" . }}
-<div class="row">
-  <h1 id="atName" class="small-12 columns">{{ .data.AT.Name.String }}</h1>
+<div class="row" itemscope itemtype="http://schema.org/Person">
+  <h1 id="atName" class="small-12 columns" itemprop="name">{{ .data.AT.Name.String }}</h1>
   <div class="medium-3 large-2 columns show-for-medium-up">
-    <img alt="{{ .data.AT.Name.String }}'s Avatar" src="{{ .data.AT.AvatarB.String }}" />
+    <img alt="{{ .data.AT.Name.String }}'s Avatar" src="{{ .data.AT.AvatarB.String }}" itemprop="image" />
   </div>
   <div class="small-12 medium-9 large-10 columns">
     <h2>Aktuelle Let's Plays</h2>
     <ul class="small-block-grid-2 medium-block-grid-3 large-block-grid-5">
       {{ range .data.LPs }}
-      <li>
-        <a class="th" href="/lets-play/{{ .Slug.String }}/">
+      <li itemscope itemtype="http://schema.org/TVSeries">
+        <a class="th" href="/lets-play/{{ .Slug.String }}/" itemprop="url">
           {{ if .PosterS.Valid }}
-          <img alt="{{ .Name.String }} Cover" src="{{ .PosterS.String }}" />
+          <img alt="{{ .Name.String }} Cover" src="{{ .PosterS.String }}" itemprop="thumbnailUrl" />
           {{ else }}
           <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>
+        <br /><a href="/lets-play/{{ .Slug.String }}/"><strong itemprop="name">{{ .Name.String }}</strong></a>
       </li>
       {{ end }}
     </ul>
     <h2>Aktuelle Episoden</h2>
     <ul class="small-block-grid-2 medium-block-grid-3 large-block-grid-5">
       {{ range .data.EPs }}
-      <li>
-        <a class="th" href="/lets-play/{{ .LP.Slug.String }}/{{ .EP.Slug.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 }}" />
+      <li itemscope itemtype="http://schema.org/Episode">
+        <a class="th" href="/lets-play/{{ .LP.Slug.String }}/{{ .EP.Slug.String }}/" itemprop="url">
+          <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 }}" itemprop="thumbnailUrl" />
         </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>
+        <br /><a href="/lets-play/{{ .LP.Slug.String }}/{{ .EP.Slug.String }}/"><span itemprop="name">{{ .EP.Name.String }}</span></a>
       </li>
       {{ end }}
     </ul>
@@ -36,11 +36,11 @@
     <h2>Aktuelle Let's Tests</h2>
     <ul class="small-block-grid-2 medium-block-grid-3 large-block-grid-5">
       {{ range .data.LTs }}
-      <li>
-        <a class="th" href="/testet/{{ .Slug.String }}/">
-          <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 }}" />
+      <li itemscope itemtype="http://schema.org/Episode">
+        <a class="th" href="/testet/{{ .Slug.String }}/" itemprop="url">
+          <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 }}" itemprop="thumbnailUrl" />
         </a>
-        <br /><a href="/testet/{{ .Slug.String }}/"><strong>{{ .Name.String }}</strong></a>
+        <br /><a href="/testet/{{ .Slug.String }}/"><strong itemprop="name">{{ .Name.String }}</strong></a>
       </li>
       {{ end }}
     </ul>
diff --git a/gserver/templates/ats.html b/gserver/templates/ats.html
index 9a282f1..efaf8ca 100644
--- a/gserver/templates/ats.html
+++ b/gserver/templates/ats.html
@@ -4,15 +4,15 @@
     <h1>{{ .title }}</h1>
     <ul class="small-block-grid-2 medium-block-grid-4 large-block-grid-6">
       {{ range .data }}
-      <li>
-        <a class="th" href="/zeige/{{ .AT.Slug.String }}/">
+      <li itemscope itemtype="http://schema.org/Person">
+        <a class="th" href="/zeige/{{ .AT.Slug.String }}/" itemprop="url">
           {{ if .AT.AvatarB.Valid }}
-          <img alt="{{ .AT.Name.String }}'s Avatar" src="{{ .AT.AvatarB.String }}" />
+          <img alt="{{ .AT.Name.String }}'s Avatar" src="{{ .AT.AvatarB.String }}" itemprop="image" />
           {{ else }}
           <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>
+        <br /><a href="/zeige/{{ .AT.Slug.String }}/"><strong itemprop="name">{{ .AT.Name.String }}</strong></a>
       </li>
       {{ end }}
     </ul>
diff --git a/gserver/templates/episode.html b/gserver/templates/episode.html
index 754e8e9..35cc150 100644
--- a/gserver/templates/episode.html
+++ b/gserver/templates/episode.html
@@ -1,13 +1,17 @@
 {{ template "header.html" . }}
-<div class="row">
+<div class="row" itemscope itemtype="http://schema.org/Episode">
   <div class="flex-video widescreen vimeo">
     <iframe width="213" height="120" src="//www.youtube.com/embed/{{ .data.EP.Youtube.String }}" frameborder="0" allowfullscreen></iframe>
   </div>
   <div class="medium-3 medium-push-9 columns">
-    <h5><i class="fa fa-gamepad fix-icon"></i> <a href="/lets-play/{{ .data.LP.Slug.String}}/">{{ .data.LP.Name.String }}</a></h5>
-    <h5><i class="fa fa-user fix-icon"></i> <a href="/zeige/{{ .data.AT.Slug.String }}/">{{ .data.AT.Name.String }}</a></h5>
-    <h5><i class="fa fa-star fix-icon"></i> {{ .data.EP.Rating.Float64 }} von 10</h5>
-    <h5><i class="fa fa-users fix-icon"></i> {{ .data.EP.Votes.Int64 }} Stimmen</h5>
+    <h5 itemscope itemtype="http://schema.org/TVSeries"><i class="fa fa-gamepad fix-icon"></i> <a href="/lets-play/{{ .data.LP.Slug.String}}/" itemprop="url"><span itemprop="name">{{ .data.LP.Name.String }}</span></a></h5>
+    <h5 itemscope itemtype="http://schema.org/Person"><i class="fa fa-user fix-icon"></i> <a href="/zeige/{{ .data.AT.Slug.String }}/" itemprop="url"><span itemprop="name">{{ .data.AT.Name.String }}</span></a></h5>
+    <div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
+      <meta itemprop="bestRating" content="10" />
+      <meta itemprop="worstRating" content="0" />
+      <h5><i class="fa fa-star fix-icon"></i> <span itemprop="ratingValue">{{ .data.EP.Rating.Float64 }}</span> von 10</h5>
+      <h5><i class="fa fa-users fix-icon"></i> <span itemprop="ratingCount">{{ .data.EP.Votes.Int64 }}</span> Stimmen</h5>
+    </div>
   </div>
   <div class="medium-9 medium-pull-3 columns">
     <ul class="button-group even-2">
@@ -22,8 +26,8 @@
       <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 }}
     </ul>
-    <h1>{{ .data.EP.Name.String }}</h1>
-    <p>{{ .data.DESC }}</p>
+    <h1 itemprop="name">{{ .data.EP.Name.String }}</h1>
+    <p itemprop="description">{{ .data.DESC }}</p>
   </div>
 </div>
 {{ template "footer.html" . }}
diff --git a/gserver/templates/index.html b/gserver/templates/index.html
index 93ba8a7..30b8e72 100644
--- a/gserver/templates/index.html
+++ b/gserver/templates/index.html
@@ -4,12 +4,12 @@
     <h1>{{ .title }}</h1>
     <ul class="small-block-grid-2 medium-block-grid-4 large-block-grid-5">
       {{ range .data }}
-      <li>
-        <a class="th" href="/lets-play/{{ .LP.Slug.String }}/{{ .EP.Slug.String }}/">
-          <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 }}">
+      <li itemscope itemtype="http://schema.org/Episode">
+        <a class="th" href="/lets-play/{{ .LP.Slug.String }}/{{ .EP.Slug.String }}/" itemprop="url">
+          <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 }}" itemprop="thumbnailUrl">
         </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>
+        <br /><a href="/lets-play/{{ .LP.Slug.String }}/{{ .EP.Slug.String }}/"><span itemprop="name">{{ .EP.Name.String }}</span></a>
         <br />von <a href="/zeige/{{ .AT.Slug.String }}/">{{ .AT.Name.String }}</a>
       </li>
       {{ end }}
diff --git a/gserver/templates/lp.html b/gserver/templates/lp.html
index e98ed4f..3f40b6c 100644
--- a/gserver/templates/lp.html
+++ b/gserver/templates/lp.html
@@ -1,19 +1,19 @@
 {{ template "header.html" . }}
-<div class="row">
-  <h1 id="lpName" class="small-12 columns">{{ .data.LP.Name.String }}</h1>
+<div class="row" itemscope itemtype="http://schema.org/TVSeries">
+  <h1 id="lpName" class="small-12 columns" itemprop="name">{{ .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 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>
+    {{ 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 }}" itemprop="thumbnailUrl" />{{ if .data.LP.PosterB.Valid }}</a>{{ end }}
+    <h5 itemscope itemtype="http://schema.org/Person"><i class="fa fa-user fix-icon"></i> <a href="/zeige/{{ .data.AT.Slug.String }}/" itemprop="url"><span itemprop="name">{{ .data.AT.Name.String }}</span></a></h5>
   </div>
   <div class="small-12 medium-9 large-10 columns">
     {{ range .data.EPs }}
-    <div class="row entry">
+    <div class="row entry" itemscope itemtype="http://schema.org/Episode">
       <div class="large-12 columns">
-        <a href="/lets-play/{{ .LP.Slug.String }}/{{ .EP.Slug.String }}">
-          <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 href="/lets-play/{{ .LP.Slug.String }}/{{ .EP.Slug.String }}" itemprop="url">
+          <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 }}" itemprop="thumbnailUrl" />
         </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>
+        <h4><a href="/lets-play/{{ .LP.Slug.String }}/{{ .EP.Slug.String }}"><span itemprop="name">{{ .EP.Name.String }}</span></a></h4>
+        <p class="show-for-medium-up" itemprop="description">{{ .EP.Descr.String }}</p>
       </div>
     </div>
     {{ end }}
diff --git a/gserver/templates/lps.html b/gserver/templates/lps.html
index 9d51f76..396ee5e 100644
--- a/gserver/templates/lps.html
+++ b/gserver/templates/lps.html
@@ -4,15 +4,15 @@
     <h1>{{ .title }}</h1>
     <ul class="small-block-grid-3 medium-block-grid-5 large-block-grid-5">
       {{ range .data }}
-      <li>
-        <a class="th" href="/lets-play/{{ .LP.Slug.String }}/">
+      <li itemscope itemtype="http://schema.org/TVSeries">
+        <a class="th" href="/lets-play/{{ .LP.Slug.String }}/" itemprop="url">
           {{ if .LP.PosterS.Valid }}
-          <img alt="{{ .LP.Name.String }} Cover" src="{{ .LP.PosterS.String }}" />
+          <img alt="{{ .LP.Name.String }} Cover" src="{{ .LP.PosterS.String }}" itemprop="thumbnailUrl" />
           {{ else }}
           <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>
+        <br /><a href="/lets-play/{{ .LP.Slug.String }}/"><strong itemprop="name">{{ .LP.Name.String }}</strong></a>
         <br />von <a href="/zeige/{{ .AT.Slug.String }}/">{{ .AT.Name.String }}</a>
       </li>
       {{ end }}
diff --git a/gserver/templates/lt.html b/gserver/templates/lt.html
index d1730b3..de4b69a 100644
--- a/gserver/templates/lt.html
+++ b/gserver/templates/lt.html
@@ -1,16 +1,20 @@
 {{ template "header.html" . }}
-<div class="row">
+<div class="row" itemscope itemtype="http://schema.org/Episode">
   <div class="flex-video widescreen vimeo">
     <iframe width="213" height="120" src="//www.youtube.com/embed/{{ .data.LT.Youtube.String }}" frameborder="0" allowfullscreen></iframe>
   </div>
   <div class="medium-3 medium-push-9 columns">
-    <h5><i class="fa fa-user fix-icon"></i> <a href="/zeige/{{ .data.AT.Slug.String }}/">{{ .data.AT.Name.String }}</a></h5>
-    <h5><i class="fa fa-star fix-icon"></i> {{ .data.LT.Rating.Float64 }} von 10</h5>
-    <h5><i class="fa fa-users fix-icon"></i> {{ .data.LT.Votes.Int64 }} Stimmen</h5>
+    <h5 itemscope itemtype="http://schema.org/Person"><i class="fa fa-user fix-icon"></i> <a href="/zeige/{{ .data.AT.Slug.String }}/" itemprop="url"><span itemprop="name">{{ .data.AT.Name.String }}</span></a></h5>
+    <div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
+      <meta itemprop="bestRating" content="10" />
+      <meta itemprop="worstRating" content="0" />
+      <h5><i class="fa fa-star fix-icon"></i> <span itemprop="ratingValue">{{ .data.LT.Rating.Float64 }}</span> von 10</h5>
+      <h5><i class="fa fa-users fix-icon"></i> <span itemprop="ratingCount">{{ .data.LT.Votes.Int64 }}</span> Stimmen</h5>
+    </div>
   </div>
   <div class="medium-9 medium-pull-3 columns">
-    <h1 id="ltName">{{ .data.LT.Name.String }}</h1>
-    <p>{{ .data.DESC }}</p>
+    <h1 id="ltName" itemprop="name">{{ .data.LT.Name.String }}</h1>
+    <p itemprop="description">{{ .data.DESC }}</p>
   </div>
 </div>
 {{ template "footer.html" . }}
diff --git a/gserver/templates/lts.html b/gserver/templates/lts.html
index 0b9ce17..c63f646 100644
--- a/gserver/templates/lts.html
+++ b/gserver/templates/lts.html
@@ -4,11 +4,11 @@
     <h1>{{ .title }}</h1>
     <ul class="small-block-grid-2 medium-block-grid-4 large-block-grid-5">
       {{ range .data }}
-      <li>
-        <a class="th" href="/testet/{{ .LT.Slug.String }}/">
-          <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>
+      <li itemscope itemtype="http://schema.org/Episode">
+        <a class="th" href="/testet/{{ .LT.Slug.String }}/" itemprop="url">
+          <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 }}" itemprop="thumbnailUrl" /></a>
         </a>
-        <br /><a href="/testet/{{ .LT.Slug.String }}/"><strong>{{ .LT.Name.String }}</strong></a>
+        <br /><a href="/testet/{{ .LT.Slug.String }}/"><strong itemprop="name">{{ .LT.Name.String }}</strong></a>
         <br />von <a href="/zeige/{{ .AT.Slug.String }}/">{{ .AT.Name.String }}</a>
       </li>
       {{ end }}