#hogsite

[baysee]

[eterna4est]

my hogsite on neocities hit 100 followers! it’s wild to me that so many people like my silly little site so much. hogs and kisses to all <3

[spiders-around]

YOU MUST MAKE A WEBSITE

Oh wow, look at that! YET ANOTHER post urging you to make a webbed site! What a completely new thing that people haven't made a thousand masterposts for already!!

• Making a website might look scary. It is Not.

At first, I too thought making a website was too much work. It really isn't! It turns out that all you need is

an HTML file,

a web hosting service and

w3schools tutorials,

and that's about it!

This post will point you towards these resources, and others I found useful while figuring out how to make a website.

• VERY QUICK EXPLANATIONS:

What's HTML and CSS?

HTML is the content of your webpage, the skeleton of it. What shows up in a webpage is what's written in the HTML file!

CSS is the way the HTML is styled; the colour of the background and the letters, the size of elements, the font, all that!

Do I absolutely NEED JavaScript for a website?

Not at all! You don't need to worry about learning it before getting started.

• What do I make a website for? What do I put in there?

ANYTHING AND ALMOST EVERYTHING. Here's some ideas for pages from a post of mine were I was very normal about websites:

You can make a page that's only pictures of your pets.

You can make an interactive adventure.

You can make your own academic blog full of your own essays or articles.

You can just post a ton of art or make a full music page.

You can make a blog and infodump eternally, give book reccs and reviews. You can host a thousand virtual pets and nothing else.

Upload entire books in a single html file. Make a wikipedia for your ocs. Make a fake site for a random fictional place (restaurant, hotel, whatever). You can make a thousand fanpages/shrines about your favorite media. You can upload your own webcomic and make it all like a fancy website and shit.

I could keep going but, for the sake of "brevity", I won't.

• WEBSITE EXAMPLES!

If I started listing the websites I know, this post would be bottomless. Here's only seven:

https://publictransit.neocities.org/ - A webbed site, for sure

https://ribo.zone/ - A personal site

https://leusyth.neocities.org/ - An art archive

https://solaria.neocities.org/ - Personal website with A Lot of stuff (it'll come up in a bit, because it offers web making resources)

https://hog.neocities.org/ - The Hogsite

https://thegardenofmadeline.neocities.org/ - Another personal site! It also has a web resources page and has made another masterpost like this one (but better)

https://spiders.neocities.org/ - My own website, which must be weird to see in mobile . sorry

• You've convinced me. I want a webbed site. Where do I start?

https://neocities.org/

FIRST OF ALL: Neocities. It is a free web hosting service, and it's the one I and the sites I linked use!

When I first started, my website was a black page with red letters and a drawing, and nothing else! It was like that for a month, till i started picking up on how to do things.

Here's what helped me get an idea of how to make things work:

https://sadgrl.online/learn/articles/beginners-guide-neocities

An absolute beginners guide to neocities -- while when you make an account there you get a tutorial page from the site, this one's extra support for that.

https://www.w3schools.com/

Learn HTML, CSS, JavaScript and MANY other coding things for free. All the tutorial/reference pages have live testing windows for you to mess with!! helped me a LOT while figuring this stuff out!

https://htmlcheatsheet.com/

https://htmlcheatsheet.com/css/

Cheatsheets for HTML and CSS, respectively. It includes a JavaScript one too!

https://sadgrl.online/webmastery/

Sadgrl's webmastery resources! Also includes the next resource listed here:

https://sadgrl.online/projects/layout-builder/

Sadgrl's layout builder; not a lot of customization at a first glance, but I've seen wildly different websites all using it as a base, plus it works using CSS Flexbox, so it generates a responsive layout!

(basically, a responsive layout is one that translates well in different sized screens)

https://www.tumblr.com/fysa/728086939730919424/wikitable-code?source=share

Tumblr user fysa made this layout imitating a wiki page!

https://brackets.io/

At some point, you might want to do things outside the Neocities code editor and get one outside the site. I recommend Brackets, because my old as fuck computer can run that and absolutely nothing else apparently, and it works wonderfully! Though I recommend either turning off the code autocomplete or using it after a good while of already using the Neocities code editor, so you get used to coding on your own.

