m0th-pit
38 posts
Latest Posts by m0th-pit
========================================================
[tutorial: build your own neocities/nekoweb page]
========================================================
a beginner's guide for making your very own home on the indie web—retro, personal, weird, and 100% yours.
this ain’t an average wix, squarespace, or tiktok aesthetic.
we’re talking full html/css with soul and attitude.
[ prerequisites ]
------------------
> an idea
> basic text editor (vscode, notepad++, or even notepad)
> account on https://neocities.org or https://nekoweb.org
> some gifs or tiles you love (dig deep or make your own)
> optional: image host or gif repo (or self-host everything)
[ feeling overwhelmed? read this. ]
-----------------------------------
you do *not* need to know everything.
html is not a mountain. it's a garden.
you plant one tag. then another. then a style. then a button.
you can build your site piece by piece.
and every piece is a portal to somewhere personal.
you are allowed to make broken pages.
you are allowed to use templates.
you are allowed to start over as many times as you want.
this is *your* world. you control the weird.
[ step 1: create an account ]
-----------------------------
> neocities: https://neocities.org
> nekoweb: https://nekoweb.org
register a name, log in, and enter your file manager.
this is where you upload your files and see your site live.
[ step 2: your first file - index.html ]
----------------------------------------
make a new file: `index.html`
basic starter:
<html>
<head>
<title>my weird little corner</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>welcome to the void</h1>
<p>this is my page. it’s strange. like me.</p>
<img src="mygif.gif">
</body>
</html>
> upload to the dashboard
> boom. you’re live at
https://yoursite.neocities.org
or https://nekoweb.org/u/yoursite
[ step 3: add a style sheet - style.css ]
-----------------------------------------
create a file called `style.css` and upload it.
here’s some nostalgic magic:
body {
background: url('tile.gif');
color: lime;
font-family: "Courier New", monospace;
text-shadow: 1px 1px 0 black;
}
img {
image-rendering: pixelated;
}
marquee {
font-size: 20px;
color: magenta;
}
link it in your html and the vibes activate.
[ step 4: decorate it like a haunted usb ]
------------------------------------------
> use <marquee> for chaos scrolls
> embed gifs from https://gifcities.org/
> steal buttons from https://cyber.dabamos.de/88x31/
> set up a guestbook at https://www.smartgb.com/
> loop audio with <audio autoplay loop>
> add fake errors, 90s web lore, random link lists
[ step 5: resources, themes, and comfort ]
------------------------------------------
> templates & layouts: https://numbpilled-themes.tumblr.com
> glitchy gifs & buttons: https://glitchcat.neocities.org/resources
> layout builder: https://sadgrl.online/projects/layout-builder/
> free tiled backgrounds: https://backgrounds.neocities.org/
> beginner html intro: https://www.w3schools.com/html/
> pixel fonts & cyber assets: https://fontstruct.com/
remember:
you don't need to know js. you don't need to be a coder.
you just need a mood, a direction, a dream.
the html will follow.
[ bonus concept: shrine pages ]
-------------------------------
> a page just for one character you love
> a room to house digital fragments of your identity
> embed quotes, music, images like altars
> call it shrine.html and link it from your homepage
[ closing mantra ]
------------------
you are not here to be optimized.
you are not a brand.
you are a ghost inside the machine,
carving your initials into the silicon void.
welcome to Your website.
========================================================
WE’RE GETTIN OUTTA THERE
your last saved fictional character is your cell mate in jail
well uh
@untamedcrusader @chaos-triangle @collie-kin
Liking scene and having sensory issues is so funny bc I’ll wear neon everything and put neon rainbow checkers on everything and listen to deathcore and speedcore and brostep but if I’m in a room where the lights are a little too bright and the people talk a little too loud suddenly I have no energy and I can’t think
Reblog to make it die faster
Based off of your four most recently used emojis, how will the start of the new year treat you?
Your first four emojis with faces will be your reaction to spring!
Spring break is coming up! Your last three recently used emojis are how you'll be spending it
#good night eeper
11am.
Sleepy time.
#me core
my honest response to any stimuli or information
Tag urself I’m self-centered bastard
these screenshots taken from video fanfictions on youtube from 2009 will never not be funny to me
like and/or reblog to give an ai grifter a headache
Creechur :3
a lovely creecher
Yeah you could say I’m doing numbers on tumblr. And that numbers? One
me impatiently to the little french cat boiling me in a stew: chat am I cooked
Being a bi guy quite possibly the funniest sexuality like dammmnnnn I know who John Waters is and jerk it to twinks in panties but I got a coffee date with Hetero Jessica from work at 3 thats her name heteroooo jessica thats her name folks thats what we call her hertero jessica
if I was a skeleton I would make everything I said somehow relate back to being a skeleton
so like if something is disappointing, that's not a bummer, that's a boner. or if someone throws a crazy party, that's not a rager, that's a boner. or if somebody wins a competition, they're not a winner, they're a boner. or if
ANOTHER hamter? In THIS ECONOMY?!?!
i made ANOTHER
please show me your hamtaro ocs! and please make hamtaro ocs!!!
I’m glad to see you walk across my dash, you cute little whatever-you-are, hope you have a great dHEY GIVE ME MY DIRT BACK
dont mind me im just wandering across your dash
I luv emo boys sm! Their so kewl!! Same with emo girlz their kewl too <3
Kermit for pope
I was trying to find out if Kermit was eligible to be pope and I found a blog that says he's the perfect example of a catholic priest
NOT IF I HITTING YOU WITH MY FACKING VEHICLE FIRST
Gotta pay for that Switch 2 somehow
The idea that birds are attracted to flashiness is so funny to me because imagine like
*Scene kid walks by*
*All birds in the vicinity immediately drop to the ground dazed, their faces bright red and their noses bleeding profusely*
Revolutions are good for a kitten’s development :)
lets overthrow mama