cleanup unused; add images; update sites

Hunter
Tuesday, July 8th, 2025 at 4:28 PM

images/ceedee.gifnew
images/floppy.gifnew
images/pika_construction.gifnew
images/pizza.gifnew
images/under-construction-pikachu.gifdeleted
index.html+1-25
pages/avocado.html+7-1
pages/my_homepage.html+23-1

images/ceedee.gif
Binary files differ.
images/floppy.gif
Binary files differ.
images/pika_construction.gif
Binary files differ.
images/pizza.gif
Binary files differ.
images/under-construction-pikachu.gif
Binary files differ.
index.html
17  	</script>
18  	<style>
19  		:root {
   -			--bg-color: #2d2d2d;
20  			--text-color: #f8f8f2;
   -			--editor-bg: #272822;
   -			--preview-bg: #2d2d2d;
21 +			--editor-bg: #16181b;
22  		}
23  
24  

40  		.editor-pane {
41  			width: 50%;
42  			height: 100vh;
   -			background: var(--preview-bg);
43  			position: relative;
44  		}
45  
46  		.preview-pane {
47  			width: 50%;
48  			height: 100vh;
   -			background: var(--preview-bg);
49  			position: relative;
50  		}
51  

93  			overflow: auto;
94  		}
95  
   -		#preview {
   -			padding-top: 0;
   -		}
   -
   -		/* Hide scrollbars until needed */
   -		::-webkit-scrollbar {
   -			width: 12px;
   -		}
   -
   -		::-webkit-scrollbar-track {
   -			background: var(--editor-bg);
   -		}
96  
   -		::-webkit-scrollbar-thumb {
   -			background: var(--border-color);
   -			border-radius: 6px;
   -		}
   -
   -		::-webkit-scrollbar-thumb:hover {
   -			background: var(--header-text);
   -		}
97  	</style>
98  </head>
99  <body>
pages/avocado.html
37  			<h1 style="color:goldenrod">Try it Now!! Our yummy avocado coffee beverage</h1>
38  			<img src="https://openclipart.org/image/800px/188782" style="width:200px; height:200px;">
39  			<i><p>"What the? Eww..." - Jen Lu</p></i>
40 +			<hr>
41 +			<p>Avocados in the courtroom?<br>This vid made us L-O-L<br>(Laff Out Loud)</p>
42 +			<iframe width="100%" height="500px" src="https://www.youtube.com/embed/EEcKyVOkj5g" title="&quot;guacamole justice is a dish best served cold&quot; - judge judy" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
43 +			<br><br>
44 +			<hr>
45 +			<br>
46  			<img src="images/sun.png" style="background-color:LemonChiffon; max-width:400px">
47 +			<p>Anyway, thanks for checking out the site! Stay tuned for our family's prized avocado growing tips! 🌞</p>
48  		</center>
   -		<p>Anyway, thanks for checking out the site! Stay tuned for more avocado growing tips! 🌞</p>
49  	</body>
50  </html>
pages/my_homepage.html
19  			h3 {
20  				font-size: 35px;
21  			}
22 +			img {
23 +				max-width:100%;
24 +			}
25  		</style>
26  	</head>
27  	<body>

33  			<p>
34  				brace yourself. you are in for a wild ride!!
35  			</p>
   -			<a href="https://hunterirving.com"><img src="images/windows.gif"></a>
36 +			<a href="https://hunterirving.com"><img src="images/windows.gif" style="padding:10px;"></a>
37  			<h3>enter by "clicking" on the window above....<br>if you <i><span style="color:red">dare</span></i>.....!</h3>
38  			<img src="images/scared_mouse.gif" style="transform: scaleX(-1); margin-bottom:25px"><img src="images/mac.png" width=200px>
39  		</center>
40 +		<h1 class="heading">
41 +			Here are a few of my favorite images... 🍀
42 +		</h1>
43 +		<center>
44 +			<img src="images/ceedee.gif" style="width:150px">
45 +			<br><br>
46 +			<img src="images/floppy.gif" style="width:100px">
47 +			<img src="images/floppy.gif" style="width:100px; filter: hue-rotate(120deg);">
48 +			<img src="images/floppy.gif" style="width:100px; filter: hue-rotate(270deg);">
49 +			<br>
50 +			<img src="images/pika_construction.gif" style="width:50%; image-rendering: pixelated;">
51 +			<br><br>
52 +			<img src="images/pizza.gif" style="width:100px">
53 +			<img src="images/pizza.gif" style="width:100px">
54 +			<img src="images/pizza.gif" style="width:100px">
55 +			<img src="images/pizza.gif" style="width:100px">
56 +			<img src="images/pizza.gif" style="width:100px">
57 +			<br>
58 +		</center>
59  	</body>
60  </html>