gserver: Adding alt tags to img

Also changing the textsize of the not found placeholders
This commit is contained in:
Andreas Mieke 2015-09-27 11:10:28 +02:00
parent 2d188f1782
commit 0e5c002d13
8 changed files with 17 additions and 17 deletions

View file

@ -2,7 +2,7 @@
<div class="row"> <div class="row">
<h1 id="atName" class="small-12 columns">{{ .data.AT.Name.String }}</h1> <h1 id="atName" class="small-12 columns">{{ .data.AT.Name.String }}</h1>
<div class="medium-3 large-2 columns show-for-medium-up"> <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>
<div class="small-12 medium-9 large-10 columns"> <div class="small-12 medium-9 large-10 columns">
<h2>Aktuelle Let's Plays</h2> <h2>Aktuelle Let's Plays</h2>
@ -11,9 +11,9 @@
<li> <li>
<a class="th" href="/lets-play/{{ .Slug.String }}/"> <a class="th" href="/lets-play/{{ .Slug.String }}/">
{{ if .PosterS.Valid }} {{ if .PosterS.Valid }}
<img src="{{ .PosterS.String }}" /> <img alt="{{ .Name.String }} Cover" src="{{ .PosterS.String }}" />
{{ else }} {{ 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 }} {{ end }}
</a> </a>
<br /><a href="/lets-play/{{ .Slug.String }}/"><strong>{{ .Name.String }}</strong></a> <br /><a href="/lets-play/{{ .Slug.String }}/"><strong>{{ .Name.String }}</strong></a>
@ -25,7 +25,7 @@
{{ range .data.EPs }} {{ range .data.EPs }}
<li> <li>
<a class="th" href="/lets-play/{{ .LP.Slug.String }}/{{ .EP.Slug.String }}/"> <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>
<a href="/lets-play/{{ .LP.Slug.String }}/"><strong>{{ .LP.Name.String }}</strong></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 }}/">{{ .EP.Name.String }}</a>
@ -38,7 +38,7 @@
{{ range .data.LTs }} {{ range .data.LTs }}
<li> <li>
<a class="th" href="/testet/{{ .Slug.String }}/"> <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> </a>
<br /><a href="/testet/{{ .Slug.String }}/"><strong>{{ .Name.String }}</strong></a> <br /><a href="/testet/{{ .Slug.String }}/"><strong>{{ .Name.String }}</strong></a>
</li> </li>

View file

@ -7,9 +7,9 @@
<li> <li>
<a class="th" href="/zeige/{{ .AT.Slug.String }}/"> <a class="th" href="/zeige/{{ .AT.Slug.String }}/">
{{ if .AT.AvatarB.Valid }} {{ if .AT.AvatarB.Valid }}
<img src="{{ .AT.AvatarB.String }}" /> <img alt="{{ .AT.Name.String }}'s Avatar" src="{{ .AT.AvatarB.String }}" />
{{ else }} {{ 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 }} {{ end }}
</a> </a>
<br /><a href="/zeige/{{ .AT.Slug.String }}/"><strong>{{ .AT.Name.String }}</strong></a> <br /><a href="/zeige/{{ .AT.Slug.String }}/"><strong>{{ .AT.Name.String }}</strong></a>

View file

@ -12,12 +12,12 @@
<div class="medium-9 medium-pull-3 columns"> <div class="medium-9 medium-pull-3 columns">
<ul class="button-group even-2"> <ul class="button-group even-2">
{{ if .data.PREV.Name.Valid }} {{ 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 }} {{ 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> <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 }} {{ end }}
{{ if .data.NEXT.Name.Valid }} {{ 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 }} {{ 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> <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 }} {{ end }}

View file

@ -11,7 +11,7 @@
</head> </head>
<body> <body>
<div class="contain-to-grid sticky"> <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"> <ul class="title-area">
<li class="name"> <li class="name">
<h1><a href="/">Gronkh.DE <sub>Mirror</sub></a></h1> <h1><a href="/">Gronkh.DE <sub>Mirror</sub></a></h1>

View file

@ -6,7 +6,7 @@
{{ range .data }} {{ range .data }}
<li> <li>
<a class="th" href="/lets-play/{{ .LP.Slug.String }}/{{ .EP.Slug.String }}/"> <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>
<a href="/lets-play/{{ .LP.Slug.String }}/"><strong>{{ .LP.Name.String }}</strong></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 }}/">{{ .EP.Name.String }}</a>

View file

@ -2,7 +2,7 @@
<div class="row"> <div class="row">
<h1 id="lpName" class="small-12 columns">{{ .data.LP.Name.String }}</h1> <h1 id="lpName" class="small-12 columns">{{ .data.LP.Name.String }}</h1>
<div class="medium-3 large-2 columns"> <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> <h5><i class="fa fa-user fix-icon"></i> <a href="/zeige/{{ .data.AT.Slug.String }}/">{{ .data.AT.Name.String }}</a></h5>
</div> </div>
<div class="small-12 medium-9 large-10 columns"> <div class="small-12 medium-9 large-10 columns">
@ -10,7 +10,7 @@
<div class="row entry"> <div class="row entry">
<div class="large-12 columns"> <div class="large-12 columns">
<a href="/lets-play/{{ .LP.Slug.String }}/{{ .EP.Slug.String }}"> <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> </a>
<h4><a href="/lets-play/{{ .LP.Slug.String }}/{{ .EP.Slug.String }}">{{ .EP.Name.String }}</a></h4> <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> <p class="show-for-medium-up">{{ .EP.Descr.String }}</p>
@ -20,7 +20,7 @@
</div> </div>
</div> </div>
<div id="coverModal" class="reveal-modal" data-reveal aria-labelledby="lpName" aria-hidden="true" role="dialog"> <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> <a class="close-reveal-modal" aria-label="Close">&#215;</a>
</div> </div>
{{ template "footer.html" . }} {{ template "footer.html" . }}

View file

@ -7,9 +7,9 @@
<li> <li>
<a class="th" href="/lets-play/{{ .LP.Slug.String }}/"> <a class="th" href="/lets-play/{{ .LP.Slug.String }}/">
{{ if .LP.PosterS.Valid }} {{ if .LP.PosterS.Valid }}
<img src="{{ .LP.PosterS.String }}" /> <img alt="{{ .LP.Name.String }} Cover" src="{{ .LP.PosterS.String }}" />
{{ else }} {{ 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 }} {{ end }}
</a> </a>
<br /><a href="/lets-play/{{ .LP.Slug.String }}/"><strong>{{ .LP.Name.String }}</strong></a> <br /><a href="/lets-play/{{ .LP.Slug.String }}/"><strong>{{ .LP.Name.String }}</strong></a>

View file

@ -6,7 +6,7 @@
{{ range .data }} {{ range .data }}
<li> <li>
<a class="th" href="/testet/{{ .LT.Slug.String }}/"> <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> </a>
<br /><a href="/testet/{{ .LT.Slug.String }}/"><strong>{{ .LT.Name.String }}</strong></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> <br />von <a href="/zeige/{{ .AT.Slug.String }}/">{{ .AT.Name.String }}</a>