-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
150 lines (138 loc) · 6.35 KB
/
index.html
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
<!DOCTYPE html>
<!--Site Designed and Coded by Sam Klitsner -->
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#">
<head>
<title>Samson Klitsner</title>
<script>try{Typekit.load({ async: true });}catch(e){}</script>
<link rel="stylesheet" href="css/main.css" media="all" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Muli:400,300' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/css?family=Work+Sans&display=swap" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script type="text/javascript" src="js/script.js" type="text/javascript"></script>
<script type="text/javascript" src="js/app.js"></script>
<!-- use isotope library for dynamic thumbnail sorting -->
<!-- Primary Meta Tags -->
<title>Samson Klitsner — Designer, Developer, Artist</title>
<meta name="title" content="Samson Klitsner — Designer, Developer, Artist" />
<meta name="description" content="An archive of personal projects and collaborations. " />
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://www.samsonklitsner.com/" />
<meta property="og:title" content="Samson Klitsner — Designer, Developer, Artist" />
<meta property="og:description" content="An archive of personal projects and collaborations. " />
<meta property="og:image" content="https://www.samsonklitsner.com/images/Weblogo-og-white.png" />
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://www.samsonklitsner.com/" />
<meta property="twitter:title" content="Samson Klitsner — Designer, Developer, Artist" />
<meta property="twitter:description" content="An archive of personal projects and collaborations. " />
<meta property="twitter:image" content="https://www.samsonklitsner.com/images/Weblogo-og-white.png" />
</head>
<body ng-app="myApp">
<h1 id="SEO">Designer, Artist, Developer</h1>
<div ng-controller="InfoController" id="controller">
<div id = "header" >
<div id = "logo-container">
<nav>
<a href="about.html" id="about-link" class="home">AB0UT</a>
<div id="slider-left"> </div>
<a id="home-link" class="home", "preload">HOME</a>
<div id="slider-right"> </div>
</nav>
<img src = "images/whitelogo.png" id="logo">
</div>
<div id = "info">
<h1 ng-cloak style="white-space: pre;" class = "info-title">{{ title | uppercase}}</h1>
<h3 ng-cloak class = "info-content">{{ content }}</h3>
</div>
</div>
<div id = "content">
</div>
</div>
<div id = "projects" >
<!-- TAPE DECK -->
<!-- SAD SHELTER -->
<div class="thumbnail" >
<div class="thumbnail-image-container">
<image src="images/thumbnails/watson-logo.png">
</div>
<div class="thumbnail-color slate">
</div>
</div>
<div class="thumbnail" >
<div class="thumbnail-image-container">
<image src="images/thumbnails/oblong-logo-small.png" style="padding-top:10px; max-width:130px; max-height:130px">
</div>
<div class="thumbnail-color indigo">
</div>
</div>
<div class="thumbnail" >
<div class="thumbnail-image-container">
<image src="images/thumbnails/sad-poster.png" style="max-width:80px; max-height:80px">
</div>
<div class="thumbnail-color green">
</div>
</div>
<div class="thumbnail" >
<div class="thumbnail-image-container">
<image src="images/thumbnails/soso-logo.png" class="full">
</div>
<div class="thumbnail-color purple">
</div>
</div>
<div class="thumbnail" >
<div class="thumbnail-image-container">
<image src="images/thumbnails/AMATUER-Thumbnail.png" class="full">
</div>
<div class="thumbnail-color magenta">
</div>
</div>
<div class="thumbnail" >
<div class="thumbnail-image-container">
<image src="images/thumbnails/small-button.png" class="">
</div>
<div class="thumbnail-color orange">
</div>
</div>
<div class="thumbnail" >
<div class="thumbnail-image-container">
<image src="images/thumbnails/doggus-sprites.png" class="full">
</div>
<div class="thumbnail-color turquoise">
</div>
</div>
<!-- <div class="thumbnail" >
<div class="thumbnail-color blue">
</div>
</div> -->
<!-- <div class="thumbnail" >
<div class="thumbnail-color turqoise">
</div>
</div> -->
<div class="thumbnail" >
<div class="thumbnail-image-container">
<image src="images/thumbnails/25works.png" class="full" style="filter:grayscale(100%)">
</div>
<div class="thumbnail-color yellow">
</div>
</div>
<div class="thumbnail" >
<div class="thumbnail-image-container">
<image src="images/thumbnails/NTS-Honey-Bun-no-text.png" class="grayscale full">
</div>
<div class="thumbnail-color pink">
</div>
</div>
<div class="thumbnail" >
<div class="thumbnail-color black">
</div>
<div class="thumbnail-image-container">
<image src="images/thumbnails/la-hacks-logo.png" class ="full">
</div>
</div>
</div>
<div id="side-spacer"></div>
</div>
</body>
</html>