Home Explore Help
Register Sign In
fuzzysh
/
website
Watch 1
Star 0
Fork 0

4 Commits c8c6798f79 ... b53d4adc0e

Author SHA1 Message Date
  fuzzy b53d4adc0e changes tehe 1 year ago
  fuzzy 09d3371c95 goodies h2>h4 and css. @font-face implemented 1 year ago
  fuzzy c686b9f9a9 goodies banners, css 1 year ago
  fuzzy fe36f3116c fix blinkies head 1 year ago
5 changed files with 110 additions and 9 deletions
Split View Show Diff Stats
  1. BIN
      fonts/Cageroll-Roll.otf
  2. 60 5
      goodies.html
  3. 3 4
      index.html
  4. 12 0
      style/kk.css
  5. 35 0
      style/style.css

BIN
fonts/Cageroll-Roll.otf
View File


+ 60 - 5
goodies.html
View File 

@@ -7,6 +7,7 @@
 
 	<title>my button collection</title>
 
 </head>
 
 <body>
 
+	<div id="top"></div>
 
 	<header>
 
 		<h1>goodies!</h1>
 
 	</header>
 
@@ -27,7 +28,7 @@
 
 				<a href="#stamps">stamps</a>
 
 				<a href="#gifs">gifs</a>
 
 			</h3>
 
-			<h2>buttons</h2>
 
+			<h4>buttons <a href="#top">^</a></h4>
 
 			<section id="buttons">
 
 				<img src="img/buttons/2001.gif" alt="">
 
 				<img src="img/buttons/2006.gif" alt="">
 
@@ -205,7 +206,6 @@
 
 				<img src="img/buttons/iesuck.gif" alt="">
 
 				<img src="img/buttons/ih8squarespace.png" alt="">
 
 				<img src="img/buttons/image0.gif" alt="">
 
-				<img src="img/buttons/img.sh" alt="">
 
 				<img src="img/buttons/intermind.gif" alt="">
 
 				<img src="img/buttons/internetarchive.gif" alt="">
 
 				<img src="img/buttons/internetprivacy.gif" alt="">
 
@@ -360,7 +360,7 @@
 
 				<img src="img/buttons/zettai.gif" alt="">
 
 
 			</section>
 
-			<h2>stamps</h2>
 
+			<h4>stamps <a href="#top">^</a></h4>
 
 			<section id="stamps">
 
 				<img src="img/stamps/03_by_grassdemon-dbl9bkb.png" alt="">
 
 				<img src="img/stamps/095.gif" alt="">
 
@@ -561,7 +561,18 @@
 
 				<img src="img/stamps/worm.gif" alt="">
 
 				<img src="img/stamps/your_heart_is_mine_by_gay_mage_of_space-daxhz8v.png" alt="">
 
 			</section>
 
-			<h2>gifs</h2>
 
+			<h4>banners <a href="#top">^</a></h4>
 
+			<section id="banners">
 
+				<img src="img/banners/firefoxbanner.png" alt="">
 
+				<img src="img/banners/gamecubeuser.gif" alt="">
 
+				<img src="img/banners/kitties.gif" alt="">
 
+				<img src="img/banners/neopets.png" alt="">
 
+				<img src="img/banners/opensource.gif" alt="">
 
+				<img src="img/banners/scrollbar.jpg" alt="">
 
+				<img src="img/banners/static.gif" alt="">
 
+				<img src="img/banners/webmaster.png" alt="">
 
+			</section>
 
+			<h4>gifs <a href="#top">^</a></h4>
 
 			<section id="gifs">
 
 				<img src="img/gifs/10.gif" alt="">
 
 				<img src="img/gifs/101.gif" alt="">
 
@@ -693,6 +704,51 @@
 
 			</section>
 
 		</section>
 
 			<section id="blinkies">
 
+				<img src="img/blinkies/tumblr_pq6gj4nWFa1xxpwpco1_250.gif" alt="">
 
+				<img src="img/blinkies/pingas.gif" alt="">
 
+				<img src="img/blinkies/aliens.gif" alt="">
 
+				<img src="img/blinkies/anime2.gif" alt="">
 
