-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathgallery.html
58 lines (51 loc) · 4.21 KB
/
gallery.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
<html>
<head>
<meta charset="UTF-8">
<title>uncool's hideout</title>
<link href="style.css" rel="stylesheet" type="text/css" media="all">
<style>
body{
background-image: url("img/alleyway_1.png");
}
</style>
</head>
<body>
<h1 style="text-align: center; color:aliceblue;">Welcome to the Gallery</h1>
<div class="content-container">
<div class="content main-content-section">
<p>Click on the thumbnails to either learn more about the piece or to see the full version.
Note that some pieces have their own pages with more information and artifacts from the creation process.
</p>
<p><a href="fiberartgallery.html">Click Here</a> to look at my fiber artworks.</p>
<h2 style="text-align: center;">Digital Works</h2>
<div class="gallery">
<a href="works/feedback.html"><img src="img/gallery/thumbnails/garden_thumbnail.png" alt="video art piece titled Garden of Feedback." /></a>
<a href="works/glitchart.html"><img src="img/gallery/thumbnails/glitch_thumbnail.png" alt="glitch art made with Audacity." /></a>
<a href="works/hallway.html"><img src="img/gallery/thumbnails/hallway_thumbnail.png" alt="video featuring 3D modeled characters in a hallway" /></a>
<a href="works/soft_land.html"><img src="img/gallery/thumbnails/soft_land_thumbnail.png" alt="interactive art piece titled Soft Land." /></a>
<a href="works/weather.html"> <img src="img/gallery/thumbnails/weather_thumbnail.png" alt="video art piece titled Weather featuring 3d characters and digital feedback."/></a>
<a href="works/weird_land.html"> <img src="img/gallery/thumbnails/weird_land_thumbnail.png" alt="interactive art piece titled Weird Land" /></a>
<a href="img/gallery/doobi.png"><img src="img/gallery/thumbnails/doobi_thumbnail.png" alt="3D artwork featuring the character Doobi."/></a>
<a href="img/gallery/clowns.png"><img src="img/gallery/thumbnails/clowns_thumbnail.png" alt="artwork featuring 3D clowns."/></a>
<a href="img/gallery/disco-2.png"><img src="img/gallery/thumbnails/disco_thumbnail.png" alt="logo featuring a disco ball"/></a>
<a href="img/gallery/octobook_final.png"><img src="img/gallery/thumbnails/octobook_thumbnail.png" alt="3D artwork featuring a reading octopus"/></a>
<a href="img/gallery/patterns.png"><img src="img/gallery/thumbnails/patterns_thumbnail.png" alt="3D artwork titled Patterns" /></a>
<a href="img/gallery/sb_poster.png"><img src="img/gallery/thumbnails/sb_poster_thumbnail.png" alt="South Bend Poster" /></a>
</div>
<h2 style="text-align:center;">Traditional Works</h2>
<div class="gallery" style="margin-bottom:24px;">
<a href="img/gallery/ar_still_life.png"><img src="img/gallery/thumbnails/ar_still_life_thumbnail.png" alt="Traditional painting"/></a>
<a href="img/gallery/floating.png"><img src="img/gallery/thumbnails/floating_thumbnail.png" alt="Traditional painting titled Floating"/></a>
<a href="img/gallery/honeybee.png"><img src="img/gallery/thumbnails/honeybee_thumbnail.png" alt="Traditional painting titled Honeybee"/></a>
<a href="works/paintings.html"><img src="img/gallery/thumbnails/painting_series_thumbnail.png" alt="Untitled traditional painting series" /></a>
<a href="img/gallery/la_creatura.png"><img src="img/gallery/thumbnails/la_creatura_thumbnail.png" alt="Traditional painting titled La Creatura"/></a>
<a href="works/shapes.html"><img src="img/gallery/thumbnails/space_thumbnail.png" alt="Live painting performance titled Adventures in Shapes and Space" /></a>
</div>
<a href="index.html">HOME</a>
</div>
</div>
<div class="icon-align">
<img src="img/zub.png" alt="image of a robot character"/>
</div>
</body>
</html>