Commit b1fae7e2 authored by Kim Meiser's avatar Kim Meiser 💬
Browse files

freifunk saar skyline, fixed font sizes, adjust social links for small...

freifunk saar skyline, fixed font sizes, adjust social links for small displays, add colored download-buttons (red/yellow/green), add custom page firmware-liste, add freifunk video, use cc-by-sa, not copyright
parent b8c3375d
<?php
/**
* Template Name: Full Page Template
*
* @package WordPress
* @since The Box 1.0
*/
get_header(); ?>
<style>
#full-page-content .entry-header {
display: none;
}
#full-page-content .entry-content {
padding: 0;
}
#full-page-content article {
background: transparent;
box-shadow: none;
-webkit-box-shadow: none;
}
#full-page-content footer {
display: none;
}
</style>
<div id="full-page-content" role="main">
<?php while ( have_posts() ) : the_post();
get_template_part( 'content', 'page' );
// If comments are open or we have at least one comment, load up the comment template
if ( comments_open() || '0' != get_comments_number() )
comments_template( '', true );
endwhile; // end of the loop.
?>
</div>
<?php get_footer(); ?>
......@@ -245,7 +245,7 @@ function thebox_credits() {
$website_credits = '';
$website_author = get_bloginfo('name');
$website_date = date ('Y');
$website_credits = esc_attr( '&copy; ' . $website_date . ' ' . $website_author );
$website_credits = '<a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/"><img alt="Creative Commons Lizenzvertrag" style="border-width:0" src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png" />';
echo $website_credits;
}
......
......@@ -29,81 +29,73 @@
<?php do_action( 'before' ); ?>
<header id="masthead" class="site-header clearfix" role="banner">
<div class="site-brand clearfix">
<hgroup>
<?php
if ( is_front_page() && is_home() ) : ?>
<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
<?php else : ?>
<p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p>
<?php endif;
$description = get_bloginfo( 'description', 'display' );
if ( $description || is_customize_preview() ) : ?>
<p class="site-description"><?php echo $description; ?></p>
<?php endif;
?>
</hgroup>
<?php $options = get_option( 'thebox_theme_options' ); ?>
<div class="social-links">
<?php if ( $options['facebookurl'] != '' ) : ?>
<a href="<?php echo $options['facebookurl']; ?>" class="facebook" alt="facebook"><span class="icon-facebook"></span></a>
<?php endif; ?>
<?php if ( $options['twitterurl'] != '' ) : ?>
<a href="<?php echo $options['twitterurl']; ?>" class="twitter" alt="twitter"><span class="icon-twitter"></span></a>
<?php endif; ?>
<?php if ( $options['googleplusurl'] != '' ) : ?>
<a href="<?php echo $options['googleplusurl']; ?>" class="googleplus" alt="google plus"><span class="icon-googleplus"></span></a>
<?php endif; ?>
<?php if ( $options['linkedinurl'] != '' ) : ?>
<a href="<?php echo $options['linkedinurl']; ?>" class="linkedin" alt="instagram"><span class="icon-linkedin"></span></a>
<?php endif; ?>
<?php if ( $options['instagramurl'] != '' ) : ?>
<a href="<?php echo $options['instagramurl']; ?>" class="instagram" alt="instagram"><span class="icon-instagram"></span></a>
<?php endif; ?>
<div class="clearfix">
<?php $options = get_option( 'thebox_theme_options' ); ?>
<?php if ( $options['youtubeurl'] != '' ) : ?>
<a href="<?php echo $options['youtubeurl']; ?>" class="youtube" alt="youtube"><span class="icon-youtube"></span></a>
<?php endif; ?>
<div class="social-links">
<?php if ( $options['pinteresturl'] != '' ) : ?>
<a href="<?php echo $options['pinteresturl']; ?>" class="pinterest" alt="pinterest"><span class="icon-pinterest"></span></a>
<?php endif; ?>
<?php if ( $options['stumbleuponurl'] != '' ) : ?>
<a href="<?php echo $options['stumbleuponurl']; ?>" class="stumbleupon" alt="stumble upon"><span class="icon-stumbleupon"></span></a>
<?php endif; ?>
<?php if ( $options['flickrurl'] != '' ) : ?>
<a href="<?php echo $options['flickrurl']; ?>" class="flickr" alt="flickr upon"><span class="icon-flickr"></span></a>
<?php endif; ?>
<?php if ( $options['tumblrurl'] != '' ) : ?>
<a href="<?php echo $options['tumblrurl']; ?>" class="tumblr" alt="tumblr"><span class="icon-tumblr"></span></a>
<?php endif; ?>
<?php if ( $options['mediumurl'] != '' ) : ?>
<a href="<?php echo $options['mediumurl']; ?>" class="medium" alt="medium"><span class="icon-medium"></span></a>
<?php endif; ?>
<?php if ( $options['githuburl'] != '' ) : ?>
<a href="<?php echo $options['githuburl']; ?>" class="github" alt="github"><span class="icon-github"></span></a>
<?php endif; ?>
<?php if ( ! $options['hiderss'] ) : ?>
<a href="<?php bloginfo( 'rss2_url' ); ?>" class="rss"><span class="icon-rss" alt="rss"></span></a>
<?php endif; ?>
</div><!-- .social-links-->
<?php if ( $options['facebookurl'] != '' ) : ?>
<a href="<?php echo $options['facebookurl']; ?>" class="facebook" alt="facebook"><span class="icon-facebook"></span></a>
<?php endif; ?>
<?php if ( $options['twitterurl'] != '' ) : ?>
<a href="<?php echo $options['twitterurl']; ?>" class="twitter" alt="twitter"><span class="icon-twitter"></span></a>
<?php endif; ?>
<?php if ( $options['googleplusurl'] != '' ) : ?>
<a href="<?php echo $options['googleplusurl']; ?>" class="googleplus" alt="google plus"><span class="icon-googleplus"></span></a>
<?php endif; ?>
<?php if ( $options['linkedinurl'] != '' ) : ?>
<a href="<?php echo $options['linkedinurl']; ?>" class="linkedin" alt="instagram"><span class="icon-linkedin"></span></a>
<?php endif; ?>
<?php if ( $options['instagramurl'] != '' ) : ?>
<a href="<?php echo $options['instagramurl']; ?>" class="instagram" alt="instagram"><span class="icon-instagram"></span></a>
<?php endif; ?>
<?php if ( $options['youtubeurl'] != '' ) : ?>
<a href="<?php echo $options['youtubeurl']; ?>" class="youtube" alt="youtube"><span class="icon-youtube"></span></a>
<?php endif; ?>
<?php if ( $options['pinteresturl'] != '' ) : ?>
<a href="<?php echo $options['pinteresturl']; ?>" class="pinterest" alt="pinterest"><span class="icon-pinterest"></span></a>
<?php endif; ?>
<?php if ( $options['stumbleuponurl'] != '' ) : ?>
<a href="<?php echo $options['stumbleuponurl']; ?>" class="stumbleupon" alt="stumble upon"><span class="icon-stumbleupon"></span></a>
<?php endif; ?>
<?php if ( $options['flickrurl'] != '' ) : ?>
<a href="<?php echo $options['flickrurl']; ?>" class="flickr" alt="flickr upon"><span class="icon-flickr"></span></a>
<?php endif; ?>
<?php if ( $options['tumblrurl'] != '' ) : ?>
<a href="<?php echo $options['tumblrurl']; ?>" class="tumblr" alt="tumblr"><span class="icon-tumblr"></span></a>
<?php endif; ?>
<?php if ( $options['mediumurl'] != '' ) : ?>
<a href="<?php echo $options['mediumurl']; ?>" class="medium" alt="medium"><span class="icon-medium"></span></a>
<?php endif; ?>
<?php if ( $options['githuburl'] != '' ) : ?>
<a href="<?php echo $options['githuburl']; ?>" class="github" alt="github"><span class="icon-github"></span></a>
<?php endif; ?>
<?php if ( ! $options['hiderss'] ) : ?>
<a href="<?php bloginfo( 'rss2_url' ); ?>" class="rss"><span class="icon-rss" alt="rss"></span></a>
<?php endif; ?>
</div><!-- .social-links-->
<div style="float:left">
<a class="header-image" href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><img src="/wp-content/upload/SaarlandSkyline.svg" /></a>
</div>
<div class="site-title"><nobr>Freifunk Saar</nobr></div>
</div>
</div>
</div>
<nav id="site-navigation" class="main-navigation" role="navigation">
<button class="menu-toggle"><span class="icon-font icon-menu"></span></button>
......
......@@ -17,6 +17,8 @@ get_header(); ?>
<div id="primary" class="content-area">
<div id="content" class="site-content" role="main">
<p class="video"><iframe src="https://player.vimeo.com/video/64814620" width="700" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></p>
<?php if ( have_posts() ) : ?>
<?php /* Start the Loop */ ?>
......
<?php
/**
* The template for displaying all pages.
*
* This is the template that displays all pages by default.
* Please note that this is the WordPress construct of pages
* and that other 'pages' on your WordPress site will use a
* different template.
*
* @package WordPress
* @since The Box 1.0
*/
get_header(); ?>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript" src="/wp-includes/js/firmwareTable.js"></script>
<script type="text/javascript">
$(document).onLoad(function(){
afterDocumentLoaded();
});
</script>
<div id="primary" class="content-area">
<div id="content" class="site-content" role="main">
<?php while ( have_posts() ) : the_post(); ?>
<?php get_template_part( 'content', 'page' ); ?>
<?php
// If comments are open or we have at least one comment, load up the comment template
if ( comments_open() || '0' != get_comments_number() )
comments_template( '', true );
?>
<?php endwhile; // end of the loop. ?>
</div><!-- #content .site-content -->
</div><!-- #primary .content-area -->
<?php get_sidebar(); ?>
<?php get_footer(); ?>
">
\ No newline at end of file
......@@ -394,10 +394,13 @@ h5 {
.site-title {
font-family: 'Source Sans Pro', sans-serif;
font-size: 2em; /* 28px */
font-size: 3em; /* 28px */
font-weight: 700;
line-height: 1.2;
margin: 0;
width: 100%;
margin-top: 122px;
text-align: right;
max-height: 150px;
}
.site-title a {
......@@ -575,6 +578,7 @@ th {
thead th {
font-size: 1.143em;
text-align: left;
}
th, td {
......@@ -817,7 +821,8 @@ a:hover {
}
.site-brand {
margin: 4.0817% 0 2.0409%; /* 40px 20px */
/* margin: 4.0817% 0 2.0409%; */ /* 40px 20px */
margin: 1.5em 0 0 0;
}
hgroup {
......@@ -849,13 +854,15 @@ hgroup h1 a {
.header-image {
display: block;
text-decoration: none;
margin-bottom: 3.125%;
/* margin-bottom: 3.125%; */
margin-bottom: 0em;
}
.header-image img {
display: block;
max-width: 100%;
height: auto;
padding-right: 8px;
}
/* 07: Header > Menu */
......@@ -1123,7 +1130,7 @@ button.menu-toggle .icon-font:before {
float: right;
margin: 2.0409% 0 0; /* 20px */
text-align: right;
width: 50%;
min-width: 220px;
}
.social-links a {
......@@ -1206,7 +1213,7 @@ button.menu-toggle .icon-font:before {
/* 08: Content */
.site-main {
margin: 2.0409% 0;
margin: 1.0409% 0;
}
.hentry {
......@@ -2054,7 +2061,7 @@ textarea {
/* Header */
hgroup,
.social-links {
width: 100%;
width: 200px;
float: none;
text-align: left;
}
......@@ -2069,14 +2076,22 @@ textarea {
hgroup h1 a {
margin: auto;
}
.site-title {
font-family: 'Source Sans Pro', sans-serif;
font-size: 3em;
font-weight: 700;
line-height: 1.2;
width: 100%;
text-align: left;
}
.social-links {
float: none;
margin: 2% 0 0;
margin: 2% 0 0;
}
.site-brand {
float: none;
padding: 0;
margin: 5% 0;
margin: 5% 1% 1%;
}
.main-navigation {
float: none;
......@@ -2086,7 +2101,8 @@ textarea {
float: none;
}
.header-image {
margin: 0 0 5% 0;
margin: 0 0 1% 0;
padding-top: 16px;
}
/* Layout */
.site-main {
......@@ -2242,6 +2258,16 @@ textarea {
}
}
@media screen and (max-width: 530px) {
.header-image {
/* Das header image sollte schon verschwinden, sobald es nicht mehr vollstndig dargestellt werden kann */
display: none;
}
.site-title{
margin-top: 0px;
}
}
@media screen and (max-width: 480px) {
/* Header */
button.menu-toggle {
......@@ -2256,6 +2282,9 @@ textarea {
.social-links a {
margin-left: 0.25em;
}
.site-title{
font-size: 2em;
}
.site-brand {
margin-bottom: 10%;
}
......@@ -2337,4 +2366,145 @@ textarea {
top: 10px !important;
right: 10px !important;
}
}
.firmware-cell {
font-size: 0.9em;
}
.button-red {
display: inline-block;
text-align: center;
vertical-align: middle;
padding: 6px 18px;
border: 1px solid #a12727;
border-radius: 8px;
background: #ff4a4a;
background: -webkit-gradient(linear, left top, left bottom, from(#ff4a4a), to(#992727));
background: -moz-linear-gradient(top, #ff4a4a, #992727);
background: linear-gradient(to bottom, #ff4a4a, #992727);
text-shadow: #591717 1px 1px 1px;
font: normal normal normal 10px verdana;
color: #ffffff !important;
text-decoration: none;
}
.button-red:hover,
.button-red:focus {
background: #ff5959;
background: -webkit-gradient(linear, left top, left bottom, from(#ff5959), to(#b62f2f));
background: -moz-linear-gradient(top, #ff5959, #b62f2f);
background: linear-gradient(to bottom, #ff5959, #b62f2f);
color: #ffffff !important;
text-decoration: none;
}
.button-red:active {
background: #982727;
background: -webkit-gradient(linear, left top, left bottom, from(#982727), to(#982727));
background: -moz-linear-gradient(top, #982727, #982727);
background: linear-gradient(to bottom, #982727, #982727);
}
.button-red:before{
content: "\0000a0";
display: inline-block;
height: 12px;
width: 24px;
line-height: 12px;
margin: 0 4px -6px -4px;
position: relative;
top: 0px;
left: 0px;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAA2ElEQVRIie2VsQ3CMBBFHzEFQzABE1BBFqCmQ6KmyAaWwhYZgxmyCAWhYYDQJFDEhbHOTjCky5esXP6d71ly7MDImg2s0x7//C/AK3Z+MhAQrQkwASZAGFDQnWDfKcbKFzHwBVBaTXyjNLVRWgJVoHllan7SGqiF5rXJBaXMMwUOwJbuhrxaNTfgAeycuSfg4ngpcAQ2bh9trSwXFpLwuekF8geSu33mQlEjeC2QASvznhmvVxJACR7AE9hbsaTGjSVASPeevHJjCaDx/4O/1phXRTM2QAG8Ab21OlQJC+ozAAAAAElFTkSuQmCC") no-repeat left center transparent;
background-size: 100% 100%;
}
.button-green {
display: inline-block;
text-align: center;
vertical-align: middle;
padding: 6px 18px;
border: 1px solid #2f8e2d;
border-radius: 8px;
background: #4de749;
background: -webkit-gradient(linear, left top, left bottom, from(#4de749), to(#2f8e2d));
background: -moz-linear-gradient(top, #4de749, #2f8e2d);
background: linear-gradient(to bottom, #4de749, #2f8e2d);
text-shadow: #1e591c 1px 1px 1px;
font: normal normal normal 10px verdana;
color: #ffffff !important;
text-decoration: none;
}
.button-green:hover,
.button-green:focus {
border: 1px solid ##3bb238;
background: #5cff58;
background: -webkit-gradient(linear, left top, left bottom, from(#5cff58), to(#38aa36));
background: -moz-linear-gradient(top, #5cff58, #38aa36);
background: linear-gradient(to bottom, #5cff58, #38aa36);
color: #ffffff !important;
text-decoration: none;
}
.button-green:active {
background: #2f8e2d;
background: -webkit-gradient(linear, left top, left bottom, from(#2f8e2d), to(#2f8e2d));
background: -moz-linear-gradient(top, #2f8e2d, #2f8e2d);
background: linear-gradient(to bottom, #2f8e2d, #2f8e2d);
}
.button-green:before{
content: "\0000a0";
display: inline-block;
height: 12px;
width: 24px;
line-height: 12px;
margin: 0 4px -6px -4px;
position: relative;
top: 0px;
left: 0px;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAA2ElEQVRIie2VsQ3CMBBFHzEFQzABE1BBFqCmQ6KmyAaWwhYZgxmyCAWhYYDQJFDEhbHOTjCky5esXP6d71ly7MDImg2s0x7//C/AK3Z+MhAQrQkwASZAGFDQnWDfKcbKFzHwBVBaTXyjNLVRWgJVoHllan7SGqiF5rXJBaXMMwUOwJbuhrxaNTfgAeycuSfg4ngpcAQ2bh9trSwXFpLwuekF8geSu33mQlEjeC2QASvznhmvVxJACR7AE9hbsaTGjSVASPeevHJjCaDx/4O/1phXRTM2QAG8Ab21OlQJC+ozAAAAAElFTkSuQmCC") no-repeat left center transparent;
background-size: 100% 100%;
}
.button-yellow {
display: inline-block;
text-align: center;
vertical-align: middle;
padding: 6px 18px;
border: 1px solid #a99204;
border-radius: 8px;
background: #ffef06;
background: -webkit-gradient(linear, left top, left bottom, from(#ffef06), to(#a99204));
background: -moz-linear-gradient(top, #ffef06, #a99204);
background: linear-gradient(to bottom, #ffef06, #a99204);
text-shadow: #796803 1px 1px 1px;
font: normal normal normal 10px verdana;
color: #ffffff !important;
text-decoration: none;
}
.button-yellow:hover,
.button-yellow:focus {
border: 1px solid ##f1d005;
background: #ffff07;
background: -webkit-gradient(linear, left top, left bottom, from(#ffff07), to(#cbaf05));
background: -moz-linear-gradient(top, #ffff07, #cbaf05);
background: linear-gradient(to bottom, #ffff07, #cbaf05);
color: #ffffff !important;
text-decoration: none;
}
.button-yellow:active {
background: #a99204;
background: -webkit-gradient(linear, left top, left bottom, from(#a99204), to(#a99204));
background: -moz-linear-gradient(top, #a99204, #a99204);
background: linear-gradient(to bottom, #a99204, #a99204);
}
.button-yellow:before{
content: "\0000a0";
display: inline-block;
height: 12px;
width: 24px;
line-height: 12px;
margin: 0 4px -6px -4px;
position: relative;
top: 0px;
left: 0px;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAA2ElEQVRIie2VsQ3CMBBFHzEFQzABE1BBFqCmQ6KmyAaWwhYZgxmyCAWhYYDQJFDEhbHOTjCky5esXP6d71ly7MDImg2s0x7//C/AK3Z+MhAQrQkwASZAGFDQnWDfKcbKFzHwBVBaTXyjNLVRWgJVoHllan7SGqiF5rXJBaXMMwUOwJbuhrxaNTfgAeycuSfg4ngpcAQ2bh9trSwXFpLwuekF8geSu33mQlEjeC2QASvznhmvVxJACR7AE9hbsaTGjSVASPeevHJjCaDx/4O/1phXRTM2QAG8Ab21OlQJC+ozAAAAAElFTkSuQmCC") no-repeat left center transparent;
background-size: 100% 100%;
}
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment