Skip to content

Commit

Permalink
1.0.8
Browse files Browse the repository at this point in the history 
- FontAwesome KIT toegevoegd
- Linkedin icon toegevoegd
- Header social icons op mobiel verwijderen en toevoegen in footer
- logo mobiel max 140px
- footer aangepaste breekpunten toegepast
- kleine stijlcorrecties
  • Loading branch information
@catapultcc
catapultcc authored Oct 1, 2019
1 parent f721d87 commit 075cb68
Show file tree
Hide file tree
Showing 6 changed files with 129 additions and 353 deletions.
8 changes: 8 additions & 0 deletions README.md
View file
Original file line number Diff line number Diff line change
@@ -1,3 +1,11 @@
1.0.8 Bugfix
- FontAwesome KIT toegevoegd
- Linkedin icon toegevoegd
- Header social icons op mobiel verwijderen en toevoegen in footer
- logo mobiel max 140px
- footer aangepaste breekpunten toegepast
- kleine stijlcorrecties

1.0.7 Bugfix
- Functions.php aangepast en uitgebreid met alle noodzakelijke plug-ins
- Extra plugin toegevoegd tbv volgorde CPT
Expand Down
6 changes: 3 additions & 3 deletions assets/sass/opmaak.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -437,7 +437,7 @@ img.headerlogo {
margin-left: 15px;
}
.navbar-brand {
width: 160px;
width: 140px;
}


