diff --git a/sass/style.scss b/sass/style.scss
index 288e77c..c7b738e 100644
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -1,4 +1,5 @@
-$primary: #17a;
+$primary: #d22d40;
+$logo-diameter: 20mm; // No less than 15mm as per usage regulations
body {
margin: 0 auto;
@@ -13,16 +14,31 @@ body {
}
#header {
- padding: 1em;
+ display: flex;
+ align-items: center;
+ padding: ($logo-diameter/2)/2; // No less than 0.5r with r being the radius of PedF logo
font-size: 1.5em;
- a {
- color: $primary;
+ img {
+ height: $logo-diameter;
}
- .subtitle {
- font-size: .7em;
- color: #444;
+ div {
+ display: flex;
+ align-items: baseline;
+ flex-wrap: wrap;
+ margin: 0 ($logo-diameter/2)/2; // No less than 0.5r
+
+ a {
+ color: $primary;
+ margin-right: ($logo-diameter/2)/2;
+ text-transform: uppercase;
+ }
+
+ .subtitle {
+ font-size: .6em;
+ color: #444;
+ }
}
}
diff --git a/templates/index.html b/templates/index.html
index 536f706..7539f10 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -10,8 +10,11 @@
+