ChristopherL/about.php at master · asdfdotdev/ChristopherL · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
<?php
/**
 * About Page - Getting to know you.
 *
 * @package ChristopherL.com
 * @copyright 2016-2018 ChristopherL (https://github.com/christopherldotcom)
 * @license http://www.gnu.org/licenses/gpl-2.0.html
 */


// Load Site Configuration
require_once('include/config.inc.php');
require_once('include/functions.inc.php');


// Load Smarty Library and Plugin
require_once('include/libs/smarty/Smarty.class.php');


// Instantiate Smarty Class then build page if not cached
$smarty = new Smarty();
$cache_id = 'about';

if (!$smarty->isCached('base.tpl', $cache_id)) {
    smarty_scaffolding($smarty, $config);


    // Create Meta & Page Settings
    $smarty->assign('page_title', 'Not New Here, Since 1999 :: ChristopherL');
    $smarty->assign('page_desc', "Sure we're a little weird, but in a 'nice once you get to know us' kind of way. So, get to know ChristopherL.");
    $smarty->assign('page_url', '/about');
    $smarty->assign('active_nav', 'about');
    $smarty->assign('hero_image', complete_url('/img/heros/about.jpg', 1));


    // Social Images
    $smarty->assign('image_facebook', '/img/social/about.jpg');
    $smarty->assign('image_twitter', '/img/social/about.jpg');


    // Optional Extras
    $smarty->assign('head_extras', '');
    $smarty->assign('body_header_extras', '');

    $active_pushpin = complete_url('/img/pushpin.png', 1);
    $inactive_pushpin = complete_url('/img/pushpin_bw.png', 1);

    // Google Maps (http://www.mapstylr.com/style/subtle/)
    $body_footer = <<<HTML
<script>
function initMap() {

    var window_size = $(window).width();

    if (window_size > 1024) {
        responsive_zoom = 5;
    }
    else if (window_size > 768) {
        responsive_zoom = 4;
    }
    else {
        responsive_zoom = 3;
    }

    var map = new google.maps.Map(document.getElementById('map'), {
        center: {lat: 44.7, lng: -101},
        scrollwheel: false,
        zoom: responsive_zoom,
        disableDefaultUI: true,
        styles: [{"featureType":"poi","elementType":"all","stylers":[{"visibility":"off"}]},{"featureType":"all","elementType":"all","stylers":[{"saturation":-70},{"lightness":37},{"gamma":1.15}]},{"featureType":"all","elementType":"labels","stylers":[{"visibility":"off"},{"gamma":0.26}]},{"featureType":"road","elementType":"all","stylers":[{"hue":"#ffffff"},{"saturation":0},{"lightness":0},{"gamma":0}]},{"featureType":"road","elementType":"labels.text.stroke","stylers":[{"visibility":"off"}]},{"featureType":"road.arterial","elementType":"geometry","stylers":[{"lightness":20}]},{"featureType":"road.highway","elementType":"geometry","stylers":[{"hue":"#ffffff"},{"saturation":0},{"lightness":50}]},{"featureType":"administrative.province","elementType":"all","stylers":[{"visibility":"on"},{"lightness":-50}]},{"featureType":"administrative.province","elementType":"labels.text.stroke","stylers":[{"visibility":"off"}]},{"featureType":"administrative.province","elementType":"labels.text","stylers":[{"lightness":20}]}]
    });

    var icons = {active: '{$active_pushpin}', inactive: '{$inactive_pushpin}'};

    var markers = [
        {
            position: {lat: 42.9633599, lng: -85.6680863},
            icon: icons.inactive,
            url: 'https://goo.gl/maps/EdoakYfwXRw',
            event: 'map-pin-gr'
        },
        {
            position: {lat: 43.6187102, lng: -116.2146068},
            icon: icons.inactive,
            url: 'https://goo.gl/maps/MYBAWAPfEQq',
            event: 'map-pin-boi'
        },
        {
            position: {lat: 45.5230622, lng: -122.6764816},
            icon: icons.active,
            url: 'https://goo.gl/maps/ZtS42HmLqF42',
            event: 'map-pin-pdx'
        }
    ];

    $.each(markers, function(){
        var marker = new google.maps.Marker({
            position: $(this).attr('position'),
            icon: $(this).attr('icon'),
            url: $(this).attr('url'),
            event: $(this).attr('event'),
            map: map
        });

        google.maps.event.addListener(marker, 'click', function() {
            $(document).trigger('ga_track', [{type:"other_click",identifier: marker.event}]);
            window.open(marker.url);
        });
    });
}
</script>
<script async defer src="https://maps.googleapis.com/maps/api/js?callback=initMap&key={$config['google_maps_key']}"></script>
HTML;

    $smarty->assign('body_footer_extras', smarty_content($body_footer));

    $footer_cta = newsletter_subscribe();

    // Page Content
    $content = <<<HTML
    <section>
        <div class="the-outer-limits">
            <h1><span class="hidden-phone">From</span> Humble Beginnings</h1>
            <p>
                ChristopherL was born in 1999.
            </p>
            <p>
                Like <a href="https://en.wikipedia.org/wiki/Pets.com" target="_blank">so many</a>
                <a href="https://en.wikipedia.org/wiki/Yahoo!_GeoCities" target="_blank">digital ventures</a>
                <a href="https://en.wikipedia.org/wiki/Webvan" target="_blank">of that era</a> it was visionary, ambitious, ahead of it's time,
                and made no money. A key distinction to fellow bubble era darlings, however, is that ChristopherL was a student homepage.
            </p>
            <p>
                Nearly 20 years, 3,500 miles, 8.5 revisions, and a short hiatus later <a href="https://web.archive.org/web/*/http://christopherl.com/" target="_blank">the journey continues</a>.
            </p>
        </div>
    </section>
    <div id="map"></div>

    {$footer_cta}
HTML;
    $smarty->assign('content', smarty_content($content));


    // Smoosh it all down, this will make viewing the page source a pain for people
    // but will save literally 10 of milliseconds in page download time.
    smarty_smoosh();
}

// Output the page
$smarty->display('base.tpl', $cache_id);