Back to Top
About Me
Hi! I'm from Iowa, and I was born on November 21st, 2006. My main website is at 44nifty.com My favorite video games are Portal and Undertale, my favorite TV shows are Scott The Woz and My Little Pony: Friendship is Magic, and my favorite albums are "Weird Al" Yankovic's "In 3-D", "Running With Scissors", and "Mandatory Fun". I decided I wanted to make a website that was painfully ugly designed to look like it was from the early Geocities era, which is why this site exists.
Please pretend the things listed in this section were already around in 1997.
Back to Top
Other Projects
44nifty.com - My main website. It's the one that's the most regularly updated of these 3. And it's very orange.
Circa 1997 - You are here.
i love playing the nintendo wii - i love playing the nintendo wii
Niftows HP - A personal website designed to look like Microsoft Windows XP. (Yes, it's where Niftows 96 comes from!)
Say No 2 Vaxines - A Very Subtle™ satirization of American conservative talking points, and anti-vax organizations.
Say No 2 Trees - Supposed to serve as a companion piece to Say No 2 Vaxines. Done for a high school project.
PENTIUMS! - W.I.P. "Weird Al" Yankovic fansite themed around Running With Scissors.
Back to Top
Steal My Code!
Put the following code in your CSS sheet:
@keyframes blink {
0% {opacity: 0;}
50% {opacity: 0;}
50.01% {opacity: 1;}
99.99% {opacity: 1;}
100% {opacity: 0;}
}
blink {
animation-name: blink;
animation-duration: 0.5s;
animation-iteration-count: infinite;
}
For a little bit of accessibility, you can add this at the bottom of your CSS file, which makes the blinking less harsh (kinda like this) for anyone who has reduced motion enabled on their device:
@media (prefers-reduced-motion) {
@keyframes blink {
0% {opacity: 1;}
50% {opacity: 0;}
100% {opacity: 1;}
}
blink {
animation-name: blink;
animation-duration: 2s;
animation-iteration-count: infinite;
}
}
Now start using <blink> in your HTML like it's 1995 again!
Just a note, you can replace the phrase "blink" in this code with something else and use that in the place of the blink element.
Rainbow Text!
@keyframes rainbow {
0% {color: red;}
16.66% {color: yellow;}
33.33% {color: lime;}
50% {color: cyan;}
66.66% {color: blue;}
83.33% {color:magenta;}
100% {color: red;}
}
rainbow {
animation-name: rainbow;
animation-duration: 5s;
animation-iteration-count: infinite;
}
For a little bit of accessibility, you can add this at the bottom of your CSS file, which replaces any rainbow text with a non-animating rainbow gradient (kinda like this) for anyone who has reduced motion enabled on their device:
@media (prefers-reduced-motion) {
rainbow {
animation: none;
background: linear-gradient(to right, #f00, #ff0, #0f0, #0ff, #00f, #f0f, #f00);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
}
Now just wrap any text you want to be
rainbow in a <rainbow> tag!
Alternative rainbow text
@keyframes rainbow-alt {
0% {color: red;}
16.65% {color: red;}
16.66% {color: yellow;}
33.32% {color: yellow;}
33.33% {color: lime;}
49.99% {color: lime;}
50% {color: cyan;}
66.65% {color: cyan;}
66.66% {color: blue;}
83.32% {color: blue;}
83.33% {color:magenta;}
99.99% {color:magenta;}
100% {color: red;}
}
rainbow-alt {
animation-name: rainbow-alt;
animation-duration: 5s;
animation-iteration-count: infinite;
}
For a little bit of accessibility, you can add this at the bottom of your CSS file, which replaces any rainbow text with a set of non-animating rainbow bars (kinda like this) for anyone who has reduced motion enabled on their device:
@media (prefers-reduced-motion) {
rainbow-alt {
animation: none;
background: linear-gradient(to right, #f00 0%, #f00 16.67%, #ff0 16.67%, #ff0 33.33%, #0f0 33.33%, #0f0 50%, #0ff 50%, #0ff 66.67%, #00f 66.67%, #00f 83.33%, #f0f 83.33%, #f0f 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
}
Just a note, you can replace the phrase "rainbow" / "rainbow-alt" in this code with something else and use that in the place of the rainbow/rainbow-alt elements.
Back to Top
Cool Sites!
This is a list of sites that I think are cool; not including my own, of course.
Website 1990 Colourised - Website 1990 Colourised is another website on Neocities designed to look like something taken directly out of '90's Geocities!
ARandomSite - ARandomSite is a website designed to look like Windows 95! Hm, almost reminds me of another site designed after an old Windows version...
Troy Sucks - Troy Sucks may be the most beautiful website to use colors as bright, 'ugly' and saturated as these, and you know I love ugly websites - are you even looking at this one?