tommydalton.dev | Web Developer / Software Engineer/ Multimedia Artist

								
{if logged_out}{redirect="welcome/"}{/if}

<!-- Template Specific PHP =============================== -->

<!-- ===================================================== -->

<html>

<!-- ===================================================== -->

<!-- EE Template: entry/index.html ======================= -->

<!-- ===================================================== -->

<!--[if lt IE 7 ]><html class="ie ie6" lang="en"><![endif]-->

<!--[if IE 7 ]><html class="ie ie7" lang="en"><![endif]-->

<!--[if IE 8 ]><html class="ie ie8" lang="en"><![endif]-->

<!--[if (gte IE 9)|!(IE)]><!-->

<html lang="en">

<!--<![endif]-->

<head>

<!--===EE3===-->

{exp:channel:entries channel="content_page" url_title="{segment_2}" limit="1"}

<!-- JP Recently Viewed Set Cookie ======================= -->

{exp:jp_recently_viewed:setcookie entry_id="{entry_id}"}

{exp:seo_lite entry_id="{entry_id}"}

<title>{title} | tommydalton.dev</title>

<meta name='keywords' content='{meta_keywords}' />

<meta name='description' content='{meta_description}' />

<link rel='canonical' href='{canonical_url}' />

{/exp:seo_lite}

{/exp:channel:entries}

<!-- Template Call EE Embeds ============================= -->

<!-- ===================================================== -->

{embed="embeds/include_Dev_Cache_Control"}

{embed="embeds/include_Mobile_Specific_Meta"}

{embed="embeds/include_Lib_Fonts"}

{embed="embeds/include_Type_Kit"}

{embed="embeds/include_Lib_Styles"}

{embed="embeds/include_Framework_Lib_Styles"}

{embed="embeds/include_Touch-Browser_Icons"}

{embed="embeds/include_Global_Styles"}

{embed="embeds/include_jQuery-LESS"}

{embed="embeds/include_Header_Scripts"}

{embed="embeds/include_Header_Last_Call"}

{embed="embeds/include_Google_Analytics.html"}

<!-- Template Specific Styles ============================= -->

<!-- ===================================================== -->

{if entry_aspect_ratio == '16:10'}

<style>

@media only screen and (min-width: 960px) and (max-width: 2560px){video{width:620px; height:388px;}}

@media only screen and (min-width: 768px) and (max-width: 959px) {video{width:480px; height:300px;}}

@media only screen and (min-width: 481px) and (max-width: 767px) {video{width:420px; height:263px;}}

@media only screen and (min-width: 318px) and (max-width: 480px) {video{width:300px; height:188px;}}

@media only screen and (min-width: 0px)   and (max-width: 317px) {video{width:226px; height:141px;}}

</style>

{/if}

{if entry_aspect_ratio == '16:9'}

<style>

@media only screen and (min-width: 960px) and (max-width: 2560px){video{width:620px; height:349px;}}

@media only screen and (min-width: 768px) and (max-width: 959px) {video{width:480px; height:270px;}}

@media only screen and (min-width: 481px) and (max-width: 767px) {video{width:420px; height:236px;}}

@media only screen and (min-width: 318px) and (max-width: 480px) {video{width:300px; height:169px;}}

@media only screen and (min-width: 0px)   and (max-width: 317px) {video{width:226px; height:127px;}}

</style>

{/if}

{if entry_aspect_ratio == '4:3'}

<style>

@media only screen and (min-width: 960px) and (max-width: 2560px){video{width:620px; height:465px;}}

@media only screen and (min-width: 768px) and (max-width: 959px) {video{width:480px; height:360px;}}

@media only screen and (min-width: 481px) and (max-width: 767px) {video{width:420px; height:315px;}}

@media only screen and (min-width: 318px) and (max-width: 480px) {video{width:300px; height:225px;}}

@media only screen and (min-width: 0px)   and (max-width: 317px) {video{width:226px; height:170px;}}

</style>

{/if}

{if entry_aspect_ratio == '3:2'}

<style>

@media only screen and (min-width: 960px) and (max-width: 2560px){video{width:620px; height:409px;}}

@media only screen and (min-width: 768px) and (max-width: 959px) {video{width:480px; height:317px;}}

