John Doe's Internet of Humans Site

Steal this page.

This is just an example page. You'll want to replace this text with your own paragraphs about your site philosophy, your world philosophy, or something you think might be interesting to your visitors.

You are empowered

One of the lies social media tells us is that they make connecting with people and communicating easy. Not only is this untrue, as they make connecting with people increasingly difficult as they continually seek to engage our eyeballs and keep us from leaving their platforms, but it also implies that you can't connect or communicate without them.

This page is here to tell you that you can.

You can communicate your ideas and connect to other people without social media, or at least, without chaining yourself and your ideas to their platforms.

Every element of this page can be modified and massaged to look exactly like any other Web page you've seen.

Want to change the background colors? You can.

Want the font size to be larger? You can change it.

Want the columns to have a dotted border? You can set that.

The attributes to set up the look and feel of page elements are not difficult to adjust. The languages the files use to accomplish this are a little rigid, but you are smart enough to understand them. And you don't have to memorize anything to set your page up the way you want it to look. Tools are out there. Tutorials are out there. Reference documents are out there.You can color and borderize and fontify the page however you want. You can do it.

The stylesheet file main.css has all the rules, and the html file has names and classes to identify which things you're modifying. To make all of the column boxes have a red background, find the line starting with .column, look for the attribute "background: #eef", and change the code "#eef" to another color code, one with a higher value for red than for green and blue, say, "#e9a".

Want the FAQ box to have a border? Notice that the FAQ has an ID of "col5". Add a line to the CSS file, "#col5 { border: solid 1px black; }" or "#col5 { border: dotted 2px #693; }".

It doesn't matter how long it takes you to make changes. What matters is that you have the power to make them, and what you upload to your own site belongs to you. When you publish through social media platforms, you usually give them permission to use and profit from your work without compensation. When you create a Web page on your computer and upload it to your site, you've created it on your machine, and they can't say that the work was first recorded on their hardware, so the copyright belongs to you. Don't use a site that tries to claim your copyright. Your work is yours.

Together, as we create works with our human brains and connect to the sites of other humans, we can make a more human Web. And that will be better for all of us.

Now, check out the FAQ for tips on moving forward to continue the creation or our #IoH.

chat bubble iconMy posts

Things I've written

Dropdown menu iconInteresting Sites/Articles

silhouette of two abstract people iconOther Humans

You may find these pages by other humans interesting. Some content may be offensive, and I can't control what other people publish, but building an Internet of Humans is important; so just use your own discretion, and if you see something offensive, just click the back button and pick a different site.

If you must, you can throw some links to your social media into this box.

@username on X

Username's Facebook Profile

Alternately, you can put some final thoughts or long-term philosophy here.

This is also a good place to put credits for attribution-licensed media you use, or to acknowledge that a media creator gave you specific permission to use something.

But it's your site. Put whatever you like, here. Add as many column boxes as you like.

FAQ

Forethought Anticipated Questions?

I don't know how to edit the files. What do I do?

Check out Geany, a powerful yet lightweight programmer's text editor. It's not intimidating to use. It's basically like Notepad, but it'll save files with extensions other than .txt without assuming you don't know what you mean.

It also has syntax highlighting to show you which parts of the file are markup and which are content.

The icons aren't showing up!

Make sure you download the icon files group-3-fill.png, pages-fill.png, and chat-4-fill.png, and upload them to the same directory as your HTML file. You can also get these icons at Remix Icon, where I got them. While you're there, grab any other icons you want to put in your headers, like maybe a qeustion mark for your FAQ (not a required section) or a share icon for your social media listings (definitely not a required section).

I uploaded the files, but when I go to the URL, it doesn't display the page. What's wrong?

One possibility is that your Web host doesn't support (or doesn't have support enabled by default for) PHP files. Try renaming the index file to index.htm or index.html and see if it works then.

I downloaded the files, but the RSS feed doesn't show up in my browser. Why not?

First, make sure you also downloaded the XML file. The feed won't work without it.

Second, if you're looking at the files on your local machine, the feed won't load. It has something to do with the way the JavaScript fetch() command works. I had to upload it to my Web server to view it in action.

Third, if JavaScript is turned off or restricted in your browser, it won't load. Don't worry; visitors can still see the RSS feed by visiting it from the link at the bottom of that box.

You can also point that RSS fetcher at a different RSS feed, but doing so may require altering the code to use proxy. This was overkill for a local file, but the source code of this page has a link to the article where the code for the feed came from, and you can replace it with code from there to do that.

I uploaded the HTML file, but when I go to the page, it looks bland and not like the sample. What's wrong?

Did you grab the CSS file and put it in the same directory on the Web server?

I don't like the content on the sample. Why did you put it there?

One of the beautiful things about the personal Web is that it can be personal to you. Replace the content you don't like with content you do. I put content on this page to show what can be done. If you're going to use it, you should make it your own. If not, why care? Anyway, if you're using it, I hope you'll replace the ones you don't like one by one with your own links. But consider leaving most of them until you have enough of your own.

Can't I just download the whole site?

Sure. Here's a link: Web46 Sample site package

I'd like to see this page with the alternate stylesheet

You can try clicking this link: Alternate Stylesheet

Don't like it? Try clicking this: Main Stylesheet Main page