Github GitHub - maxboeck/emergency-site: A template for emergency information we...
source link: https://github.com/maxboeck/emergency-site
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
Emergency Site Kit
A starter kit for emergency information websites. (WIP) (Demo Site)
In case of emergency, many organizations need a quick way to publish critical information. Existing CMS websites are often unable to handle sudden spikes in traffic, and local network infrastructure might be damaged, leaving those affected with poor mobile connections.
This project aims to enable people to quickly publish a simple website that can withstand large amounts of traffic and will work even under extreme conditions. It is built on the rule of least power, using simple technologies for maximum resilience.
For more information about this project, watch the talk at Inclusive Design 24.
Features
- Static files generated by Eleventy
- Optimized for first connection roundtrip (> 14KB)
- Basic styling for accessibility
- One critical request, inlined CSS
- Netlify CMS for content editing
- Offline support with service worker
Getting Started
To publish a website with this template, there are two options, depending on your technical skillset. Choose which one describes you best:
- I'm not a developer, I just want to set up a website
- I have basic knowledge of how to use
npm
and the command line
Read the Getting Started Docs
Configuration
It's possible to customize some parts of the website through environment variables. You can set these up on your local machine in an .env
file or define them through the Netlify admin interface.
The available settings are:
NameDescriptionExampleDefaultMETA_TITLE
the title of your site
COVID-19 Information
Emergency Site
META_URL
the full url of your site
https://www.covid19.org
N/A
META_DESC
a short description of your site
Updates on the current state of the pandemic.
An emergency information website.
META_LANG
the 2-letter language code of your site
de
en
META_COLOR
the primary color hex code (optional)
#1D70B8
#DB0000
META_EMAIL
your main contact email (optional)
[email protected]
N/A
META_TELEPHONE
your main contact phone number (optional)
+01 23 456 789 00
N/A
One-Click Deployment
The easiest way to go live is by forking this repo and deploying it to Netlify.
You can do that by clicking this button:
Local Development
To run this locally, you need to install Node first.
You can run these on the command line in the root of your project:
npm start
: starts development servernpm run build
: generates a production buildnpm run debug
: runs eleventy with debug output
To customize the site, edit src/data/meta.js
with your details, or set the corresponding environment variables. Replace the markdown files in src/posts
with your content.
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK