Chaospott/hip-site
43
0
Fork 1
Code Issues Pull Requests Releases Wiki Activity

Align event date, logo and h1

Browse Source
This commit is contained in:
T
2026-02-20 23:28:45 +01:00
parent cdc5f80431
commit 395ab18090
2 changed files with 36 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
_includes/header.html
View File

@@ -5,7 +5,7 @@
<img src="/img/hip_logo_opt.svg" class="logo" alt="{{ site.title }}"> <img src="/img/hip_logo_opt.svg" class="logo" alt="{{ site.title }}">
</a> </a>
<p class="navbar-text" style="margin-top: 12px">{{ site.event.date }}</p> <p class="navbar-text navbar-event-date">{{ site.event.date }}</p>
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
data-target=".navbar-collapse"> data-target=".navbar-collapse">

40
_sass/_layout.scss
View File

@@ -12,7 +12,7 @@ body {
} }
h1 { h1 {
padding-left: 160px; padding-left: 138px;
padding-bottom: 20px; padding-bottom: 20px;
color: $nav-link-color; color: $nav-link-color;
} }
@@ -28,13 +28,23 @@ a, .navbar-default .navbar-nav li a, .navbar-nav > li > a {
} }
.content { .content {
padding-top: 90px; padding-top: 60px;
padding-left: 0; padding-left: 0;
padding-right: 0; padding-right: 0;
background: $primary-bg url('/img/logowall_opt.svg') center top; background: $primary-bg url('/img/logowall_opt.svg') center top;
background-size: 300px; background-size: 300px;
} }
@media (min-width: 768px) {
h1 {
padding-left: 192px;
}
.content {
padding-top: 73px;
}
}
.header { .header {
background-color: $primary-bg; background-color: $primary-bg;
} }
@@ -47,7 +57,7 @@ a, .navbar-default .navbar-nav li a, .navbar-nav > li > a {
} }
.navigation { .navigation {
height: 50px; min-height: 50px;
background-color: $primary-bg; background-color: $primary-bg;
border-bottom: 1px #aaa solid; border-bottom: 1px #aaa solid;
} }
@@ -58,8 +68,6 @@ a, .navbar-default .navbar-nav li a, .navbar-nav > li > a {
border: 0; border: 0;
.in, .collapsing { .in, .collapsing {
margin-top: -60px;
.navbar-nav { .navbar-nav {
background-color: $primary-bg; background-color: $primary-bg;
@@ -68,6 +76,28 @@ a, .navbar-default .navbar-nav li a, .navbar-nav > li > a {
} }
} }
} }
.navbar-event-date {
color: #777;
line-height: 20px;
white-space: nowrap;
}
}
@media (max-width: 767px) {
.navigation .navbar-brand {
padding-right: 8px;
}
.navigation .logo {
width: 110px;
margin-bottom: -20px;
}
.navigation .navbar-event-date {
float: left;
margin: 15px 0 0 6px;
}
} }
.post, .box { .post, .box {