base.hbs 7.78 KB
Newer Older
1
2
3
4
<!DOCTYPE html>
<html lang="en" style="background-color: #fafafa;">
  <head>
    <meta charset="utf-8">
5
    <meta name="viewport" content="width=450, maximum-scale=1">
6
7
8
9
10
    {{#if title }}
        <title>Jugendwettbewerb Informatik – {{title}}</title>
    {{else}}
        <title>Jugendwettbewerb Informatik: Programmieren – leichter, als du denkst!</title>
    {{/if}}
11
    <link rel="stylesheet" href="/static/lib/bulma/medal-bulma-0.7.5.css">
12
    <link rel="icon" href="/static/images/favicon.png" type="image/png">
13
14
15
16
    <style>
       ::placeholder {
          color: #888 !important;
       }
17
18
19
20
       .blogin {
          padding: 0px;
          margin: -20px;
       }
21
    </style>
22
  </head>
23
  <body style="background-color: {{#if config.server_message}}#fbebeb{{else}}white{{/if}};">
24
    <div class="container" style="padding: 1.5rem;">
25
      <div class="columns">
26
        <div class="column is-7">
27
          {{#if firstlogin }}
28
            <img style="float:left; margin-right: 10px; height: 70px;" src="/static/images/logo.png">
29
          {{else}}
30
            <a href="/">
31
              <img style="float:left; margin-right: 10px; height: 70px;" src="/static/images/logo.png">
32
33
            </a>
          {{/if}}
34
          <h1 class="title">Jugendwettbewerb Informatik</h1>
35
          <h2 class="subtitle">Programmieren – leichter, als du denkst!</h2>
36
        </div>
37
        <div class="column is-5">
38
          {{#if logged_in}}
39
            {{#if firstlogin }}{{else}}
40
              <div class="columns" style="margin-bottom: 0px;">
41
                <div class="column is-8">
42
43
                  Eingeloggt als <em>{{ username }}</em>
                  {{#if firstname}}{{#if lastname}}
44
                    {{firstname}} {{lastname}}
45
                  {{/if}}{{/if}}
46
47
48
                  {{#if admin}}
                    [ADMIN]
                  {{else}}
49
50
                  {{#if teacher}}
                    [Lehrer]
51
                  {{/if}}{{/if}}
52
53
                </div>
                <div class="column"><a href="/logout" class="button is-small is-danger" type="submit">&nbsp; Logout</a></div>
54
              </div>
55
56
57
58
59
              <div class="columns">
                <div class="column">
                  <a href="/profile" class="button is-info is-small">👤 &nbsp; Profil</a>
                  {{#if teacher}}
                    <a href="/group/" class="button is-warning is-small">&nbsp; Gruppenverwaltung</a>
60
                    <a href="/teacher" class="button is-success is-small">👨‍🏫 &nbsp; Lehrer-Informationen</a>
61
62
                  {{/if}}
                  {{#if admin}}
63
                    <a href="/admin/" class="button is-primary is-small">&nbsp; Administration</a>
64
65
                  {{/if}}
                </div>
66
              </div>
67
            {{/if}}
68
          {{else}}
69
70
            {{#if no_login}}
            {{else}}
71
72
73
74
75
76
            {{#if password_login}}
              <form action="/login" method="post" class="columns blogin">
                <div class="column is-8"><input class="input is-small" type="text" name="username" autofocus placeholder="Benutzername" style="width:50%"><input class="input is-small" type="password" name="password" placeholder="Passwort" style="width:50%"></div>
                <div class="column"><input class="button is-small is-success" type="submit" value="↪ &nbsp; Login" style="font-weight:bold;"></div>
              </form>
            {{/if}}
77
            <form action="/clogin" method="post" autocomplete="off" class="columns blogin">
78
79
              <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;">
80
81
82
                {{#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}}
83
              </div>
84
85
86
87
            </form>
            {{#if self_url}}
              {{#each oauth_links}}
                <div class="columns blogin">
88
                  <div class="column">
89
                     <a class="button is-small is-info"  style="font-weight:bold;float:right;" href="{{ this.2 }}{{ ../self_url }}/oauth/{{ this.0 }}/">{{ this.1 }}</a>
90
                     <div style="clear:both;"></div>
91
92
93
                  </div>
                </div>
              {{/each}}
94
            {{/if}}
95
            {{/if}}
96
97
98
          {{/if}}
        </div>
      </div>
99

100
      {{#if config.server_message}}
101
        {{#if firstlogin }}{{else}}
102
          <div class="columns">
103
104
            <div class="column is-8 is-offset-2">
              <div class="notification is-danger">
105
                {{{ config.server_message }}}
106
107
              </div>
            </div>
108
          </div>
109
        {{/if}}
110
      {{/if}}
111

112
113
      {{~> page}}
    </div>
114
    <footer class="footer" style="margin-top: 150px;">
115
116
      <div class="content has-text-centered">
        <p>
117
118

           Der <strong>Jugendwettbewerb Informatik</strong> ist ein Angebot der
119
120
121
122
123
          {{#if firstlogin }}
            Bundesweiten Informatikwettbewerbe.
          {{else}}
            <a href="https://bwinf.de">Bundesweiten Informatikwettbewerbe</a>.
          {{/if}}
124
          <img src="/static/images/dachmarke.svg" style="width:119px; height:72px; vertical-align: middle; margin-left:10px;">
125
        </p>
126
        <p>
127
128
129
130
          {{#if medal_version}}
            <nobr>Medal v{{medal_version}}</nobr>
            &nbsp;  &nbsp;  ·  &nbsp;  &nbsp;
          {{/if}}
131
           <a href="https://git.bwinf.de/bwinf/medal">Quellcode</a>
132
133
134
135
           &nbsp;  &nbsp;  ·  &nbsp;  &nbsp;
           <a href="https://bwinf.de/jugendwettbewerb/datenschutz/">Datenschutz</a>
           &nbsp;  &nbsp;  ·  &nbsp;  &nbsp;
           <a href="https://bwinf.de/impressum/">Impressum</a>
136
           &nbsp;  &nbsp;  ·  &nbsp;  &nbsp;
137
           <nobr>🖂 <a href="mailto:jugendwettbewerb@bwinf.de">jugendwettbewerb@bwinf.de</a></nobr>
138
           {{#if teacher}}
139
140
141
             &nbsp;  &nbsp;  ·  &nbsp;  &nbsp;
             <nobr>☏ 0228 9762 6999</nobr>
             &nbsp;  &nbsp;  ·  &nbsp;  &nbsp;
142
             <nobr><a href="https://git.bwinf.de/bwinf/medal/-/issues/new?issuable_template=bugreport">Bug melden</a></nobr>
143
           {{/if}}
144
145
        </p>
        <!--  <p>Diese Wettbewerbsplattform ist freie Software.</p> -->
146
147
148
149
        <div style="margin-top:100px">
        <p>
          Die Träger des Jugendwettbewerb Informatik:
          <a class="sponsor-item" href="https://www.gi.de/" target="_blank">
150
            <img src="/static/images/traeger_tr_gi.png" alt="Logo Gesellschaft für Informatik (GI)" title="Gesellschaft für Informatik (GI)" style="vertical-align: middle; margin:20px;">
151
152
          </a>
          <a class="sponsor-item" href="http://www.iuk.fraunhofer.de/" target="_blank">
153
            <img src="/static/images/traeger_tr_frauenhofer.png" alt="Logo Fraunhofer-Verbund IUK-Technologie" title="Fraunhofer-Verbund IUK-Technologie" style="vertical-align: middle; margin:20px;">
154
155
          </a>
          <a class="sponsor-item" href="https://www.mpi-inf.mpg.de/" target="_blank">
156
            <img src="/static/images/traeger_tr_mpi.png" alt="Logo Max-Planck-Institut für Informatik" title="Max-Planck-Institut für Informatik" style="vertical-align: middle; margin:20px;">
157
158
          </a>
          <a class="sponsor-item" href="https://www.bmbf.de/" target="_blank">
159
            <img src="/static/images/traeger_tr_bmbf.png" alt="Logo Bundesministerium für Bildung und Forschung" title="Bundesministerium für Bildung und Forschung" style="vertical-align: middle; margin:20px;">
160
161
162
          </a>
        </p>
        </div>
163
164
165
166
      </div>
    </footer>
  </body>
</html>