index.hbs 5.25 KB
Newer Older
Robert Czechowski's avatar
Robert Czechowski committed
1
<!DOCTYPE html>
2
<html lang="en" style="background-color: #fafafa;">
Robert Czechowski's avatar
Robert Czechowski committed
3
4
5
6
  <head>
    <meta charset="utf-8">
    <title>Jugendwettbewerb Informatik: Programmieren – einfacher als du denkst!</title>
    <link rel="stylesheet" href="/static/lib/bulma/bulma-0.7.5.css">
Robert Czechowski's avatar
Robert Czechowski committed
7
    <link rel="icon" href="/static/images/favicon.png" type="image/png">
Robert Czechowski's avatar
Robert Czechowski committed
8
  </head>
9
  <body style="background-color: white;">
Robert Czechowski's avatar
Robert Czechowski committed
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
    <div class="container">
      <div class="columns">
        <div class="column is-two-thirds">
          <p>&nbsp;<p>
          <img style="float:left; margin-right: 10px;" src="/static/images/klein.png">
          <h1 class="title">Jugendwettbewerb Informatik</h1>
          <h2 class="subtitle">Programmieren – einfacher als du denkst!</h2>
        </div>
        <div class="column is-one-third">
          &nbsp;
          {{#if logged_in}}
            <div class="columns alogin">
              <div class="column is-four-fifths">
                Eingeloggt als <em>{{ username }}</em>
                {{#if firstname}}{{#if lastname}}
                  ({{firstname}} {{lastname}})
                {{/if}}{{/if}}
                {{#if teacher}}
                  [Lehrer]
                {{/if}}
                <br>
                <a href="/profile" class="button is-info is-small">👤 &nbsp; Profil</a>
                {{#if teacher}}
                  <a href="/group/" class="button is-info is-small">&nbsp; Gruppenverwaltung</a>
                {{/if}}
              </div>
              <div class="column"><a href="/logout" class="button is-small is-danger" type="submit">&nbsp; Logout</a></div>
            </div>
            <div class="columns alogin">
              <div class="column"></div>
            </div>
          {{else}}
42
            <!--form action="login" method="post">
Robert Czechowski's avatar
Robert Czechowski committed
43
44
45
46
47
              <div class="columns blogin">
                <div class="column is-two-fifths"><input class="input is-small" type="text" name="username" autofocus placeholder="Benutzername"></div>
                <div class="column is-two-fifths"><input class="input is-small" type="password" name="password" placeholder="Passwort"></div>
                <div class="column"><input class="button is-small is-success" type="submit" value="↪ &nbsp; Login" onclick="login();"></div>
              </div>
48
49
            </form-->
            <form action="clogin" method="post">
Robert Czechowski's avatar
Robert Czechowski committed
50
              <div class="columns blogin">
51
                <div class="column is-four-fifths"><input class="input is-small" type="text" name="code" placeholder="Gruppencode / Teilnahmecode"></div>
Robert Czechowski's avatar
Robert Czechowski committed
52
53
54
                <div class="column"><input class="button is-small is-success" type="submit" value="↪ &nbsp; Login"></div>
              </div>
            </form>
55
56
57
58
59
            {{#if self_url}}
              {{#each oauth_links}}
                <div class="columns blogin">
                  <div class="column is-two-fifths"></div>
                  <div class="column">
60
                    <a class="button is-small is-info" href="{{ this.2 }}{{ ../self_url }}/oauth/{{ this.0 }}" style="float:right;">{{ this.1 }}</a>
61
                  </div>
Robert Czechowski's avatar
Robert Czechowski committed
62
                </div>
63
64
              {{/each}}
            {{/if}}  
Robert Czechowski's avatar
Robert Czechowski committed
65
66
67
          {{/if}}
        </div>
      </div>
Robert Czechowski's avatar
Robert Czechowski committed
68

Robert Czechowski's avatar
Robert Czechowski committed
69
70
71
72
73
74
75
76
77
      {{#if teacher}}
        <div class="columns alogin">
          <div class="column is-8 is-offset-2">
            <div class="notification is-warning">
              <h3 class="title is-5">Gruppenverwaltung</h3>
              <a href="/group/">Gruppen für die Wettbewerbsteilnahme anlegen und verwalten</a>
            </div>
          </div>
        </div>
Robert Czechowski's avatar
Robert Czechowski committed
78
      {{/if}}
Robert Czechowski's avatar
Robert Czechowski committed
79

Robert Czechowski's avatar
Robert Czechowski committed
80
81
82
83
84
85
86
87
88
89
90
91
      <div class="columns">
        <div class="column is-4 is-offset-2">
          <a href="https://wettbewerb.jwinf.de/contents/4210%252F4207?sell=1">
            <div class="notification" style="background-color:#e5fae5">
              <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:50%; margin:25px 25%">
              Zu den Trainingsaufgaben …
            </div>
          </a>
        </div>
        <div class="column is-4 is-offset-0">
92
          <a href="/contest/3">
Robert Czechowski's avatar
Robert Czechowski committed
93
94
            <div class="notification" style="background-color:#e5f0f8">
              <h3 class="title is-4">Jugendwettbewerb Informatik</h3>
95
              <h4 class="subtitle is-5">Probewettbewerb</h4>
Robert Czechowski's avatar
Robert Czechowski committed
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
              <img src="/static/images/white.png" style="width:50%; margin:25px 25%">
              Zu den Wettbewerbsaufgaben …
            </div>
          </a>
        </div>
      </div>
      <div class="columns">
        <div class="column is-4 is-offset-4">
          <a href="https://jwinf.de">
            <div class="notification">
              <h3 class="title is-4">Informationen</h3>
              <img src="/static/images/logomittext.png" style="width:50%; margin: 0px 25% 25px">
              Informationen zur Teilnahme und Anmeldung am Wettbewerb …
            </div>
          </a>
        </div>
      </div>
    </div>
    &nbsp;
    <footer class="footer">
      <div class="content has-text-centered">
        <p>
          Der <strong>Jugendwettbewerb Informatik</strong> ist ein Angebot der <a href="https://bwinf.de">Bundesweiten Informatikwettbewerbe</a>.
          </p>
      </div>
    </footer>
  </body>
</html>
Robert Czechowski's avatar
Robert Czechowski committed
124