Zonelets.net https://zonelets.net/archive Marina Kittaka Sat, 21 Sep 2024 00:00:00 EST Quick Start Guide posts/2020-11-08-Quick-Start-Guide.html https://zonelets.net/posts/2020-11-08-Quick-Start-Guide.html Blog Post

To get started with Zonelets, follow the text on this site or the video tutorial playlist on YouTube!

Contents:

  1. Downloading the Zonelets files
  2. Uploading the files to Neocities
  3. Writing your first post
  4. Adding your name and blog name
  5. Gazing upon your handiwork
  6. What's next?

Downloading the Zonelets files

image of itch.io download page

Click here to download the files from itch.io

Uploading the files to Neocities

Caption: Neocities simple sign-up page

  1. Create an account at Neocities. Tag your site "zonelets" among other things, if you'd like! (Don't worry: tags can be changed later from your Neocities profile).
  2. Once your account is up and running, delete the existing Neocities starter files (aside from index.html, which cannot be deleted. "index.html" is the default home page file name for websites in general.)
  3. Caption: Neocities site editor with everything deleted except index.html

  4. Unzip the Zonelets files that you downloaded from itch.io and open the folder.
  5. Navigate to "Edit Site", and upload all the Zonelets files/folders to your Neocities site (drag and drop or use the upload button). NOTE: Neocities file uploader has trouble uploading multiple folders at once. Save yourself some confusion and upload each folder individually. It's fine to upload multiple regular files at once.

    NOTE: If you upload a file to Neocities and it has the same name as an existing file in that folder, the old file will be overwritten! So the Neocities default index.html will automatically be overwritten by the Zonelets index.html, which in this case is what we want!

Caption: After uploading the files, your site should look like this (readme.txt and whatsnew.txt are not necessary to upload)

Writing your first post

Zonelets posts are written in HTML. If you haven't done much coding before, it may appear visually overwhelming at first. But for now you can safely ignore virtually ALL the weird-looking stuff. That said, at some point, you should read a beginner's guide to HTML—Neocities has one that's a cute cat comic!

  1. Back on the dashboard, navigate to the posts folder.
  2. Create a new file following the naming conventions of the example posts. For example: 2020-11-12-Plover-Appreciation.html
  3. Caption: creating and naming a new post

  4. Copy the contents of 2020-11-10-Post-Template.html into your new file
  5. Open your post and write some stuff in the <p> tag on line 17. For example:

    <p>Plovers are adorable, round little birds with tiny stick legs. Some plovers are called dotterel. I think we can all learn a lot from the humble plover, such as: how to be cute.</p>

  6. Save your file by clicking the red Save button in the top right, or with the keyboard shortcut Ctrl+S or Cmd+S.

Caption: this is how your first post should be looking

Updating the script

  1. Copy the name of your file you just edited, including the posts/ part. This should look something like posts/2020-11-12-Plover-Appreciation.html. You can copy this from the top left corner of the HTML editor, or by going back out to the posts folder and clicking rename (cancel after you copy the filepath, you don't actually want to rename it!).
  2. Now head to the scripts folder and open scripts.js.
  3. Paste the filename that you just copied into postsArray (line 23), following the format of the example posts. Now your post will appear in your Archive and the list of recent posts!
  4. Before you go, update the values for blogName, authorName, and authorLink in Section 1: Basic Info.
  5. Save your work and return to the Dashboard. You did it!

Caption: This is how script.js should look after you add your first post to the posts array and update the "Basic Info" section

Gazing upon your handiwork

  1. Click on the big red link on your dashboard to preview your site! You can also just type "yourusername.neocities.org" into your web browser (replacing "yourusername" with your actual neocities username, of course!).
  2. You should now see a sample homepage with a list of recent posts at the bottom. The post you just made should be at the top!
  3. At the very bottom of the page, you should see a footer saying that [Your blog's name] is written by [you], and if you click on your name it should go to your website/social media link. Remember, you just entered all those values in the script, so you can go back and change them at any time.
  4. If you click on the link to your post in the Recent Posts section, you should see the sample text that you just wrote (were you also writing about plovers? Or was that just me?).

Caption: This is how your post should look when you view it live!

IMPORTANT NOTE: In web development, sometimes the effects of the changes you make may be delayed. Try refreshing the page, using a "hard refresh", or simply coming back to it in a few minutes. Checking in on another device or browser can also help. If things aren't changing, it doesn't necessarily mean you did anything wrong!

Congratulations! You now have a blog!

What's next?

  • Check out the Neocities cute cat comic beginner HTML tutorial that we procrastinated earlier!
  • Go to the theme gallery to browse themes and view an explanation for how to set your theme.
  • Customize the contents of your Home page and About page!
  • Skim the Frequently Asked Questions. There's a lot of useful info there!
  • When you're ready, share your blog with your friends, enemies, and loved ones!

Back to top

]]>
Sun, 08 Nov 2020 00:00:00 EST
Frequently Asked Questions posts/2020-11-09-Frequently-Asked-Questions.html https://zonelets.net/posts/2020-11-09-Frequently-Asked-Questions.html Blog Post

