stefankoelle/moonweb-www
1
0
Fork 0
mirror of https://github.com/skoelle/moonweb-www.git synced 2026-09-17 17:50:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

header nearly ok

Browse Source
This commit is contained in:
stefankoelle
2026-08-16 21:42:51 +02:00
parent 886812f198
commit 185e2f5739
2 changed files with 26 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/_includes/layout.njk
+4 -1
View File
@@ -13,8 +13,11 @@
<body background="/assets/images/background.gif" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
<div class="mobile-header">
<img src="/assets/pageImage/{{ section }}.jpg" alt="{{ section }}" height="162" width="108" border="0" class="mobile-pageimage">
<img src="/assets/images/logomobile.gif" alt="M O O N W E B" class="mobile-logo">
<div class="mobile-nav-row">
{% include "nav.njk" %}
<img src="/assets/pageImage/{{ section }}.jpg" alt="{{ section }}" border="0" class="mobile-pageimage">
</div>
</div>
<table border="0" cellpadding="0" cellspacing="0" width="750" height="100%" class="layout-main"><tr><td valign="top" class="sidebar-left">
src/assets/css/moonweb.css
+22 -5
View File
@@ -86,14 +86,27 @@ strong { color:#BBCCEE; background-color:#334444; font-weight:normal;}
/* Mobile Breakpoint: 768px */
@media (max-width: 768px) {
/* Mobile Header: Seite + Navigation nebeneinander */
/* Mobile Header: Logo oben skaliert, darunter Seite + Navigation */
.mobile-header {
display: flex !important;
align-items: flex-start;
display: block !important;
padding: 0 0 8px 0;
}
.mobile-header .mobile-pageimage {
flex-shrink: 0;
.mobile-logo {
display: block;
width: 100%;
height: auto;
margin: 0;
}
.mobile-nav-row {
display: flex !important;
align-items: flex-start;
}
.mobile-nav-row .mobile-pageimage {
flex-shrink: 0 !important;
width: 108px !important;
height: 120px !important;
object-fit: cover !important;
object-position: top !important;
}
.mobile-header .nav-toggle {
flex: 1;
@@ -280,6 +293,10 @@ strong { color:#BBCCEE; background-color:#334444; font-weight:normal;}
max-width: 100% !important;
height: auto !important;
}
img.mobile-pageimage {
height: 120px !important;
max-height: 120px !important;
}
/* Background: komplett aus */
body {