Skip to content

Commit 595c324

Browse files
StaacksStaacks
committed
Add minimal style.
Will be adapted to new website when it is ready.
1 parent 69a5ba2 commit 595c324

File tree

7 files changed

+117
-11
lines changed

7 files changed

+117
-11
lines changed

‎assets/css/custom.css‎

Lines changed: 105 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,108 @@
1+
html {
2+
font-family: sans-serif;
3+
margin: 0 auto;
4+
max-width: 45em;
5+
}
6+
7+
body {
8+
line-height: 1.5;
9+
}
10+
11+
img {
12+
max-width: 100%;
13+
height: auto;
14+
}
15+
16+
.focusshow {
17+
left: 0;
18+
position:absolute;
19+
top:auto;
20+
width:1px;
21+
height:1px;
22+
overflow:hidden;
23+
z-index:-999;
24+
}
25+
26+
.focusshow:focus, .focusshow:active {
27+
color: #ff7e22;
28+
background-color: #000;
29+
left: auto;
30+
top: auto;
31+
width: auto;
32+
height: auto;
33+
overflow: auto;
34+
padding: 0.5em;
35+
border: 5px solid #ff7e22;
36+
z-index: 999;
37+
}
38+
139
.summary h1, .summary h2, .summary h3, .summary h4, .summary h5, .summary h6 {
240
display: none;
341
}
42+
43+
nav, .taxonomyNav {
44+
display: block;
45+
}
46+
47+
nav.LanguageNav {
48+
text-align: right;
49+
line-height: 1;
50+
}
51+
52+
nav ul, .taxonomyNav ul {
53+
display: inline-block;
54+
list-style-type: none;
55+
margin: 0;
56+
padding: 0;
57+
}
58+
59+
nav ul {
60+
overflow: hidden;
61+
}
62+
63+
nav.CategoryNav ul {
64+
display: block;
65+
background-color: #333;
66+
}
67+
68+
nav.LanguageNav ul {
69+
background-color: #e0e0e0;
70+
vertical-align: middle;
71+
margin-left: 0.5em;
72+
}
73+
74+
nav li, .taxonomyNav li {
75+
display: inline-block;
76+
}
77+
78+
nav.CategoryNav li a {
79+
display: block;
80+
color: white;
81+
text-align: center;
82+
padding: 0.5em 1em;
83+
text-decoration: none;
84+
}
85+
86+
nav.LanguageNav li a {
87+
display: block;
88+
color: black;
89+
text-align: center;
90+
padding: 0.2em 0.5em;
91+
text-decoration: none;
92+
}
93+
94+
nav.CategoryNav li a:hover {
95+
background-color: #111;
96+
}
97+
98+
nav.LanguageNav li a:hover {
99+
background-color: #d0d0d0;
100+
}
101+
102+
nav .translationTitle {
103+
display: none;
104+
}
105+
106+
.taxonomyLabel {
107+
font-weight: bold;
108+
}

‎layouts/_default/baseof.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66

77
<body>
88
<!-- The following jump link is implemented as part of complying to the WCAG guidelines. Please refer to the standard at any given point when working on this project -->
9-
<a href="#maincontent">{{- i18n "skipToMainContent" -}}</a>
9+
<a href="#maincontent" class="focusshow">{{- i18n "skipToMainContent" -}}</a>
1010
<!-- In the long run this shall be hidden via CSS until called upon by using the tabulator key -->
1111
{{- partial "nav.html" . -}}
1212
<main id="maincontent">
@@ -15,4 +15,4 @@
1515
</main>
1616
{{- partial "footer.html" . -}}
1717
</body>
18-
</html>
18+
</html>

‎layouts/partials/categories.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
1-
<div class="categories">
2-
<h3>{{- i18n "categories" -}}</h3>
1+
<div class="taxonomyNav categories">
2+
<span class="taxonomyLabel">{{- i18n "categories" -}}</span>
33
<ul>
44
<!-- {{/*
55
{{ range .Site.RegularPages }}

‎layouts/partials/levels.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
1-
<div class="levels">
2-
<h3>{{- i18n "levels" -}}</h3>
1+
<div class="taxonomyNav levels">
2+
<span class="taxonomyLabel">{{- i18n "levels" -}}</span>
33
<ul>
44
{{ $levels := slice }}
55
{{ range .Site.RegularPages }}

‎layouts/partials/materials.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
1-
<div class="requiredMaterials">
2-
<h3>{{- i18n "requiredMaterials" -}}</h3>
1+
<div class="taxonomyNav materials">
2+
<span class="taxonomyLabel">{{- i18n "requiredMaterials" -}}</span>
33
<ul>
44
{{ $materials := slice }}
55
{{ range .Site.RegularPages }}

‎layouts/partials/nav.html‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
<nav class="CategoryNav">
22
<ul>
3+
<li><a href="https://phyphox.org">{{- "phyphox.org" -}}</a></li>
34
<li><a href="{{ relref . "instructions" }}">{{- i18n "instructions" -}}</a></li>
45
</ul>
56
</nav>
@@ -9,7 +10,7 @@
910
<ul>
1011
{{- range .Translations -}}
1112
<li>
12-
<a href="{{ .RelPermalink }}">{{- .Language -}}:&nbsp; {{- .LinkTitle -}}</a>
13+
<a href="{{ .RelPermalink }}">{{- .Language -}} <span class="translationTitle">{{- .LinkTitle -}}</span></a>
1314
</li>
1415
{{- end -}}
1516
</ul>

‎layouts/partials/sensors.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
1-
<div class="sensors">
2-
<h3>{{- i18n "sensors" -}}</h3>
1+
<div class="taxonomyNav sensors">
2+
<span class="taxonomyLabel">{{- i18n "sensors" -}}</span>
33
<ul>
44
{{ $sensors := slice }}
55
{{ range .Site.RegularPages }}

0 commit comments

Comments
 (0)