This system lets us collaborate by adding and editing simple web pages — no setup, no code required.

📝 Edit pages

Clicking “✒️ edit” at the bottom of any page opens it in Google Doc (if you have access). The Docs sync to the site automatically (every minute).

📄 Create pages

Open the Google Drive folder & create a new document (like you normally would). A document named “my-page” will be accessible from https://map.thatvoid.com/my-page.html.

ℹ️ Anything after a “ “ (space) in a document name will be ignored (not true for folder names).

🎨 Formats & formatting

A file named:

• “my-page” will use normal formatting from Google Docs (much of the styling will work, but ex text color will not).
• “my-page.md” should be treated as a markdown document... but Google Docs seems to know about markdown so you can just format using controls in Docs, I think.
• “my-page.html” is treated as an html document (ignoring Google Docs formatting).

All three would have the final url /my-page.html.

🔗 Hyperlinks

Create links like you normally would in Google Docs, markdown or html.

Internal Google Docs links, example: /TODO.html (TODO.md) will be converted to a web page link.

🖼️ Images

Try just pasting images into your Google Docs, seems to mostly work.

For markdown & html you might want to upload image files, and include ex:
<img src=”/my-image.png” />

🗓️ Using sheets (as databases)

Sheets are converted to .csv (Comma Separated Values) a plaintext minimalistic format. Thus, to use them as databases, keep it simple: use one sheet per file, don't merge cells etc.

example-read-csv.html

🗓️ Google Draw(ings) as SVG

Google Draw documents will be exported as .svg files, can be

• viewed directly in the browser
• embedded in html files.
• adding to markdown should be possible, like: ![Optional alt text](/my-image.svg) (untested)

⚠️🐛 Name them ex "my-image" and not "my-image.svg" for now (or they will end up as "....svg.svg")

Appendix

🧑‍💻 Extra: On editing html files

In Google Docs with your file.html open the Tools --> Preferences menu and disable:

• Automatically capitalize words
• Use smart quotes
• Automatically correct spelling
• You might as well disable "Automatically detect links/list" & "Enable Markdown".