Contents:

  1. I appreciate the rousing essay about eggs on the homepage, but I still dont want to write my blog posts in HTML. Do I *really* have to do that to use Zonelets?
  2. Can I use a custom domain name?
  3. Can I use Zonelets without Neocities?
  4. How can I keep my Zonelets data backed up and avoid data loss on Neocities?
  5. I already have a Neocities site, and Im not on the Supporter Plan so I can't make multiple sites. Can I use Zonelets but also keep my existing content?
  6. Can I use Neocities without Zonelets?
  7. Can I tag posts on Zonelets so that readers can search by tag?
  8. What are these weird things in the files? //, /* */, <!-- -->...
  9. Can I draft posts privately before publishing them on Neocities?
  10. What is "favicon.png" in the image folder?
  11. My images load slowly and/or are bigger than a megabyte (mb), what do I do?
  12. How much can I change the appearance of my Zonelets-based blog?
  13. How can I make my blog accessible?
  14. My site looks different on different platforms and web browsers! What gives??
  15. I've heard about "responsive design" and "mobile-versions" of sites. Sounds scary! Is this stuff really complicated?
  16. How do I make my blog post title have apostrophes, quotes, or other special characters?
  17. How can I streamline my Zonelets workflow?
  18. You have a comment section on some pages of this site. Can I have a comment section too?
  19. Can my Zonelet have an RSS feed?
  20. Can I add a shopping cart, image gallery, or other interactive feature to my Zonelet?
  21. My question isn't answered here!

I appreciate the rousing essay about eggs on the homepage, but I still dont want to write my blog posts in HTML. Do I *really* have to do that to use Zonelets?

I think it's kinda fun to blog in HTML, but I understand if you don't agree! It can become difficult to read if you insert all the HTML tags as you go, and if you do it all at the end it can feel like an extra layer of busywork. There are a lot of different options, I would say that the simplest is using an online HTML editor. The top two search results that I find are HTML-Online.com and HTML5-Editor.net. Both sites are free, ad-supported editors that allow you to use a word-processor style workflow. Both also have a "Clean" button that will attempt to cleanly convert formatted text copied in from other programs like Word or Google Docs.

Can I use a custom domain name?

If you host your Zonelet on Neocities (the recommended beginner method), it will live at yourusername.neocities.org. If you want to use a custom domain on Neocities, you must become a supporter ($5/month as of 2020-11-09). I am a supporter, and that's how this site is zonelets.net instead of evenkei.neocities.org. You also have to purchase domain names to use them! You should be able to find one for ~$10-15/year.

Can I use Zonelets without Neocities?

Yes, the Zonelets code can easily be hosted anywhere! You'll have to get your own web hosting and domain name, e.g. with a service like Nearly Free Speech or find some other method of web hosting. The benefits of Neocities to a beginner workflow are astounding, but more advanced users may find it to hinder more than help. The file explorer interface, in particular has a lot of quirks and limitations.

How can I keep my Zonelets data backed up and avoid data loss on Neocities?

When you go to edit a file, occasionally Neocities will accidentally load an old version of that file. If you save that file, then your newer changes will get overwritten! In general, no technology is fully safe from data corruption: books get water damage, tapes unspool, and computers malfunction. So it's good to keep backups of your work! Advanced computer users will likely already have methods for backing up their important files, but here are some tips for the beginner Neocities workflow:

I already have a Neocities site, and Im not on the Supporter Plan so I can't make multiple sites. Can I use Zonelets but also keep my existing content?

Yes! Just be careful not to overwrite your files with the Zonelets files! Put all of the Zonelets files in a folder (subdirectory) called "blog" or something. Then, if you link to "blog" from your home page, it'll open up your Zonelet! (Be sure you have Zonelets version 1.1 or newer!)

Can I use Neocities without Zonelets?

Huh? Why are you asking *me* this? Of course you can! If you just want to tinker with simple web pages and not a blog, then you don't need Zonelets. What Zonelets adds to Neocities is the ability to have a consistent header and footer that you can easily update across a bunch of different pages, as well as using the array of all your posts to automatically generate the recent posts links, the archive of all your posts, and the next/previous post buttons. You could do all of this manually in HTML (inconvenient) or write your own solution (not-beginner-friendly).

Can I tag posts on Zonelets so that readers can search by tag?

No, not by default! I wanted to keep the Zonelets base code as simple and solid as possible, so I decided not to try implementing tagging. It should be possible, though: developers will note that each post in the post array is actually also an array, so there is room for post metadata.

Say you wanted to blog consistently about 2 very different topics. I'd suggest creating multiple blogs, each with their own script, post list, and theme to suit the mood. Making multiple blogs will be simplest if you become a Neocities Supporter, but you can also do it within a single site!

What are these weird things in the files? //, /* */, <!-- -->...

Those are used for "commenting" your code, which lets you write notes for yourself or other humans that the computer will ignore. That's why the text appears grayed out. The only really confusing part is that different programming languages have different commenting syntax. The javascript file will let you use // (single line comment) OR /* */ (multi-line comment). CSS allows only /* */, and HTML allows only <!-- -->. Just follow the examples in the files and you'll be fine! :)

Can I draft posts privately before publishing them on Neocities?

If you make a new file on Neocities, it will technically be instantly public. People who are browsing Neocities or who follow your blog may come across your posts-in-progress, even if you have not yet added them to the postsArray. If you want to draft privately, you must use an external text editor or HTML editor. For additional flexibility and convenience, you may also access your Neocities site as a drive on your computer if you have a Supporter Plan.

In general, don't upload any file of any kind to Neocities that you do not want publicly available!

What is "favicon.png" in the image folder?

A favicon is the little icon that shows up on the browser tab, and it makes it much easier to tell what site you're on. Feel free to leave the default Zonelets logo favicon, or make your own! Simply upload another square image named favicon.png to this folder.

My images load slowly and/or are bigger than a megabyte (mb), what do I do?

