Folders become sections
no. 3
The folder structure is the site structure; the names set the order.
Every folder in the shared folder is a section: a row on the home page, a page of its own and an item in the menu. This site has five: Get started, Examples, Guide, Updates and Photo pages. The Guide has two folders inside it, Basics and Going further: they are the two links under its title.
The rules
| You do | The site does |
|---|---|
| Add a folder at the top | A new row, page and menu item |
| Put a folder in a folder | A subsection, at /work/clients/, as deep as you like; the menu lists it under its section |
Start a name with a number, 1 Work | Sets the order; the number isn't shown |
Add a document called intro | Opens the section's page, see below |
| Rename a folder | Renames the menu item and the address |
| Delete a folder | Removes its pages, a minute later |
Order and dates
| The name | The page |
|---|---|
Why I sketch | Dated by when it went into the folder |
2024-05-01 Why I sketch | Dated 1 May 2024, titled Why I sketch |
01 Start here | First in a numbered folder; the number isn't shown |
A section shows its newest files first, unless every file in it is numbered: then it keeps that order, like this Guide. Number all of them, or none. A date in front of a name places a piece back in time, handy when you move old writing over: 1968-12-24 Earthrise in Photo pages is dated Christmas Eve 1968.
intro: what opens a page
Every folder is a page: the shared folder is the home page, and each folder in it, however deep, a page of its own. A document called intro is never a page itself: it opens the page of the folder it's in. Every intro is optional. Name it in lowercase (Foldocs ignores case, but it stands out that way among your pages).
Where the intro is | Title | Subtitle | The rest |
|---|---|---|---|
| Next to your folders: the home page | The headline | The label above it | The first paragraph under it; a list becomes the topics; links to your e-mail and profiles go in every page's footer |
| In a section's folder: the section's page | The section's name, instead of the folder's | The line under its name, on its page and in its row on the home page; also its description for search engines | Text and images above its pages; the first image is its picture in link previews |
Your contact links go in the home page's intro, anywhere, as links: your e-mail and your profiles. They show at the bottom of every page, the e-mail as a button and the profiles as their logos: LinkedIn, Bluesky, X, Instagram, Threads, Facebook, Mastodon, GitHub, YouTube, Behance, Dribbble, Substack, ORCID and more. No e-mail link, no button.
A section's address still comes from its folder's name, so a new title breaks no links. A subsection can have an intro too. Every section on this site has one: the lines under the titles on the home page come from them.
Files next to the folders
Documents and a photo in the shared folder itself, next to the section folders, belong to the site as a whole. Every document there is a page in the menu, after the sections, like About and Contact on this site. Two names aren't pages: intro and design.
| Next to the folders | Becomes |
|---|---|
intro | Not a page: the home page's opening. Its links to your e-mail and profiles go in the footer |
design | Not a page: your colours and fonts, see Make it yours |
| Any other document | A page in the menu, at an address from its name: About is at /about/ |
A number in front, 1 About | Sets the order in the menu; the number isn't shown |
| A photo | The portrait on the home page; the newest, if there are more |