-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
170 lines (142 loc) · 6.36 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
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Cooper Hart</title>
<meta name="description" content="Cooper Hart's personal page">
<meta name="author" content="Cooper Hart">
<link rel="stylesheet" href="css/style.css?v=1.0">
<link rel="stylesheet" href="css/boxes.css?v=1.0">
<link rel="stylesheet" href="css/home.css?v=1.0">
<link rel="stylesheet" href="css/bits.css?v=1.0">
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet">
<link rel="apple-touch-icon" sizes="57x57" href="favi/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="favi/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="favi/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="favi/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="favi/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="favi/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="favi/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="favi/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="favi/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="favi/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="favi/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="favi/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="favi/favicon-16x16.png">
<link rel="manifest" href="favi/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="favi/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
</head>
<body>
<div id="topbar">
<header>
<nav>
<a target="_blank" href="https://github.com/coopsmoss"> My GitHub</a>
<!--a target="_blank" href="contact">Contact</a-->
<!--a target="_blank" href="about">About Me</a-->
</nav>
<a href="http://www.cooperhart.xyz"><h1>Cooper Hart</h1></a>
</header>
</div>
<div id="container">
<main>
<div id="description">Stuff I've Made:</div>
<div class="break"></div>
<div id="boxes">
<div style="flex-grow:1" class="box">
<div id="video" class="box_media">
<video autoplay muted loop class="myVideo">
<source src="images/amop_s.webm" type="video/webm">
Your browser does not support HTML5 video.
</video>
</div>
<div class="box_content">
<h3 class="box_title" >A Matter Of Perspective</h3>
<div class="break"></div>
<p>A <strong>work in progress</strong> Android game where how you see it, is how it is.</p>
<p>Buit with Java + LibGDX</p>
</div>
</div>
<div style="flex-grow:1" class="box">
<a href="https://play.google.com/store/apps/details?id=com.mygdx.game.android.coop" target="_blank"><div id="circlejerk" class="box_media"></div></a>
<div class="box_content">
<a class="box_title" href="https://play.google.com/store/apps/details?id=com.mygdx.game.android.coop" target="_blank"><h3 >Circle Jerk</h3></a>
<div class="break"></div>
<ul>
<li>Android game for the tap inclined</li>
<li>Made with Java + LibGDX</li>
</ul>
<br>
<a class="center_t" href="https://play.google.com/store/apps/details?id=com.mygdx.game.android.coop" target="_blank"> Play Store</a>
</div>
</div>
<div style="flex-grow:1" class="box">
<a href="projects/colour/gamut.html" target="_blank"><div id="gamut" class="box_media"></div></a>
<div class="box_content">
<a class="box_title" href="projects/colour/gamut.html" target="_blank"><h3 >Pallet Creator</h3></a>
<div class="break"></div>
<ul>
<li>A tool for designing colour pallets</li>
<li>Created with HTML5 Canvas</li>
</ul>
<br>
<a class="center_t" href="http://www.livepaintinglessons.com/" target="_blank">LivePaintingLessons.com</a>
</div>
</div>
<div style="flex-grow:1" class="box">
<a href="projects/svge/index.html" target="_blank"><div id="svge" class="box_media"></div></a>
<div class="box_content">
<a class="box_title" href="projects/svge/index.html" target="_blank"><h3 >SVG Extended</h3></a>
<div class="break"></div>
<p>SVGE is an extended version of SVG which allows for embedded JavaScript to run from within the SVGE file</p>
<ul>
<li> <a href="projects/svge/index.html" target="_blank">Some Working Examples</a> </li>
<li> <a href="https://github.com/coopsmoss/svge" target="_blank">Project on GitHub</a> </li>
</ul>
</div>
</div>
<div style="flex-grow:1" class="box">
<a href="projects/calculator/calc.html" target="_blank"><div id="calc" class="box_media"></div></a>
<div class="box_content">
<a class="box_title" href="projects/calculator/calc.html" target="_blank"><h3 >Cocktail Calculator</h3></a>
<div class="break"></div>
<p>A webtool for designing cocktails. This tool tells you when your ratios are off or just right.</p>
<p>Created with HTML, JavaScript >and a tiny bit of JQuery</p>
<br>
<a href="" target="_blank"></a>
</div>
</div>
<div style="flex-grow:0.2" class="box">
<div id="this_site" class="box_media"></div>
<div class="box_content">
<h3 class="box_title" >This Site!</h3>
<div class="break"></div>
<p>This website was built using modern HTML5 and CSS flexboxes</p>
</div>
</div>
<div style="flex-grow:0.2" class="box">
<a href="https://play.google.com/store/apps/details?id=donald.trump.android" target="_blank"><div id="trump" class="box_media"></div></a>
<div class="box_content">
<a class="box_title" href="https://play.google.com/store/apps/details?id=donald.trump.android" target="_blank"><h3 >Trump's Hair Escape</h3></a>
<div class="break"></div>
<ul>
<li>Made in a weekend, pre election</li>
<li>Play as Trump's hair as it makes<br>it's escape</li>
<li>Made with Java + LibGDX</li>
</ul>
<br>
<a class="center_t" href="https://play.google.com/store/apps/details?id=donald.trump.android" target="_blank"> Play Store</a>
</div>
</div>
</div>
</main>
<footer>
<br>
Thanks For Visiting :)
<br><br>
© Cooper Hart 2018
</footer>
</div>
</body>
</html>