Skip to content

GitLab

Commit 970544f8 authored by Robert Czechowski's avatar Robert Czechowski
Browse files

Template jwinf: Replace unicode arrows on front page by svg arrows

parent a7ec45a7
Hide whitespace changes
Inline Side-by-side
static/images/icons/arrow.svg 0 → 100644
View file @ 970544f8
<?xml version="1.0" encoding="utf-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path d="M16 12H6c-1.7 0-3 1.3-3 3h13v3l5-4.5L16 9v3z"/>
</svg>
static/images/icons/external-link.svg 0 → 100644
View file @ 970544f8
<?xml version="1.0" encoding="utf-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<g id="external">
<path id="box" d="M4 4h6v2H6v12h12v-4h2v6H4z"/>
<path id="arrow" d="M12.42 4H20v7.58l-2.84-2.846L12.892 13 11 11.106l4.264-4.266z"/>
</g>
</svg>
static/images/icons/help.svg 0 → 100644
View file @ 970544f8
<?xml version="1.0" encoding="utf-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<g id="help">
<path id="circle" d="M12 2.085c-5.477 0-9.915 4.438-9.915 9.916 0 5.48 4.438 9.92 9.916 9.92 5.48 0 9.92-4.44 9.92-9.913 0-5.477-4.44-9.915-9.913-9.915zm.002 18a8.084 8.084 0 1 1 0-16.168 8.084 8.084 0 0 1 0 16.168z"/>
<g id="question-mark">
<path id="top" d="M11.766 6.688c-2.5 0-3.22 2.188-3.22 2.188l1.412.854s.298-.79.9-1.23c.517-.374 1.626-.624 2.22.126.7.885-.17 1.587-1.078 2.72C11.047 12.53 11 15 11 15h1.97s.134-2.318 1.04-3.38c.603-.708 1.443-1.34 1.443-2.495s-1.187-2.437-3.687-2.437z"/>
<path id="bottom" d="M11 16h2v2h-2z"/>
</g>
</g>
</svg>
tasks/exampletask/index.html
View file @ 970544f8
t<h1>Actual Task</h1>
<h1>Actual Task</h1>
<input id="input">
......
templates/jwinf/base.hbs
View file @ 970544f8
......@@ -77,7 +77,9 @@
<form action="/clogin" method="post" autocomplete="off" class="columns blogin">
<div class="column is-8"><input class="input is-small" type="text" name="code" placeholder="Gruppencode oder Logincode" autofocus></div>
<div class="column"><input class="button is-small is-success" type="submit" value="↪ &nbsp; Login" style="font-weight:bold;">
{{#if config.login_helper_link}} &nbsp; <a href="{{ config.login_helper_link }}" style="font-size: small;"> (?)</a>{{/if}}
{{#if config.login_helper_link}} &nbsp; <a href="{{ config.login_helper_link }}">
<img src="/static/images/icons/help.svg" style="filter: invert(43%) sepia(45%) saturate(3202%) hue-rotate(189deg) brightness(88%) contrast(86%);height: 2.5ex;">
</a>{{/if}}
</div>
</form>
{{#if self_url}}
......
templates/jwinf/index.hbs
View file @ 970544f8
......@@ -23,7 +23,8 @@
<h3 class="title is-4">Trainingsaufgaben</h3>
<h4 class="subtitle is-5">Zum Ausprobieren und Üben</h4>
<img src="/static/images/green.png" style="width:30%; margin:10px 35% 25px">
➙ Zu den Trainingsaufgaben …
<img src="/static/images/icons/arrow.svg" style="vertical-align: text-bottom; filter: invert(43%) sepia(45%) saturate(3202%) hue-rotate(189deg) brightness(88%) contrast(86%);height:2.5ex;">
Zu den Trainingsaufgaben …
</a>
</div>
<div class="tile is-parent is-6">
......@@ -31,7 +32,8 @@
<h3 class="title is-4">Aktuelle Wettbewerbe</h3>
<h4 class="subtitle is-5">Jugendwettbewerb Informatik</h4>
<img src="/static/images/white.png" style="width:30%; margin:10px 35% 25px">
➙ Zu den Wettbewerben …
<img src="/static/images/icons/arrow.svg" style="vertical-align: text-bottom; filter: invert(43%) sepia(45%) saturate(3202%) hue-rotate(189deg) brightness(88%) contrast(86%);height:2.5ex;">
Zu den Wettbewerben …
</a>
</div>
</div>
......@@ -39,9 +41,12 @@
{{#if config.information_link}}
<div class="tile is-6 is-parent">
<a href="{{ config.information_link }}" class="tile is-child notification">
<h3 class="title is-4">➚ Informationen</h3>
<img src="/static/images/logomittext.png" style="width:60%; margin: -25px 20% 25px;">
➚ Informationen zur Anmeldung und Teilnahme am Wettbewerb, Termine, Materialien und mehr …
<h3 class="title is-4">
<img src="/static/images/icons/external-link.svg" style="vertical-align: text-bottom; filter: invert(43%) sepia(45%) saturate(3202%) hue-rotate(189deg) brightness(88%) contrast(86%);height:2.5ex;">
Informationen</h3>
<img src="/static/images/logomittext.png" style="width:60%; margin: -25px 20% 25px;">
<img src="/static/images/icons/external-link.svg" style="vertical-align: text-bottom; filter: invert(43%) sepia(45%) saturate(3202%) hue-rotate(189deg) brightness(88%) contrast(86%); height:2.5ex;">
Informationen zur Anmeldung und Teilnahme am Wettbewerb, Termine, Materialien und mehr …
</a>
</div>
{{/if}}
......@@ -50,7 +55,8 @@
<h3 class="title is-4">Herausforderungen</h3>
<h4 class="subtitle is-5">Aufgaben mit und ohne Zeitbeschränkung</h4>
<img src="/static/images/gross.png" style="width:30%; margin: 0px 35% 37px;">
➙ Zu den Herausforderungen …
<img src="/static/images/icons/arrow.svg" style="vertical-align: text-bottom; filter: invert(43%) sepia(45%) saturate(3202%) hue-rotate(189deg) brightness(88%) contrast(86%);height:2.5ex;">
Zu den Herausforderungen …
</a>
</div>
</div>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment