aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorhellekin <hellekin@cepheide.org>2020-09-29 15:46:26 +0200
committerhellekin <hellekin@cepheide.org>2020-09-29 15:46:26 +0200
commitd86228244c272184401be72813ed5f33d44e0992 (patch)
treea8621e9bba8721938fe438d18875ec6986541d7a
parent72e4f6cacf1e1f8c9ef566f7fe3b89602658d05d (diff)
downloaddream.public.cat-d86228244c272184401be72813ed5f33d44e0992.tar.gz
│Restore original HTML and include some changes
Here are the reasons for the changes: 1. Do not use an empty H1: you can do it by changing the CSS 2. Added an H2 since it will help reproduce the proposed design 3. Restored simple A links without button tags since the same effect can be achieved with CSS 4. Followed the same structure for the third section for consistency and ease of styling (even contents can be changed via CSS, e.g., the 'read more' text) Now it's time to reproduce the proposed design using only CSS!
-rw-r--r--index.html28
1 files changed, 10 insertions, 18 deletions
diff --git a/index.html b/index.html
index b7c7995..3ad8cd5 100644
--- a/index.html
+++ b/index.html
@@ -7,36 +7,31 @@
</head>
<body>
<header>
- <h1></h1>
+ <h1>DREAM</h1>
+ <h2>DREAM: Distributed Replicated Edge Agency Machine</h2>
<p class="tagline">
- DREAM: Distributed Replicated Edge Agency Machine
- </p>
- <p class="tagline" style="font-size:1.25rem">
Internet protocols and applications
to empower citizens to act and find agency together
</p>
</header>
- <div name="padding" style="height:1.5rem"></div>
<main>
<article>
- <div class="grid-container">
<section id="for-activists"><h2>For Activists</h2>
<p>Organize peer to peer away from corporate surveillance.</p>
- <nav><a href="/pub/for-activists"><button class="button" id="activists">Read more</button></a></nav>
+ <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"><button class="button" id="developpers">Read more</button></a></nav>
+ <nav><a href="/pub/for-developers">read more</a></nav>
</section>
- <section id="dream-team"><h2>Where to find us</h2>
- <p>Contact the team and learn how the project came about</p>
- <a href="/pub/team"><button class="button" id="team" href="/pub/team">DREAM Team</button></a>
+ <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>
- </div>
</article>
</main>
- <div name="padding" style="height:3rem"></div>
+
<aside>
<section id="pitch">
<h2>Distributed Replicated Edge Agency Machine</h2>
@@ -45,16 +40,13 @@
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.
- </p>
- <p><a href="/pub/intro">Read more</a>
- </p>
+ (<a href="/pub/intro">read more</a>)</p>
</section>
- <div name="padding" style="height:3rem"></div>
<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>
+ </article>
</aside>
<footer>