This is the part where you'll have to put in a bit of legwork. Images that you take on your phone or that you find online might be pretty large, hi-quality files. That's great if you want to get them printed and framed, but it's bad if you want your webpages to load quickly, be friendly to your readers' data plans, and not fill up your free Neocities storage space! Sites like Facebook or Twitter automatically run compression algorithms when you upload photos to them, and that's one of the only advantages they have over Zonelets ;) ...So what are your options?

  • Resize your images with image-editing software. The default Zonelets content area is 630px wide, so it's a waste for your images to be any larger than that, as they will just be scaled down.
  • There are some automatic image compressors online like TinyPNG
  • You'll notice that most of the images on Twitter are less than a few hundred kilobytes. You could post images to Twitter to use their compression algorithm, download the resulting files, and then delete the tweets, hehehe... This is the digital equivalent of getting your friends with office jobs to print copies of your zine (lol idk).

How much can I change the appearance of my Zonelets-based blog?

The sky's the limit! My pre-made themes are just very simple examples. It's tons of fun to tinker around with this stuff, doing lots of web searches to figure out what you can do and how to do it! Follow your heart and learn what you need about HTML and CSS to make your Zonelet totally unique!

How can I make my blog accessible?

One simple way is by using alt text for images (you should also be doing this on social media sites, by the way!). Here's more info on images and accessibility! In general, try to have good contrast between text and backgrounds. The developer tools in some browsers will let you know if your text has poor contrast with the background! Search for more info online and please let me know if this site has accessibility issues. Thanks!

My site looks different on different platforms and web browsers! What gives??

There are many different computers with different fonts installed running different versions of different browsers. As a web designer, you may set up various workarounds and fallbacks to try and get things to look exactly right in as many circumstances as possible. But also remember that the Zonelets ethos is scrappy, anti-perfectionist, and anti-capitalist! And ultimately, all web designers must make peace with a certain degree of inevitable variance. As long as it's not totally broken for a large chunk of people then you're probably fine!

I've heard about "responsive design" and "mobile-versions" of sites. Sounds scary! Is this stuff really complicated?

It can be, if your page has a complicated layout. But with simple pages like Zonelets it's actually very easy, almost automatic! There are only 2 little bits of code related to responsive design involved in a default Zonelets page. You'll run into them if you read the comments in the example files. It's good to test things as you're making new themes, but in general, your Zonelet will look great across all devices with very little effort!

How do I make my blog post title have apostrophes, quotes, or other special characters?

You may have noticed that Zonelets generates post titles directly from the filenames, and filenames can only use A-Z, 0-9, -, and _. To use special characters, you'll just need to add a second value when adding your new post to postArray in script.js, separated by a comma. Place the name with special characters inside an encodeURI() function. It's a bit difficult to explain concisely so there is a video tutorial below:

How can I streamline my Zonelets workflow?

I suggest adding web browser bookmarks to your posts folder and scripts so that you don't have to keep navigating back and forth through different folders. Also, I've noticed that it can be a pain to update the title of a blog post in the filename, because you need to change the text both in the filename and in the script. Luckily, we can simply use the same process as we do to overwrit the post titles with a special characters title. If the new name doesn't include special characters, you can even omit the "encodeURI" function.

You have a comment section on some pages of this site. Can I have a comment section too?

Yes! I am using Disqus for comments. Disqus has paid plans, but I also found this note on their site: "For personal blogs, .edu sites, nonprofits, and small sites that do not run other advertising, Disqus advertising is optional. If you are a small, non-commercial site, you can self identify for a free subscription to our Plus plan." I emailed Disqus and they set me up with their Plus plan for free!

To implement, you just paste a block of HTML from Disqus into your Zonelets pages where you want the comments to go. Then you can moderate comments, etc from your Disqus account.

Can my Zonelet have an RSS feed?

Sort of. Neocities offers a very basic RSS feed that notifies followers when your site is updated. It doesn't have a blog-style feed where you can read the contents of posts from RSS feed-readers, and I haven't implemented a way to generate that easily. You can also encourage people to make their own Neocities accounts to follow your site.

Can I add a shopping cart, image gallery, or other interactive feature to my Zonelet?

Features like these won't be at all "automatic" unless you find other services to plug in like Disqus for comments. Technically you can add anything to a Zonelet (particularly if it's self-hosted, as Neocities has some technological restrctions). But the core idea of Zonelets is simple blogging, so this may not be the system for you if you want a site focused on other functionality.

My question isn't answered here!

Feel free to comment below or email me at zonelets.blogs@gmail.com

Back to top

]]>
Mon, 09 Nov 2020 00:00:00 EST
Comparison to Other Blogging Methods posts/2020-11-08-Comparison-to-Other-Blogging-Methods.html https://zonelets.net/posts/2020-11-08-Comparison-to-Other-Blogging-Methods.html Blog Post

Quick Overview

The basic concept of Zonelets is that the structure of the modern internet discourages the simple, empowering creativity of ordinary people. If you want to express yourself on the internet, you will likely be funneled into one of two camps: social media—where you are the product sold to advertisers and the platform reaps the benefits of your interactions—or commercial blogs/site builders—where you pay for a company to handle the seemingly insurmountable tasks of web development. Wordpress.org, being free and open source, bucks this trend—to great renown! But it's clunky and over-featured for a small blog, and you'll still need to purchase a domain name and web hosting.

Zonelets strips away all the bells and whistles. It simply blogs. As a result, the code itself is beginner-friendly and approachable. In conjunction with Neocities.org, the whole process is free and should feel familiar to anyone who has navigated Google Docs or Facebook.

