Commit b1fae7e2 authored by Kim Meiser's avatar Kim Meiser

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