Skip to content

Commit d897b3f

Browse files
trwileytrwiley
committed
website redesign
1 parent cdff47e commit d897b3f

File tree

161 files changed

+741
-9
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

161 files changed

+741
-9
lines changed

‎about.html

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
<html>
2+
<head>
3+
<meta charset="UTF-8">
4+
<title>uncool's hideout</title>
5+
<link href="style.css" rel="stylesheet" type="text/css" media="all">
6+
<style>
7+
8+
9+
10+
</style>
11+
</head>
12+
<body>
13+
<h1 style="text-align: center; color:aliceblue;">About</h1>
14+
<div class="content-container">
15+
<div class="content main-content-section">
16+
<p>Taylor Wiley is an IT professional and artist who experiments in different analog and digital mediums.
17+
She is inspired by things such as, but not limited to: retro video and computer games (the more obscure the better),
18+
80s and 90s anime, weird thrift store finds, endless music rabbit holes, and random art books found in libraries and local bookstores.
19+
She currently splits her time between South Bend, Indiana and the Kalamazoo, Michigan area. </p>
20+
<a href="index.html" style="margin-top: 24px;">HOME</a>
21+
</div>
22+
</div>
23+
<div class="icon-align">
24+
<img src="img/lemon.png" alt="image of a lemon headed character"/>
25+
</div>
26+
</body>
27+
</html>

‎dosv.woff

12.7 KB
Binary file not shown.

‎fiberartgallery.html

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,40 @@
1+
<html>
2+
<head>
3+
<meta charset="UTF-8">
4+
<title>uncool's hideout</title>
5+
<link href="style.css" rel="stylesheet" type="text/css" media="all">
6+
<style>
7+
body{
8+
background-image: url("img/crochet_texture.jpg");
9+
}
10+
.main-content-section{
11+
padding: 30px;
12+
}
13+
14+
</style>
15+
</head>
16+
<body>
17+
<div class="content-container">
18+
<div class="content main-content-section">
19+
<h1 style="text-align: center;">Gallery of Soft Things</h1>
20+
<p>Click on the thumbnails to see the full version.</p>
21+
<div class="gallery" style="margin-bottom: 24px;">
22+
<a href="img/gallery/fiber_art/alien.png"><img src="img/gallery/thumbnails/fiber_art/alien_thumbnail.png" alt="thumbnail of a needle felted alien character."/></a>
23+
<a href="img/gallery/fiber_art/clown_earrings.png"><img src="img/gallery/thumbnails/fiber_art/clown_earring_thumbnail.png" alt="thumbnail of a pair of clown earrings."/></a>
24+
<a href="img/gallery/fiber_art/crochet.png"><img src="img/gallery/thumbnails/fiber_art/crochet_thumbnail.png" alt="thumbnail of a croched yellow character with blue limbs."/></a>
25+
<a href="img/gallery/fiber_art/cyclops.png"><img src="img/gallery/thumbnails/fiber_art/cyclops_thumbnail.png" alt="thumbnail of a needle felted cyclops."/></a>
26+
<a href="img/gallery/fiber_art/noot.png"><img src="img/gallery/thumbnails/fiber_art/noot_thumbnail.png" alt="thumbnail of a needle felted character."/></a>
27+
<a href="img/gallery/fiber_art/pins.png"><img src="img/gallery/thumbnails/fiber_art/pins_thumbnail.png" alt="thumbnail of a set of needle felted pins depicting flowers and fruit."/></a>
28+
<a href="img/gallery/fiber_art/plus.png"><img src="img/gallery/thumbnails/fiber_art/plus_thumbnail.png" alt="thumbnail of a needle felted character."/></a>
29+
<a href="img/gallery/fiber_art/3_guys.png"> <img src="img/gallery/thumbnails/fiber_art/pobble_thumbnail.png" alt="thumbnail of a multiple needle felted characters"/></a>
30+
<a href="img/gallery/fiber_art/2_guys.png"><img src="img/gallery/thumbnails/fiber_art/robo_thumbnail.png" alt="thumbnail of a needle felted robot character."/></a>
31+
<a href="img/gallery/fiber_art/scarf.png"><img src="img/gallery/thumbnails/fiber_art/scarf_thumbnail.png" alt="thumbnail of a needle felted character wearing a scarf."/></a>
32+
<a href="img/gallery/fiber_art/snakey.png"><img src="img/gallery/thumbnails/fiber_art/snakey_thumbnail.png" alt="thumbnail of a needle felted character."/></a>
33+
<a href="img/gallery/fiber_art/3_dobbles.png"><img src="img/gallery/thumbnails/fiber_art/spiral_thumbnail.png" alt="thumbnail of some needle felted characters."/></a>
34+
<a href="img/gallery/fiber_art/vase.png"><img src="img/gallery/thumbnails/fiber_art/vase_thumbnail.png" alt="thumbnail of a needle felted character"/></a>
35+
</div>
36+
<a href="index.html">HOME</a>
37+
</div>
38+
</div>
39+
</body>
40+
</html>

‎gallery.html

Lines changed: 58 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,58 @@
1+
<html>
2+
<head>
3+
<meta charset="UTF-8">
4+
<title>uncool's hideout</title>
5+
<link href="style.css" rel="stylesheet" type="text/css" media="all">
6+
<style>
7+
body{
8+
background-image: url("img/alleyway_1.png");
9+
}
10+
</style>
11+
</head>
12+
<body>
13+
<h1 style="text-align: center; color:aliceblue;">Welcome to the Gallery</h1>
14+
<div class="content-container">
15+
16+
<div class="content main-content-section">
17+
<p>Click on the thumbnails to either learn more about the piece or to see the full version.
18+
Note that some pieces have their own pages with more information and artifacts from the creation process.
19+
</p>
20+
<p><a href="fiberartgallery.html">Click Here</a> to look at my fiber artworks.</p>
21+
<h2 style="text-align: center;">Digital Works</h2>
22+
<div class="gallery">
23+
<a href="works/feedback.html"><img src="img/gallery/thumbnails/garden_thumbnail.png" alt="video art piece titled Garden of Feedback." /></a>
24+
<a href="works/glitchart.html"><img src="img/gallery/thumbnails/glitch_thumbnail.png" alt="glitch art made with Audacity." /></a>
25+
<a href="works/hallway.html"><img src="img/gallery/thumbnails/hallway_thumbnail.png" alt="video featuring 3D modeled characters in a hallway" /></a>
26+
27+
<a href="works/soft_land.html"><img src="img/gallery/thumbnails/soft_land_thumbnail.png" alt="interactive art piece titled Soft Land." /></a>
28+
<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>
29+
<a href="works/weird_land.html"> <img src="img/gallery/thumbnails/weird_land_thumbnail.png" alt="interactive art piece titled Weird Land" /></a>
30+
31+
32+
<a href="img/gallery/doobi.png"><img src="img/gallery/thumbnails/doobi_thumbnail.png" alt="3D artwork featuring the character Doobi."/></a>
33+
<a href="img/gallery/clowns.png"><img src="img/gallery/thumbnails/clowns_thumbnail.png" alt="artwork featuring 3D clowns."/></a>
34+
<a href="img/gallery/disco-2.png"><img src="img/gallery/thumbnails/disco_thumbnail.png" alt="logo featuring a disco ball"/></a>
35+
36+
<a href="img/gallery/octobook_final.png"><img src="img/gallery/thumbnails/octobook_thumbnail.png" alt="3D artwork featuring a reading octopus"/></a>
37+
<a href="img/gallery/patterns.png"><img src="img/gallery/thumbnails/patterns_thumbnail.png" alt="3D artwork titled Patterns" /></a>
38+
<a href="img/gallery/sb_poster.png"><img src="img/gallery/thumbnails/sb_poster_thumbnail.png" alt="South Bend Poster" /></a>
39+
</div>
40+
41+
<h2 style="text-align:center;">Traditional Works</h2>
42+
<div class="gallery" style="margin-bottom:24px;">
43+
<a href="img/gallery/ar_still_life.png"><img src="img/gallery/thumbnails/ar_still_life_thumbnail.png" alt="Traditional painting"/></a>
44+
<a href="img/gallery/floating.png"><img src="img/gallery/thumbnails/floating_thumbnail.png" alt="Traditional painting titled Floating"/></a>
45+
<a href="img/gallery/honeybee.png"><img src="img/gallery/thumbnails/honeybee_thumbnail.png" alt="Traditional painting titled Honeybee"/></a>
46+
47+
<a href="works/paintings.html"><img src="img/gallery/thumbnails/painting_series_thumbnail.png" alt="Untitled traditional painting series" /></a>
48+
<a href="img/gallery/la_creatura.png"><img src="img/gallery/thumbnails/la_creatura_thumbnail.png" alt="Traditional painting titled La Creatura"/></a>
49+
<a href="works/shapes.html"><img src="img/gallery/thumbnails/space_thumbnail.png" alt="Live painting performance titled Adventures in Shapes and Space" /></a>
50+
</div>
51+
<a href="index.html">HOME</a>
52+
</div>
53+
</div>
54+
<div class="icon-align">
55+
<img src="img/zub.png" alt="image of a robot character"/>
56+
</div>
57+
</body>
58+
</html>

‎imageHoverEffect.js

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
// Code taken from: https://jsfiddle.net/DLungaro/m1tajd32/
2+
function showImage(elemId, imgSrc) {
3+
//console.log("Mouse is over text");
4+
//console.log("\tElemId:" + elemId + " Image Source:" + imgSrc);
5+
const elem = document.getElementById(elemId);
6+
const popImage = new Image();
7+
popImage.src = imgSrc;
8+
popImage.style.position = "block";
9+
//popImage.style.zIndex = "1";
10+
elem.appendChild(popImage);
11+
}
12+
13+
function hideImage(elemId) {
14+
//console.log("Mouse is off text");
15+
//console.log("\tElemId:" + elemId);
16+
const elem = document.getElementById(elemId);
17+
while (elem.childElementCount > 0) {
18+
elem.removeChild(elem.lastChild);
19+
}
20+
}

‎img/.DS_Store

10 KB
Binary file not shown.

‎img/alleyway.png

912 KB

‎img/alleyway_1.png

924 KB

‎img/buggo.png

2.64 KB

‎img/building.png

605 KB

0 commit comments

Comments
 (0)