...

That's the short version! A more specific version full of musings continues below. Note that it's neither authoritative nor necessary to read/understand for using Zonelets.


The Long Journey

This is a big topic, and you can find numerous articles comparing different services and types of services. I'll mainly focus on why you may or may not want to use these methods specifically for simple personal websites and blogs. It was never my first instinct to create a blogging system, I tried tons of services looking for something that would suit my needs and preferences. This page essentially chronicles that journey.

Wordpress.org

If you've looked into blogging, you've probably heard of Wordpress, which is the most-used blogging platform. Confusingly, there are two different services, Wordpress.org and Wordpress.com. I'm talking about Wordpress.org which is what most people prefer and are talking about when they say Wordpress.

  • Pro: Wordpress has lots of plug-ins and themes, so if you want some special feature you can probably find it (you may have to pay).
  • Pro: A lot of people use it, so presumably there are an abundance of guides and question/answer type stuff all over the internet related to using Wordpress.
  • Con: Wordpress is not really the best fit for a small personal blog. Setup is more advanced and you need to purchase your own web hosting and domain name. There is simply more going on here than you really need.
  • Con: Anecdotally, I and other friends who have used Wordpress simply have found the experience clunky and unfun, even though it technically has good features.

Blogger

I believe Blogger is the 2nd most popular blogging platform. From what I've seen it's the easiest, most all-in-one, free blogging system. Yes, even easier than Zonelets haha... but not by much!

  • Pro: No ads, despite being free.
  • Pro: Really fast to get started with. It's owned by Google, so if you use Gmail you can just get going with it right away.
  • Con: It's owned by Google. Basically the reason it's free with no ads is because Google owns everything and can just have stuff that doesn't make money floating around. It's convenient and I use Google services, but any tech company of this scale is going to have troubling effects on the world, and Google is no exception.
  • Con: Blogger is not really updated anymore, and its future is unclear. Google hasn't focused on it in years and many people seem to have gone elsewhere, even though for now it totally works. Google has abruptly shuttered various other services in the past.

Website Builders like Squarespace, Wix, and Weebly

I haven't used these that much but they seem okay for what they are. They are simple to operate! The themes tend to feel kinda generically pleasant and professional. Weebly and Wix display ads for themselves if you use their free options. But basically they are paid services more suited to a small business website in need of specific things like online shopping carts, etc. You could personal blog with them, but from what I can tell, most of the people doing that are influencer/career type bloggers rather than people who just want to put some words online.

Medium

Medium is a weird one. I've used it and it works fine, but I've always found it to be a bit uncanny. Reading blog posts on Medium feels like you are reading articles published by some sort of magazine called Medium. Which is not the case at all, it's just random people. Companies can also use Medium so it's like branded as both Medium and the company... but still looks like Medium? This all makes it very weird and confusing for the reader to parse the context of the text. This is equally bad for the author, who may find it difficult to feel a sense of ownership and control over work in a space that doesn't feel like it belongs to them.

Substack, Tinyletter, Mailing Lists

I think mailing lists are great, but they don't really feel like spaces. Technically you can go to a Substack authors page and it is very literally a blog, but it's really structured and designed around being a mailing list.

Big Social Media: Facebook, Twitter, Instagram

If you're a person who cares about the world, it can be intoxicating to create a Twitter account and be instantly surrounded by lots of new, challenging ideas and experiences. On social media, I have found connection and some semblance of a human community at times when I have felt most low and isolated. Not to mention that real, tangible social action, mutual aid, and friendship can be facilitated through social media. There can be value gleaned here. But on the whole, I find that these types of sites have dramatically diminishing returns. Eventually all the viral tweets with Correct Opinions start to blur together and you realize that to keep learning you'll have to go to deeper and more vulnerable places than these platforms can ever really allow.

These sites take the thoughts, care, and energy of people and consume them to grow the platform. Tell me: do you go to people's Facebook profiles and browse around to read their past posts? How about on Twitter? Is that a satisfying experience? Absolutely not, it's a weird and disjointed experience and that writing may as well not exist. These platforms combine what everyone is saying into a weird Social Media slurry that becomes instantly disposable.

On a very simple level, these platforms often feel bad and unhealthy. How to Do Nothing by Jenny Odell really influenced the way that I think about social media. A neat alternative is decentralized social media sites like mastodon.

Github Pages and other Static Site Generators

When I started getting really into blogging recently, I was originally going to encourage people to use a process similar to this tutorial about Github Pages by Jonathan McGlone. Despite a few tricky steps to the process, I felt that there was a great balance of simplicity, convenience, and control that was hard to match with other services. Additionally, by integrating version control, Github Pages makes it easy to go to old versions of your files so you don't have to worry about deleting something that you might want later.

The biggest reason that I halted plans on any work to make this process accessible to new users was that I remembered hearing some negative things about GitHub a while back. Looking into it, I found that GitHub (owned by Microsoft) contracted with ICE. Despite the anger and resignations of employees (as well as criticism from the broader open source community), Github upheld the contract. As if directly profiting by providing software to an organization that exclusively does harm somehow upholds standards of openness and freedom (for whom?).

I don't have strong feelings about random individuals using Github, but I wanted to go in a different direction. Moving on from GitHub, I looked at workflows that were similar to GitHub Pages. I realized that what I was craving was very simple: Write text. Put on internet. Repeat. In theory, I could do this very simply with pure HTML, but the problem with HTML is that it's completely static: you can't combine different pieces or really automate anything. If you want to have a header with "Home, Archive, About" you would have to copy that code to every single blog post you ever write. And if you ever want to update the header, you'd have to go back through every single file and change the code.

