Commit 9978c52d authored by allan's avatar allan

major style overhaul

parent 188571dc
Pipeline #1487 passed with stage
in 1 second
......@@ -28,10 +28,11 @@
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 20px;
}
.accordions .accordion:not(:last-child) {
/* .accordions .accordion:not(:last-child) {
margin-bottom: 1.5rem;
}
} */
.accordions .accordion strong {
}
/* .accordions .accordion a:not(.button):not(.tag) {
......@@ -75,8 +76,12 @@
/* line-height: 1.25; */
/* padding: 0.5em 0.75em; */
position: relative;
font-size: 16pt;
font-family: "Lato Bold", Helvetica, sans-serif;
text-transform: initial;
}
.accordions .accordion .accordion-header .toggle {
.accordions .accordion .accordion-header.toggle {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
......@@ -93,18 +98,27 @@
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: 0.75em;
height: 20px;
/* height: 20px;
width: 20px;
max-height: 20px;
max-width: 20px;
min-height: 20px;
min-width: 20px;
min-width: 20px; */
outline: 0;
position: relative;
vertical-align: top;
background-image: url('/wp-content/images/icons/plus.png');
background-position: right 20px top 8px;
background-repeat: no-repeat;
/* font-size: 1.6em; */
}
.accordions .accordion.is-active .accordion-header.toggle {
background-image: url('/wp-content/images/icons/minus.png');
}
.accordions .accordion .accordion-header .toggle::before {
/* color: #fff; */
content: '\002B';
......
......@@ -15,29 +15,38 @@ $questions = get_posts( array(
'suppress_filters' => true,
) );
?>
<div class="searchbox">
<div class="searchbox-label"><?php echo pll__('Find our what you want to know on the GDPR') ?></div>
<input type="text" id="searchText" class="input" placeholder="<?php echo pll__('Enter your term...') ?>">
</div>
<ul class="filters button-group filters-button-group">
<?php
foreach ($audiences as $audience) {
?>
<button data-filter=".<?php echo $audience->slug ?>" class="filter button">
<?php echo $audience->name ?> (<?php echo $audience->description ?>)
</button>
<?php
}
?>
</ul>
<div class="site-description"><?php bloginfo( 'description' ); ?></div>
<div class="collapse-all-group">
<button class="expand-all button expand"><?php echo pll__('expand all') ?></button>
<button class="collapse-all button collapse" style="display: none;"><?php echo pll__('collapse all') ?></button>
<div class="site-search">
<div class="searchBox-label"><?php echo pll__('Find our what you want to know on the GDPR') ?></div>
<div class="searchBox">
<input type="text" id="searchText" class="input" placeholder="<?php echo pll__('Enter your term...') ?>">
</div>
<div class="filterBox">
<div class="filterBox-label"><?php echo pll__('Filters') ?>:</div>
<div class="filters button-group filters-button-group">
<?php
foreach ($audiences as $audience) {
?>
<button data-filter=".<?php echo $audience->slug ?>" class="filter button">
<?php echo $audience->name ?>
</button>
<?php
}
?>
</div>
</div>
</div>
<div class="no-results" style="display: none;"><?php _e( 'Sorry, but nothing matched your search terms. Please try again with some different keywords.', 'intergalactic' ); ?></div>
<ul class="questions accordions">
<div class="collapse-all-group">
<button class="expand-all button expand"><?php echo pll__('expand all') ?></button>
<button class="collapse-all button collapse" style="display: none;"><?php echo pll__('collapse all') ?></button>
</div>
<div class="no-results" style="display: none;"><?php _e( 'Sorry, but nothing matched your search terms. Please try again with some different keywords.', 'intergalactic' ); ?></div>
<?php
foreach ($questions as $question) {
......@@ -57,3 +66,9 @@ $questions = get_posts( array(
</li>
<?php } ?>
</ul>
<div class="site-submit">
<div class="submitBox">
<?php if (function_exists('user_submitted_posts')) user_submitted_posts(); ?>
</div>
</div>
......@@ -11,14 +11,25 @@
</div><!-- #content -->
<footer id="colophon" class="site-footer" role="contentinfo">
<?php if (function_exists('user_submitted_posts')) user_submitted_posts(); ?>
<div class="site-info">
<a href="<?php echo esc_url( __( 'http://wordpress.org/', 'intergalactic' ) ); ?>"><?php printf( __( 'Proudly powered by %s', 'intergalactic' ), 'WordPress' ); ?></a>
<span class="sep"> | </span>
<?php printf( __( 'Theme: %1$s by %2$s.', 'intergalactic' ), 'Intergalactic', '<a href="http://wordpress.com/themes/intergalactic/" rel="designer">WordPress.com</a>' ); ?>
</div><!-- .site-info -->
<div class="coordinators-label"><?php echo pll__('Campaign coordinators') ?></div>
<div class="coordinators">
<a href="https://panoptykon.org/" target="_blank" title="Fundacja Panoptykon"><img src="/wp-content/images/logos/panoptykon.png" alt="Fundacja Panoptykon"></a>
<a href="https://www.stdem.org/" target="_blank" title="Democracy and Media Foundation"><img src="/wp-content/images/logos/dmf.png" alt="Democracy and Media Foundation"></a>
<a href="https://www.bof.nl/" target="_blank" title="Bits of Freedom"><img src="/wp-content/images/logos/bof.png" alt="Bits of Freedom"></a>
<div class="footer-links">
<?php if ( has_nav_menu( 'social' ) ) : ?>
<?php wp_nav_menu( array( 'theme_location' => 'social', 'depth' => 1, 'container_class' => 'social-links' ) ); ?>
<?php endif; ?>
</div>
</div>
<div class="partners-label"><?php echo pll__('Campaign partners') ?></div>
</div>
<!-- .site-info -->
</footer><!-- #colophon -->
</div><!-- #page -->
......
......@@ -185,7 +185,14 @@ pll_register_string('expand-all', 'expand all', $group, $multiline); // register
pll_register_string('collapse-all', 'collapse all', $group, $multiline); // register 'collapse all' button text
pll_register_string('search-box-title', 'Find our what you want to know on the GDPR', $group, $multiline); // register search box title text
pll_register_string('search-box-placeholder', 'Enter your term...', $group, $multiline); // register search box placeholder text
pll_register_string('filter-label', 'Filter', $group, $multiline); // register Filter label text
pll_register_string('filter-label', 'Filters', $group, $multiline); // register Filter label text
pll_register_string('question-label', 'Still got questions? send us one here', $group, $multiline); // register submit question label text
pll_register_string('question-placeholder', 'Enter your question', $group, $multiline); // register submit question placeholder text
pll_register_string('question-button', 'Send', $group, $multiline); // register submit question button text
pll_register_string('footer-coordinators', 'Campaign coordinators', $group, $multiline); // register footer texts
pll_register_string('footer-partners', 'Campaign partners', $group, $multiline); // register footer texts
/**
* Implement the Custom Header feature.
......
This diff is collapsed.
......@@ -31,8 +31,7 @@ $header = get_header_image();
pll_the_languages(array('dropdown' => 1));
?>
<div class="site-branding">
<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
<h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><img src="/wp-content/images/logos/GDPR.png" title="GDPR" /></a></h1>
</div>
<button class="menu-toggle x">
......
/* Webfont: LatoLatin-Bold */
@font-face {
font-family: 'Lato Bold';
font-family: "Lato Bold";
src: url('/wp-content/fonts/LatoLatin-Bold.eot');
src:
url('/wp-content/fonts/LatoLatin-Bold.eot?#iefix') format('embedded-opentype'),
......
This diff is collapsed.
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