Expand Down Expand Up @@ -510,7 +510,7 @@ img.headerlogo {
background-position: top;
}
.topinfo {
/*width: 50%;*/
width: 50%;
text-align: right;
height: 0;
padding-top: 20px;
Expand Down Expand Up @@ -1258,7 +1258,7 @@ input.search-field {
max-height: 600px;
}
.topinfo {
width: 75%;
width: 70%;
padding-top: 22px;
}
.menu:before {
Expand Down
159 changes: 40 additions & 119 deletions footer.php
View file
Original file line number Diff line number Diff line change
@@ -1,146 +1,67 @@
<footer class="">

<div class="menu-footer vlak-groen tekst-zwart pt-4 pb-5">

<div class="container-fluid">

<div class="container">

<div class="container">
<div class="row">

<div class="col-12 col-sm-12 col-md-6 col-lg-6 pr-md-4 mb-5 mb-md-0">

<div class="row">

<div class="col-12">

<h5 class="tekst-zwart mt-3 mb-3"><?php echo get_field('footer_kop', 'option'); ?></h5>

</div>

<div class="col-12 mb-3">

<?php echo get_field('footer_tekst', 'option'); ?>

</div>

<div class="col-6 col-md-4">

<a href="https://www.catent.nl" target="_blank" onclick="gtag('event', 'Klik', { event_category: 'Footer', event_action: 'Catent'});">

<img src="<?php echo get_template_directory_uri(); ?>/assets/images/catent_logo_payoff.svg" alt="Stichting Catent Logo" width="90%"></a>

</div>

<div class="col-6 col-md-8 social-icons">

<a class="m-0" href="https://www.linkedin.com/company/catent" target="_blank" onclick="gtag('event', 'Klik', { event_category: 'Footer', event_action: 'Linkedin'});">

<span class="fa-stack fa-2x">

<i class="fa fa-circle fa-stack-2x"></i>

<i class="fab fa-linkedin-in fa-stack-1x fa-inverse"></i>

</span>

</a>

</div>

</div>

<div class="col-12 col-md-12 col-lg-6 pr-md-4 mb-5 ">
<div class="row">
<div class="col-12">
<h5 class="tekst-zwart mt-3 mb-3"><?php echo get_field('footer_kop', 'option'); ?></h5>
</div>
<div class="col-12 mb-3"> <?php echo get_field('footer_tekst', 'option'); ?> </div>
<div class="col-6 col-md-4"> <a href="https://www.catent.nl" target="_blank" onclick="gtag('event', 'Klik', { event_category: 'Footer', event_action: 'Catent'});"> <img src="<?php echo get_template_directory_uri(); ?>/assets/images/catent_logo_payoff.svg" alt="Stichting Catent Logo" width="90%"></a> </div>
<div class="col-6 col-md-8 social-icons"> <a class="m-0" href="https://www.linkedin.com/company/catent" target="_blank" onclick="gtag('event', 'Klik', { event_category: 'Footer', event_action: 'Linkedin'});"> <span class="fa-stack fa-2x"> <i class="fa fa-circle fa-stack-2x"></i> <i class="fab fa-linkedin-in fa-stack-1x fa-inverse"></i> </span> </a> </div>
</div>
</div>

<div class="col-12 col-sm-6 col-md-6 col-lg-3 mb-5 mb-md-0">

<div class="col-12 col-md-6 col-lg-3 mb-5 mb-md-0">
<h5 class="tekst-zwart mt-3 mb-3">Contact</h5>

<div>

<?php echo get_field('footer_contact', 'option'); ?>

</div>

<div> <?php echo get_field('footer_contact', 'option'); ?> </div>
<p><a href="<?php echo get_field('google_maps_link', 'option'); ?>" target="_blank" class="button button-secondair" onclick="gtag('event', 'Klik', { event_category: 'Footer', event_action: 'Route'});">Route <i class="fal fa-long-arrow-right"></i></a></p>


<div class="d-inline-block d-lg-none social-icons">
<?php if(get_field('social_media_facebook', 'option')) : ?>
<a href="<?php echo get_field('social_media_facebook', 'option'); ?>" target="_blank" class="d-inline-block" onclick="gtag('event', 'Klik', { event_category: 'Header', event_action: 'Facebook'});"> <span class="fa-stack fa-2x tekst-secondair" style="margin-top:-8px"> <i class="fa fa-circle fa-stack-2x"></i> <i class="fab fa-facebook-f fa-stack-1x fa-inverse"></i> </span> </a>
<?php endif; ?>

<?php if(get_field('social_media_linkedin', 'option')) : ?>
<a href="<?php echo get_field('social_media_linkedin', 'option'); ?>" target="_blank" class="d-inline-block" onclick="gtag('event', 'Klik', { event_category: 'Header', event_action: 'Linkedin'});"> <span class="fa-stack fa-2x tekst-secondair" style="margin-top:-8px"> <i class="fa fa-circle fa-stack-2x"></i> <i class="fab fa-linkedin-in fa-stack-1x fa-inverse"></i> </span> </a>
<?php endif; ?>
</div>

</div>



<div class="col-12 col-sm-6 col-md-6 col-lg-3">

<div class="col-12 col-md-6 col-lg-3">
<h5 class="tekst-zwart mt-3 mb-3">Kennismaken</h5>

<div>

<?php echo get_field('footer_kennismaken', 'option'); ?>

</div>

<div> <?php echo get_field('footer_kennismaken', 'option'); ?> </div>
<p><a href="<?php echo home_url();?>/contact/" class="button button-secondair" onclick="gtag('event', 'Klik', { event_category: 'Footer', event_action: 'Contact'});">Maak een afspraak <i class="fal fa-long-arrow-right"></i></a></p>

</div>

</div>

</div>

</div>

</div>



<div class="container-fluid pt-4 pt-md-2 pb-2 vlak-wit copyright">

<div class="container-fluid pt-4 pt-md-2 pb-2 vlak-wit copyright">
<div class="container">

<div class="row">

<div class="col-12 col-sm-6">

<div class="col-12 col-lg-6">
<?php wp_nav_menu( array( 'theme_location' => 'footer-menu', 'container'=> false, 'menu_class'=> false, 'menu_id'=> 'menu-footer','items_wrap' => '<ul class="footermenu">%3$s</ul>' ) ); ?>

</div>

<div class="col-12 col-sm-6 text-left text-md-right">

<p class="m-0"><?php
if(get_field('footer_extra_copyright', 'option') != '') :
echo get_field('footer_extra_copyright', 'option');
endif;?> Ontwerp en realisatie: <a href="https://www.catapult.nl" style="color: #000;" onclick="gtag('event', 'Klik', { event_category: 'Footer', event_action: 'Catapult'});"><u>Catapult creëert</u></a></p>

<br class="d-block d-md-none">

<div class="col-12 col-lg-6 text-left text-md-right">
<p class="m-0">
<?php
if ( get_field( 'footer_extra_copyright', 'option' ) != '' ):
echo get_field( 'footer_extra_copyright', 'option' );
endif;
?>
Ontwerp en realisatie: <a href="https://www.catapult.nl" style="color: #000;" onclick="gtag('event', 'Klik', { event_category: 'Footer', event_action: 'Catapult'});"><u>Catapult creëert</u></a></p>
<br class="d-block d-md-none">
</div>

</div>

</div>

</div>

</footer>



<a href="#0" class="hoef cd-top">

<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" width="20" height="20" version="1.1">

<path stroke="white" fill = "white" stroke-width="1" d="M0 16.67l2.829 2.83 9.175-9.339 9.167 9.339 2.829-2.83-11.996-12.17z"/>

</svg>

<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" width="20" height="20" version="1.1">
<path stroke="white" fill = "white" stroke-width="1" d="M0 16.67l2.829 2.83 9.175-9.339 9.167 9.339 2.829-2.83-11.996-12.17z"/>
</svg>
</a>



<?php wp_footer(); ?>



</body>

</html>
</body></html>
32 changes: 16 additions & 16 deletions functions.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,21 +8,21 @@ function theme_styles() {
wp_enqueue_script( 'jquery' );

/* STIJL */
wp_enqueue_style( 'boots-4-min-style', 'https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css');
wp_enqueue_style( 'animate-css-style', 'https://cdn.jsdelivr.net/npm/[email protected]/animate.min.css');
wp_enqueue_style( 'owlslider-style', 'https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css');
wp_enqueue_style( 'owlslider-style-default', 'https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css');
wp_enqueue_style( 'fontawesome-5-style', 'https://pro.fontawesome.com/releases/v5.4.1/css/all.css');
wp_enqueue_style( 'fancybox-css', 'https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.6/jquery.fancybox.min.css');
wp_enqueue_style( 'opmaak-style', get_template_directory_uri() . '/assets/css/opmaak.css?v=1.2.0');
/* SCRIPTS */
wp_enqueue_script( 'boots-4-script', 'https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js', '', '3.0.0' , true );
wp_enqueue_script( 'wow', 'https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.js', array('jquery'), '1.1.2' );
wp_enqueue_script( 'jquery-ui', 'https://code.jquery.com/ui/1.12.1/jquery-ui.js', '', '1.12.1' , true);
wp_enqueue_script( 'owlslider-script', 'https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js', '', '2.3.4' , true );
wp_enqueue_script( 'fancybox-script', 'https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.6/jquery.fancybox.min.js', '', '3.5.6' , true );
wp_enqueue_script( 'eigen-script', get_template_directory_uri() . '/assets/js/scripts.js', '', '3.0.0' , true );
wp_enqueue_style( 'boots-4-min-style', 'https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css');
wp_enqueue_style( 'animate-css-style', 'https://cdn.jsdelivr.net/npm/[email protected]/animate.min.css');
wp_enqueue_style( 'owlslider-style', 'https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css');
wp_enqueue_style( 'owlslider-style-default', 'https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css');
wp_enqueue_style( 'fancybox-css', 'https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.6/jquery.fancybox.min.css');
wp_enqueue_style( 'opmaak-style', get_template_directory_uri() . '/assets/css/opmaak.css?v=1.2.0');

/* SCRIPTS */
wp_enqueue_script( 'boots-4-script', 'https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js', '', '3.0.0' , true );
wp_enqueue_script( 'wow', 'https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.js', array('jquery'), '1.1.2' );
wp_enqueue_script( 'fontawesome-kit', 'https://kit.fontawesome.com/aead5e8119.js', array('jquery'), '5.11.2' );
wp_enqueue_script( 'jquery-ui', 'https://code.jquery.com/ui/1.12.1/jquery-ui.js', '', '1.12.1' , true);
wp_enqueue_script( 'owlslider-script', 'https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js', '', '2.3.4' , true );
wp_enqueue_script( 'fancybox-script', 'https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.6/jquery.fancybox.min.js', '', '3.5.6' , true );
wp_enqueue_script( 'eigen-script', get_template_directory_uri() . '/assets/js/scripts.js', '', '3.0.0' , true );

}
add_action( 'wp_enqueue_scripts', 'theme_styles' );
Expand Down Expand Up @@ -268,7 +268,7 @@ function catapult_register_required_plugins() {
'menu_title' => __( 'Installeer plugins', 'tgmpa' ),
'installing' => __( 'Plugin installeren: %s', 'tgmpa' ), // %s = plugin name.
'oops' => __( 'Er ging iets mis met de plugin API.', 'tgmpa' ),
'notice_can_install_required' => _n_noop( 'Dit thema is de volgende plugins nodig: %1$s.', 'Dit thema is de volgende plugins nodig: %1$s.', 'tgmpa' ), // %1$s = plugin name(s).
'notice_can_install_required' => _n_noop( 'Dit thema heeft de volgende plugins nodig: %1$s.', 'Dit thema is de volgende plugins nodig: %1$s.', 'tgmpa' ), // %1$s = plugin name(s).
'notice_can_install_recommended' => _n_noop( 'De volgende plugins zijn optineel: %1$s.', 'De volgende plugins zijn optineel: %1$s.', 'tgmpa' ), // %1$s = plugin name(s).
'notice_cannot_install' => _n_noop( 'Sorry, but you do not have the correct permissions to install the %s plugin. Contact the administrator of this site for help on getting the plugin installed.', 'Sorry, but you do not have the correct permissions to install the %s plugins. Contact the administrator of this site for help on getting the plugins installed.', 'tgmpa' ), // %1$s = plugin name(s).
'notice_can_activate_required' => _n_noop( 'De volgende belangijke plugin staat uit: %1$s.', 'De volgende belangijke plugin staat uit: %1$s.', 'tgmpa' ), // %1$s = plugin name(s).
Expand Down
Loading

0 comments on commit 075cb68

Please sign in to comment.