diff options
| author | Nemael <100dragons@gmail.com> | 2020-09-22 15:45:40 +0200 |
|---|---|---|
| committer | Nemael <100dragons@gmail.com> | 2020-09-22 15:45:40 +0200 |
| commit | 72e4f6cacf1e1f8c9ef566f7fe3b89602658d05d (patch) | |
| tree | 4b6c2797613881fb76359a74229fba88d3bbadcb | |
| parent | 629a10523bd4ed9505bdc222ad2c69abb13d6fff (diff) | |
| download | dream.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.html | 14 | ||||
| -rw-r--r-- | main_style.css | 15 |
2 files changed, 18 insertions, 11 deletions
@@ -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; } |