diff options
| author | Nemael <100dragons@gmail.com> | 2020-09-21 15:15:18 +0200 |
|---|---|---|
| committer | Nemael <100dragons@gmail.com> | 2020-09-21 15:15:18 +0200 |
| commit | 629a10523bd4ed9505bdc222ad2c69abb13d6fff (patch) | |
| tree | aed863abd79ecb765302de3e642f7d8180b14f6b | |
| parent | 82dccf8cd4742e1e292a5e8ffde0ce237d3092d4 (diff) | |
| download | dream.public.cat-629a10523bd4ed9505bdc222ad2c69abb13d6fff.tar.gz | |
First webpage update
| -rw-r--r-- | index.html | 18 | ||||
| -rw-r--r-- | main_style.css | 51 |
2 files changed, 63 insertions, 6 deletions
@@ -3,6 +3,7 @@ <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> @@ -15,19 +16,21 @@ <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">read more</a></nav> + <nav><a href="/pub/for-activists"><button class="button" id="activists">Read more</button></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> + <nav><a href="/pub/for-developers"><button class="button" id="developpers">Read more</button></a></nav> </section> - <section id="dream-team"><h2>DREAM Team</h2> + <section id="dream-team"><a href="/pub/team"><button class="button" id="team" href="/pub/team">DREAM Team</button></a> </section> + </div> </article> </main> - + <div name="padding" style="height:100px"></div> <aside> <section id="pitch"> <h2>Distributed Replicated Edge Agency Machine</h2> @@ -36,13 +39,16 @@ 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> + </p> + <p><a href="/pub/intro">Read more</a> + </p> </section> + <div name="padding" style="height:100px"></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> diff --git a/main_style.css b/main_style.css new file mode 100644 index 0000000..142456d --- /dev/null +++ b/main_style.css @@ -0,0 +1,51 @@ +body{ + background-color: darkblue; + color: white; + text-align: center; +} + +body>header>h1 { + min-height:100px; + background: transparent url("https://dream.public.cat/uploads/dream/original/1X/0c90cdab7f4542baa08e4232e2ddb7e8216b419c.png") top left/2rem no-repeat; +} + +.button { + background-color: #4CAF50; /* Green */ + border: none; + color: white; + padding: 15px 32px; + text-align: center; + text-decoration: none; + display: inline-block; + font-size: 16px; +} + + +.grid-container{ + display: grid; + grid-template-columns: 33% 34% 33%; + background-color: #2196F3; + padding: 10px; +} + +.grid-container > section { + background-color: gray; + border: 1px solid black; + padding: 20px; + font-size: 30px; + text-align: center; +} + +.tagline{ + font-size: 30px; +} + +aside{ + width: 60%; + margin: auto; +} + +section{ + background-color: gray; + padding: 20px; +} |