diff options
-rw-r--r-- | assets/css/screen.css | 21 | ||||
-rw-r--r-- | index.html | 34 |
2 files changed, 29 insertions, 26 deletions
diff --git a/assets/css/screen.css b/assets/css/screen.css index fe7a36d..a0f8f68 100644 --- a/assets/css/screen.css +++ b/assets/css/screen.css @@ -6,12 +6,9 @@ html { body { position: absolute; - top: 0; - left: 0; - right: 0; margin: 0; width: 100%; - background-image:url("/assets/ashley_2219.png"); + background-image:url("../img/ashley_2219.png"); background-repeat: no-repeat; background-position: center center; } @@ -21,19 +18,19 @@ header h1 { } main { - margin: 0 auto; + margin: 2rem auto; max-width: 42rem; } -aside { - margin: 0 auto; - max-width: 42rem; +#act { + background-color: rgba(255,255,255,0.5); + margin-bottom: 3rem; + padding: 0.25rem 1rem; + border-radius: 1rem; + border-bottom-left-radius: 0; } - -div#act { +aside { margin: 0 auto; max-width: 42rem; - margin-bottom: 50px; } - @@ -7,20 +7,28 @@ </head> <body> <header> - <h1>HCKLABXL</h1> + <h1>hcklabxl</h1> </header> - -<div id='act'> - up: - <ul> - <li>sunday-afternoon 24 june 2018: despair-cafe </li> - <li>friday/saturday 29-30 june 2018 @rumsteek: telluric streams</li> - <li>sunday-afternoon 15 juli 2018: neutrinet install party (brque internet)</li> - </ul> -</div> - <main> - <div id='discourse-comments'></div> + <section id="act"> + <h2>up:</h2> + <dl> + <dt>2018-06</dt> + <dd> + <ul> + <li>sunday-afternoon 24: despair-cafe</li> + <li>friday/saturday 29-30 @rumsteek: telluric streams</li> + </ul> + </dd> + <dt>2018-07</dt> + <dd> + <ul> + <li>sunday-afternoon 15: neutrinet install party (<a href="https://labriqueinter.net/">La brique Internet</a>)</li> + </ul> + </dd> + </dl> + </section> + <div id="discourse-comments"></div> </main> <aside> <address> @@ -33,8 +41,6 @@ </address> <p><a href="https://ps.zoethical.com/c/ps/hcklabxl">forum</a></p> </aside> - - <script type="text/javascript"> DiscourseEmbed = { discourseUrl: 'https://ps.zoethical.com/', discourseEmbedUrl: 'https://hacklab.brussels/' }; |