Static site generators (SSGs) solve this problem by combining your header template with your content locally on your computer. Then you're able to upload static HTML files to the internet. If you want to change your header or add a new page, you run the SSG and it rebuilds the whole site quickly. It's an elegant solution, but many SSG workflows involve at least intermediate-level computer skills: downloading extra components, using the command line, understanding version control software, understanding deployment software, and altering obscure and finicky system variables on your operating system. It just wasn't a workflow I could picture shouting from the rooftops.

Enter: Zonelets

So I decided to make one myself. All I really wanted was the aforementioned header/footer, and a convenient archive. Everything else could be the most basic of HTML files. I figured it *had* to be possible to make something like this. And not just possible, it *had* to be pretty simple! And ultimately, it was! I'm not the first person to build something like this, nor is this somehow the "best" version of the idea. That's one of the strengths of Zonelets—it's ultimately not that special!

]]>
Sun, 08 Nov 2020 00:00:00 EST
Theme Gallery posts/2020-11-08-Theme-Gallery.html https://zonelets.net/posts/2020-11-08-Theme-Gallery.html Blog Post

Click the thumbnails to get a live preview of the different themes!

How to install a theme

  1. After the initial set-up, you can change your theme by downloading the Theme Pack back at the Zonelets itch.io page.
  2. Browse the themes here, and decide which one you'd like to use.
  3. Open the corresponding file from the Theme Pack, select ALL of the text inside, and copy it. Hint: try using Ctrl+A, Ctrl+C (Windows) or Cmd+A, Cmd+C (Mac).
  4. Find the corresponding background image and upload it to your site's image folder.
  5. Open style/style.css in the Neocities editor. Replace everything here with the new theme that you just copied. Hint: try using Ctrl+A, Ctrl+V (Windows) or Cmd+A, Cmd+V (Mac).

Some background on CSS

HTML and CSS are a pair. They fit together naturally, like Adam and Steve. HTML describes the structure of your web page (E.g. "This is a paragraph, this is an image, this is a link") but it doesn't say anything about what those things should look like visually. With CSS, you can style the elements that you used in your HTML (E.g. "Paragraphs have a margin beneath them, images have a black border, links should be bright green"). Because structure and style are kept separate, you can simply switch the contents of style.css and all of the pages across your site can instantly look different!

What I am calling "Zonelets Themes" are just ordinary CSS files and images. There are no secret proprietary inner-workings, so anything you learn about CSS on the internet you can use to mess around with and customize your themes!

SIDE NOTE: Although CSS is a wonderful concept, in practice many people find it kind of... weird! A lot of things that you can do are confusingly-named, so it may require some trial and error. Making Zonelets themes, I didn't start with an exact picture of what I wanted the site to look like. Instead, I just tried to use whatever tools came naturally to CSS. Rolling with the quirks and keeping a playful attitude made the process fun and breezy. This zine, Hell Yes, CSS looks like a really neat resource! If you want to do more complicated things, CSS can get very tricky very fast. There's plenty that I don't know or understand about it!

Making a Zonelets theme

  1. For each of these themes, I began with a general concept, then I searched the web for images that are free to use. These can be found on sites like Pixabay, Unsplash, and Textures.com. Remember, not all images on the web are free to use, so be sure to check licenses/terms/usage rights!
  2. Once I found a nice image background, I picked colors for the header and content area, usually based on the background image. You can use a color-picker tool in an image editor (or directly in your web browser's developer tools!) to help this process.
  3. You can also pick a font family. Look at the different example files and search online to understand this. Another option is web fonts, such as google fonts, which will load the fonts that you want to use from the internet.

Take things slowly, and be sure to have fun!

Image Sources

]]>
Sun, 08 Nov 2020 00:00:00 EST
Dusty Tome posts/2020-11-09-Dusty-Tome.html https://zonelets.net/posts/2020-11-09-Dusty-Tome.html Blog Post

A theme for book lovers

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Photo of Marina and a doggy underneath a green tree and backlit by a bright morning sunrise.

A sample image caption. This is me and a doggy!

Nulla porttitor massa id neque aliquam vestibulum. Eget dolor morbi non arcu risus quis varius quam quisque. Morbi tristique senectus et netus et malesuada fames ac. Ullamcorper a lacus vestibulum sed arcu. Vulputate ut pharetra sit amet aliquam.

A photo of snow and pine trees in a dim purple sunset. A large lake peeks out from behind the trees.

Cursus turpis massa tincidunt dui ut ornare lectus. Mi bibendum neque egestas congue quisque. Donec et odio pellentesque diam. Magnis dis parturient montes nascetur ridiculus mus mauris. Ut enim blandit volutpat maecenas volutpat blandit. Facilisi cras fermentum odio eu. A scelerisque purus semper eget duis. Iaculis at erat pellentesque adipiscing commodo elit at imperdiet. Ac feugiat sed lectus vestibulum mattis ullamcorper velit sed. Montes nascetur ridiculus mus mauris vitae ultricies leo integer malesuada. Suspendisse sed nisi lacus sed viverra tellus in.


An Example List of Desserts:

  1. Chocolate cake
  2. Flan
  3. A healthy apple
  4. Sandwich (of the ice cream variety)

