knottaverage.github.io/index-old.html at master · knottaverage/knottaverage.github.io · 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
<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="utf-8">
	<meta http-equiv="x-ua-compatible" content="ie=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Stephen Knott</title>
	<meta description="Stephen Knott UI Designer / Front-end Developer
" />
	<link rel="stylesheet" href="/css/base.css">
	<link rel="stylesheet" href="/css/animate.css">
	<link rel="stylesheet" href="/css/modaal.css">
	<link rel="canonical" href="http://localhost:4000/index-old.html">
	<link href="https://fonts.googleapis.com/css?family=Crimson+Text|Josefin+Sans" rel="stylesheet">
	<script src="/js/jquery.js"></script>
	<script src="/js/modernizr-custom.js"></script>
	<script src="/js/basic.js"></script>
	<script src="/js/modaal.js"></script>
	<meta name="google-site-verification" content="5BWzNAGHFnlogtEtAHS5DoGgMlZmnk3VCAQ3j9t5kms" />
</head>


<body class="body--full-height">
  <div class="body-container">
    <div class="body-container__left-column">
      <div class="logo-container">
    		<a href="/">
          <span class="logo-container__bold">Knottaverage's</span>
          <span class="logo-container__subtext">pixels and pencils.</span>
        </a>
    	</div>
      <nav role="navigation" class="mobile-nav">
  <label for="show-menu" class="nav__open-button">Menu</label>
  <input type="checkbox" id="show-menu" role="button">
  <ul class="menu">
		<li>
			<div>
				<label for="show-menu" class="show-menu close-menu">
					<input type="checkbox" id="show-menu" role="button">
					<div class="nav__close-button">Close</span>
				</label>
			</div>
		</li>
    <li><a href="/" >Bio</a></li>
    <li><a href="/designs/" >Design</a></li>
    <li><a href="/code-snippets/" >Snippets</a></li>
    <li><a href="/contact/" >Contact</a></li>
    <!--<li><a href="/notes/">Notes</a></li>-->
    <div class="subnav">
      <a href="https://www.linkedin.com/in/knottaverage" target="_blank">
        <span class="subnav__icon tooltip">
          <img src="/img/linkedin.svg" alt="LinkedIn" class="linkedin" />
          <span class="tooltiptext">LinkedIn</span>
        </span>
      </a>
      <a href="https://github.com/knottaverage" target="_blank">
        <span class="subnav__icon tooltip">
          <img src="/img/github.svg" alt="Github" />
          <span class="tooltiptext">Github</span>
        </span>
      </a>
      <a href="http://codepen.io/knottaverage/" target="_blank">
        <span class="subnav__icon tooltip">
          <img src="/img/codepen.svg" alt="Codepen" />
          <span class="tooltiptext">Codepen</span>
        </span>
      </a>
      <a href="http://www.knottaverage.com/downloads/StephenKnottUXDesignresume.pdf" target="_blank">
        <span class="subnav__icon tooltip">
          <img src="/img/document-icon.svg" alt="Resume" />
          <span class="tooltiptext">Resume</span>
        </span>
      </a>
    </div>
    <div class="contact">
      This website is built with Jekyll and hosted on Github.
    </div>
    <div>
  </ul>
</nav>

    </div>
    <div class="body-container__right-column">
      <div class="">
  <div class="basic-container">
    <h1 class="basic-container__heading">Bio</h1>
    <div class="basic-container__top-knot"></div>
    <div class="home-container__col-1--text">
      <p style="margin-bottom: 6px;">
        Hello, my name is Stephen Knott<br />
      </p>
      <div style="font-size: 24px; font-style: italic; line-height:24px; color: #666;">
        I'm a user interaction designer with an obsession for serif fonts.
      </div>
      <div class="home-container__text">
        <p class="home-text">I love to create. I mean we all do, right? Creation is human instinct so when our curiosity takes hold, we are driven to discover all that we can. My curiosity drives me to build and tinker with web technologies.</p>
      </div>
    </div>
  </div>
</div>

      <div class="test-body-size"></div>
    </div>
  </div>
</body>
  <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-86898950-1', 'auto');
  ga('send', 'pageview');

</script>

</html>