-
Notifications
You must be signed in to change notification settings - Fork 0
/
.tmp_index.htm.78801~
140 lines (134 loc) · 8.37 KB
/
.tmp_index.htm.78801~
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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="icon" href="tri.ico" type="image/ico" />
<link href='http://fonts.googleapis.com/css?family=Megrim' rel='stylesheet' type='text/css'>
<link href="style.css" rel="STYLESHEET" type="text/css">
<script src="jquery.js" type="text/javascript"></script>
<script src="lightbox-old.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">
<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>
<div class="thumbnail">
<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"><img src="images/thumb-wc.png" alt="Writers' Club site" width="204px" height="204px"/></a>
</div>
<div class="thumbnail">
<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"><img id="pop" src="images/thumb-cs.png" alt="classics society button" width="204px" height="283" /></a>
</div>
<div class="thumbnail">
<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"><img src="images/thumb-ROOI.jpg" alt="Running Out of Ink publication ad" width="204px" height="204px"/></a>
</div>
<div class="thumbnail">
<a href="images/lightbox/ss-acs.jpg" class="lightbox_trigger" title="Advanced Coffee Service - Summer 2010 - Brochure site for a local business (commissioned)"><img src="images/thumb-acs.jpg" alt="advanced coffee service" width="204px" height="204px"/></a>
</div>
<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>
<div class="thumbnail">
<a href="images/lightbox/minibooks.jpg" class="lightbox_trigger" title="Miniature books - Fall 2012 - Handbound books, just 1 in. tall, used as pendants"><img src="images/thumb-minibooks.jpg" alt="miniature books" width="204px" height="204px"/></a>
</div>
<div class="thumbnail">
<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)"><img src="images/thumb-plato.jpg" alt="Plato books" width="204px" height="204px"/></a>
</div>
<div class="thumbnail">
<a href="images/lightbox/journal.jpg" class="lightbox_trigger" title="Handbound journal - Spring 2012 - Full leather binding, parchment pages"><img src="images/thumb-journal.jpg" alt="handbound leather journal" width="204px" height="204px" /></a>
</div>
<div class="thumbnail">
<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"><img src="images/thumb-lotr.jpg" alt="Poetry of LotR" width="204px" height="204px"/></a>
</div>
<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>
<div class="thumbnail">
<a href="images/lightbox/toggles.jpg" class="lightbox_trigger" title="Wirework toggle clasps - 2009 - various metals"><img src="images/thumb-toggles.jpg" alt="jewelry" width="204px" height="204px"/></a>
</div>
<div class="thumbnail">
<a href="images/lightbox/necklace.jpg" class="lightbox_trigger"title="Romanov necklace - 2010 - Sterling silver and Swarovski crystals"><img src="images/thumb-necklace.jpg" alt="orange necklace" width="204px" height="204px" /></a>
</div>
<div class="thumbnail">
<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)"><img src="images/thumb-gondor.jpg" alt="" width="204px" height="204px"/></a>
</div>
<div class="thumbnail">
<a href="images/lightbox/onyx.jpg" class="lightbox_trigger" title="Onyx necklace, earrings, and bracelet - 2007 - Sterling silver and onyx cabochons"><img src="images/thumb-onyx.jpg" alt="onyx necklace" width="204px" height="204px"/></a>
</div>
<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. All rights reserved.
</div>
</div>
<div id="lightbox">
<p>Click to close</p>
<div id="content">
</div>
<div id="lbleft"></div>
<div id="lbright"></div>
</div>
</body>
</html>