fixed the damn contact page

dmd-web-and-mobile · Sep 5, 2016 · 640117c · 640117c
1 parent c69c5f0
commit 640117c
Show file tree

Hide file tree

Showing 25 changed files with 96 additions and 1 deletion.
diff --git a/dist/img/silhouettes/female--blue.png b/dist/img/silhouettes/female--blue.png
diff --git a/dist/img/silhouettes/female--green.png b/dist/img/silhouettes/female--green.png
diff --git a/dist/img/silhouettes/female--orange.png b/dist/img/silhouettes/female--orange.png
diff --git a/dist/img/silhouettes/female--red.png b/dist/img/silhouettes/female--red.png
diff --git a/dist/img/silhouettes/female--yellow.png b/dist/img/silhouettes/female--yellow.png
diff --git a/dist/img/silhouettes/male--blue.png b/dist/img/silhouettes/male--blue.png
diff --git a/dist/img/silhouettes/male--green.png b/dist/img/silhouettes/male--green.png
diff --git a/dist/img/silhouettes/male--orange.png b/dist/img/silhouettes/male--orange.png
diff --git a/dist/img/silhouettes/male--red.png b/dist/img/silhouettes/male--red.png
diff --git a/dist/img/silhouettes/male--yellow.png b/dist/img/silhouettes/male--yellow.png
diff --git a/single-about-us.php b/single-about-us.php
diff --git a/single-aboutus.php b/single-aboutus.php
@@ -0,0 +1,30 @@
+<?php
+/**
+ * The Template for displaying all single posts
+ *
+ * Methods for TimberHelper can be found in the /lib sub-directory
+ *
+ * @package  WordPress
+ * @subpackage  Timber
+ * @since    Timber 0.1
+ */
+
+$context = Timber::get_context();
+$post = Timber::query_post();
+$context['post'] = $post;
+$context['comment_form'] = TimberHelper::get_comment_form();
+
+//echo $post->post_name;
+
+if ( $post->post_name == 'our-team' ) {
+	$query = array(
+	 'post_type' => 'instructor',
+	 'orderby' => 'title',
+	 'order' => 'ASC'
+	);
+	query_posts($query);
+	$context['instructors'] = Timber::get_posts();
+	Timber::render( array( 'single-our-team.twig' ), $context );
+} else {
+	Timber::render( array( 'single-' . $post->ID . '.twig', 'single-' . $post->post_type . '.twig', 'single.twig' ), $context );
+}
diff --git a/templates/footer.twig b/templates/footer.twig
@@ -13,7 +13,7 @@
 				</nav>
 			</section>
 			<section class="mainFooter__apply">
-				<a href="{{site.url}}/application-process/" class="mainFooter__applyButton u-borderColor">Application Process</a>
+				<a href="{{site.url}}/application-process/" class="mainFooter__applyButton u-borderColor">APPLY NOW</a>
 			</section>
 		</nav>
 		<nav class="mainFooter__subNav">

diff --git a/templates/silhouettes/female_0.svg b/templates/silhouettes/female_0.svg
diff --git a/templates/silhouettes/female_1.svg b/templates/silhouettes/female_1.svg
diff --git a/templates/silhouettes/female_2.svg b/templates/silhouettes/female_2.svg
diff --git a/templates/silhouettes/female_3.svg b/templates/silhouettes/female_3.svg
diff --git a/templates/silhouettes/female_4.svg b/templates/silhouettes/female_4.svg
diff --git a/templates/silhouettes/male_0.svg b/templates/silhouettes/male_0.svg
diff --git a/templates/silhouettes/male_1.svg b/templates/silhouettes/male_1.svg
diff --git a/templates/silhouettes/male_2.svg b/templates/silhouettes/male_2.svg
diff --git a/templates/silhouettes/male_3.svg b/templates/silhouettes/male_3.svg
diff --git a/templates/silhouettes/male_4.svg b/templates/silhouettes/male_4.svg
diff --git a/templates/single-about-us.twig b/templates/single-about-us.twig
diff --git a/templates/single-our-team.twig b/templates/single-our-team.twig
@@ -0,0 +1,52 @@
+{% extends "base.twig" %}
+
+{% block content %}
+
+<main class="u-container">	
+		{% set colors = ['red', 'orange', 'yellow', 'green', 'blue'] %}
+		{% for instructor in instructors %}
+		<div class="contactCard__outer">
+			<a href="#{{instructor.slug}}" class="contactCard contactCard--{{colors[loop.index0 % 5]}}" id="{{instructor.slug}}-card">
+				<figure class="contactCard__top">
+					<img src="{{theme.link}}/dist/img/silhouettes/{{instructor.get_field('wpcf-sex')}}--{{colors[loop.index0 % 5]}}.png" alt="{{instructor.title}}">
+					<figcaption>
+						<h3>{{instructor.get_field('wpcf-first-name')}} {{instructor.get_field('wpcf-last-name')}}</h3>
+						<h3>{{ instructor.get_field('wpcf-position') }}</h3>
+					</figcaption>
+				</figure>
+				<figure class="contactCard__bottom">
+					<div class="contactCard__bottomInner">
+						<h4>{{ instructor.get_field('wpcf-email') }}</h4>
+						<h4>{{ instructor.get_field('wpcf-concentration') }}</h4>
+					</div>
+					<hr>
+				</figure>
+			</a>
+		</div>
+		<div class="contactModal contactModal--{{colors[loop.index0 % 5]}}" id="{{instructor.slug}}">
+			<div class="contactModal__inner">
+				<header class="contactModal__header">
+						<h1>{{instructor.get_field('wpcf-first-name')}} {{instructor.get_field('wpcf-last-name')}}</h1>
+						<h3>{{ instructor.get_field('wpcf-position') }}</h3>
+				</header>
+				<section class="contactModal__body">
+					<figure class="contactModal__bodyInfo">
+						<img src="{{ instructor.thumbnail.src }}" alt="{{ instructor.slug }}" class="contactModal__profilePicture">
+						<figcaption>
+							<a href="mailto:{{ instructor.get_field('wpcf-email') }}">{{ instructor.get_field('wpcf-email') }}</a>
+							<p>{{ instructor.get_field('wpcf-phone-number') }}</p>
+							<p>{{ instructor.get_field('wpcf-address') }}</p>
+						</figcaption>
+					</figure>
+					<p>{{ instructor.content }}</p>
+				</section>
+				<footer class="contactModal__footer">
+					<a href="#all">Close</a>
+				</footer>
+			</div>
+		</div>
+		<a href="#all" class="contactModal__cover"></a>
+		{% endfor %}
+</main>
+
+{% endblock %}