From 31169670bbcd4e127f843f4c0ace637cc69a1235 Mon Sep 17 00:00:00 2001
From: Tim Morris <timothy.morris@uconn.edu>
Date: Thu, 30 Jun 2016 11:47:19 -0400
Subject: [PATCH] degrees page

---
 page-degrees.php            | 16 ++++++++++++++
 templates/base.twig         |  9 +++++++-
 templates/footer.twig       | 29 ++++++++++++++++++++++++-
 templates/page-degrees.twig | 33 ++++++++++++++++++++++++++++
 templates/single.twig       | 43 +++++++++++++++++++++----------------
 5 files changed, 110 insertions(+), 20 deletions(-)
 create mode 100644 page-degrees.php
 create mode 100644 templates/page-degrees.twig
diff --git a/page-degrees.php b/page-degrees.php
new file mode 100644
index 0000000..318d54a
--- /dev/null
+++ b/page-degrees.php
@@ -0,0 +1,16 @@
+<?php 
+$context = Timber::get_context();
+$post = new TimberPost();
+
+$query = array(
+ 'post_type' => 'degree',
+ 'orderby' => 'date',
+ 'order' => 'ASC'
+);
+query_posts($query);
+$context['degrees'] = Timber::get_posts();
+$context['post'] = $post;
+Timber::render( array( 'page-' . $post->post_name . '.twig', 'page.twig' ), $context );
+
+
+
diff --git a/templates/base.twig b/templates/base.twig
index b4fdeca..bd971b1 100755
--- a/templates/base.twig
+++ b/templates/base.twig
@@ -6,7 +6,13 @@
   </head>
 {% endblock %}
 
-  <body class="site {{body_class}}" data-template="base.twig">
+  <body class="site {{body_class}} 
+  {% if post.get_field('wpcf-parent') %}
+    u-{{ post.get_field('wpcf-parent') }}Color
+  {% else %}
+    u-{{ post.slug }}Color
+  {% endif %}" data-template="base.twig">
+    <div class="master-wrapper">
     {% block header %}
       <header class="uc_banner">
         <div class="uc_banner__inner">
@@ -80,6 +86,7 @@
       {{ function('wp_footer') }}
     {% endblock %}
 
+  </div>
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
     <script src="{{site.theme.link}}/main.min.js"></script>
   </body>
diff --git a/templates/footer.twig b/templates/footer.twig
index 4f2bb14..3916382 100755
--- a/templates/footer.twig
+++ b/templates/footer.twig
@@ -1 +1,28 @@
-Copyright {{"now"|date('Y')}}
+<footer class="mainFooter">
+	<section class="u-container">
+		<nav class="mainFooter__superNav">
+			<section class="mainFooter__social">
+				<h1>Follow Us!</h1>
+				<nav class="socialNav">
+					<ul>
+						<li><a href="#" class="socialNav__link u-borderColor socialNav__link--first" id="facebook"></a></li>
+						<li><a href="#" class="socialNav__link u-borderColor" id="twitter"></a></li>
+						<li><a href="#" class="socialNav__link u-borderColor" id="instagram"></a></li>
+						<li><a href="#" class="socialNav__link u-borderColor" id="youtube"></a></li>
+					</ul>
+				</nav>
+			</section>
+			<section class="mainFooter__apply">
+				<a href="#" class="mainFooter__applyButton u-borderColor">Application Process</a>
+			</section>
+		</nav>
+		<nav class="mainFooter__subNav">
+			<a href="#" class="mainFooter__subNavLink u-s-backgroundColor">&copy; University of Connecticut</a>
+			<a href="#" class="mainFooter__subNavLink u-s-backgroundColor">Disclaimers, Privacy and Copyright</a>
+			<a href="#" class="mainFooter__subNavLink u-s-backgroundColor">Webmaster Login</a>
+			<a href="#" class="mainFooter__subNavLink u-s-backgroundColor">Contact</a>
+			<a href="#" class="mainFooter__subNavLink u-s-backgroundColor">Degrees</a>
+		</nav>
+	</section>
+</footer>
+
diff --git a/templates/page-degrees.twig b/templates/page-degrees.twig
new file mode 100644
index 0000000..afca284
--- /dev/null
+++ b/templates/page-degrees.twig
@@ -0,0 +1,33 @@
+{% extends "base.twig" %}
+
+{% block content %}
+<div class="u-container">
+	<section class="degreeCards">
+  	{% for degree in degrees %}
+			<a href="{{ degree.permalink }}" class="degreeCard">
+				<img src="{{ degree.thumbnail.src }}" alt="" class="degreeCard__background" />
+				<div>
+					<div class="degreeCard__label">
+						<h1>{{ degree.title }}</h1>
+						<h4>{{ degree.post_excerpt }}</h4>
+						<div class="degreeCard__learnMore">LEARN MORE</div>
+					</div>
+				</div>
+			</a>
+  	{% endfor %}
+  </section>
+</div>
+<div class="u-blackBG">
+		<section class="degreeBanner">
+			<article class="degreeBanner__inner">
+				<a href="#" class="degreeBanner__btn degreeBanner__btn--small">Degrees Overview</a>
+				<a href="#" class="degreeBanner__btn degreeBanner__btn--small">Concentrations</a>
+				<a href="#" class="degreeBanner__btn degreeBanner__btn--large"><span class="cameraIcon"></span>What Is DMD? Let Our Students Tell You!</a>
+				<a href="#" class="degreeBanner__btn degreeBanner__btn--small">Undergraduate Application Process</a>
+				<a href="#" class="degreeBanner__btn degreeBanner__btn--small">Graduate Application Process</a>
+			</article>
+		</section>
+</div>
+
+
+{% endblock %}
diff --git a/templates/single.twig b/templates/single.twig
index 07d212b..bb53b34 100755
--- a/templates/single.twig
+++ b/templates/single.twig
@@ -1,23 +1,30 @@
 {% extends "base.twig" %}
 
 {% block content %}
-  <article class="post post--{{post.post_type}}" id="post-{{post.ID}}">
-    <h1 class="postTitle">{{post.title}}</h1>
-    <p class="postAuthor">
-      <span>By</span>
-      <a href="{{post.author.path}}"> {{ post.author.name }} </a><span>&bull;</span> {{ post.post_date|date}}
-    </p>
-    <div class="postContent">
-      {{post.content}}
+  <div class="subPage subPage--{{ post.get_field('wpcf-parent') }}">
+    <nav class="subPageNav u-container">
+      <a href="/{{ post.get_field('wpcf-parent') }}" class="subPageNav__link">BACK</a>
+    </nav>
+    <div class="u-container">
+      <main class="subPageMain">
+        <section class="subPageBody">
+          <div class="subPageBody__inner">
+            <h1>{{ post.parent.title }}</h1>
+            <h1 class="postTitle">{{post.title}}</h1>
+            {{post.content}}
+          </div>
+        </section>
+        <aside class="subPageAside">
+          <div class="subPageAside__inner">
+            <figure class="subPageAside__Image">
+              <img src="{{post.get_field('wpcf-side-img')}}" alt="">
+            </figure>
+            <a href="#" class="subPageAside__Banner">
+              <h3>Learn more about the Undergraduate Application Process!</h3>
+            </a>
+          </div>
+        </aside>
+      </main>
     </div>
-    <section class="postComments">
-      <h3 class="postComments-title">Comments</h3>
-        {{ comment_form }}
-      <div class="postComments-container">
-        {% for cmt in post.get_comments() %}
-          {% include "comment.twig" with {comment:cmt} %}
-        {% endfor %}
-      </div>
-    </section>
-  </article>
+  </div>
 {% endblock %}
