diff --git a/content/_index.de.md b/content/_index.de.md index da768a942ecb970ad04b1f67d3f9a6fdb23a98be..b42f26068dd2a0aa164ab77591ea309b418025e4 100644 --- a/content/_index.de.md +++ b/content/_index.de.md @@ -1,7 +1,9 @@ --- header: StuStaNet e.V. +subheader: Der gemeinnützige Internet Service Provider in der Studentenstadt Freimann hero: true headerImage: headers/home.jpg +headerStats: true --- ### Nächste Sprechstunden diff --git a/content/_index.en.md b/content/_index.en.md index 4671f7765e53a6b4b2c84cab11255f8842829b8a..696e10ac215339a560a0d8c4effc0906dbf4803e 100644 --- a/content/_index.en.md +++ b/content/_index.en.md @@ -1,7 +1,9 @@ --- header: StuStaNet e.V. +subheader: The Non-Profit Internet Service Provider in the Studentenstadt Freimann hero: true headerImage: headers/home.jpg +headerStats: true --- ### Next Office Hours diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index 94beb9edff105104898dd6bbb9c7c07b03f619d3..96c8f0eda5b9ed4b9e53c07a5bafeb7f54a53cea 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -85,10 +85,20 @@ <article{{ if .Params.Hero }} class="big-hero"{{ end }}> <header{{ if .Params.HeaderImage }} style="background-image: url(/{{ .Params.HeaderImage }});"{{ end }}> - <h1>{{ .Params.Header | default .Title }}</h1> - {{ with .Params.SubHeader }} - <span class="subtitle">{{.}}</span> - {{ end }} + <div class="container"> + <h1>{{ .Params.Header | default .Title }}</h1> + {{ with .Params.SubHeader }} + <span class="subtitle">{{.}}</span> + {{ end }} + {{ if .Params.HeaderStats }} + <div id="stats"> + <div><i class="fa fa-users" aria-hidden="true"></i><span>2700</span>Active Users</div> + <div><i class="fa fa-server" aria-hidden="true"></i><span>71</span> Servers</div> + <div><i class="fa fa-tachometer" aria-hidden="true"></i><span>4 Gbit/s</span>Internet Connection</div> + <div><i class="fa fa-id-card-o" aria-hidden="true"></i><span>0</span> Paid Employees</div> + </div> + {{ end }} + </div> </header> <div class="container"> {{ block "main" . }}{{.Content}}{{ end }} diff --git a/static/css/main.css b/static/css/main.css index 16a4aeebe32740f21fcb5463daf237d520e4b77e..6bcd7c3bce7daced72f2d82d91aa2a781f95a8e7 100644 --- a/static/css/main.css +++ b/static/css/main.css @@ -314,8 +314,7 @@ ul.menu li a { } article > *, -.container, -header h1 { +.container { position: relative; margin-left: auto; margin-right: auto; @@ -403,6 +402,35 @@ header h1 { } .blue header h1 { color: white; } +#stats { + color: #FFF; + position: absolute; + top: 50px; + right: 20px; + text-shadow: 0px 0px 1px rgba(0,0,0,0.8); +} + +#stats div { + padding: 12px 0; + font-size: 15px; +} + +#stats div i { + font-size: 36px; + display: inline-block; + width: 56px; + height: 48px; + float: left; + vertical-align: middle; +} + +#stats div span { + display: block; + font-weight: bold; + font-size: 1.5em; + width: 200px; +} + h1, h2, h3,