header. ff logo. more layout.
This commit is contained in:
ut
parent
89d1659544
commit
9ace79b772
|
|
@ -1,6 +1,6 @@
|
|||
hamburg-freifunk-wp-theme (2018)
|
||||
|
||||
FoundationPress relies to not-up-to-date dependencies, works with node.js ~6, use n to install older nodes
|
||||
FoundationPress relies to not-up-to-date dependencies, works with node.js ~6, use n to install older version node.js
|
||||
|
||||
$ n 6
|
||||
|
||||
|
|
@ -12,6 +12,6 @@ $ ncu -u
|
|||
|
||||
(install ncu with $ npm install -g npm-check-updates)
|
||||
|
||||
during design/development, render SCSS
|
||||
during design/development, render SCSS etc
|
||||
|
||||
$ npm start
|
||||
|
|
@ -34,10 +34,27 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="top-bar-outer">
|
||||
<nav class="site-navigation top-bar" role="navigation">
|
||||
<div class="top-bar-left">
|
||||
<div class="site-desktop-title top-bar-title">
|
||||
<a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a>
|
||||
<div id="logo">
|
||||
<div id="logo-inner">
|
||||
<a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home">
|
||||
<img src="/wp-content/themes/hamburg-freifunk-wp-theme/dist/assets/images/hamburg_freifunk_net_logo__modified.svg" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div id="title">
|
||||
<h1>
|
||||
<a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home">
|
||||
<span class="title"><?php bloginfo( 'name' ); ?></span>
|
||||
</a>
|
||||
</h1>
|
||||
<h2>
|
||||
Für freies WLAN in Hamburg
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="top-bar-right">
|
||||
|
|
@ -48,5 +65,12 @@
|
|||
<?php endif; ?>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
</header>
|
||||
|
||||
<div id="banner" class="hide">
|
||||
<img src="/wp-content/themes/hamburg-freifunk-wp-theme/dist/assets/images/header/20150202_201457_Pano_k.jpg" />
|
||||
<img src="/wp-content/themes/hamburg-freifunk-wp-theme/dist/assets/images/header/2012.12.31 29C3.jpg" />
|
||||
<img src="/wp-content/themes/hamburg-freifunk-wp-theme/dist/assets/images/header/hamburg_freifunk_topomap_001.jpg" />
|
||||
</div>
|
||||
|
|
@ -0,0 +1,116 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
width="45.431267mm"
|
||||
height="27.140495mm"
|
||||
viewBox="0 0 45.431267 27.140495"
|
||||
version="1.1"
|
||||
id="svg871"
|
||||
inkscape:version="0.92.3 (2405546, 2018-03-11)"
|
||||
sodipodi:docname="hamburg_freifunk_net_logo__modified.svg">
|
||||
<defs
|
||||
id="defs865" />
|
||||
<sodipodi:namedview
|
||||
id="base"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1.0"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:zoom="2.0508921"
|
||||
inkscape:cx="196.35409"
|
||||
inkscape:cy="185.96064"
|
||||
inkscape:document-units="mm"
|
||||
inkscape:current-layer="layer1"
|
||||
showgrid="false"
|
||||
showguides="true"
|
||||
inkscape:guide-bbox="true"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1017"
|
||||
inkscape:window-x="-8"
|
||||
inkscape:window-y="-8"
|
||||
inkscape:window-maximized="1"
|
||||
fit-margin-top="0"
|
||||
fit-margin-left="0"
|
||||
fit-margin-right="0"
|
||||
fit-margin-bottom="0">
|
||||
<sodipodi:guide
|
||||
position="39.271552,8.8255844"
|
||||
orientation="0,1"
|
||||
id="guide1434"
|
||||
inkscape:locked="false" />
|
||||
<sodipodi:guide
|
||||
position="9.0951276,11.223774"
|
||||
orientation="0,1"
|
||||
id="guide1436"
|
||||
inkscape:locked="false" />
|
||||
</sodipodi:namedview>
|
||||
<metadata
|
||||
id="metadata868">
|
||||
<rdf:RDF>
|
||||
<cc:Work
|
||||
rdf:about="">
|
||||
<dc:format>image/svg+xml</dc:format>
|
||||
<dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||
<dc:title />
|
||||
</cc:Work>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
<g
|
||||
inkscape:label="Ebene 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1"
|
||||
transform="translate(-35.417432,-54.98366)">
|
||||
<ellipse
|
||||
id="circle819-4"
|
||||
stroke-miterlimit="4"
|
||||
cy="73.799973"
|
||||
cx="43.115986"
|
||||
style="fill:none;stroke:#de2c68;stroke-width:0.45217288;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
|
||||
rx="8.600956"
|
||||
ry="8.769124"
|
||||
transform="rotate(-0.8801505)" />
|
||||
<ellipse
|
||||
id="circle821-9"
|
||||
stroke-miterlimit="4"
|
||||
cy="69.378296"
|
||||
cx="58.432541"
|
||||
style="fill:none;stroke:#de2c68;stroke-width:0.45217291;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
|
||||
rx="9.2845058"
|
||||
ry="9.4432859"
|
||||
transform="rotate(-0.8801505)" />
|
||||
<ellipse
|
||||
id="circle823-8"
|
||||
stroke-miterlimit="4"
|
||||
cy="69.378242"
|
||||
cx="58.392929"
|
||||
style="fill:none;stroke:#de2c68;stroke-width:2.44633746;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
|
||||
rx="12.147201"
|
||||
ry="12.266263"
|
||||
transform="rotate(-0.8801505)" />
|
||||
<polygon
|
||||
id="polygon825-8"
|
||||
transform="matrix(0.3834332,-0.00589058,0.00558345,0.36344137,29.972979,55.091569)"
|
||||
points="26,44 30,48 22,48 22,52 30,52 26,56 31,56 37,50 31,44 "
|
||||
style="fill:#ffcc33;fill-opacity:1" />
|
||||
<polygon
|
||||
id="polygon827-5"
|
||||
transform="matrix(0.40105037,-0.00616123,0.0063765,0.41506269,29.251314,50.562758)"
|
||||
points="73,59 81,59 75,53 88,53 88,47 75,47 81,41 73,41 64,50 "
|
||||
style="fill:#ffcc33;fill-opacity:1" />
|
||||
<polygon
|
||||
style="fill:#ffcc33;fill-opacity:1"
|
||||
points="30,48 22,48 22,52 30,52 26,56 31,56 37,50 31,44 26,44 "
|
||||
transform="matrix(0.3834332,-0.00589057,0.00558345,0.36344137,66.382498,50.728189)"
|
||||
id="polygon825-8-44" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.8 KiB |
BIN
hamburg-freifunk-wp-theme/src/assets/images/header/2012.12.31 29C3.jpg
Executable file
BIN
hamburg-freifunk-wp-theme/src/assets/images/header/2012.12.31 29C3.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 344 KiB |
BIN
hamburg-freifunk-wp-theme/src/assets/images/header/20150202_201457_Pano_k.jpg
Executable file
BIN
hamburg-freifunk-wp-theme/src/assets/images/header/20150202_201457_Pano_k.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 313 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 402 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 405 KiB |
|
|
@ -18,9 +18,24 @@ h6 {
|
|||
text-transform: uppercase;
|
||||
font-weight: normal;
|
||||
}
|
||||
p, li, blockquote {
|
||||
margin-bottom: 1rem;
|
||||
font-size: inherit;
|
||||
line-height: 1.6;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-size: 20px;
|
||||
@media screen and (max-width: 39.9375em) {
|
||||
line-height: 1.5;
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* header/topbar */
|
||||
|
||||
.title-bar-left {
|
||||
padding-left: 10px;
|
||||
|
||||
.menu-icon {
|
||||
width: 18px;
|
||||
}
|
||||
|
|
@ -30,21 +45,90 @@ h6 {
|
|||
}
|
||||
.title-bar-title {
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
.top-bar-outer {
|
||||
background-color: #2C3840;
|
||||
nav.top-bar {
|
||||
|
||||
max-width: 90rem;
|
||||
|
||||
margin: 0 auto;
|
||||
|
||||
max-height: 75px;
|
||||
|
||||
.top-bar-left {
|
||||
min-width: 55rem;
|
||||
margin-top: 50px;
|
||||
.site-desktop-title.top-bar-title {
|
||||
|
||||
font-size: 18px;
|
||||
|
||||
a {
|
||||
color: #e6e6e6;
|
||||
font-size: inherit;
|
||||
}
|
||||
|
||||
#logo {
|
||||
float: left;
|
||||
border: 1px solid white;
|
||||
|
||||
#logo-inner {
|
||||
|
||||
margin-left: 74px;
|
||||
|
||||
margin-top: 0;
|
||||
|
||||
position: absolute;
|
||||
-webkit-transform: rotate(34deg);
|
||||
-ms-transform: rotate(34deg);
|
||||
transform: rotate(34deg);
|
||||
display: block;
|
||||
|
||||
|
||||
img {
|
||||
transform: scale(2.4);
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
.top-bar {
|
||||
#title {
|
||||
float: left;
|
||||
margin-left: 330px;
|
||||
h1 {
|
||||
margin: 0;
|
||||
font-size: 2.5rem;
|
||||
a {
|
||||
padding: 0;
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
h2 {
|
||||
font-size: 2.5rem;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.menu {
|
||||
margin-right: 1rem;
|
||||
li, li:not(:last-child) {
|
||||
li, li:not(:last-child), li:not(.menu-text) {
|
||||
border-right: 0px solid #4e4e4e;
|
||||
margin: 1rem 0;
|
||||
margin: 0;
|
||||
|
||||
a {
|
||||
color: #e6e6e6;
|
||||
padding: 1rem;
|
||||
padding: 0.7rem;
|
||||
font-weight: normal;
|
||||
font-size: 18px;
|
||||
line-height: 1;
|
||||
background: transparent;
|
||||
}
|
||||
a:hover {
|
||||
background-color: #42525D;
|
||||
}
|
||||
a::before {
|
||||
content: url('../images/freifunk_pfeil.svg');
|
||||
|
|
@ -61,22 +145,34 @@ h6 {
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
p, li, blockquote {
|
||||
margin-bottom: 1rem;
|
||||
font-size: inherit;
|
||||
line-height: 1.6;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-size: 20px;
|
||||
@media screen and (max-width: 39.9375em) {
|
||||
line-height: 1.5;
|
||||
font-size: 18px;
|
||||
}
|
||||
/* banner image */
|
||||
|
||||
#banner {
|
||||
height: 300px;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
|
||||
|
||||
img {
|
||||
width: 120%;
|
||||
max-width: 200%;
|
||||
}
|
||||
}
|
||||
|
||||
/* main content */
|
||||
|
||||
.main-container {
|
||||
|
||||
margin-top: 275px;
|
||||
|
||||
|
||||
.entry-content {
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
a {
|
||||
color: $freifunk-color-magenta;
|
||||
border-bottom: 2px solid $freifunk-color-magenta;
|
||||
|
|
@ -104,7 +200,7 @@ p, li, blockquote {
|
|||
display: inline-block;
|
||||
color: #ffb400;
|
||||
line-height: 0;
|
||||
transform: scale(0.7);
|
||||
transform: scale(0.82);
|
||||
vertical-align: -5px;
|
||||
width: 48px;
|
||||
@media screen and (max-width: 39.9375em) {
|
||||
|
|
@ -132,6 +228,8 @@ p, li, blockquote {
|
|||
p.edit-link,
|
||||
p.byline.author {
|
||||
color: #644;
|
||||
font-size: 15px;
|
||||
|
||||
@media screen and (max-width: 39.9375em) {
|
||||
font-size: 15px;
|
||||
}
|
||||
|
|
@ -157,7 +255,7 @@ p, li, blockquote {
|
|||
display: block;
|
||||
ul {
|
||||
list-style-type: none;
|
||||
margin-left: 0;
|
||||
margin: 0 0 3.5rem -1.5rem;
|
||||
li {
|
||||
margin: 1.5rem 0;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue