summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorNemael <100dragons@gmail.com>2020-09-21 15:15:18 +0200
committerNemael <100dragons@gmail.com>2020-09-21 15:15:18 +0200
commit629a10523bd4ed9505bdc222ad2c69abb13d6fff (patch)
treeaed863abd79ecb765302de3e642f7d8180b14f6b
parent82dccf8cd4742e1e292a5e8ffde0ce237d3092d4 (diff)
downloaddream.public.cat-629a10523bd4ed9505bdc222ad2c69abb13d6fff.tar.gz
First webpage update
-rw-r--r--index.html18
-rw-r--r--main_style.css51
2 files changed, 63 insertions, 6 deletions
diff --git a/index.html b/index.html
index c714ba9..e0c8bbb 100644
--- a/index.html
+++ b/index.html
@@ -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;
+}