-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcreative.html
More file actions
94 lines (93 loc) · 8.26 KB
/
Copy pathcreative.html
File metadata and controls
94 lines (93 loc) · 8.26 KB
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
<!DOCTYPE HTML>
<html lang="en">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-J14DC0L2GH"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-J14DC0L2GH');
</script>
<title>Creative</title>
<meta charset="utf-8">
<link href="style.css" rel="stylesheet" type="text/css">
<link href="assets/favicon.ico" rel="shortcut icon">
<link href="https://fonts.googleapis.com/css?family=Source+Code+Pro:400,500&display=swap" rel="stylesheet">
<meta property="og:title" content="KEYS248's Home on the Web" />
<meta property="og:image" content="assets/meta_preview.png">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<script>
$(function(){
$("#header").load("header.html");
$("#footer").load("footer.html");
});
</script>
<body>
<div id="header"></div>
<main role="main">
<h2>Creative</h2>
<section class="content">
<dl>
<dt><a href="#bevndave" title="Bev and Dave's Blog">Bev and Dave's Blog</a> - <a href="https://bevndave.com/" title="bevndave blog" target="_blank">blog link</a></dt>
<dd>Our blog for outdoor activities, art, and more.</dd>
<dt><a href="#searching-for-landscapes" title="Searching for Landscapes">Searching for Landscapes</a> - <a href="https://best-views.tumblr.com/" title="Searching for Landscapes" target="_blank">blog link</a></dt>
<dd>Selected landscape photos from hikes and travels.</dd>
<dt><a href="#drawing-landscapes" title="Drawing Landscapes">Drawing Landscapes</a> - <a href="https://drawn-views.tumblr.com/" title="Drawing Landscapes" target="_blank">blog link</a></dt>
<dd>Ink and watercolor paintings of various landscape photos I have previously taken.</dd>
<dt><a href="#digital-science-art" title="Digital Science Art">Digital Science Art</a> - <a href="https://digital-science-art.tumblr.com/" title="Digital Science Art" target="_blank">blog link</a></dt>
<dd>A new transition to digital art with an emphasis on science.</dd>
<dt><a href="#animated-gifs" title="Gifs">Animated Gifs</a></dt>
<dd>Timelapsed photos made into animated gifs.</dd>
<dt><a href="#graphic-design" title="Graphic Design">Graphic Design</a></dt>
<dd>Small miscellaneous graphic design projects.</dd>
</dl>
</section>
<section>
<h2 id="bevndave">Bev and Dave's Blog</h2>
<p>More posts can be found on our website and tumblr blog at <a href="https://bevndave.com/" title="bevndave blog" target="_blank">bevndave.com</a>.</p>
<p class="center"><img class="inline" src="assets/creative/dave_painting.jpg" alt="Dave Painting"><img class="inline" src="assets/creative/bev_painting.jpg" alt="Bev Painting"><br>Watercoloring in the field in Claremont.</p>
<p class="center"><img class="center" src="assets/creative/backpacking.jpg" alt="Backpacking">Backpacking San Jacinto.</p>
<p class="center"><img class="center" src="assets/creative/rock_climbing.JPG" alt="Rock Climbing">Rock climbing at Joshua Tree.</p>
</section>
<section>
<h2 id="searching-for-landscapes">Searching for Landscapes</h2>
<p>More photos can be found on my tumblr blog at <a href="https://best-views.tumblr.com/" title="Best Views Tumblr" target="_blank">best-views.tumblr.com</a>.</p>
<p class="center"><img class="center" src="assets/creative/golden_gate.jpg" alt="Golden Gate">A sunset view of the Golden Gate Bridge from Battery Godfrey in San Francisco, California.</p>
<p class="center"><img class="center" src="assets/creative/empire_state.jpg" alt="Empire State">A view of lower Manhattan from the top of the Empire State Building in New York City on a clear summer's day.</p>
<p class="center"><img class="center" src="assets/creative/mcnee_ranch.jpg" alt="Pacific Coast">A beautiful view looking towards the Marin Headlands from McNee Ranch State Park, CA.</p>
<p class="center"><img class="center" src="assets/creative/kings_canyon_wide.jpg" alt="Kings Canyon">A wide view of the canyons near Junction View on highway 180 in Kings Canyon National Park, CA.</p>
</section>
<section>
<h2 id="drawing-landscapes">Drawing Landscapes</h2>
<p>More pieces from this project can be found on my tumblr blog at <a href="https://drawn-views.tumblr.com/" title="Drawn Views Tumblr" target="_blank">drawn-views.tumblr.com</a>.</p>
<p class="center"><img class="center" src="assets/creative/pinnacles_ink.jpg" alt="Pinnacles Ink">An ink drawing on the Pinnacles hike near Lake Arrowhead in California.</p>
<p class="center"><img class="center" src="assets/creative/pinnacles_final.jpg" alt="Pinnacles Painting">The watercolor painting of the previous ink drawing.</p>
<p class="center"><img class="center" src="assets/creative/pinnacles_people.jpg" alt="Pinnacles Photo">The original photo I took that's the basis of the previous painting.</p>
</section>
<section>
<h2 id="digital-science-art">Digital Science Art</h2>
<p>With the start of a new chapter in my life, I'm starting a new transition from physical drawing and watercolor to digital drawings and graphic design. Check it out at <a href="https://digital-science-art.tumblr.com/" title="Digital Science Art" target="_blank">digital-science-art.tumblr.com</a>.</p>
<p class="center"><img class="center" src="assets/creative/Brass_Nephrons.jpg" alt="Brass Nephrons">Brass Nephrons.</p>
<p class="center"><img class="center" src="assets/creative/thoracic_vertebrae_inkblot_test.jpg" alt="Thoracic Vertebrae Inkblot">Thoracic Vertebrae Inkblot Test.</p>
</section>
<section>
<h2 id="animated-gifs">Animated Gifs</h2>
<p class="center"><img class="center" src="assets/creative/seattle_neumos.gif" alt="Seattle Concert">The band plays in a concert at Neumos, Seattle.</p>
<p class="center"><img class="center" src="assets/creative/ucsf_golden_gate.gif" alt="Inner Sunset">A view looking north over the Inner Sunset neighborhood, San Francisco.</p>
<p class="center"><img class="center" src="assets/creative/noe_valley.gif" alt="Noe Valley">Watching the cars driving through the Noe Valley neighborhood, San Francisco.</p>
<p class="center"><img class="center" src="assets/creative/Mt_Tam_Fog.gif" alt="Mount Tam">The clouds passing over Mt. Tamalpais, California.</p>
</section>
<section>
<h2 id="graphic-design">Graphic Design</h2>
<p class="center"><img class="center" src="assets/creative/matrix_01.png">Small graphic that can be used as a favicon, made to resemble a classic Gibsonian matrix from cyberpunk culture.</p>
<p class="center"><img class="center" src="assets/creative/datumplane_01.png">Datumplane is a reference to the Gibsonian matrix found in the Sci-Fi novel Hyperion by Dan Simmons. The icosahedral shape is a reference to the classic capsid of a virus.</p>
<p class="center"><img class="center" src="assets/creative/bugs_logo_1.png">The first logo for the <a href="https://bugs-nyu.github.io/" title="NYU BUGS" target="_blank">NYU BUGS Open Source club</a> in a classic ASCII art style.</p>
<p class="center"><img class="center" src="assets/creative/hard_lines_softened.jpg" alt="Hard Lines Softened 1">A fake album cover inspired by Mogwai's album <a href="https://en.wikipedia.org/wiki/Hardcore_Will_Never_Die,_but_You_Will" target="_blank" title="Mogwai Album">Hardcore Will Never Die, but You Will</a>. There's an entire subreddit dedicated to this stuff at <a href="https://www.reddit.com/r/fakealbumcovers/", title="Fake Album Covers" target="_blank">r/FakeAlbumCovers</a>.</p>
<p class="center"><img class="center" src="assets/creative/hard_lines_softened_2.jpg" alt="Hard Lines Softened 1">Another fake album cover from similar inspirations.</p>
</section>
</main>
<div id="footer"></div>
</body>
</html>