From ef1572b7333424c731eb4450f154c29eaf9db031 Mon Sep 17 00:00:00 2001 From: hellekin <hellekin@cepheide.org> Date: Sat, 7 Nov 2020 22:52:42 +0100 Subject: 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 --- index.html | 73 +------------------------------------------------------------- 1 file changed, 1 insertion(+), 72 deletions(-) mode change 100644 => 120000 index.html (limited to 'index.html') diff --git a/index.html b/index.html deleted file mode 100644 index b4ff495..0000000 --- a/index.html +++ /dev/null @@ -1,72 +0,0 @@ -<!DOCTYPE html> -<html> - -<head> - <meta charset="UTF-8"> - <title>Digital Replicated Edge Agency Machine</title> - <link rel="stylesheet" type="text/css" href="main_style.css"> -</head> - -<body> - <header> - <h1>DREAM</h1> - <h2>DREAM: Distributed Replicated Edge Agency Machine</h2> - <p class="tagline"> - Internet protocols and applications - to empower citizens to act and find agency together - </p> - </header> - - <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> - </main> - - <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. - (<a href="/pub/intro">read more</a>)</p> - </section> - <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> - <nav> - <ul> - <li><a href="/pub/contact">Contact</a></li> - <li><a href="/pub/for-activists">For Activists</a></li> - <li><a href="/pub/for-developers">For Developers</a></li> - </ul> - </nav> - <p>Copyright ©2020 PUBLIC — <a href="mailto:dream@public.cat">dream@public.cat</a></p> - </footer> - <!-- Load latest open topics from Discourse --> - <script src="https://dream.public.cat/javascripts/embed-topics.js"></script> -</body> - -</html> diff --git a/index.html b/index.html new file mode 120000 index 0000000..8a2a610 --- /dev/null +++ b/index.html @@ -0,0 +1 @@ +index-002.html \ No newline at end of file -- cgit v1.2.3