From 1958efe40fff8ca49129c1700c53034c4559fb64 Mon Sep 17 00:00:00 2001
From: rumperuu <me@bengoldsworthy.uk>
Date: Thu, 25 May 2017 18:57:33 +0000
Subject: [PATCH] Up-to-date

---
 archive.php                       |   2 +-
 functions.php                     |  81 +++++++++++++++++------
 header.php                        |  15 +++--
 page-experience-by-companies.php  |   2 +-
 page-home.php                     |  36 ++++++-----
 style.css                         | 103 +++++++++++++++++++-----------
 taxonomy-company.php              |   2 +-
 template-parts/content-page.php   |  29 +++++----
 template-parts/content-single.php |  11 +++-
 template-parts/content.php        |   4 +-
 10 files changed, 185 insertions(+), 100 deletions(-)

diff --git a/archive.php b/archive.php
index 949ef11..e87a642 100644
--- a/archive.php
+++ b/archive.php
@@ -22,7 +22,7 @@ get_header(); ?>
 	<header class="page-header">
 		<?php
 			the_archive_title( '<h1 id="page-title">', '</h1>' );
-			the_archive_description( '<div class="taxonomy-description entry-content">', '</div>' );
+         the_archive_description( '<div class="entry-content tile" id="taxonomy-description">', '</div>' );
 		?>
 	</header><!-- .page-header -->
 	   
diff --git a/functions.php b/functions.php
index 8b15a44..3d6cf96 100644
--- a/functions.php
+++ b/functions.php
@@ -32,6 +32,7 @@ if ( version_compare( $GLOBALS['wp_version'], '4.4-alpha', '<' ) ) {
 	require get_template_directory() . '/inc/back-compat.php';
 }
 
+// This sets the correct background colour for any LaTeX.
 global $themecolors;
 $themecolors['bg'] = '95b2bf';
 $themecolors['text'] = '2b0000';
@@ -281,7 +282,7 @@ function omphaloskepsis_scripts() {
 	// Theme stylesheet.
 	wp_enqueue_style( 'omphaloskepsis-style', get_stylesheet_uri() );
 	
-	wp_enqueue_style('font-awesome', '//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css'); 
+	wp_enqueue_style('font-awesome', 'https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css'); 
 	
 	wp_enqueue_style( 'montserrat', "https://fonts.googleapis.com/css?family=Montserrat" );
 
@@ -496,50 +497,94 @@ function omphaloskepsis_the_content($content) {
 
 add_filter('the_content', 'omphaloskepsis_the_content', 10);
 
+add_action( 'wp_enqueue_scripts', 'load_dashicons_front_end' );
+function load_dashicons_front_end() {
+   wp_enqueue_style( 'dashicons' );
+}
+
 function display_companies() {
    echo "<ul>";
    if ($_POST['toplevel'] == "true") {
       // Gets all of the top-level company terms.
       $terms = apply_filters("taxonomy-images-get-terms", "", array('having_images' => false, 'taxonomy' => 'company', 'term_args' => array('parent' => 0)));
+      $include = 1;
    } else {
       // Gets all of the company terms.
       $terms = apply_filters("taxonomy-images-get-terms", "", array('having_images' => false, 'taxonomy' => 'company',));
+      $include = 0;
    }
    if(!empty($terms)) {
       foreach($terms as $term) {
          $term_children = get_term_children($term->term_id, "company");
          
          // 0 = Jobs
-         // 1 = Websites
-         // 2 = Programs
-         // 3 = Writings
-         // 4 = Videos
-         // 5 = Others
-         // 6 = Qualifications
-         // 7 = Awards
+         // 1 = Blog Posts
+         // 2 = Websites
+         // 3 = Programs
+         // 4 = Writings
+         // 5 = Videos
+         // 6 = Others
+         // 7 = Qualifications
+         // 8 = Awards
          $post_types = array('job', 'post', 'website', 'program', 'writing', 'video', 'other', 'qualification', 'award');
          $dashicons = array('hammer', 'admin-post', 'schedule', 'desktop', 'format-aside', 'video-alt', 'archive', 'id', 'awards');
          $term_items = array();
          $term_item_counts = array();
+         
          foreach ($post_types as $post_type) {
-            $posts = get_posts(array( 'posts_per_page' => -1, 'post_type' => $post_type, 'tax_query' => array(array('taxonomy' => 'company', 'field' => 'slug', 'terms' => $term->slug))));
+            $args = array(  
+                        'posts_per_page' => -1, 
+                        'post_type' => $post_type, 
+                        'tax_query' => array(
+                           array(
+                              'taxonomy' => 'company', 
+                              'field' => 'slug', 
+                              'terms' => $term->slug,
+                              'include_children' => $include,
+                           ),
+                        ),
+                        'meta_query' => array(),
+                     );
+                     
+            if ($_POST['currentjobs'] == "true" && $post_type == "job") {
+               $args['meta_query'] = array(
+                                             array(
+                                                'key' => 'end-date',
+                                                'compare' => 'NOT EXISTS',
+                                                'value'   => '1',
+                                             ),
+                                          );
+            }
+            if ($_POST['showexpired'] != "true" && $post_type == "qualification") {
+               $args['meta_query'] = array(
+                                             array(
+                                                'key' => 'Expired',
+                                                'compare' => 'NOT EXISTS',
+                                                'value'   => '1',
+                                             ),
+                                          );
+            }
+            
+            $posts = get_posts($args);
+            
             array_push($term_items, $posts);
             array_push($term_item_counts, count($posts));
          }
          
          if(($_POST['job'] == "true" && $term_item_counts[0] > 0) ||
-            ($_POST['website'] == "true" && $term_item_counts[1] > 0) ||
-            ($_POST['program'] == "true" && $term_item_counts[2] > 0) ||
-            ($_POST['writing'] == "true" && $term_item_counts[3] > 0) ||
-            ($_POST['video'] == "true" && $term_item_counts[4] > 0) ||
-            ($_POST['other'] == "true" && $term_item_counts[5] > 0) ||
-            ($_POST['qualification'] == "true" && $term_item_counts[6] > 0) ||
-            ($_POST['award'] == "true" && $term_item_counts[7] > 0)) {
+            ($_POST['post'] == "true" && $term_item_counts[1] > 0) ||
+            ($_POST['website'] == "true" && $term_item_counts[2] > 0) ||
+            ($_POST['program'] == "true" && $term_item_counts[3] > 0) ||
+            ($_POST['writing'] == "true" && $term_item_counts[4] > 0) ||
+            ($_POST['video'] == "true" && $term_item_counts[5] > 0) ||
+            ($_POST['other'] == "true" && $term_item_counts[6] > 0) ||
+            ($_POST['qualification'] == "true" && $term_item_counts[7] > 0) ||
+            ($_POST['award'] == "true" && $term_item_counts[8] > 0)) {
                
             $imgURL = wp_get_attachment_image_src($term->image_id, 'full')[0];
             $bgImg = (!$imgURL) ? "" : " background-image: url(".strtok($imgURL, '?').");";
             $colour = get_term_meta($term->term_id, 'color', true);
-            $colour = ($colour != "") ? $colour : "var(--light)";
+            $colour = ($colour != "") ? $colour : "transparent";
             
             echo '<a href="'.esc_url(get_term_link($term, $term->taxonomy)).'">';
                echo '<li class="col-2 col-m-4" style="background-color: '.$colour.'; '.$bgImg.'">';
@@ -576,4 +621,4 @@ function display_companies() {
    die();
 }
 add_action('wp_ajax_display_companies', 'display_companies');
-add_action('wp_ajax_display_companies', 'display_companies');
+add_action('wp_ajax_nopriv_display_companies', 'display_companies');
diff --git a/header.php b/header.php
index c33118e..436b3c8 100644
--- a/header.php
+++ b/header.php
@@ -26,18 +26,23 @@
 	<div class="site-inner">
 		<div id="content" class="site-content">
       <?php if (!is_front_page()): ?>
-         <div id="header-bar">
+         <nav id="header-bar">
             <ul id="header-bar-list">
                <li><a href="/"><h1 id="header-bar-title">bengoldsworthy.uk</h1></a></li>
-               <li><a href="/blog" class="hyperlink-button thin">Blog</a></li>
-               <li style="line-height: 40px;">|</li>
+               <li class="mobile"><a href="/blog" class="hyperlink-button thin">Blog</a></li>
+               <li class="mobile" style="line-height: 40px;">|</li>
+               <li class="mobile mobile-only"><a href="/" class="hyperlink-button thin">Portfolios</a></li>
                <li><a href="/website" class="hyperlink-button thin">Websites</a></li>
                <li><a href="/program" class="hyperlink-button thin">Programs</a></li>
                <li><a href="/writing" class="hyperlink-button thin">Writings</a></li>
                <li><a href="/video" class="hyperlink-button thin">Video</a></li>
                <li><a href="/other" class="hyperlink-button thin">Other</a></li>
                <li style="line-height: 40px;">|</li>
-               <li><a href="/experience" class="hyperlink-button thin">Experience</a></li>
+               <li><a href="/award" class="hyperlink-button thin">Awards</a></li>
+               <li><a href="/qualification" class="hyperlink-button thin">Qualifications</a></li>
+               <li class="mobile" style="line-height: 40px;">|</li>
+               <li class="mobile"><a href="/experience" class="hyperlink-button thin">Experience</a></li>
+               <li><a href="/experience-by-companies" class="hyperlink-button thin">by companies</a></li>
             </ul>
-         </div>
+         </nav>
       <?php endif; ?>
\ No newline at end of file
diff --git a/page-experience-by-companies.php b/page-experience-by-companies.php
index 41d4006..27af90d 100644
--- a/page-experience-by-companies.php
+++ b/page-experience-by-companies.php
@@ -1 +1 @@
-<?php
/*
 * Template Name: Experience by Companies
 */
 
/**
 *
 *
 * The template for displaying all single posts and attachments
 *
 * @package WordPress
 * @subpackage Twenty_Sixteen
 * @since Twenty Sixteen 1.0
 */
get_header(); ?>

   <!--Page Title & Details-->
	<div class="post-header-title">
		<h1 id="page-title">Experience</h1>
		<h2 id="page-subtitle">by company</h2>
		<?php while (have_posts()) : the_post(); ?>
			<div class="entry-content tile" id="taxonomy-description">
			<?php the_content() ?>
			</div>
			<div class="entry-content tile" id="settings">
            <h3 class="subheading">Settings</h3>
            <form action="/experience-by-companies" id="settings" method="GET">
               <input class="checkbox" type="checkbox" id="toplevel" value="toplevel" checked="checked">
               <label for="toplevel">Display only top-level companies</label>
               <br>
               <fieldset>
                  <legend>Display companies with:</legend>
                  <div class="controlgroup" id="typestodisplay">
                     <label for="jobs">Jobs <span class="dashicons dashicons-hammer"></span></label>
                     <input type="checkbox" name="jobs" id="jobs" checked="checked">
                     <label for="posts">Blog Posts <span class="dashicons dashicons-admin-post"></span></label>
                     <input type="checkbox" name="posts" id="posts">
                     <br><br><br>
                     <label for="websites">Websites <span class="dashicons dashicons-schedule"></span></label>
                     <input type="checkbox" name="websites" id="websites">
                     <label for="programs">Programs <span class="dashicons dashicons-desktop"></span></label>
                     <input type="checkbox" name="programs" id="programs">
                     <label for="writings">Writings <span class="dashicons dashicons-format-aside"></span></label>
                     <input type="checkbox" name="writings" id="writings">
                     <label for="videos">Videos <span class="dashicons dashicons-video-alt"></span></label>
                     <input type="checkbox" name="videos" id="videos">
                     <label for="other">Other <span class="dashicons dashicons-archive"></span></label>
                     <input type="checkbox" name="other" id="other">
                     <br><br><br>
                     <label for="qualifications">Qualifications <span class="dashicons dashicons-id"></span></label>
                     <input type="checkbox" name="qualifications" id="qualifications">
                     <label for="awards">Awards <span class="dashicons dashicons-awards"></span></label>
                     <input type="checkbox" name="awards" id="awards">
                  </div>
               </fieldset>
               <br>
               <input class="ui-button ui-widget ui-corner-all" id="refresh" type="submit" value="Refresh">
            </form>
			</div>
		<?php endwhile; ?>
	</div>
	
   <!--Company Grid-->
	<div class="row" id="companies-grid">
      <img class="loading" src="/wp-content/uploads/2016/12/ajax-loader.gif">
	</div>
   
   <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">  
   <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
   <script type="text/javascript">
      // Populates the companies grid.
      jQuery(document).ready(function($) {
         // Sets up jQueryUI elements.
         $('input:checkbox').checkboxradio();
         $('.controlgroup').controlgroup();
         $('.refresh').button();
         
         // Displays the initial companies grid.
         displayCompanies();
         
         $('#refresh').click(function(event) {
            event.preventDefault();
            displayCompanies();
         });
         
         function displayCompanies() {
            $('#companies-grid').html('<img class="loading" src="/wp-content/uploads/2016/12/ajax-loader.gif">');
            
            var settings = {
               'action': 'display_companies',
               'toplevel': $('#toplevel').is(':checked'),
               'job': $('#jobs').is(':checked'),
               'post': $('#posts').is(':checked'),
               'website': $('#websites').is(':checked'),
               'program': $('#programs').is(':checked'),
               'writing': $('#writings').is(':checked'),
               'video': $('#videos').is(':checked'),
               'other': $('#other').is(':checked'),
               'qualification': $('#qualifications').is(':checked'),
               'award': $('#awards').is(':checked'),
            };
            
            $.post("/wp-admin/admin-ajax.php", settings, function(response) {
               $('#companies-grid').html(response);
            }); 
         }
      });
   </script>
<?php //get_sidebar(); ?>
<?php get_footer(); ?>
\ No newline at end of file
+<?php
/*
 * Template Name: Experience by Companies
 */
 
/**
 *
 *
 * The template for displaying all single posts and attachments
 *
 * @package WordPress
 * @subpackage Twenty_Sixteen
 * @since Twenty Sixteen 1.0
 */
get_header(); ?>

   <!--Page Title & Details-->
	<div class="post-header-title">
		<h1 id="page-title">Experience</h1>
		<h2 id="page-subtitle">by company</h2>
		<?php while (have_posts()) : the_post(); ?>
			<div class="entry-content tile" id="taxonomy-description">
			<?php the_content() ?>
			</div>
			<div class="entry-content tile" id="settings">
            <h3 class="subheading">Settings</h3>
            <form action="/experience-by-companies" id="settings" method="GET">
               <input class="checkbox" type="checkbox" id="toplevel" value="toplevel" checked="checked">
               <label for="toplevel">Display only top-level companies</label>
               <br>
               <fieldset>
                  <legend>Display companies with:</legend>
                  <div class="controlgroup" id="typestodisplay">
                     <label for="jobs">Jobs <span class="dashicons dashicons-hammer"></span></label>
                     <input type="checkbox" name="jobs" id="jobs" checked="checked">
                     <label class="currentjobs" for="currentjobs">Display only current jobs</label>
                     <input class="currentjobs" type="checkbox" name="currentjobs" id="currentjobs">
                     <label for="posts">Blog Posts <span class="dashicons dashicons-admin-post"></span></label>
                     <input type="checkbox" name="posts" id="posts">
                     <br><br><br>
                     <label for="websites">Websites <span class="dashicons dashicons-schedule"></span></label>
                     <input type="checkbox" name="websites" id="websites">
                     <label for="programs">Programs <span class="dashicons dashicons-desktop"></span></label>
                     <input type="checkbox" name="programs" id="programs">
                     <label for="writings">Writings <span class="dashicons dashicons-format-aside"></span></label>
                     <input type="checkbox" name="writings" id="writings">
                     <label for="videos">Videos <span class="dashicons dashicons-video-alt"></span></label>
                     <input type="checkbox" name="videos" id="videos">
                     <label for="other">Other <span class="dashicons dashicons-archive"></span></label>
                     <input type="checkbox" name="other" id="other">
                     <br><br><br>
                     <label for="qualifications">Qualifications <span class="dashicons dashicons-id"></span></label>
                     <input type="checkbox" name="qualifications" id="qualifications">
                     <label class="expired" for="expired">Show expired qualifications</label>
                     <input class="expired" type="checkbox" name="expired" id="expired">
                     <label for="awards">Awards <span class="dashicons dashicons-awards"></span></label>
                     <input type="checkbox" name="awards" id="awards">
                  </div>
               </fieldset>
               <br>
               <input class="ui-button ui-widget ui-corner-all" id="refresh" type="submit" value="Refresh">
            </form>
			</div>
		<?php endwhile; ?>
	</div>
	
   <!--Company Grid-->
	<div class="row" id="companies-grid">
      <img class="loading" src="/wp-content/uploads/2016/12/ajax-loader.gif">
	</div>
   
   <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">  
   <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
   <script type="text/javascript">
      // Populates the companies grid.
      jQuery(document).ready(function($) {
         // Sets up jQueryUI elements.
         $('input:checkbox').checkboxradio();
         $('.controlgroup').controlgroup();
         $('.refresh').button();
         
         // Displays the initial companies grid.
         displayCompanies();
         
         $('.expired').hide();
        
         $('#jobs').change(function() {
            if($(this).is(":checked")) {
               $('.currentjobs').fadeIn(100);
            } else {
               $('.currentjobs').fadeOut(100);
            }      
         });
         $('#qualifications').change(function() {
            if($(this).is(":checked")) {
               $('.expired').fadeIn(100);
            } else {
               $('.expired').fadeOut(100);
            }      
         });
         
         $('#refresh').click(function(event) {
            event.preventDefault();
            displayCompanies();
         });
         
         function displayCompanies() {
            $('#companies-grid').html('<img class="loading" src="/wp-content/uploads/2016/12/ajax-loader.gif">');
            
            var settings = {
               'action': 'display_companies',
               'toplevel': $('#toplevel').is(':checked'),
               'job': $('#jobs').is(':checked'),
               'currentjobs': $('#currentjobs').is(':checked'),
               'post': $('#posts').is(':checked'),
               'website': $('#websites').is(':checked'),
               'program': $('#programs').is(':checked'),
               'writing': $('#writings').is(':checked'),
               'video': $('#videos').is(':checked'),
               'other': $('#other').is(':checked'),
               'qualification': $('#qualifications').is(':checked'),
               'showexpired': $('#expired').is(':checked'),
               'award': $('#awards').is(':checked'),
            };
            
            $.post("/wp-admin/admin-ajax.php", settings, function(response) {
               $('#companies-grid').html(response);
            }); 
         }
      });
   </script>
<?php //get_sidebar(); ?>
<?php get_footer(); ?>
\ No newline at end of file
diff --git a/page-home.php b/page-home.php
index 1a41d78..422d841 100644
--- a/page-home.php
+++ b/page-home.php
@@ -13,13 +13,18 @@
 
 get_header(); ?>
 
+<script>
+   var openingMessage = "This website is still a work-in-progress. Things may look janky or broken entirely, particularly in browsers that aren't Firefox. Sorry about that.";
+   openingMessage += "\n\nFirefox: ✓ (should be)";
+   openingMessage += "\nChrome, Opera, etc.: varies";
+   openingMessage += "\nInternet Explorer: Unlikely until Microsoft make a real browser";
+   
+   alert(openingMessage);
+</script>
 <div id="content" class="site-content">
 	<main id="main" class="site-main wrapper-home" role="main">
       <img id="main-background" src="<?php the_post_thumbnail_url(); ?>);">
-		<?php
-		// Start the loop.
-		while ( have_posts() ) : the_post();
-      ?>
+   <?php while ( have_posts() ) : the_post(); ?>
       <header class="row" id="header-row">
          <div class="col-m-3">
             <div id="frontpage-img-wrapper">
@@ -34,21 +39,18 @@ get_header(); ?>
                <a href="bitcoin:1HApEg2robrRCx4rTKKeFj25unoaX65QUc"><i class="fa fa-btc"></i></a> ~ 
                <a href="https://uk.linkedin.com/in/rumperuu"><i class="fa fa-linkedin"></i></a> ~
                <a href="https://github.com/Rumperuu"><i class="fa fa-github"></i></a> ~
-               <a href="/pub.asc"><i class="fa fa-key"></i> 30D22F41</a> 
+               <a href="/pub.asc"><i class="fa fa-key"></i> 0x30D22F41</a> 
                ~
-               </h2>
-            </div>
-         </header>
-         <div class="row">
-            <div class="col-1" style="visibility: hidden;">.</div>
-            <div class="col-5" id="intro-text">
-               <?php the_content(); ?>
-            </div>
+            </h2>
          </div>
-      <?php
-		endwhile;
-		?>
-
+      </header>
+      <div class="row">
+         <div class="col-1" style="visibility: hidden;">.</div>
+         <div class="col-5 tile" id="intro-text">
+            <?php the_content(); ?>
+         </div>
+      </div>
+   <?php endwhile; ?>
 	</main><!-- .site-main -->
 
 	<?php get_sidebar( 'content-bottom' ); ?>
diff --git a/style.css b/style.css
index 5221d0d..895d106 100644
--- a/style.css
+++ b/style.css
@@ -147,7 +147,7 @@ figcaption {
  */
  
 #intro-text {
-   background-color: var(--light);
+   background-color: #95b2bf;
    padding: 20px;
    text-align: justify;
 }
@@ -161,7 +161,7 @@ figcaption {
    width: 100%;
    height: 15%;
    max-height: 40px;
-   background-color: var(--light);
+   background-color: #95b2bf;
    position: fixed;
    float: left;
    z-index: 1;
@@ -182,12 +182,16 @@ figcaption {
    opacity: 1;
 }
 
+#infinite-footer {
+   display: none;
+}
+
 #post-header-details-container {
-   border-top: 3px solid var(--dark);
+   border-top: 3px solid #003d52;
    display: block;
    position: relative;
    width: 100%;
-	background-color: var(--dark);
+	background-color: #003d52;
 	opacity: 0.7;
 	margin-top: auto;
 	text-align: center;
@@ -202,12 +206,12 @@ figcaption {
 }
 
 #comments-reply {
-	border-left: 2px solid var(--dark);
+	border-left: 2px solid #003d52;
    margin-bottom: 20px;
 }
 
 .comment {
-	background-color: var(--light);
+	background-color: #95b2bf;
 	border-radius: 20px;
 	padding: 20px;
 }
@@ -241,14 +245,14 @@ figcaption {
 h1, h2, h3, h4, h5, h6 {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
-   color: var(--dark);
+   color: #003d52;
 }
 
 #header-bar-title {
    line-height: 40px;
    font-size: 1.5em;
    font-weight: bold;
-   color: var(--dark);
+   color: #003d52;
    margin-right: 25px;
 }
 
@@ -272,7 +276,7 @@ h1, h2, h3, h4, h5, h6 {
    margin-left: 10px;
    text-align: center;
    font-size: 1.2em;
-   color: var(--light);
+   color: #95b2bf;
 }
 
 #post-title {
@@ -292,10 +296,15 @@ h1, h2, h3, h4, h5, h6 {
 }
 
 .post-title {
-   text-shadow: -1px -1px 0 var(--light),
-                 1px -1px 0 var(--light),
-                -1px  1px 0 var(--light),
-                 1px  1px 0 var(--light);  
+   text-shadow: -1px -1px 0 #95b2bf,
+                 1px -1px 0 #95b2bf,
+                -1px  1px 0 #95b2bf,
+                1px  1px 0 #95b2bf;  
+}
+
+.ohwhatohjeez .post-title {
+   color: #454545;
+   text-shadow: none;
 }
 
 .post-title,
@@ -313,7 +322,7 @@ h1, h2, h3, h4, h5, h6 {
 .post-title.vsmall { font-size: 1em; }
 
 .subheading-subtitle {
-   color: var(--light);
+   color: #95b2bf;
 }
 
 #comments-list-title,
@@ -328,7 +337,7 @@ h1, h2, h3, h4, h5, h6 {
  
 p {
    font-size: 1em;
-   color: var(--text);
+   color: #2b0000;
    line-height: 1.2em;
    padding: 0.5em;
 }
@@ -348,7 +357,7 @@ sub { vertical-align:bottom; }
 
 ul {
    list-style: circle;
-   color: var(--dark);
+   color: #003d52;
    padding-left: 1.8em;
 }
  
@@ -401,7 +410,7 @@ kbd {
 
 blockquote {
    margin: 1em 4em 1em 4em;
-   border-left: 2px solid var(--dark);
+   border-left: 2px solid #003d52;
 }
 
 blockquote:first-of-type {
@@ -459,7 +468,7 @@ cite.smallcite:after { content: '”'; }
  
 a {
    font-weight: bold;
-   color: var(--dark);
+   color: #003d52;
    padding: 0;
    opacity: 0.7;
 }
@@ -469,7 +478,6 @@ a:hover {
 
 #header-bar-list {
    list-style: none;
-   float: left;
 }
 
 #header-bar-list li {
@@ -477,12 +485,16 @@ a:hover {
    margin-right: 10px;
 }
 
+#header-bar-list li:not(.mobile) {
+   display: none;
+}
+
 #header-bar-list li .hyperlink-button {
    margin-top: 5px;
 }
  
 .subheading a {
-   color: var(--light);
+   color: #95b2bf;
    font-size: 0.4em;
    vertical-align: middle;
    text-decoration: underline;
@@ -493,9 +505,9 @@ a:hover {
    margin: 10px 20px 10px 0px;
    padding: 20px 30px 20px 30px;
    border-radius: 35px;
-   border: 2px solid var(--dark);
-   background-color: var(--light);
-   color: var(--dark);
+   border: 2px solid #003d52;
+   background-color: #95b2bf;
+   color: #003d52;
    text-decoration: none;
 }
 .hyperlink-button.thin {
@@ -507,9 +519,9 @@ a:hover {
    position: relative;
 }
 .hyperlink-button.thin:hover {
-   color: var(--light);
-   background-color: var(--dark);
-   border-color: var(--light);
+   color: #95b2bf;
+   background-color: #003d52;
+   border-color: #95b2bf;
 }
 
 li a.hyperlink-button:not(.thin) {
@@ -517,9 +529,8 @@ li a.hyperlink-button:not(.thin) {
 }
 
 .index-item {
-   border-bottom: 2px solid var(--dark);
    overflow: hidden;
-   background-color: var(--light);
+   background-color: #95b2bf;
    height: 250px;
    background-size: cover;
    background-repeat: no-repeat;
@@ -532,7 +543,7 @@ li a.hyperlink-button:not(.thin) {
 }
 
 .index-item header {
-   background-color: var(--dark);
+   background-color: #003d52;
    opacity: 0.7;
    margin-top: auto;
    text-align: center;
@@ -541,6 +552,10 @@ li a.hyperlink-button:not(.thin) {
    padding: 10% 15px;
 }
 
+.index-item header.ohwhatohjeez {
+   background-color: #FFA008;
+}
+
 .index:hover .index-item {
    opacity: 0.7;
 }
@@ -599,7 +614,7 @@ li a.hyperlink-button:not(.thin) {
    height:100vh;
    background-size: cover;
    background-repeat: no-repeat;
-   background-position: bottom;
+   background-position: center;
    position: relative;
    text-align:center;
    display: flex;
@@ -681,7 +696,7 @@ li a.hyperlink-button:not(.thin) {
 
  
 i {
-   color: var(--text);
+   color: #2b0000;
 }
 
 .row-item {
@@ -878,22 +893,22 @@ i {
 }
 
 .company-info-container {
-	background-color: var(--light);
+	background-color: #95b2bf;
 	max-width: 60px;
 	overflow: hidden;
-	border-bottom: 1px solid var(--dark);
+	border-bottom: 1px solid #003d52;
 }
 
 .company-info-container.left {
 	border-radius: 0px 0px 15px 0px;
 	float: left;
-	border-right: 1px solid var(--dark);
+	border-right: 1px solid #003d52;
 }
 
 .company-info-container.right {
 	border-radius: 0px 0px 0px 15px;
 	float: right;
-	border-left: 1px solid var(--dark);
+	border-left: 1px solid #003d52;
 }
 
 .company-info-container.right .company-info {
@@ -903,7 +918,7 @@ i {
 .company-info {
 	font-size: 1em;
 	line-height: 1.3em;
-	color: var(--dark);
+	color: #003d52;
 	opacity: 0.8;
 	padding: 2px;
 	width: auto;
@@ -1100,13 +1115,13 @@ float: right;
  * 1024px ≈ Laptop
  * 1444px ≈ Desktop
  */
- 
+
 @media only screen and (min-width: 768px) {
    #website-title { 
       font-size: 4.5em;
    }
    .blog-post .entry-content,
-   .tile,
+   .tile:not(#intro-text),
 	#comments { 
       width: 80%; 
       max-width: 1124px;
@@ -1137,6 +1152,18 @@ float: right;
       background-color: #95b2bf;
       border-bottom: 2px solid #003D52;
    }
+   
+   #header-bar-list {
+      float: left;
+   }
+   
+   #header-bar-list li.mobile-only {
+      display: none;
+   }
+   
+   #header-bar-list li:not(.mobile) {
+      display: block;
+   }
 }
 
 @media only screen and (min-width: 1444px) {
diff --git a/taxonomy-company.php b/taxonomy-company.php
index da8290d..1c6c20e 100644
--- a/taxonomy-company.php
+++ b/taxonomy-company.php
@@ -1 +1 @@
-<?php
/**
 * The template for displaying archive pages
 *
 * Used to display archive-type pages if nothing more specific matches a query.
 * For example, puts together date-based pages if no date.php file exists.
 *
 * If you'd like to further customize these archive views, you may create a
 * new template file for each one. For example, tag.php (Tag archives),
 * category.php (Category archives), author.php (Author archives), etc.
 *
 * @link https://codex.wordpress.org/Template_Hierarchy
 *
 * @package WordPress
 * @subpackage Twenty_Sixteen
 * @since Twenty Sixteen 1.0
 */
get_header(); ?>
<?php
$i = 0;
   function withinDates($jSDate, $jEDate) {
      //$endYear = date( "Y" );
      $endDate = strtotime(date('Y-m-d'));
      $startDate = strtotime("2015-01-01");
      
      $jSDate = strtotime($jSDate);
      if ($jEDate) {
         $jEDate = strtotime($jEDate);
         $jEDate = ($jEDate < $endDate) ? $jEDate : $endDate;
      } else $jEDate = strtotime(date('Y-m-d'));
      
      return (($jSDate < $endDate) &&  ($jEDate > $startDate));
   }
   
   $company = get_queried_object();
	$args= array(
		'post_type' => array( 'job' ),
      'tax_query' => array(
         array(
            'taxonomy' => 'company',
            'field'    => 'slug',
            'terms'    => $company->name,
         ),
      ),
		'posts_per_page' => -1
	);
	
	$loop = new WP_Query( $args )
?>
	<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
	<script type="text/javascript">
      google.charts.load('current', {'packages':['timeline']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart() {
         var container = document.getElementById('timeline');
         var chart = new google.visualization.Timeline(container);
         var dataTable = new google.visualization.DataTable();
         dataTable.addColumn({ type: 'string', id: 'Type' });
         dataTable.addColumn({ type: 'string', id: 'Job Title' });
         dataTable.addColumn({ type: 'date', id: 'Start' });
         dataTable.addColumn({ type: 'date', id: 'End' });
         dataTable.addRows([
            <?php
               while ( $loop->have_posts() ) : $loop->the_post();
                  if (withinDates(get_the_date(), get_post_meta(get_the_ID(), 'end-date', true))) {
                     $companies = wp_get_object_terms(get_the_ID(), 'company');
                     $i = 0;
                     $currSizeOf = -1;
                     foreach ($companies as $company) {
                        if (sizeof(get_ancestors($company->term_id, 'company')) > $currSizeOf) {
                           $currSizeOf = sizeof(get_ancestors($company->term_id, 'company'));
                           $lowestDepthCompany = $i++;
                        }
                     }
                     $title = html_entity_decode(get_the_title());
                     $start = get_the_date();
                     $end = (!get_post_meta(get_the_ID(), 'end-date', true)) ? date('D M d Y H:i:s O') : get_post_meta(get_the_ID(), 'end-date', true); 
                     echo "[ '{$companies[$lowestDepthCompany]->name}', '$title', new Date('$start'), new Date('$end') ],\n";
                  }
               endwhile;
            ?>
         ]);
         chart.draw(dataTable);
         
         var realheight=parseInt($("#timeline div:first-child div:first-child div:first-child div svg").attr( "height"))+50;
         options.height=realheight;
         //$("#timeline").attr("height", realHeight);
         chart.draw(dataTable, options);
	  }
	</script>
   
	<div id="primary" class="content-area">
		<?php 
			print apply_filters( 'taxonomy-images-queried-term-image', '', array(
				'attr'       => array(
					'alt'   => get_queried_object()->name.' logo',
					'class' => 'taxonomy-background',
					),
				'before' => '<div class="taxonomy-background-container" style="background-color: '.get_term_meta(get_queried_object()->term_id, 'color')[0].';">',
				'after' => '</div>',
				'image_size' => 'full'
			) ); 
		?>
		<main id="company-main" class="site-main" role="main">
			<header class="page-header">
				<?php
					echo "<h1 id=\"page-title\">".get_queried_object()->name."</h1>";
					the_archive_description( '<div class="entry-content tile" id="taxonomy-description">', '</div>' );
				?>
			</header><!-- .page-header -->
      
		   <div class="row">
            <!-- Company Timeline -->
            <div id="timeline" class="col-10 col-m-9"><img class="loading" src="/wp-content/uploads/2016/12/ajax-loader.gif"></div> 
            
            <!-- Company Parents & Children -->
            <div class="index col-2 col-m-3" id="companies-grid-small">
               <?php
                  if (get_queried_object()->parent != 0) {
                     $parents = apply_filters("taxonomy-images-get-terms", "", array('having_images' => false, 'taxonomy' => 'company', 'term_args' => array('include' => get_term_by('id', get_queried_object()->parent, 'company')->term_id)));
                     if (count($parents) > 0) {
                        echo '<h2 class="subheading">Parent</h2>';
                           echo '<ul class="row">';
                           foreach ( (array) $parents as $parent ) {
                              $imgURL = wp_get_attachment_image_src($parent->image_id)[0];
                              $colour = get_term_meta($parent->term_id, 'color', true);
                              $colour = ($colour != "") ? $colour : "var(--light)";
                              echo "<a href=\"".esc_url(get_term_link($parent, $parent->taxonomy ))."\"><li class=\"col-12\" style=\"background-image: url(".strtok($imgURL, '?')."); background-color: ".$colour.";\"></li></a>";
                           }
                     }
                  }
                  
                  $children = apply_filters("taxonomy-images-get-terms", "", array('having_images' => false, 'taxonomy' => 'company', 'term_args' => array('parent' => get_queried_object()->term_id)));
                  if (count($children) > 0) {
                     echo '<h2 class="subheading">Children</h2>';
                        echo '<ul class="row">';
                        foreach ( (array) $children as $child ) {
                           $imgURL = wp_get_attachment_image_src($child->image_id, 'detail')[0];
                           $colour = get_term_meta($child->term_id, 'color', true);
                           $colour = ($colour != "") ? $colour : "var(--light)";
                           echo "<a href=\"".esc_url(get_term_link($child, $child->taxonomy ))."\"><li class=\"col-12\" style=\"background-image: url(".strtok($imgURL, '?')."); background-color: ".$colour.";\"></li></a>";
                        }
                  }
               ?>
               </ul>
            </div>
         </div>
         <?php
            $pageOrder = array( 'post', 'website', 'program', 'writing', 'video', 'other', 'qualification', 'award');
            foreach ($pageOrder as $currSec) {
	            $args['post_type'] = array( $currSec );
	            $i = 0;
	
	            $loop = new WP_Query( $args );
	            if ( $loop->have_posts() ) :
	               echo "<div class=\"col-10 col-m-9\">";
	                  echo "<h2 class=\"subheading\">".ucwords($currSec)."s <a href=\"/".($currSec != "post" ? $currSec : "blog")."?company=".get_queried_object()->slug."\">View all ".$loop->post_count."</a></h2>";
                     echo "<div class=\"index\">";
                     while (($loop->have_posts()) && ($i++ < 4)) : $loop->the_post();
                        get_template_part( 'template-parts/content', get_post_format() );
                     endwhile;
                     echo "</div>";
                  echo "</div>";
               endif;
            }
         ?>
		</main><!-- .site-main -->
	</div><!-- .content-area -->
<?php //get_sidebar(); ?>
<?php get_footer(); ?>
\ No newline at end of file
+<?php
/**
 * The template for displaying archive pages
 *
 * Used to display archive-type pages if nothing more specific matches a query.
 * For example, puts together date-based pages if no date.php file exists.
 *
 * If you'd like to further customize these archive views, you may create a
 * new template file for each one. For example, tag.php (Tag archives),
 * category.php (Category archives), author.php (Author archives), etc.
 *
 * @link https://codex.wordpress.org/Template_Hierarchy
 *
 * @package WordPress
 * @subpackage Twenty_Sixteen
 * @since Twenty Sixteen 1.0
 */
get_header(); ?>
<?php
$i = 0;
   function withinDates($jSDate, $jEDate) {
      //$endYear = date( "Y" );
      $endDate = strtotime(date('Y-m-d'));
      $startDate = strtotime("2015-01-01");
      
      $jSDate = strtotime($jSDate);
      if ($jEDate) {
         $jEDate = strtotime($jEDate);
         $jEDate = ($jEDate < $endDate) ? $jEDate : $endDate;
      } else $jEDate = strtotime(date('Y-m-d'));
      
      return (($jSDate < $endDate) &&  ($jEDate > $startDate));
   }
   
   $company = get_queried_object();
	$args= array(
		'post_type' => array( 'job' ),
      'tax_query' => array(
         array(
            'taxonomy' => 'company',
            'field'    => 'slug',
            'terms'    => $company->name,
         ),
      ),
		'posts_per_page' => -1
	);
	
	$loop = new WP_Query( $args )
?>
	<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
	<script type="text/javascript">
      google.charts.load('current', {'packages':['timeline']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart() {
         var container = document.getElementById('timeline');
         var chart = new google.visualization.Timeline(container);
         var dataTable = new google.visualization.DataTable();
         dataTable.addColumn({ type: 'string', id: 'Type' });
         dataTable.addColumn({ type: 'string', id: 'Job Title' });
         dataTable.addColumn({ type: 'date', id: 'Start' });
         dataTable.addColumn({ type: 'date', id: 'End' });
         dataTable.addRows([
            <?php
               while ( $loop->have_posts() ) : $loop->the_post();
                  //if (withinDates(get_the_date(), get_post_meta(get_the_ID(), 'end-date', true))) {
                     $companies = wp_get_object_terms(get_the_ID(), 'company');
                     $i = 0;
                     $currSizeOf = -1;
                     foreach ($companies as $company) {
                        if (sizeof(get_ancestors($company->term_id, 'company')) > $currSizeOf) {
                           $currSizeOf = sizeof(get_ancestors($company->term_id, 'company'));
                           $lowestDepthCompany = $i++;
                        }
                     }
                     $title = html_entity_decode(get_the_title());
                     $start = get_the_date();
                     $end = (!get_post_meta(get_the_ID(), 'end-date', true)) ? date('D M d Y H:i:s O') : get_post_meta(get_the_ID(), 'end-date', true); 
                     echo "[ '{$companies[$lowestDepthCompany]->name}', '$title', new Date('$start'), new Date('$end') ],\n";
                  //}
               endwhile;
            ?>
         ]);
         chart.draw(dataTable);
         
         var realheight=parseInt($("#timeline div:first-child div:first-child div:first-child div svg").attr( "height"))+50;
         options.height=realheight;
         //$("#timeline").attr("height", realHeight);
         chart.draw(dataTable, options);
	  }
	</script>
   
	<div id="primary" class="content-area">
		<?php 
			print apply_filters( 'taxonomy-images-queried-term-image', '', array(
				'attr'       => array(
					'alt'   => get_queried_object()->name.' logo',
					'class' => 'taxonomy-background',
					),
				'before' => '<div class="taxonomy-background-container" style="background-color: '.get_term_meta(get_queried_object()->term_id, 'color')[0].';">',
				'after' => '</div>',
				'image_size' => 'full'
			) ); 
		?>
		<main id="company-main" class="site-main" role="main">
			<header class="page-header">
				<?php
					echo "<h1 id=\"page-title\">".get_queried_object()->name."</h1>";
					the_archive_description( '<div class="entry-content tile" id="taxonomy-description">', '</div>' );
				?>
			</header><!-- .page-header -->
      
		   <div class="row">
            <!-- Company Timeline -->
            <div id="timeline" class="col-10 col-m-9"><img class="loading" src="/wp-content/uploads/2016/12/ajax-loader.gif"></div> 
            
            <!-- Company Parents & Children -->
            <div class="index col-2 col-m-3" id="companies-grid-small">
               <?php
                  if (get_queried_object()->parent != 0) {
                     $parents = apply_filters("taxonomy-images-get-terms", "", array('having_images' => false, 'taxonomy' => 'company', 'term_args' => array('include' => get_term_by('id', get_queried_object()->parent, 'company')->term_id)));
                     if (count($parents) > 0) {
                        echo '<h2 class="subheading">Parent</h2>';
                           echo '<ul class="row">';
                           foreach ( (array) $parents as $parent ) {
                              $imgURL = wp_get_attachment_image_src($parent->image_id)[0];
                              $colour = get_term_meta($parent->term_id, 'color', true);
                              $colour = ($colour != "") ? $colour : "transparent";
                              echo "<a href=\"".esc_url(get_term_link($parent, $parent->taxonomy ))."\"><li class=\"col-12\" style=\"background-image: url(".strtok($imgURL, '?')."); background-color: ".$colour.";\"></li></a>";
                           }
                           echo '</ul>';
                     }
                  }
                  
                  $children = apply_filters("taxonomy-images-get-terms", "", array('having_images' => false, 'taxonomy' => 'company', 'term_args' => array('parent' => get_queried_object()->term_id)));
                  if (count($children) > 0) {
                     echo '<h2 class="subheading">Children</h2>';
                        echo '<ul class="row">';
                        foreach ( (array) $children as $child ) {
                           $imgURL = wp_get_attachment_image_src($child->image_id, 'detail')[0];
                           $colour = get_term_meta($child->term_id, 'color', true);
                           $colour = ($colour != "") ? $colour : "transparent";
                           echo "<a href=\"".esc_url(get_term_link($child, $child->taxonomy ))."\"><li class=\"col-12\" style=\"background-image: url(".strtok($imgURL, '?')."); background-color: ".$colour.";\"></li></a>";
                        }
                        echo '</ul>';
                  }
               ?>
               </ul>
            </div>
         </div>
         <?php
            $pageOrder = array( 'post', 'website', 'program', 'writing', 'video', 'other', 'qualification', 'award');
            foreach ($pageOrder as $currSec) {
	            $args['post_type'] = array( $currSec );
	            $i = 0;
	
	            $loop = new WP_Query( $args );
	            if ( $loop->have_posts() ) :
	               echo "<div class=\"col-10 col-m-9\">";
	                  echo "<h2 class=\"subheading\">".ucwords($currSec)."s <a href=\"/".($currSec != "post" ? $currSec : "blog")."?company=".get_queried_object()->slug."\">View all ".$loop->post_count."</a></h2>";
                     echo "<div class=\"index\">";
                     while (($loop->have_posts()) && ($i++ < 4)) : $loop->the_post();
                        get_template_part( 'template-parts/content', get_post_format() );
                     endwhile;
                     echo "</div>";
                  echo "</div>";
               endif;
            }
         ?>
		</main><!-- .site-main -->
	</div><!-- .content-area -->
<?php //get_sidebar(); ?>
<?php get_footer(); ?>
\ No newline at end of file
diff --git a/template-parts/content-page.php b/template-parts/content-page.php
index 3298324..506b2bd 100644
--- a/template-parts/content-page.php
+++ b/template-parts/content-page.php
@@ -9,11 +9,20 @@
 ?>
 
 <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
-   <header class="entry-header post-header-image" style="background-image: url('<?php the_post_thumbnail_url(); ?>');">
+   
+   <header class="entry-header" id="post-header-image" style="background-image: url('<?php the_post_thumbnail_url(); ?>'); background-position: <?php if ($position = get_post_meta(get_the_ID(), 'Header Image Position', true)) echo $position; else echo 'centre'; ?>;">
       <div id="post-header-details-container">
-         <img id="post-header-details-bg" src="<?php the_post_thumbnail_url(); ?>">
          <div id="post-header-details">
-            <h1 id="post-title"><?php echo get_the_title(); ?></h1>
+            <?php 
+               if (strlen(get_the_title()) > 70) $small= "3em";
+               elseif (strlen(get_the_title()) > 35) $small = "4em";
+               elseif (strlen(get_the_title()) > 12) $small = "5em";
+               else $small = "6em"
+            ?>
+            <h1 id="post-title" style="font-size: <?php echo $small ?>;">
+               <?php echo get_the_title(); ?>
+            </h1>
+            <?php the_date('F j, Y', '<p id="post-date">', '</p>'); ?>
          </div>
       </div>
 	</header><!-- .entry-header -->
@@ -33,16 +42,8 @@
 		?>
 	</div><!-- .entry-content -->
 
-	<?php
-		edit_post_link(
-			sprintf(
-				/* translators: %s: Name of current post */
-				__( 'Edit<span class="screen-reader-text"> "%s"</span>', 'twentysixteen' ),
-				get_the_title()
-			),
-			'<footer class="entry-footer"><span class="edit-link">',
-			'</span></footer><!-- .entry-footer -->'
-		);
-	?>
+   <footer class="entry-footer">
+		<?php //twentysixteen_entry_meta(); ?>
+	</footer><!-- .entry-footer -->
 
 </article><!-- #post-## -->
diff --git a/template-parts/content-single.php b/template-parts/content-single.php
index b91cbf7..4fee12d 100644
--- a/template-parts/content-single.php
+++ b/template-parts/content-single.php
@@ -10,17 +10,17 @@
 
 <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
 	
-	<header class="entry-header" id="post-header-image" style="background-image: url('<?php the_post_thumbnail_url(); ?>');">
+	<header class="entry-header" id="post-header-image" style="background-image: url('<?php the_post_thumbnail_url(); ?>'); background-position: <?php if ($position = get_post_meta(get_the_ID(), 'Header Image Position', true)) echo $position; else echo 'centre'; ?>;">
       <div id="post-header-details-container">
          <div id="post-header-details">
-            <?php 
+         <?php 
 				if (strlen(get_the_title()) > 70) $small= "3em";
 				elseif (strlen(get_the_title()) > 35) $small = "4em";
 				elseif (strlen(get_the_title()) > 12) $small = "5em";
 				else $small = "6em"
 			?>
 			<h1 id="post-title" style="font-size: <?php echo $small ?>;">
-               <?php echo get_the_title(); ?>
+            <?php echo get_the_title(); ?>
 			   <?php if ($versionNum = get_post_meta(get_the_ID(), 'Version', true)): ?>
                   <span id="version"><?php echo $versionNum ?></span>
                <?php endif; ?>
@@ -39,6 +39,11 @@
 	</header><!-- .entry-header -->
 
 	<div id="body" class="entry-content">
+      <?php if (has_tag('ohwhatohjeez')): ?>
+         <div class="note">
+            <p>This piece was originally written for my old site, <a href="/website/oh-what-oh-jeez">Oh What? Oh Jeez!</a> As such, it may not have transferred over properly and some images and links might be broken (and, to a lesser extent, my writing from years ago is about 80% run-on sentences).</p>
+         </div>
+      <?php endif; ?>
 		<?php
 		   if (get_the_content()):
 			   the_content();
diff --git a/template-parts/content.php b/template-parts/content.php
index daafb90..879c5a4 100644
--- a/template-parts/content.php
+++ b/template-parts/content.php
@@ -10,8 +10,8 @@
 
 <div class="col-m-6 col-4 col-w-3">
    <a href="<?php the_permalink(); ?>">
-      <article id="post-<?php the_ID(); ?>" class="index-item" style="background-image: url('<?php the_post_thumbnail_url(); ?>');">
-         <header class="entry-header">
+      <article id="post-<?php the_ID(); ?>" class="index-item" style="background-image: url('<?php the_post_thumbnail_url(); ?>'); background-position: <?php if ($position = get_post_meta(get_the_ID(), 'Header Image Position', true)) echo $position; else echo 'centre'; ?>;">
+         <header class="entry-header <?php if (has_tag('ohwhatohjeez')) echo 'ohwhatohjeez' ?>">
             <div class="post-header-details">
                <?php 
                   if (strlen(get_the_title()) > 70) $small= "vsmall";