+				<img src="img/blinkies/0001-saucer.gif" alt="">
 
+				<img src="img/blinkies/0028-computer.gif" alt="">
 
+				<img src="img/blinkies/0034-skull.gif" alt="">
 
+				<img src="img/blinkies/136.gif" alt="">
 
+				<img src="img/blinkies/30.gif" alt="">
 
+				<img src="img/blinkies/37.gif" alt="">
 
+				<img src="img/blinkies/53.gif" alt="">
 
+				<img src="img/blinkies/KyPTz4p.gif" alt="">
 
+				<img src="img/blinkies/alwaysunderconstr.gif" alt="">
 
+				<img src="img/blinkies/anime.gif" alt="">
 
+				<img src="img/blinkies/alien.gif" alt="">
 
+				<img src="img/blinkies/antimusk.gif" alt="">
 
+				<img src="img/blinkies/fakegamer.gif" alt="">
 
+				<img src="img/blinkies/girl pretty.gif" alt="">
 
+				<img src="img/blinkies/b29.gif" alt="">
 
+				<img src="img/blinkies/b64.gif" alt="">
 
+				<img src="img/blinkies/bats.gif" alt="">
 
+				<img src="img/blinkies/biohazard2.gif" alt="">
 
+				<img src="img/blinkies/bl-alien.gif" alt="">
 
+				<img src="img/blinkies/bl-anime.gif" alt="">
 
+				<img src="img/blinkies/bl-gamecube.gif" alt="">
 
+				<img src="img/blinkies/bl-html.gif" alt="">
 
+				<img src="img/blinkies/bl-reality.gif" alt="">
 
+				<img src="img/blinkies/blinkieslut.gif" alt="">
 
+				<img src="img/blinkies/blinky89.gif" alt="">
 
+				<img src="img/blinkies/blkcomputer17.gif" alt="">
 
+				<img src="img/blinkies/braindead.gif" alt="">
 
+				<img src="img/blinkies/cring.webp" alt="">
 
+				<img src="img/blinkies/do_what_you_love.gif" alt="">
 
+				<img src="img/blinkies/dontworry.gif" alt="">
 
+				<img src="img/blinkies/ds.gif" alt="">
 
+				<img src="img/blinkies/dumbass.gif" alt="">
 
+				<img src="img/blinkies/eat shit.gif" alt="">
 
+				<img src="img/blinkies/eat the rich.gif" alt="">
 
+				<img src="img/blinkies/eva.gif" alt="">
 
+				<img src="img/blinkies/fallenangel.gif" alt="">
 
+				<img src="img/blinkies/freak.gif" alt="">
 
+				<img src="img/blinkies/gay.gif" alt="">
 
+				<img src="img/blinkies/ggg.gif" alt="">
 
+				<img src="img/blinkies/girl pretty.gif" alt="">
 
+				<img src="img/blinkies/glow.gif" alt="">
 
 				<img src="img/blinkies/0001-saucer.gif" alt="">
 
 				<img src="img/blinkies/0028-computer.gif" alt="">
 
 				<img src="img/blinkies/0034-skull.gif" alt="">
 
@@ -867,7 +923,6 @@
 
 				<img src="img/blinkies/mother fucker.gif" alt="">
 
 				<img src="img/blinkies/mrbrightside.gif" alt="">
 
 				<img src="img/blinkies/ms paint.gif" alt="">
 
-				<img src="img/blinkies/msp.gif" alt="">
 
 				<img src="img/blinkies/mspaint.gif" alt="">
 
 				<img src="img/blinkies/mycomputerneversleeps.gif" alt="">
 
 				<img src="img/blinkies/neocities.gif" alt="">

+ 3 - 4
index.html
View File 

@@ -9,7 +9,6 @@
 
 <body>
 
     <header>
 
         <h1>hi my name is fuzzy</h1>
 
-        <h2></h2>
 
     </header>
 
     <main>
 
         <nav>
 
@@ -29,7 +28,7 @@
 
             <h2>where to find me:</h2>
 
 
             <section id="social-container">
 
-                    <a class="social-item" href="https://cathode.church/@fuzzy">
 
