Skip to content
GitLab
Menu
Projects
Groups
Snippets
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Menu
Open sidebar
bwinf
medal
Commits
0e6f5640
Commit
0e6f5640
authored
Jul 06, 2020
by
Robert Czechowski
Browse files
Template jwinf: Enhance mobile friendliness, recreate index page with bulma tiles
parent
3da8ac81
Pipeline
#689
failed with stages
in 8 minutes and 32 seconds
Changes
3
Pipelines
1
Hide whitespace changes
Inline
Side-by-side
static/lib/bulma/medal-bulma-0.7.5.css
View file @
0e6f5640
...
...
@@ -4157,6 +4157,69 @@ a.has-text-danger:hover, a.has-text-danger:focus {
.columns.is-variable.is-8-fullhd
{
--columnGap
:
2rem
;
}
}
.tile
{
align-items
:
stretch
;
display
:
block
;
flex-basis
:
0
;
flex-grow
:
1
;
flex-shrink
:
1
;
min-height
:
min-content
;
}
.tile.is-ancestor
{
margin-left
:
-0.75rem
;
margin-right
:
-0.75rem
;
margin-top
:
-0.75rem
;
}
.tile.is-ancestor
:last-child
{
margin-bottom
:
-0.75rem
;
}
.tile.is-ancestor
:not
(
:last-child
)
{
margin-bottom
:
0.75rem
;
}
.tile.is-child
{
margin
:
0
!important
;
}
.tile.is-parent
{
padding
:
0.75rem
;
}
.tile.is-vertical
{
flex-direction
:
column
;
}
.tile.is-vertical
>
.tile.is-child
:not
(
:last-child
)
{
margin-bottom
:
1.5rem
!important
;
}
@media
screen
and
(
min-width
:
769px
),
print
{
.tile
:not
(
.is-child
)
{
display
:
flex
;
}
.tile.is-1
{
flex
:
none
;
width
:
8.33333%
;
}
.tile.is-2
{
flex
:
none
;
width
:
16.66667%
;
}
.tile.is-3
{
flex
:
none
;
width
:
25%
;
}
.tile.is-4
{
flex
:
none
;
width
:
33.33333%
;
}
.tile.is-5
{
flex
:
none
;
width
:
41.66667%
;
}
.tile.is-6
{
flex
:
none
;
width
:
50%
;
}
.tile.is-7
{
flex
:
none
;
width
:
58.33333%
;
}
.tile.is-8
{
flex
:
none
;
width
:
66.66667%
;
}
.tile.is-9
{
flex
:
none
;
width
:
75%
;
}
.tile.is-10
{
flex
:
none
;
width
:
83.33333%
;
}
.tile.is-11
{
flex
:
none
;
width
:
91.66667%
;
}
.tile.is-12
{
flex
:
none
;
width
:
100%
;
}
}
/* @import "sass/layout/_all" */
.footer
{
background-color
:
#fafafa
;
...
...
templates/jwinf/base.hbs
View file @
0e6f5640
...
...
@@ -17,13 +17,13 @@
</style>
</head>
<body
style=
"background-color:
{{#if
server_message
}}
#fbebeb
{{else}}
white
{{/if}}
;"
>
<div
class=
"container"
>
<div
class=
"container"
style=
"padding: 1.5rem;"
>
<div
class=
"columns"
>
<div
class=
"column is-two-thirds"
>
<p>
<p>
{{#if
firstlogin
}}
<img
style=
"float:left; margin-right: 10px;"
src=
"/static/images/klein.png"
>
{{else}}
{{else}}
<a
href=
"/"
>
<img
style=
"float:left; margin-right: 10px;"
src=
"/static/images/klein.png"
>
</a>
...
...
@@ -35,30 +35,30 @@
{{#if
logged_in
}}
{{#if
firstlogin
}}{{else}}
<div
class=
"columns alogin"
style=
"margin-bottom: 0px;"
>
<div
class=
"column is-three-fifths"
>
Eingeloggt als
<em>
{{
username
}}
</em>
{{#if
firstname
}}{{#if
lastname
}}
(
{{
firstname
}}
{{
lastname
}}
)
{{/if}}{{/if}}
{{#if
teacher
}}
[Lehrer]
{{/if}}
<div
class=
"columns"
style=
"margin-bottom: 0px;"
>
<div
class=
"column is-three-fifths"
>
Eingeloggt als
<em>
{{
username
}}
</em>
{{#if
firstname
}}{{#if
lastname
}}
(
{{
firstname
}}
{{
lastname
}}
)
{{/if}}{{/if}}
{{#if
teacher
}}
[Lehrer]
{{/if}}
</div>
<div
class=
"column"
><a
href=
"/logout"
class=
"button is-small is-danger"
type=
"submit"
>
⨯
Logout
</a></div>
</div>
<div
class=
"column"
><a
href=
"/logout"
class=
"button is-small is-danger"
type=
"submit"
>
⨯
Logout
</a></div>
</div>
<div
class=
"columns alogin"
>
<div
class=
"column"
>
<a
href=
"/profile"
class=
"button is-info is-small"
>
👤
Profil
</a>
{{#if
teacher
}}
<a
href=
"/group/"
class=
"button is-warning is-small"
>
⚙
Gruppenverwaltung
</a>
<a
href=
"/teacher"
class=
"button is-primary is-small"
>
👨🏫
Lehrer-Informationen
</a>
{{/if}}
{{#if
admin
}}
<a
href=
"/admin/"
class=
"button is-warning is-small"
>
⚙
Administration
</a>
{{/if}}
<div
class=
"columns"
>
<div
class=
"column"
>
<a
href=
"/profile"
class=
"button is-info is-small"
>
👤
Profil
</a>
{{#if
teacher
}}
<a
href=
"/group/"
class=
"button is-warning is-small"
>
⚙
Gruppenverwaltung
</a>
<a
href=
"/teacher"
class=
"button is-primary is-small"
>
👨🏫
Lehrer-Informationen
</a>
{{/if}}
{{#if
admin
}}
<a
href=
"/admin/"
class=
"button is-warning is-small"
>
⚙
Administration
</a>
{{/if}}
</div>
</div>
</div>
{{/if}}
{{else}}
<!-- form action="/login" method="post">
...
...
@@ -89,7 +89,7 @@
{{#if
server_message
}}
{{#if
firstlogin
}}{{else}}
<div
class=
"columns
alogin
"
>
<div
class=
"columns"
>
<div
class=
"column is-8 is-offset-2"
>
<div
class=
"notification is-danger"
>
{{{
server_message
}}}
...
...
@@ -98,7 +98,7 @@
</div>
{{/if}}
{{/if}}
{{~>
page
}}
</div>
<div
style=
"margin-bottom:50px;"
>
</div>
...
...
@@ -119,10 +119,10 @@
·
<a
href=
"https://bwinf.de/impressum/"
>
Impressum
</a>
·
🖂
<a
href=
"mailto:jwinf@bwinf.de"
>
jwinf@bwinf.de
</a>
<nobr>
🖂
<a
href=
"mailto:jwinf@bwinf.de"
>
jwinf@bwinf.de
</a>
</nobr>
{{#if
teacher
}}
·
☏ 0228 9762 6999
·
<nobr>
☏ 0228 9762 6999
</nobr>
{{/if}}
</p>
<!-- <p>Diese Wettbewerbsplattform ist freie Software.</p> -->
...
...
templates/jwinf/index.hbs
View file @
0e6f5640
...
...
@@ -14,50 +14,46 @@
<div
class=
"columns"
>
<div
class=
"column is-4 is-offset-2"
>
<a
href=
"/contest/?filter=open"
>
<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:30%; margin:10px 35% 25px"
>
➙ Zu den Trainingsaufgaben …
</div>
</a>
</div>
<div
class=
"column is-4 is-offset-0"
>
<a
href=
"/contest/?filter=current"
>
<div
class=
"notification"
style=
"background-color:#e5f0f8"
>
<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 …
</div>
</a>
</div>
</div>
<div
class=
"columns"
>
<div
class=
"column is-4 is-offset-2"
>
<a
href=
"https://bwinf.de/jwinfportal"
>
<div
class=
"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 …
</div>
</a>
</div>
<div
class=
"column is-4 is-offset-0"
>
<a
href=
"/contest/?filter=challenge"
>
<div
class=
"notification"
style=
"background-color: #d2222217"
>
<h3
class=
"title is-4"
>
Herausforderungen
</h3>
<h4
class=
"subtitle is-5"
>
Mit Zeitbeschränkung
</h4>
<img
src=
"/static/images/gross.png"
style=
"width:30%; margin: 0px 35% 37px;"
>
➙ Zu den Herausforderungen …
<div
class=
"column is-8 is-offset-2"
>
<div
class=
"tile is-ancestor"
>
<div
class=
"tile is-vertical"
>
<div
class=
"tile"
>
<div
class=
"tile is-6 is-parent"
>
<a
href=
"/contest/?filter=open"
class=
"tile is-child 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:30%; margin:10px 35% 25px"
>
➙ Zu den Trainingsaufgaben …
</a>
</div>
<div
class=
"tile is-parent is-6"
>
<a
href=
"/contest/?filter=current"
class=
"tile is-child notification"
style=
"background-color:#e5f0f8"
>
<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 …
</a>
</div>
</div>
<div
class=
"tile"
>
<div
class=
"tile is-6 is-parent"
>
<a
href=
"https://bwinf.de/jwinfportal"
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 …
</a>
</div>
<div
class=
"tile is-parent is-6"
>
<a
href=
"/contest/?filter=challenge"
class=
"tile is-child notification"
style=
"background-color: #d2222217"
>
<h3
class=
"title is-4"
>
Herausforderungen
</h3>
<h4
class=
"subtitle is-5"
>
Mit Zeitbeschränkung
</h4>
<img
src=
"/static/images/gross.png"
style=
"width:30%; margin: 0px 35% 37px;"
>
➙ Zu den Herausforderungen …
</a>
</div>
</div>
</div>
</
a
>
</
div
>
</div>
</div>
...
...
Robert Czechowski
@zgtm
mentioned in issue
#83 (closed)
·
Jul 07, 2020
mentioned in issue
#83 (closed)
mentioned in issue #83
Toggle commit list
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment