Skip to content

Commit

Permalink
Initial commit
Browse files Browse the repository at this point in the history
  • Loading branch information
@andypaddock
andypaddock committed Aug 12, 2020
0 parents commit f0d7e70
Show file tree
Hide file tree
Showing 10 changed files with 498 additions and 0 deletions.
2 changes: 2 additions & 0 deletions .gitattributes
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
# Auto detect text files and perform LF normalization
* text=auto
62 changes: 62 additions & 0 deletions footer.php
Original file line number Diff line number Diff line change
@@ -0,0 +1,62 @@
<?php
/**
* The template for displaying the footer
* @package silverlessstudio
*/
?>
</main>
<?php $footerImage = get_field('background_image', 'options');?>
<footer class="footer">
<div class="wrapper">
<div class="container-overflow-right">
<?php if (!is_page( '2' )): ?>
<div class="content-wrapper image-wrapper dark-overlay"
style="background:url(<?php echo $footerImage['url'];?>);">
<div class="container">
<div class="footer-upper-content">
<h2 class="heading heading__2">Silverless <span class="no-wrap">Design & Marketing</span></h2>
<p>Websites<br>Brochures<br>Exhibition<br>Branding<br>Digital Marketing
</p>
<a href="<?php the_sub_field('button_target');?>" class="button">Find Out More</a>
</div>
</div>
</div>
<div class="content-wrapper dark-wrapper">
<div class="container">
<a href="<?php echo get_home_url(); ?>"
class="silverless"><?php get_template_part('inc/img/silverless', 'logo');?></a>
<div class="footer-contact">
<p>
<a href="">+44 (0)1672 556532</a>
<a href="">[email protected]</a>
</p>

<?php get_template_part("template-parts/social");?>

<a href="<?php the_sub_field('button_target');?>"
class="button button__ghost mb3">Directions</a>
</div>
</div>
</div>
<?php endif; ?>
<div class="content-wrapper darkest-wrapper">
<div class="container">
<div class="mandatory">
<p>© Silverless Ltd <?php echo date('Y');?><br />Registered in England, No. 8437159 <span
class="no-wrap">VAT No. GB 101 7040 78</span>
<span class="no-wrap">
<a href="/privacy-policy/">Privacy policy</a>
<a href="/terms-conditions/">Terms & Conditions</a>
</span>
</p>
</div>
</div>
</div>
</div>
</div>
</footer>
</div><!-- #page -->
<?php wp_footer(); ?>
</body>

</html>
6 changes: 6 additions & 0 deletions functions.php
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
<?php
add_action( 'wp_enqueue_scripts', 'silverless_photography_enqueue_styles' );
function silverless_photography_enqueue_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
}
?>
107 changes: 107 additions & 0 deletions header.php
Original file line number Diff line number Diff line change
@@ -0,0 +1,107 @@
<?php /** Header @package silverlessstudio */ ?>
<!doctype html>
<html <?php language_attributes(); ?>>

<head>
<meta charset="UTF-8">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">

<title><?php $blog_title = get_bloginfo(); ?></title>

<link rel="stylesheet" href="https://use.typekit.net/ibi2glu.css">
<!--TYPEKIT INJECT-->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css"
integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
<link rel="shortcut icon" href="<?php echo get_stylesheet_directory_uri(); ?>/favicon.ico" type="image/x-icon" />

<?php wp_head(); ?>
</head>

<body <?php body_class(); ?>>
<div class="cta-contact-header">
<div class="wrapper">
<div class="outer-container">
<div class="container">
<div class="col">
<a href="/photography/contact" class="button button__global">
<i class="fas fa-phone"></i>
<span>Contact</span>
</a>
</div>
</div>
</div>
</div>
</div>

<div class="menu-offscreen">
<div class="wrapper">
<div class="outer-container">
<div class="container">
<span class="accent"></span>
<div class="col">
<?php wp_nav_menu(array(
'theme_location' => 'main-menu',
'container_class' => 'mainMenu'
));?>
</div>
</div>
</div>
</div>
</div>


<main>
<!--main closes in footer-->

<div class="wrapper">

<div class="outer-container mobile-nav">
<div class='sidebar'>
<div class="nav-trigger">
<div class="hamburger-menu"></div>
</div>
<div class="quick-links">
<a href="/contact" class="icon">
<i class="fas fa-phone"></i>
</a>
<a href="mailto:[email protected]" class="icon">
<i class="fas fa-envelope"></i>
</a>
<?php get_template_part("template-parts/social");?>
</div>
</div>
<div class="container content">
<a href="<?php echo get_home_url(); ?>" alt="" title="">
<?php get_template_part("template-parts/logo"); ?>
</a>
</div>
</div>



<div class="outer-container">
<div class='sidebar'>
<div class=sidebar__top>
<a href="<?php echo get_home_url(); ?>" alt="" title="">
<?php get_template_part("template-parts/logo"); ?>
</a>
<div class="nav-trigger">
<div class="hamburger-menu"></div>
<span>Menu</span>
</div>
</div>
<div class="sidebar__bottom">
<div class="slide-nav">
<?php if( have_rows('top_carousel') ):
$i = 1;
while( have_rows('top_carousel') ): the_row();?>
<div id="slide<?php echo $i;?>" class="slide-nav__item" ref-slide="<?php echo $i;?>">0
<?php echo $i;?>.</div>

<?php $i++; endwhile; endif;?>

</div>
</div>
</div>
53 changes: 53 additions & 0 deletions page-templates/contact.php
Original file line number Diff line number Diff line change
@@ -0,0 +1,53 @@
<?php
/**
* ============== Template Name: Contact
*
* @package silverlessstudio
*/
get_header();?>

</div>
<!--outer-container-->
<?php $heroBackground = get_field('background_image');?>
<div class="container-overflow-right hero content">
<div class="content-wrapper contact" style="background:url(<?php echo $heroBackground['url'];?>);"></div>
<div class="container">
<div class="content">
<h3 class="heading heading__2"><?php the_field('heading');?></h3>
<p><?php the_field('copy');?></p>
<?php get_template_part("inc/img/arrow");?>
</div>
</div>
</div>

<div class="outer-container mb10">
<div class="container content">
<div class="contact-details">
<div class="sticky">
<h2 class="heading heading__7">Silverless Ltd</h2>
<p><?php the_field('address', 'options');?></p>
<a href="https://what3words.com/potato.balanced.argue" class="naked-link mt1">///
potato.balanced.argue</a>
<a href="mailto:<?php the_field('email_-_careers', 'options');?>"
class="naked-link mt1"><?php the_field('email_-_careers', 'options');?></a>
<br />
<a href="tel:<?php the_field('phone_number', 'options');?>"
class="naked-link"><?php the_field('phone_number', 'options');?></a>
<?php get_template_part("template-parts/social");?>
</div>
</div>
<div class="form-section">
<?php if( have_rows('form_section') ):
while( have_rows('form_section') ): the_row();?>
<h2 class="heading heading__7 mb1"><?php the_sub_field('heading');?></h2>
<p class="mb1"><?php the_sub_field('copy');?></p>
<?php echo do_shortcode('[contact-form-7 id="5" title="Contact Form"]');?>
<?php endwhile; endif;?>
</div>
</div>
</div>

</div>
<!--wrapper-->

<?php get_footer();?>
121 changes: 121 additions & 0 deletions page-templates/home.php
Original file line number Diff line number Diff line change
@@ -0,0 +1,121 @@
<?php
/**
* ============== Template Name: Home Page
*
* @package silverlessstudio
*/
get_header();?>

<div class="container content">
<div class="col">
<div class="slide-wrapper">
<?php if( have_rows('top_carousel') ):
$i = 1;
while( have_rows('top_carousel') ): the_row();
$slideType = get_sub_field('slide_type');
if (get_sub_field('background_image')):
$slideImage = get_sub_field('background_image');
elseif (get_sub_field('background_colour')):
$slideColor = get_sub_field('background_colour');
endif;?>

<div class="pad"></div>

<div id="slide<?php echo $i;?>" class="slide slide<?php echo $i;?> <?php echo $slideType;?>"
ref-slide="<?php echo $i;?>"
style="background:url(<?php echo $slideImage['url'];?>); background-color:<?php echo $slideColor;?>">
<div class="container">
<?php

$video = get_sub_field("background_video");

if($video): ?>

<video autoplay muted id="myVideo">
<source src="<?php echo $video['url'];?>" type="video/mp4">
</video>

<?php endif; ?>
<?php if($slideType == 'first'):?>
<h3 class="heading heading__1"><?php the_sub_field('heading');?></h3>
<div class="inner-content">
<h2 class="heading heading__4 mb2"><?php the_sub_field('copy');?></h2>

</div>
<?php elseif ($slideType == 'work'):?>
<div class="inner-content">
<h3 class="heading heading__6">Recent Work</h3>
<h2 class="heading heading__2"><?php the_sub_field('heading');?></h2>
<p><?php the_sub_field('copy');?></p>
<a href="<?php the_sub_field('button_target');?>"
class="button button__bare"><?php the_sub_field('button_text');?></a>
</div>
<?php elseif ($slideType == 'cta'):?>
CTA
<?php endif;?>

</div>
<!--container-->
</div>
<!--slide-->

<?php $i++; endwhile; endif;?>
</div>

</div>
</div>

</div>
<!--outer-container-->





</div>
<!--wrapper-->

<script src="<?php echo get_template_directory_uri(); ?>/inc/js/io-compiled.js"></script>

<script>
const slides = document.querySelectorAll(".slide");
const nav = document.querySelectorAll(".slide-nav__item");
observer = new IntersectionObserver(
entries => {
entries.forEach(entry => {
var currentSlide = entry.target.getAttribute('ref-slide');
var currentNav = nav[(currentSlide - 1)];
if (entry.isIntersecting) {
entry.target.classList.add('active');
currentNav.classList.add('hit');
} else {
entry.target.classList.remove("active");
currentNav.classList.remove('hit');
}
});
}, {
threshold: [0.5],
trackVisibility: true,
delay: 100
});
var s = 0;
slides.forEach(slide => {
observer.observe(slide);
});

const navSwitch = document.querySelector('.slide-wrapper');
const navWrapper = document.querySelector('.slide-nav');
navObserver = new IntersectionObserver(entries => {
entries.forEach(entry => {
if (entry.intersectionRatio > 0) {
navWrapper.classList.add('active');
} else {
navWrapper.classList.remove('active');
}
});
});

navObserver.observe(navSwitch);
</script>

<?php get_footer();?>
Loading

0 comments on commit f0d7e70

Please sign in to comment.