-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
103 lines (92 loc) · 4.93 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
<!doctype html>
<html class="no-js" lang="">
<!-- Shhhh ignore the jank on this page -->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Jewel Glisson</title>
<link href="https://fonts.googleapis.com/css?family=Comfortaa" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
<meta name="description" content="">
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" href="/icon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="icon.png">
<meta name="theme-color" content="#fafafa">
</head>
<body>
<div id="Cover"></div>
<img id="Selected" style="display: none" src="img/Glisson-COA.png" alt="a coat of arms/family crest" height="250">
<nav>
<div id="nav-bar">
<div id="nameBlock">
<h1 class="codedText" id="title" >Jewel Glisson</h1><br>
<div id="Links">
<span style="width: 0; overflow: visible;display: inline-block;"><h3 class="codedText" id="subtitle">2D Work - 3D Work - Photography - About</h3></span><h3 id="link">
<a href="#2D">2d Work</a> - <a href="#3D">3d Work</a> - <a href="#Photography">Photography</a> - <a href="#About">About</a></h3>
</div>
</div>
<div id="menu">
<span class="codedText fromRight">
Jewel.Glisson@gmail.com
</span><br><span class="codedText fromRight">
@JewelGliss
</span>
</div>
</div>
</nav>
<hr>
<div class="box">
<table id="Statement">
<tr>
<td><blockquote>
I wish to make the beauty and power I see in more obscure art forms accessible to those who do not have the time or mental energy to dive deep into obscure corners of nerd society. Instead my pieces themselves act as a pre-curated rabbit hole to be explored; all while acting as a nice pretty picture for those who either can not or will not currently engage with it.
</blockquote></td>
<td><img src="img/self_port_smol.png" alt="a reflection of a woman in a car mirror" height="12px"></td>
</tr>
</table>
<table id="BackupStatement">
<tr>
<td><img src="img/self_port_smol.png" alt="a reflection of a woman in a car mirror" height="12px"></td>
</tr>
<tr>
<td><blockquote>
I wish to take the beauty and power I see in more obscure art forms accessible to those who do not have the time or mental energy to dive deep into obscure corners of nerd society. Instead my pieces themselves act as a pre-curated rabbit hole to be explored; all while acting as a nice pretty picture for those who either can or will not currently engage with it.
</blockquote></td>
</tr>
</table>
<div id="Gallery">
<span id="2D"></span>
<img class="eighthWide" src="img/Glisson-COA.png" alt="a coat of arms/family crest" height="250">
<img class="eighthWide" src="img/folded-space.jpg" alt="a colorful fractal" height="250">
<img class="eighthWide" src="img/ilo-Tosi-ad.jpg" alt="an advertisment in toki pona" height="250">
<img class="eighthWide" src="img/Transversal-Cloth-logo.png" alt="an apparel company logo set" height="250">
<img class="quaterWide" src="img/personal-branding-mockup.jpg" alt="a personal branding mockup" height="250">
<img class="eighthWide" src="img/art-show-flier.jpg" alt="a flyer for an art show" height="250">
<img class="eighthWide" src="img/film-flyer.jpg" alt="a flyer for a film fest" height="250">
<img class="quaterWide" src="img/dct24.jpg" alt="an abstract generative piece" height="250">
<span id="3D"></span>
<img class="quaterWide" src="img/crayfishes.jpg" alt="a 3d printed board game" height="250">
<img class="quaterWide" src="img/modern-Texas-steakhouse.jpg" alt="grilled books" height="250">
<img class="eighthWide" src="img/sphere-lens.jpg" alt="a 3d printed camera lens" height="250">
<span id="Photography"></span>
<img class="eighthWide" src="img/00101110-(Twelve-(II)).jpg" alt="a corrupted file that appears to depict a figure" height="250">
<img class="quaterWide" src="img/all-natural.jpg" alt="a noisy image of a shirtless figure" height="250">
<img class="quaterWide" src="img/transition.jpg" alt="a hand grabbing a light" height="250">
<img class="quaterWide" src="img/Cross.jpg" alt="lights in a stormy sky forming a cross" height="250">
</div>
<div id="About">
<p>
I am a multimedia artist primarily trained in graphic design and a self taught programmer and linguist.
I am currently studying product design at Kansas City Art Institute.
All of these influences can be seen throughout my work.
In my spare time I continue to write code, as well as study and develop my own <a href="https://wikipedia.org/wiki/Constructed_language">conlangs</a>.
This page will continue to grow as I produce more pieces that I am proud of, and shrink as my standards increase.
</p>
</div>
<p id="CopyRight">© 2024 Jewel Glisson</p>
</div>
<script src="https://unpkg.co/gsap@3/dist/gsap.min.js"></script>
<script src="js/app.js"></script>
</body>
</html>