Placerat orci nulla pellentesque dignissim enim sit amet venenatis urna. Neque egestas congue quisque egestas diam. Consequat semper viverra nam libero justo laoreet. Urna molestie at elementum eu facilisis sed odio morbi. Ac auctor augue mauris augue neque gravida in fermentum. Ipsum suspendisse ultrices gravida dictum fusce ut placerat orci.

]]>
Mon, 09 Nov 2020 00:00:00 EST
Spring Sweetheart posts/2020-11-09-Spring-Sweetheart.html https://zonelets.net/posts/2020-11-09-Spring-Sweetheart.html Blog Post

A fun, floral theme

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Photo of Marina and a doggy underneath a green tree and backlit by a bright morning sunrise.

A sample image caption. This is me and a doggy!

Nulla porttitor massa id neque aliquam vestibulum. Eget dolor morbi non arcu risus quis varius quam quisque. Morbi tristique senectus et netus et malesuada fames ac. Ullamcorper a lacus vestibulum sed arcu. Vulputate ut pharetra sit amet aliquam.

A photo of snow and pine trees in a dim purple sunset. A large lake peeks out from behind the trees.

Cursus turpis massa tincidunt dui ut ornare lectus. Mi bibendum neque egestas congue quisque. Donec et odio pellentesque diam. Magnis dis parturient montes nascetur ridiculus mus mauris. Ut enim blandit volutpat maecenas volutpat blandit. Facilisi cras fermentum odio eu. A scelerisque purus semper eget duis. Iaculis at erat pellentesque adipiscing commodo elit at imperdiet. Ac feugiat sed lectus vestibulum mattis ullamcorper velit sed. Montes nascetur ridiculus mus mauris vitae ultricies leo integer malesuada. Suspendisse sed nisi lacus sed viverra tellus in.


An Example List of Desserts:

  1. Chocolate cake
  2. Flan
  3. A healthy apple
  4. Sandwich (of the ice cream variety)

Placerat orci nulla pellentesque dignissim enim sit amet venenatis urna. Neque egestas congue quisque egestas diam. Consequat semper viverra nam libero justo laoreet. Urna molestie at elementum eu facilisis sed odio morbi. Ac auctor augue mauris augue neque gravida in fermentum. Ipsum suspendisse ultrices gravida dictum fusce ut placerat orci.

]]>
Mon, 09 Nov 2020 00:00:00 EST
Deep Blue posts/2020-11-09-Deep-Blue.html https://zonelets.net/posts/2020-11-09-Deep-Blue.html Blog Post

A calming undersea theme

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Photo of Marina and a doggy underneath a green tree and backlit by a bright morning sunrise.

A sample image caption. This is me and a doggy!

Nulla porttitor massa id neque aliquam vestibulum. Eget dolor morbi non arcu risus quis varius quam quisque. Morbi tristique senectus et netus et malesuada fames ac. Ullamcorper a lacus vestibulum sed arcu. Vulputate ut pharetra sit amet aliquam.

A photo of snow and pine trees in a dim purple sunset. A large lake peeks out from behind the trees.

Cursus turpis massa tincidunt dui ut ornare lectus. Mi bibendum neque egestas congue quisque. Donec et odio pellentesque diam. Magnis dis parturient montes nascetur ridiculus mus mauris. Ut enim blandit volutpat maecenas volutpat blandit. Facilisi cras fermentum odio eu. A scelerisque purus semper eget duis. Iaculis at erat pellentesque adipiscing commodo elit at imperdiet. Ac feugiat sed lectus vestibulum mattis ullamcorper velit sed. Montes nascetur ridiculus mus mauris vitae ultricies leo integer malesuada. Suspendisse sed nisi lacus sed viverra tellus in.


An Example List of Desserts:

  1. Chocolate cake
  2. Flan
  3. A healthy apple
  4. Sandwich (of the ice cream variety)

Placerat orci nulla pellentesque dignissim enim sit amet venenatis urna. Neque egestas congue quisque egestas diam. Consequat semper viverra nam libero justo laoreet. Urna molestie at elementum eu facilisis sed odio morbi. Ac auctor augue mauris augue neque gravida in fermentum. Ipsum suspendisse ultrices gravida dictum fusce ut placerat orci.

]]>
Mon, 09 Nov 2020 00:00:00 EST
Fingerless Gloves posts/2020-11-09-Fingerless-Gloves.html https://zonelets.net/posts/2020-11-09-Fingerless-Gloves.html Blog Post

A dark hacker theme

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Photo of Marina and a doggy underneath a green tree and backlit by a bright morning sunrise.

A sample image caption. This is me and a doggy!

Nulla porttitor massa id neque aliquam vestibulum. Eget dolor morbi non arcu risus quis varius quam quisque. Morbi tristique senectus et netus et malesuada fames ac. Ullamcorper a lacus vestibulum sed arcu. Vulputate ut pharetra sit amet aliquam.

A photo of snow and pine trees in a dim purple sunset. A large lake peeks out from behind the trees.

Cursus turpis massa tincidunt dui ut ornare lectus. Mi bibendum neque egestas congue quisque. Donec et odio pellentesque diam. Magnis dis parturient montes nascetur ridiculus mus mauris. Ut enim blandit volutpat maecenas volutpat blandit. Facilisi cras fermentum odio eu. A scelerisque purus semper eget duis. Iaculis at erat pellentesque adipiscing commodo elit at imperdiet. Ac feugiat sed lectus vestibulum mattis ullamcorper velit sed. Montes nascetur ridiculus mus mauris vitae ultricies leo integer malesuada. Suspendisse sed nisi lacus sed viverra tellus in.


