-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.htm
140 lines (134 loc) · 8.6 KB
/
index.htm
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
<!DOCTYPE html>
<html>
<head>
<link href='http://fonts.googleapis.com/css?family=Megrim' rel='stylesheet' type='text/css'>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="icon" href="tri.ico" type="image/ico" />
<link href="style.css" rel="STYLESHEET" type="text/css">
<script src="jquery-1.8.2.min.js" type="text/javascript"></script>
<script src="lightbox-new2.js" type="text/javascript"></script>
<script src="jquery.uslider.js" type="text/javascript"></script>
<title>Poiesis Design</title>
</head>
<body>
<div id="menu">
<ul>
<li><a href="#">Top</a></li>
<li><a href="#featuretext">About</a></li>
<li><a href="#gallery">Works</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
<div id="tri"></div>
<div class="header">
<div id="innards">
<h1>Poiesis Design</h1>
</div>
</div>
<div class="container">
<div id="innards">
<div class="slidewrapper">
<ul id="uslider" class="uslider">
<li><img src="images/slider1.jpg" /></li>
<li><img src="images/slider2.jpg" /></li>
<li><img src="images/slider3.jpg" /></li>
</ul>
</div>
<div id="featuretext">
<h2>About Poiesis</h2>
<p><em>... pronounced 'poy-EY-sis', from Greek </em>ποιησις =<em> "making, creation, production", whence our word "poetry"</em></p>
<div class="columns">
<em>Thinking on both sides of the brain.</em>
Numbers and colors - logic and beauty - the balance of an equation and the balance of a design.
I offer a rational, problem-solving mathematical background and a lifelong desire to be an artist.
<em>Motivated by perfection.</em>
Maybe perfection is unattainable, but it can be pursued. I don't care to assume it can't be found just because I haven't found it yet. <br/>
<em>Want to know more?</em> <br/> You can view my <a href="edp-res-geek.pdf">résumé</a>.
</div>
</div>
<div id="gallery">
<h2>Portfolio</h2>
<a href="images/lightbox/ss-wc.jpg" class="lightbox_trigger" title="Writers' Club of Grand Valley - Fall 2012 - Web site and blog for club's online presence"><div class="thumbnail">
<img src="images/thumb-wc.png" alt="Writers' Club site" width="204px" height="204px"/>
</div></a>
<a href="images/lightbox/cs.png" class="lightbox_trigger" title="GV Classics Society - Spring 2011 - T-shirt and button design with lines from the Odyssey, Iliad, and Aeneid"><div class="thumbnail">
<img id="pop" src="images/thumb-cs.png" alt="classics society button" width="204px" height="283" />
</div></a>
<a href="images/lightbox/ROOI.jpg" class="lightbox_trigger" title="Writers' Club of Grand Valley - Fall 2010 - Ads for submissions to our semiannual publication, Running Out of Ink"><div class="thumbnail">
<img src="images/thumb-ROOI.jpg" alt="Running Out of Ink publication ad" width="204px" height="204px"/>
</div></a>
<a href="images/lightbox/ss-acs.jpg" class="lightbox_trigger" title="Advanced Coffee Service - Summer 2010 - Brochure site for a local business (commissioned)"><div class="thumbnail">
<img src="images/thumb-acs.jpg" alt="advanced coffee service" width="204px" height="204px"/>
</div></a>
<div class="blurb"><em>Digital art:</em> After years of dabbling, I am completing an apprenticeship as a designer at software company Atomic Object. I grok Photoshop and Illustrator, and love working in code.</div>
<a href="images/lightbox/minibooks.jpg" class="lightbox_trigger" title="Miniature books - Fall 2012 - Handbound books, just 1 in. tall, used as pendants"><div class="thumbnail">
<img src="images/thumb-minibooks.jpg" alt="miniature books" width="204px" height="204px"/>
</div></a>
<a href="images/lightbox/plato.jpg" class="lightbox_trigger" title="Plato's Gorgias and Politeia - Summer 2012 - Re-bound paperbacks for a professor's library (commissioned)"><div class="thumbnail">
<img src="images/thumb-plato.jpg" alt="Plato books" width="204px" height="204px"/>
</div></a>
<a href="images/lightbox/journal.jpg" class="lightbox_trigger" title="Handbound journal - Spring 2012 - Full leather binding, parchment pages"><div class="thumbnail">
<img src="images/thumb-journal.jpg" alt="handbound leather journal" width="204px" height="204px" />
</div></a>
<a href="images/lightbox/lotr.jpg" class="lightbox_trigger" title="Poetry of The Lord of the Rings - Spring 2012 - Handbound anthology of all poems in The Lord of the Rings, typeset using InDesign"><div class="thumbnail">
<img src="images/thumb-lotr.jpg" alt="Poetry of LotR" width="204px" height="204px"/>
</div></a>
<div class="blurb"><em>Book arts:</em> Who doesn't love books? As much as its content, the structure and aesthetic of a physical book appeals to me — and I must learn to shape it. |
<a href="http://poiesis-journal.blogspot.com/">more</a></div>
<a href="images/lightbox/toggles.jpg" class="lightbox_trigger" title="Wirework toggle clasps - 2009 - various metals"><div class="thumbnail">
<img src="images/thumb-toggles.jpg" alt="jewelry" width="204px" height="204px"/>
</div></a>
<a href="images/lightbox/necklace.jpg" class="lightbox_trigger"title="Romanov necklace - 2010 - Sterling silver and Swarovski crystals"><div class="thumbnail">
<img src="images/thumb-necklace.jpg" alt="orange necklace" width="204px" height="204px" />
</div></a>
<a href="images/lightbox/gondor.jpg" class="lightbox_trigger" title="Tree of Gondor shirt - 2007 - Bronze trim and steel inlay added to a pre-existing shirt (commissioned)"><div class="thumbnail">
<img src="images/thumb-gondor.jpg" alt="" width="204px" height="204px"/>
</div></a>
<a href="images/lightbox/onyx.jpg" class="lightbox_trigger" title="Onyx necklace, earrings, and bracelet - 2007 - Sterling silver and onyx cabochons"><div class="thumbnail">
<img src="images/thumb-onyx.jpg" alt="onyx necklace" width="204px" height="204px"/>
</div></a>
<div class="blurb"><em>Chainmaille:</em> Not my first craft, but the first to draw me in so deeply, the craft of weaving metal rings into jewelry and armor is surprisingly versatile. |
<a href="http://www.armored-drake.com/">more</a></div>
</div>
</div>
</div>
<div class="footer">
<div id="innards">
<div id="text1">
<h3>The Koch Curve</h3>
<p>
This spiky arrangement of equilateral triangles is the fifth step in the construction of a Koch curve fractal.
</p>
<p>
The full fractal could pack a line of infinite length onto a space the size of this letter ‘l’.
</p>
</div>
<div id="contact">
<div id="portrait">
<img src="images/portrait.jpg" width="117px" height="150px" />
</div><h2>Contact</h2>
<p>
E. Drake Parker
<br/>
(616) 502-4232
<br/>
<a href="mailto:[email protected]">[email protected]</a>
</p>
<p>
230 River St.
<br/>
Spring Lake, MI 49456
</p>
</div>
</div>
<div id="copyrt">
Site © 2012 Drake Parker. All rights reserved.
</div>
</div>
<div id="lightbox">
<div>← click or ESC to close →</div>
<div id="content">
</div>
</div>
</body>
</html>