+                    <a class="social-item" href="https://cathode.church/@fuzzy" rel="me">
 
                         <img src="img/buttons/leavetwitterjoinmasto.gif" alt="a button that says leave twitter join mastodon">
 
                         <p>@fuzzy@cathode.church</p>
 
                     </a>
 
@@ -41,11 +40,11 @@
 
 			<img src="img/buttons/discord-no-way.gif" alt="a button saying " no way " to using discord">
 
 			<p>fuzzy#0685</p>
 
 		    </a>
 
-                    <a class="social-item" href="mailto:&#102;&#117;&#122;&#122;&#121;&#064;&#102;&#117;&#122;&#122;&#121;&#046;&#099;&#108;&#105;&#099;&#107;">
 
+                    <a class="social-item" href="mailto:&#102;&#117;&#122;&#122;&#121;&#064;&#102;&#117;&#122;&#122;&#121;&#046;&#099;&#108;&#105;&#099;&#107;" rel="me">
 
                         <img src="img/buttons/mail.gif" alt="a button with an envelope on it"> 
 			<p>&#102;&#117;&#122;&#122;&#121;&#064;&#102;&#117;&#122;&#122;&#121;&#046;&#099;&#108;&#105;&#099;&#107;</p>
 
                     </a>
 
-                    <a class="social-item" href="https://notabug.org/fuzzysh">
 
+                    <a class="social-item" href="https://notabug.org/fuzzysh" rel="me">
 
                         <img src="img/buttons/88x31floral.gif" alt="">
 
                         <p>NotABug</p>
 
                     </a>

+ 12 - 0
style/kk.css
View File 

@@ -1,3 +1,15 @@
 
+@font-face{
 
+	font-family: "Cageroll Roll";
 
+	src: url(../fonts/Cageroll-Roll.otf);
 
+}
 
+@font-face{
 
+	font-family: "Duration Book";
 
+	src: url(../fonts/Duration\ Book.ttf);
 
+}
 
+@font-face{
 
+	font-family: "Terminus (TTF)";
 
+	src: url(../fonts/TerminusTTF-4.49.2.ttf);
 
+}
 
 body{
 
 	background-image: url(../img/backgrounds/matrix.gif);
 
 	cursor: url(../img/cursors/TENSHICURSOR.png), crosshair;

+ 35 - 0
style/style.css
View File 

@@ -1,3 +1,7 @@
 
+@font-face{
 
+	font-family: "Wayfarer's Toy Box";
 
+	src:url(../fonts/wayfarers-toy-box.ttf);
 
+}
 
 html{
 
 	background-image: url(../img/backgrounds/38ee005410119812a02be987ba6536b0.gif);
 
 	color: #FCFCFC;
 
@@ -37,6 +41,18 @@ nav{
 
 	border-radius: 25px;
 
 	flex-shrink: 1;
 
 }
 
+h3{
 
+	text-align: center;
 
+	font-family: "Wayfarer's Toy Box";
 
+
 
+}
 
+h3 > a{
 
+	margin: 7px;
 
+}
 
+h3 > a:hover{
 
+	color: #FFFF00;
 
+	text-shadow: 4px 4px black;
 
+}
 
 a{
 
 	text-decoration: none;
 
 	color: #FCFCFC;
 
@@ -66,6 +82,21 @@ a:visited{
 
 	margin-left: 2rem;
 
 	width: 150px;
 
 }
 
+h4{
 
+	margin-top: 4rem;
 
+	margin-bottom: .5rem;
 
+	font-size: 2rem;
 
+}
 
+h4 > a{
 
+	color: lightblue;
 
+	font-family: serif;
 
+}
 
+h4 > a:hover{
 
+	color: lightblue;
 
+}
 
+h4 > a:visited{
 
+	color: lightblue;
 
+}
 
 #buttons{
 
 	display: flex;
 
 	flex-wrap: wrap;
 
@@ -86,6 +117,10 @@ a:visited{
 
 	width: 99px;
 
 	height: 56px;
 
 }
 
+#banners > img{
 
+	width: 100%;
 
+	height: auto;
 
+}
 
 #gifs{
 
 	line-height: 0;
 
 	column-count: 4;