http://www.unit-conversion.info/texttools/text-to-html/

Turn your text into HTML code! i use this kind of pages for my lengthy blog entries that I don't feel like formatting myself.

https://imagecompressor.com/

COMPRESS YOUR IMAGES.

The heavier an image is, the more your site weighs and the more time your page will spend loading. You don't want that, specially if your site is heavy on graphics. This might help!

https://solaria.neocities.org/guides

Some CSS, JavaScript and Accessibility guides! Worth checking out!

https://eloquentjavascript.net/

This is a free, interactive book for learning JavaScript! NOTE: It is very intuitive, but JavaScript is HARD!! I still haven't learned much of it, and my website does fine without so don't worry if you end up not doing much with it. It's still useful + the exercises are fun.

And now, accessories!

• Silly stuff for your page :]

https://gifypet.neocities.org/

Make a virtual pet, copy the code and paste it in your HTML file! You'll get a little guy in your webbed site :]

https://www.wikplayer.com/

Music player for your website!

http://www.mf2fm.com/rv/

JavaScript silly effects for your site :]

https://blinkies.neocities.org/geoblinkies

Blinkie search engine!

https://www.cbox.ws/

Add a chatbox to your site!!

https://momg.neocities.org/

Infinite gallery of gifs. i've spent hours in there looking at moving pictures and out of them all, the ONLY gif i actually ended up using on my site was a rotating tomato slice. it is still there. trapped.

https://wrender.neocities.org/tarotinstructions

A widget that gives you a random tarot card!

https://www.websudoku.com/widget.php

Sudoku widget!

That's about it for now! I don't know how to end this!!! Remember to have fun and google everything you don't know :]

[neocities-daily]

Today's Website: Hog

[hollingsworthhedgies]

Today we said goodbye to our oldest hedgehog, Puck, as we helped him to cross the Rainbow Bridge. Puck is the original Hollingsworth Hedgie and gave us 5 long, wonderful years together. As he got older, he settled down and went from “explorer off to climb everything” to “grandpa sitting on the porch, watching the kids” but he always retained that mischievous spark. The past few days, that spark slowly faded and we knew it was time.

This isn’t entirely unexpected, as hedgehogs - especially those questionable origin and unknown genetics - tend to live 3-5 years. We’ve had him 5 and I estimate he’s closer to 6. He’s seen us through 3 different homes, multiple hurricanes and tornadoes, several round of hogsitting (both him being watched and helping us watch another rescue’s herd), a marriage, and a human hoglet. His life has been one adventure after another and “to die will be an awfully big adventure“ too.

No matter how long he lived, it never would have been enough for us. But we take solace in knowing that we gave him the best life a random pet store hedgehog could hope for: a family that loved him

I hope Sulley and Princess give him a warm welcome when he crosses.

[baysee]

I don’t know why I bother putting a NOT MOBILE FRIENDLY warning when I have managed to make the landing page even less mobile friendly than I usually do. it’s like a brightly colored poison dart frog but for mobile users.

[baysee]

Hoof it to the hogsite!

[baysee]

HOW DID THIS THING GET IN HERE?!!!!!!!!!!!!

HOG.NEOCITIES.ORG/VENUS

[baysee]

WOAH! new hogsite page!

https://hog.neocities.org/trailcam

[baysee]

https://hog.neocities.org/

[baysee]

hi I'm hosting a movie night this coming tuesday and we are watching the muppets (and the hogs) :)

[baysee]

https://hog.neocities.org/forage.html

[baysee]

I may or may not create a proper ad like I have for new hogsite pages in the past, but in the meantime have a look at my new trailcam image dump page

[baysee]

been making lots of HOG updates. check it out: hog.neocities.org

[baysee]

look at my hog boy

[baysee]

Just coded a section of my website in record time because i had the shower thought epiphany of “what if i listed out my top 5 favorite ytps. i have GOT to immortalize this shit.”

(Link for those who want to watch roughly 40 minutes of good ytps)