diff options
| author | hellekin <hellekin@cepheide.org> | 2020-11-07 22:52:42 +0100 |
|---|---|---|
| committer | hellekin <hellekin@cepheide.org> | 2020-11-07 23:03:38 +0100 |
| commit | ef1572b7333424c731eb4450f154c29eaf9db031 (patch) | |
| tree | 6a222cacc709e0749b9114368197279e8ec79c64 /index-003.html | |
| parent | ef458c18010dfed551c20f9502da15d5ee199e25 (diff) | |
| download | dream.public.cat-ef1572b7333424c731eb4450f154c29eaf9db031.tar.gz | |
Mobile-first layout
Prepare for next release: index-003.html
- Link current version 002 to index.html
For 003:
- Add color palette to :root
- Add forum link
- Make mobile-first CSS
- Add Desktop CSS
- Make minor changes to HTML to
- change title to 'DREAM enables Group P2P Collaboration'
- add viewport meta tag
- add title attribute to first header
- add span to first h2 so that we can force display
- add Aria role to main
- move pitch to main aside
- add aside header to advertise forum
- move copyright above nav
- link footer nav to page navigation instead of site
TODO:
- Embed fonts using @font-face
- Link index-003.html to index.html
- Add Aria labels for screen-reading
- Verify color contrasts for A11y
Diffstat (limited to 'index-003.html')
| -rw-r--r-- | index-003.html | 79 |
1 files changed, 79 insertions, 0 deletions
diff --git a/index-003.html b/index-003.html new file mode 100644 index 0000000..4331989 --- /dev/null +++ b/index-003.html @@ -0,0 +1,79 @@ +<!DOCTYPE html> +<html> + +<head> + <meta charset="UTF-8"> + <title>DREAM enables Group P2P Collaboration</title> + <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, viewport-fit=cover"> + <link rel="stylesheet" type="text/css" href="main_style-003.css"> +</head> + +<body> + <header title="DREAM enables Group P2P Collaboration"> + <h1>DREAM</h1> + <h2>DREAM: <span>Distributed Replicated Edge Agency Machine</span></h2> + <p class="tagline"> + Internet protocols and applications + to empower citizens to act and find agency together + </p> + </header> + + <main role="main"> + <article> + <section id="for-activists"> + <h2>For Activists</h2> + <p>Organize peer to peer away from corporate surveillance.</p> + <nav><a href="/pub/for-activists">read more</a></nav> + </section> + <section id="for-developers"> + <h2>For Developers</h2> + <p>We design networks & systems that empower & respect users, and ensure sustainability of hardware, software, and human resources.</p> + <nav><a href="/pub/for-developers">read more</a></nav> + </section> + <section id="dream-team"> + <h2>DREAM Team</h2> + <p>Contact the team and learn how the project came about.</p> + <nav><a href="/pub/dream-team">read more</a></nav> + </section> + </article> + <aside> + <section id="pitch"> + <h2>Distributed Replicated Edge Agency Machine</h2> + <p><abbr title="Public Universal Base: Libre Infrastructure Community">PUBLIC</abbr> DREAM + empowers communities anywhere to collaborate in the local creation and maintenance + of open knowledge without the need for central coordination. DREAM enables the + convergence of distributed <abbr title="Peer-to-Peer">P2P</abbr> networks, linked + data models, and social solidary economy best practices. + <nav><a href="/pub/intro">read more</a></nav> + </p> + </section> + </aside> + </main> + + <aside> + <header> + <p>Our public forum is open!<br>See <a href="https://dream.public.cat/categories">what's cooking</a>.</p> + </header> + <article class="topics-list"> + <section id="wp4"> + <h2><a href="/c/wp4-reporting/6">REPORTING</a></h2> + <d-topics-list discourse-url="https://dream.public.cat" per-page="5" category="7" status="open"></d-topics-list> + </section> + </article> + </aside> + + <footer> + <p><span title="PUBLIC is Petites Singularités and DREAM contributors">Copyright ©2020 PUBLIC</span> — <a href="mailto:dream@public.cat">dream@public.cat</a></p> + <nav> + <ul> + <li><a href="#for-activists">For Activists</a></li> + <li><a href="#for-developers">For Developers</a></li> + <li><a href="#dream-team">Contact</a></li> + </ul> + </nav> + </footer> + <!-- Load latest open topics from Discourse --> + <script src="https://dream.public.cat/javascripts/embed-topics.js"></script> +</body> + +</html> |