git/web_workshop

add trinkets page

Hunter
Saturday, August 2nd, 2025 at 12:54 PM

pages/trinkets/images/bag.png
new
pages/trinkets/images/bonker.jpg
new
pages/trinkets/images/defender.jpg
new
pages/trinkets/images/leaf_eater.jpg
new
pages/trinkets/images/lil_mutant.jpg
new
pages/trinkets/images/weird_pikmin.jpg
new
pages/trinkets/index.html
new

Binary files differ.

Binary files differ.

Binary files differ.

Binary files differ.

Binary files differ.

Binary files differ.

 1 +<html>
 2 +	<head>
 3 +		<title>hunter's trinket collection</title>
 4 +		<style>
 5 +			body {
 6 +				background-image: linear-gradient(to left,
 7 +												  seagreen, cornflowerblue);
 8 +				font-size: 25px;
 9 +				font-family: sans-serif;
10 +			}
11 +			h1, h2, h3 {
12 +				color: white;
13 +				text-shadow: 2px 2px 5px black;
14 +			}
15 +			p {
16 +				font-family: serif;
17 +				font-size: 30px;
18 +			}
19 +			.bag {
20 +				filter: drop-shadow(13px 13px 13px black);
21 +				animation: float 3s ease-in-out infinite;
22 +			}
23 +			img {
24 +				max-width: 100%;
25 +			}
26 +			@keyframes float {
27 +				0% {
28 +					transform: translateY(0);
29 +				}
30 +		
31 +				50% {
32 +					transform: translateY(-20px);
33 +				}
34 +		
35 +				100% {
36 +					transform: translateY(0);
37 +				}
38 +	    }
39 +		</style>
40 +	</head>
41 +	<body>
42 +		<center>
43 +		<h1>hunter's trinket collection</h1>
44 +			<img src="pages/trinkets/images/bag.png" class="bag">
45 +			<br>
46 +			<p>
47 +				This is my trinket bag. Within it, my
48 +				<br>greatest treasures are contained.<br><br>
49 +			</p>
50 +			<img src="https://hunterirving.github.io/web_workshop/pages/trinkets/images/lil_mutant.jpg">
51 +			<h2>
52 +				weird lil' mutant
53 +			</h2>
54 +			<p>
55 +				he fell into some toxic goop and his hands
56 +				turned into claws. poor guy.
57 +			</p>
58 +			<img src="https://hunterirving.github.io/web_workshop/pages/trinkets/images/defender.jpg">
59 +			<h2>
60 +				defender
61 +			</h2>
62 +			<p>
63 +				this guy loves to talk about swords.
64 +			</p>
65 +			<img src="https://hunterirving.github.io/web_workshop/pages/trinkets/images/weird_pikmin.jpg">
66 +			<h2>
67 +				ugly pikmin
68 +			</h2>
69 +			<p>
70 +				he says he's a pikmin, but i'm not so sure.
71 +			</p>
72 +			<img src="https://hunterirving.github.io/web_workshop/pages/trinkets/images/bonker.jpg">
73 +			<h2>bonker</h2>
74 +			<p>i tried to take his hammer away and he bonked me.</p>
75 +			<img src="https://hunterirving.github.io/web_workshop/pages/trinkets/images/leaf_eater.jpg">
76 +			<h2>leaf eater</h2>
77 +			<p>loves to eat leafs.</p>
78 +		</center>
79 +	</body>
80 +</html>