header. ff logo. more layout.
This commit is contained in:
ut
parent
89d1659544
commit
9ace79b772
|
|
@ -1,6 +1,6 @@
|
||||||
hamburg-freifunk-wp-theme (2018)
|
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
|
$ n 6
|
||||||
|
|
||||||
|
|
@ -12,6 +12,6 @@ $ ncu -u
|
||||||
|
|
||||||
(install ncu with $ npm install -g npm-check-updates)
|
(install ncu with $ npm install -g npm-check-updates)
|
||||||
|
|
||||||
during design/development, render SCSS
|
during design/development, render SCSS etc
|
||||||
|
|
||||||
$ npm start
|
$ npm start
|
||||||
|
|
@ -34,19 +34,43 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<nav class="site-navigation top-bar" role="navigation">
|
<div class="top-bar-outer">
|
||||||
<div class="top-bar-left">
|
<nav class="site-navigation top-bar" role="navigation">
|
||||||
<div class="site-desktop-title top-bar-title">
|
<div class="top-bar-left">
|
||||||
<a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a>
|
<div class="site-desktop-title top-bar-title">
|
||||||
|
<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>
|
||||||
</div>
|
<div class="top-bar-right">
|
||||||
<div class="top-bar-right">
|
<?php foundationpress_top_bar_r(); ?>
|
||||||
<?php foundationpress_top_bar_r(); ?>
|
|
||||||
|
|
||||||
<?php if ( ! get_theme_mod( 'wpt_mobile_menu_layout' ) || get_theme_mod( 'wpt_mobile_menu_layout' ) === 'topbar' ) : ?>
|
<?php if ( ! get_theme_mod( 'wpt_mobile_menu_layout' ) || get_theme_mod( 'wpt_mobile_menu_layout' ) === 'topbar' ) : ?>
|
||||||
<?php get_template_part( 'template-parts/mobile-top-bar' ); ?>
|
<?php get_template_part( 'template-parts/mobile-top-bar' ); ?>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
|
</div>
|
||||||
|
|
||||||
</header>
|
</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>
|
||||||
|
|
@ -11,6 +11,6 @@ if ( ! function_exists( 'foundationpress_entry_meta' ) ) :
|
||||||
/* translators: %1$s: current date, %2$s: current time */
|
/* translators: %1$s: current date, %2$s: current time */
|
||||||
echo '<p class="byline author">';
|
echo '<p class="byline author">';
|
||||||
echo '<time class="updated" datetime="' . get_the_time( 'c' ) . '">' . sprintf( __( 'Posted on %1$s at %2$s.', 'foundationpress' ), get_the_date(), get_the_time() ) . '</time>';
|
echo '<time class="updated" datetime="' . get_the_time( 'c' ) . '">' . sprintf( __( 'Posted on %1$s at %2$s.', 'foundationpress' ), get_the_date(), get_the_time() ) . '</time>';
|
||||||
echo '' . __( 'Written by', 'foundationpress' ) . ' <a href="' . get_author_posts_url( get_the_author_meta( 'ID' ) ) . '" rel="author" class="fn">' . get_the_author() . '</a></p>';
|
echo ' ' . __( 'Written by', 'foundationpress' ) . ' <a href="' . get_author_posts_url( get_the_author_meta( 'ID' ) ) . '" rel="author" class="fn">' . get_the_author() . '</a></p>';
|
||||||
}
|
}
|
||||||
endif;
|
endif;
|
||||||
|
|
|
||||||
|
|
@ -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,51 +18,6 @@ h6 {
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
.title-bar-left {
|
|
||||||
padding-left: 10px;
|
|
||||||
.menu-icon {
|
|
||||||
width: 18px;
|
|
||||||
}
|
|
||||||
a {
|
|
||||||
font-size: 1.2rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.title-bar-title {
|
|
||||||
padding-left: 5px;
|
|
||||||
|
|
||||||
}
|
|
||||||
.top-bar {
|
|
||||||
|
|
||||||
.menu {
|
|
||||||
margin-right: 1rem;
|
|
||||||
li, li:not(:last-child) {
|
|
||||||
border-right: 0px solid #4e4e4e;
|
|
||||||
margin: 1rem 0;
|
|
||||||
a {
|
|
||||||
color: #e6e6e6;
|
|
||||||
padding: 1rem;
|
|
||||||
font-weight: normal;
|
|
||||||
font-size: 18px;
|
|
||||||
line-height: 1;
|
|
||||||
}
|
|
||||||
a::before {
|
|
||||||
content: url('../images/freifunk_pfeil.svg');
|
|
||||||
display: inline-block;
|
|
||||||
color: #ffb400;
|
|
||||||
line-height: 0;
|
|
||||||
transform: scale(0.6);
|
|
||||||
vertical-align: -10px;
|
|
||||||
width: 38px;
|
|
||||||
@media screen and (max-width: 39.9375em) {
|
|
||||||
transform: scale(0.5);
|
|
||||||
vertical-align: -10px;
|
|
||||||
width: 42px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
p, li, blockquote {
|
p, li, blockquote {
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
font-size: inherit;
|
font-size: inherit;
|
||||||
|
|
@ -76,7 +31,148 @@ p, li, blockquote {
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* header/topbar */
|
||||||
|
|
||||||
|
.title-bar-left {
|
||||||
|
padding-left: 10px;
|
||||||
|
|
||||||
|
.menu-icon {
|
||||||
|
width: 18px;
|
||||||
|
}
|
||||||
|
a {
|
||||||
|
font-size: 1.2rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.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);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
#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:not(.menu-text) {
|
||||||
|
border-right: 0px solid #4e4e4e;
|
||||||
|
margin: 0;
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: #e6e6e6;
|
||||||
|
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');
|
||||||
|
display: inline-block;
|
||||||
|
color: #ffb400;
|
||||||
|
line-height: 0;
|
||||||
|
transform: scale(0.6);
|
||||||
|
vertical-align: -10px;
|
||||||
|
width: 38px;
|
||||||
|
@media screen and (max-width: 39.9375em) {
|
||||||
|
transform: scale(0.5);
|
||||||
|
vertical-align: -10px;
|
||||||
|
width: 42px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/* banner image */
|
||||||
|
|
||||||
|
#banner {
|
||||||
|
height: 300px;
|
||||||
|
overflow: hidden;
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
|
||||||
|
img {
|
||||||
|
width: 120%;
|
||||||
|
max-width: 200%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* main content */
|
||||||
|
|
||||||
.main-container {
|
.main-container {
|
||||||
|
|
||||||
|
margin-top: 275px;
|
||||||
|
|
||||||
|
|
||||||
|
.entry-content {
|
||||||
|
margin-bottom: 50px;
|
||||||
|
}
|
||||||
a {
|
a {
|
||||||
color: $freifunk-color-magenta;
|
color: $freifunk-color-magenta;
|
||||||
border-bottom: 2px solid $freifunk-color-magenta;
|
border-bottom: 2px solid $freifunk-color-magenta;
|
||||||
|
|
@ -104,7 +200,7 @@ p, li, blockquote {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
color: #ffb400;
|
color: #ffb400;
|
||||||
line-height: 0;
|
line-height: 0;
|
||||||
transform: scale(0.7);
|
transform: scale(0.82);
|
||||||
vertical-align: -5px;
|
vertical-align: -5px;
|
||||||
width: 48px;
|
width: 48px;
|
||||||
@media screen and (max-width: 39.9375em) {
|
@media screen and (max-width: 39.9375em) {
|
||||||
|
|
@ -132,6 +228,8 @@ p, li, blockquote {
|
||||||
p.edit-link,
|
p.edit-link,
|
||||||
p.byline.author {
|
p.byline.author {
|
||||||
color: #644;
|
color: #644;
|
||||||
|
font-size: 15px;
|
||||||
|
|
||||||
@media screen and (max-width: 39.9375em) {
|
@media screen and (max-width: 39.9375em) {
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
}
|
}
|
||||||
|
|
@ -157,7 +255,7 @@ p, li, blockquote {
|
||||||
display: block;
|
display: block;
|
||||||
ul {
|
ul {
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
margin-left: 0;
|
margin: 0 0 3.5rem -1.5rem;
|
||||||
li {
|
li {
|
||||||
margin: 1.5rem 0;
|
margin: 1.5rem 0;
|
||||||
}
|
}
|
||||||
|
|
@ -202,4 +300,4 @@ p, li, blockquote {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue