La web moderna esta llena de publicidad y manipulacion, volvamos a la web1.0, si quieren ver como era antes usen [Wiby.me](https://wiby.me)
Subo las imΓ‘genes a Archive.org o a Blogger.com si lo haces desde Archive.org se puede usar el comando `source internetarchive/bin/activate.fish && ia upload tag_name *` y luego `ia metadata tag_name`
## π§± 1. Folder structure
Create a folder like this:
```
my-site/
βββ index.html
βββ about.html
βββ posts/
β βββ 2025-01-hello.html
β βββ 2025-02-another.html
βββ style.css
βββ rss.xml
```
You can host this folder on:
* **Neocities**, **GitHub Pages**, or **any static web host**.
---
## π§Ύ 2. The HTML (index.html)
```html
My Old Web 1.0 Site
Recent posts
```
---
## π¨ 3. The CSS (style.css)
Minimal, readable and light on the eyes.
```css
body {
font-family: "Verdana", sans-serif;
max-width: 700px;
margin: auto;
background: #fefefe;
color: #222;
line-height: 1.5;
padding: 1em;
}
header, footer {
text-align: center;
margin-bottom: 2em;
}
nav a {
text-decoration: none;
color: blue;
}
a:hover {
text-decoration: underline;
}
```
---
## π 4. A simple post (posts/2025-01-hello.html)
```html
Hello World
Hello World
Jan 1, 2025
This is my first post on my old-school HTML website!
```
---
## π° 5. RSS feed (rss.xml)
This is what lets readers (and other sites) subscribe to updates.
You can update it manually each time you add a new post.
En la fecha `Tue, 18 Feb 2025 00:00:00 +0000` el +0000 es el UTC, tenes que reemplazarlo por tu horario en mi caso es `-0300` que es el de Argentina.
```xml
My Old Web 1.0 Site
https://example.com/
Handcrafted HTML and thoughts.
en-us
-
Another Post
https://example.com/posts/2025-02-another.html
Tue, 18 Feb 2025 00:00:00 +0000
My second post β no JavaScript, just vibes.
-
Hello World
https://example.com/posts/2025-01-hello.html
Wed, 1 Jan 2025 00:00:00 +0000
My first post on my old-school site.
```
π To validate it, use [validator.w3.org/feed/](https://validator.w3.org/feed/).
---
## π 6. Hosting
* [**Neocities.org**](https://neocities.org) β simplest for static sites.
* [**GitHub Pages**](https://pages.github.com) β free hosting tied to GitHub repos.
* [**Any VPS or web server**] β just drop your folder in `/var/www/html`.
---
## π§© 7. Optional retro touches
* Add a **guestbook** (via [HTMLCommentBox.com](https://www.htmlcommentbox.com/) or a CGI script if you want authenticity).
* Include a **βWebringβ** or βLinksβ section.
* Add a **GIF banner** like:
```html
```
* Use **inline hit counters**, ASCII art, or `` (for full nostalgia).
---
## π§ 8. Workflow
Each time you add a post:
1. Copy `posts/2025-01-hello.html` β new file.
2. Add a `` in `index.html` linking to it.
3. Add a new `- ` in `rss.xml`.
4. Upload your files. Done.
### Otro ejemplo miren mi repositorio de `github.com/imlauer/imlauer.github.io` el index.html o `nobloatnews`.
Pueden copiar todo.
Se ve bien con lynx, links, elinks, chawan, w3m, netsurf.