@media only screen and (min-width: 481px) and (max-width: 767px) {video{width:420px; height:277px;}}

@media only screen and (min-width: 318px) and (max-width: 480px) {video{width:300px; height:200px;}}

@media only screen and (min-width: 0px)   and (max-width: 317px) {video{width:226px; height:149px;}}

</style>

{/if}

{if entry_aspect_ratio == '1:1'}

<style>

@media only screen and (min-width: 960px) and (max-width: 2560px){video{width:620px; height:620px;}}

@media only screen and (min-width: 768px) and (max-width: 959px) {video{width:480px; height:480px;}}

@media only screen and (min-width: 481px) and (max-width: 767px) {video{width:420px; height:420px;}}

@media only screen and (min-width: 318px) and (max-width: 480px) {video{width:300px; height:300px;}}

@media only screen and (min-width: 0px)   and (max-width: 317px) {video{width:226px; height:226px;}}

</style>

{/if}

<style>

@media only screen and (min-width: 960px) and (max-width: 2560px){audio{width:652px;}}

@media only screen and (min-width: 768px) and (max-width: 959px) {audio{width:480px;}}

@media only screen and (min-width: 481px) and (max-width: 767px) {audio{width:456px;}}

@media only screen and (min-width: 318px) and (max-width: 480px) {audio{width:300px;}}

@media only screen and (min-width: 0px)   and (max-width: 317px) {audio{width:226px;}}

</style>

</head>

<body class="state1 background-100-e">

<!-- <div id="onload_mask"><div id="onload_splash"></div></div> -->

<!-- ========================================================== -->

<div class="wrapper"><!-- Begin Wrapper======================== -->

<?php include("include_Ext_Navigation.php"); ?>

<?php include("include_Page_Border-Bottom_Development_Display_Info_Tools.php"); ?>

{embed="embeds/include_Page_Border-Left"}

{embed="embeds/include_Page_Border-Right"}

{embed="embeds/include_Global_Header"}

{embed="embeds/include_Overlay_Windows-plus-Dot_Scroll"}

<!-- BEGIN: Page Content ================================= -->

<!-- ===================================================== -->

{embed="embeds/include_Section-Header_Content_Shim"}

{embed="embeds/include_Entry_Section-Header-HTML5_Media"}

{exp:portal}

{exp:channel:entries channel="content_page" url_title="{segment_2}" limit="1"}

{portal:seriesGroupURL}{entry_series_group}{entry_series_group:url_title}{/entry_series_group}{/portal:seriesGroupURL}

{/exp:channel:entries}

{embed="embeds/include_Entry_Section-Series_Group" passVarseriesGroupURL="{seriesGroupURL}"}

{/exp:portal}

{embed="embeds/include_Entry_Section-Associated_Files"}

{embed="embeds/include_Entry_Section-Description"}

{embed="embeds/include_Entry_Section-Credits_Tags"}

{embed="embeds/include_Entry_Section-Related_Entries"}

<!-- Template Specific Late Style Calls==================== -->

<!-- ===================================================== -->

<style>

#scroll-files, #scroll-video, #scroll-descr, #scroll-cred, #scroll-tags, #scroll-relE{

position:relative;

top: -80px;

}

</style>

<!-- END: Page content =================================== -->

{embed="embeds/include_Section-Footer"}

</div><!-- End Wrapper =================================== -->

<!-- ===================================================== -->

<!-- Template Call mMenu Content ========================= -->

<!-- ===================================================== -->

{embed="embeds/include_mMenu_Navigation_Content"}

<!-- Template Call PHP Includes ========================== -->

<!-- ===================================================== -->

<?php include("include_Lib_Scripts.php"); ?>

<?php include("include_Framework_Lib_Scripts.php"); ?>

<?php include("include_Template_Scripts.php"); ?>

<?php include("include_Global_Styles_Last_Call.php"); ?>

<?php include("include_Global_Scripts_Last_Call.php"); ?>

</body>

</html>
More Projects
Message Tommy
See Extended Code Example
Project Technologies Languages, Libraries & CMS
ExpressionEngine
HTML5
CSS3
JavaScript
jQuery
PHP
Bootstrap
App Settings Disable Image Overlay Enable Image Overlay Disable Filter Effect Enable Filter Effect