An Example List of Desserts:

  1. Chocolate cake
  2. Flan
  3. A healthy apple
  4. Sandwich (of the ice cream variety)

Placerat orci nulla pellentesque dignissim enim sit amet venenatis urna. Neque egestas congue quisque egestas diam. Consequat semper viverra nam libero justo laoreet. Urna molestie at elementum eu facilisis sed odio morbi. Ac auctor augue mauris augue neque gravida in fermentum. Ipsum suspendisse ultrices gravida dictum fusce ut placerat orci.

]]>
Mon, 09 Nov 2020 00:00:00 EST
Weatherbeaten posts/2020-11-09-Weatherbeaten.html https://zonelets.net/posts/2020-11-09-Weatherbeaten.html Blog Post

A rocky wilderness theme

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Photo of Marina and a doggy underneath a green tree and backlit by a bright morning sunrise.

A sample image caption. This is me and a doggy!

Nulla porttitor massa id neque aliquam vestibulum. Eget dolor morbi non arcu risus quis varius quam quisque. Morbi tristique senectus et netus et malesuada fames ac. Ullamcorper a lacus vestibulum sed arcu. Vulputate ut pharetra sit amet aliquam.

A photo of snow and pine trees in a dim purple sunset. A large lake peeks out from behind the trees.

Cursus turpis massa tincidunt dui ut ornare lectus. Mi bibendum neque egestas congue quisque. Donec et odio pellentesque diam. Magnis dis parturient montes nascetur ridiculus mus mauris. Ut enim blandit volutpat maecenas volutpat blandit. Facilisi cras fermentum odio eu. A scelerisque purus semper eget duis. Iaculis at erat pellentesque adipiscing commodo elit at imperdiet. Ac feugiat sed lectus vestibulum mattis ullamcorper velit sed. Montes nascetur ridiculus mus mauris vitae ultricies leo integer malesuada. Suspendisse sed nisi lacus sed viverra tellus in.


An Example List of Desserts:

  1. Chocolate cake
  2. Flan
  3. A healthy apple
  4. Sandwich (of the ice cream variety)

Placerat orci nulla pellentesque dignissim enim sit amet venenatis urna. Neque egestas congue quisque egestas diam. Consequat semper viverra nam libero justo laoreet. Urna molestie at elementum eu facilisis sed odio morbi. Ac auctor augue mauris augue neque gravida in fermentum. Ipsum suspendisse ultrices gravida dictum fusce ut placerat orci.

]]>
Mon, 09 Nov 2020 00:00:00 EST
Y2K posts/2020-11-09-Y2K.html https://zonelets.net/posts/2020-11-09-Y2K.html Blog Post

A retrofuturist theme

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Photo of Marina and a doggy underneath a green tree and backlit by a bright morning sunrise.

A sample image caption. This is me and a doggy!

Nulla porttitor massa id neque aliquam vestibulum. Eget dolor morbi non arcu risus quis varius quam quisque. Morbi tristique senectus et netus et malesuada fames ac. Ullamcorper a lacus vestibulum sed arcu. Vulputate ut pharetra sit amet aliquam.

A photo of snow and pine trees in a dim purple sunset. A large lake peeks out from behind the trees.

Cursus turpis massa tincidunt dui ut ornare lectus. Mi bibendum neque egestas congue quisque. Donec et odio pellentesque diam. Magnis dis parturient montes nascetur ridiculus mus mauris. Ut enim blandit volutpat maecenas volutpat blandit. Facilisi cras fermentum odio eu. A scelerisque purus semper eget duis. Iaculis at erat pellentesque adipiscing commodo elit at imperdiet. Ac feugiat sed lectus vestibulum mattis ullamcorper velit sed. Montes nascetur ridiculus mus mauris vitae ultricies leo integer malesuada. Suspendisse sed nisi lacus sed viverra tellus in.


An Example List of Desserts:

  1. Chocolate cake
  2. Flan
  3. A healthy apple
  4. Sandwich (of the ice cream variety)

Placerat orci nulla pellentesque dignissim enim sit amet venenatis urna. Neque egestas congue quisque egestas diam. Consequat semper viverra nam libero justo laoreet. Urna molestie at elementum eu facilisis sed odio morbi. Ac auctor augue mauris augue neque gravida in fermentum. Ipsum suspendisse ultrices gravida dictum fusce ut placerat orci.

]]>
Mon, 09 Nov 2020 00:00:00 EST
Nude posts/2020-11-09-Nude.html https://zonelets.net/posts/2020-11-09-Nude.html Blog Post

A minimalist theme

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Photo of Marina and a doggy underneath a green tree and backlit by a bright morning sunrise.

A sample image caption. This is me and a doggy!

Nulla porttitor massa id neque aliquam vestibulum. Eget dolor morbi non arcu risus quis varius quam quisque. Morbi tristique senectus et netus et malesuada fames ac. Ullamcorper a lacus vestibulum sed arcu. Vulputate ut pharetra sit amet aliquam.

A photo of snow and pine trees in a dim purple sunset. A large lake peeks out from behind the trees.

Cursus turpis massa tincidunt dui ut ornare lectus. Mi bibendum neque egestas congue quisque. Donec et odio pellentesque diam. Magnis dis parturient montes nascetur ridiculus mus mauris. Ut enim blandit volutpat maecenas volutpat blandit. Facilisi cras fermentum odio eu. A scelerisque purus semper eget duis. Iaculis at erat pellentesque adipiscing commodo elit at imperdiet. Ac feugiat sed lectus vestibulum mattis ullamcorper velit sed. Montes nascetur ridiculus mus mauris vitae ultricies leo integer malesuada. Suspendisse sed nisi lacus sed viverra tellus in.


