aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorNemael <100dragons@gmail.com>2020-09-22 15:45:40 +0200
committerNemael <100dragons@gmail.com>2020-09-22 15:45:40 +0200
commit72e4f6cacf1e1f8c9ef566f7fe3b89602658d05d (patch)
tree4b6c2797613881fb76359a74229fba88d3bbadcb
parent629a10523bd4ed9505bdc222ad2c69abb13d6fff (diff)
downloaddream.public.cat-72e4f6cacf1e1f8c9ef566f7fe3b89602658d05d.tar.gz
Put logo on top of page, changed background color, but links are still hard to see, maybe put a picture in background of the website?
-rw-r--r--index.html14
-rw-r--r--main_style.css15
2 files changed, 18 insertions, 11 deletions
diff --git a/index.html b/index.html
index e0c8bbb..b7c7995 100644
--- a/index.html
+++ b/index.html
@@ -7,13 +7,17 @@
</head>
<body>
<header>
- <h1>DREAM</h1>
+ <h1></h1>
<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">
@@ -25,12 +29,14 @@
<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>
</section>
- <section id="dream-team"><a href="/pub/team"><button class="button" id="team" href="/pub/team">DREAM Team</button></a>
+ <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>
</div>
</article>
</main>
- <div name="padding" style="height:100px"></div>
+ <div name="padding" style="height:3rem"></div>
<aside>
<section id="pitch">
<h2>Distributed Replicated Edge Agency Machine</h2>
@@ -43,7 +49,7 @@
<p><a href="/pub/intro">Read more</a>
</p>
</section>
- <div name="padding" style="height:100px"></div>
+ <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>
diff --git a/main_style.css b/main_style.css
index 142456d..4f2bba8 100644
--- a/main_style.css
+++ b/main_style.css
@@ -1,23 +1,23 @@
body{
- background-color: darkblue;
+ background-color: #6666ff;
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;
+ padding-top: 15rem;
+ background: transparent url("https://dream.public.cat/uploads/dream/original/1X/0c90cdab7f4542baa08e4232e2ddb7e8216b419c.png") center/15rem no-repeat;
}
.button {
- background-color: #4CAF50; /* Green */
+ background-color: #4CAF50;
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
- font-size: 16px;
+ font-size: 1rem;
}
@@ -32,12 +32,12 @@ body>header>h1 {
background-color: gray;
border: 1px solid black;
padding: 20px;
- font-size: 30px;
+ font-size: 1.5rem;
text-align: center;
}
.tagline{
- font-size: 30px;
+ font-size: 2.5rem;
}
aside{
@@ -47,5 +47,6 @@ aside{
section{
background-color: gray;
+ border: 0.5rem solid #2196F3;
padding: 20px;
}