portfolio/index.html at master · websmith/portfolio · 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
<!doctype html>
<html ng-app="ncPortfolio">

<head>
    <title>Nate Cornelius | Portfolio</title>
    <meta name="description" content="Web developer, designer, UI/UX strategist, teacher, learner, and under-developed overachiever.">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" href="images/favicon.png">

    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,700">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/normalize.min.css">
    <link rel="stylesheet" href="css/global.css">
    <link rel="stylesheet" href="css/lightbox.min.css">

    <script>
        (function (i, s, o, g, r, a, m) {
        i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
            (i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date(); a = s.createElement(o),
            m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
        })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');

        ga('create', 'UA-105712662-1', 'auto');
        ga('send', 'pageview');
    </script>
</head>

<body>
    <div class="container">
        <aside class="sidebar close">
            <a href="./#/"><img src="images/avatar.jpg" alt="Nate Cornelius portrait" class="portrait"></a>
            <div class="wrapper">
                <h1>Nate Cornelius</h1>
                <h2>Web Designer/Developer</h2>
                <p class="email"><a href="mailto:n8cornelius@gmail.com">n8cornelius@gmail.com</a></p>
                <ul class="social">
                    <li class="social-icon"><a href="https://github.com/websmith/" target="_blank"><i class="fa fa-github"></i></a></li>
                    <li class="social-icon"><a href="https://instagram.com/natecornelius/" target="_blank"><i class="fa fa-instagram"></i></a></li>
                    <li class="social-icon"><a href="https://twitter.com/natecornelius/" target="_blank"><i class="fa fa-twitter"></i></a></li>
                </ul>
            </div>
            <i class="fa fa-chevron-circle-down menu-icon"></i>
        </aside>

        <main class="page-wrapper" ng-view>
        </main>
    </div>
    </div>

    <script src="js/angular.min.js"></script>
    <script src="js/angular-route.min.js"></script>
    <script src="js/angular-animate.min.js"></script>
    <script src="js/app.js"></script>
    <script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="
        crossorigin="anonymous"></script>
    <script src="js/lightbox.min.js"></script>
    <script>
        $('.sidebar .menu-icon').on('click', function () {

            if ($('.sidebar').hasClass('close')) {
                $(this).css('transform', 'rotate(180deg)');
                $('.sidebar').removeClass('close');
                $('.sidebar').addClass('open');
            } else {
                $(this).css('transform', 'rotate(0deg)');
                $('.sidebar').removeClass('open');
                $('.sidebar').addClass('close');
            }
        });

    </script>
</body>

</html>