An Example List of Desserts:

  1. Chocolate cake
  2. Flan
  3. A healthy apple
  4. Sandwich (of the ice cream variety)

Placerat orci nulla pellentesque dignissim enim sit amet venenatis urna. Neque egestas congue quisque egestas diam. Consequat semper viverra nam libero justo laoreet. Urna molestie at elementum eu facilisis sed odio morbi. Ac auctor augue mauris augue neque gravida in fermentum. Ipsum suspendisse ultrices gravida dictum fusce ut placerat orci.

]]>
Mon, 09 Nov 2020 00:00:00 EST
Hiking Shoes posts/2020-11-10-Hiking-Shoes.html https://zonelets.net/posts/2020-11-10-Hiking-Shoes.html Blog Post

A woodsy theme

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Photo of Marina and a doggy underneath a green tree and backlit by a bright morning sunrise.

A sample image caption. This is me and a doggy!

Nulla porttitor massa id neque aliquam vestibulum. Eget dolor morbi non arcu risus quis varius quam quisque. Morbi tristique senectus et netus et malesuada fames ac. Ullamcorper a lacus vestibulum sed arcu. Vulputate ut pharetra sit amet aliquam.

A photo of snow and pine trees in a dim purple sunset. A large lake peeks out from behind the trees.

Cursus turpis massa tincidunt dui ut ornare lectus. Mi bibendum neque egestas congue quisque. Donec et odio pellentesque diam. Magnis dis parturient montes nascetur ridiculus mus mauris. Ut enim blandit volutpat maecenas volutpat blandit. Facilisi cras fermentum odio eu. A scelerisque purus semper eget duis. Iaculis at erat pellentesque adipiscing commodo elit at imperdiet. Ac feugiat sed lectus vestibulum mattis ullamcorper velit sed. Montes nascetur ridiculus mus mauris vitae ultricies leo integer malesuada. Suspendisse sed nisi lacus sed viverra tellus in.


An Example List of Desserts:

  1. Chocolate cake
  2. Flan
  3. A healthy apple
  4. Sandwich (of the ice cream variety)

Placerat orci nulla pellentesque dignissim enim sit amet venenatis urna. Neque egestas congue quisque egestas diam. Consequat semper viverra nam libero justo laoreet. Urna molestie at elementum eu facilisis sed odio morbi. Ac auctor augue mauris augue neque gravida in fermentum. Ipsum suspendisse ultrices gravida dictum fusce ut placerat orci.

]]>
Tue, 10 Nov 2020 00:00:00 EST
Purple Paper posts/2020-11-10-Purple-Paper.html https://zonelets.net/posts/2020-11-10-Purple-Paper.html Blog Post

A simple wallpaper theme

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Photo of Marina and a doggy underneath a green tree and backlit by a bright morning sunrise.

A sample image caption. This is me and a doggy!

Nulla porttitor massa id neque aliquam vestibulum. Eget dolor morbi non arcu risus quis varius quam quisque. Morbi tristique senectus et netus et malesuada fames ac. Ullamcorper a lacus vestibulum sed arcu. Vulputate ut pharetra sit amet aliquam.

A photo of snow and pine trees in a dim purple sunset. A large lake peeks out from behind the trees.

Cursus turpis massa tincidunt dui ut ornare lectus. Mi bibendum neque egestas congue quisque. Donec et odio pellentesque diam. Magnis dis parturient montes nascetur ridiculus mus mauris. Ut enim blandit volutpat maecenas volutpat blandit. Facilisi cras fermentum odio eu. A scelerisque purus semper eget duis. Iaculis at erat pellentesque adipiscing commodo elit at imperdiet. Ac feugiat sed lectus vestibulum mattis ullamcorper velit sed. Montes nascetur ridiculus mus mauris vitae ultricies leo integer malesuada. Suspendisse sed nisi lacus sed viverra tellus in.


An Example List of Desserts:

  1. Chocolate cake
  2. Flan
  3. A healthy apple
  4. Sandwich (of the ice cream variety)

Placerat orci nulla pellentesque dignissim enim sit amet venenatis urna. Neque egestas congue quisque egestas diam. Consequat semper viverra nam libero justo laoreet. Urna molestie at elementum eu facilisis sed odio morbi. Ac auctor augue mauris augue neque gravida in fermentum. Ipsum suspendisse ultrices gravida dictum fusce ut placerat orci.

]]>
Tue, 10 Nov 2020 00:00:00 EST
RSS Feed Generated with Punkto Zonelet RSS Generator punkto_adverthttps://zonelets.net/archive https://punkto.org/blog/generating_zonelet_rss_feeds Thanks!

Thank you for using the punkto.org Zonelet RSS Feed Generator

You can find out more information about this service on this blogpost.

Any Zonelet page can have an RSS feed generated by visiting https://punkto.org/zonerender?site_archive_page, see an example here.

If you have any issues with this service or if you find a Zonelets page that does not work, please contact postmaster@punkto.org.

This service is provided free of charge, but if you want you can donate XMR (Monero) to 89zUPdtgXvo268ZtbzE7LBTEdo2Y75V1FUSs1rETeaRudQZy8BRs4rwTQuFzWqkQ6VU14Ei5TUBGhYCY6TmbCoEvQ2YkqC9 or help improve the code, which can be found here.

]]>
Tue, 11 Sep 2001 09:03:00 EST