aboutsummaryrefslogtreecommitdiff
path: root/index-003.html
diff options
context:
space:
mode:
authorhellekin <hellekin@cepheide.org>2020-11-07 22:52:42 +0100
committerhellekin <hellekin@cepheide.org>2020-11-07 23:03:38 +0100
commitef1572b7333424c731eb4450f154c29eaf9db031 (patch)
tree6a222cacc709e0749b9114368197279e8ec79c64 /index-003.html
parentef458c18010dfed551c20f9502da15d5ee199e25 (diff)
downloaddream.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.html79
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>