From be9eddb10978b9206710d765f5cd015287cb9ab9 Mon Sep 17 00:00:00 2001
From: Stefan Majewsky <majewsky@gmx.net>
Date: Wed, 26 Jun 2019 17:43:11 +0200
Subject: [PATCH] index.html: add whois summary, wiki changes

---
 draft/index.html                  | 44 +++++++++++++++++++++++++++---
 draft/res/content/typography.scss | 45 ++++++++++++++++++++++++++++++-
 draft/res/lib.scss                |  8 ++++++
 3 files changed, 92 insertions(+), 5 deletions(-)

diff --git a/draft/index.html b/draft/index.html
index 4e5fa84..737e6a8 100644
--- a/draft/index.html
+++ b/draft/index.html
@@ -49,12 +49,45 @@
     </nav>
     <main class="two-columns">
         <section>
-            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
-            <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+            <p>Der <strong>CCC Dresden (C3D2)</strong> ist eine Gruppe von Leuten, die Spaß am kreativen Umgang mit Informationstechnologie haben. Wir verstehen uns als Plattform Gleichgesinnter und bilden einen Erfa des <a href="https://www.ccc.de/">Chaos Computer Clubs</a>. <a href="#">Mehr...</a></p>
         </section>
         <section>
-            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
-            <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+            <h2>Zuletzt geändert <span class="note">im <a href="https://wiki.c3d2.de/">C3D2-Wiki</a></span></h2>
+            <ul>
+                <li><a href="https://wiki.c3d2.de/36C3/Ticket">36C3/Ticket</a>
+                    <span class="note">von W01f</span>
+                </li>
+                <li><a href="https://wiki.c3d2.de/Internet-Anschlüsse">Internet-Anschlüsse</a>
+                    <span class="note">von W01f</span>
+                </li>
+                <li><a href="https://wiki.c3d2.de/Keller">Keller</a>
+                    <span class="note">von Hakunamenta</span>
+                </li>
+                <li><a href="https://wiki.c3d2.de/Freie Software">Freie Software</a>
+                    <span class="note">von Vater</span>
+                </li>
+                <li><a href="https://wiki.c3d2.de/Finanzierungssysteme">Finanzierungssysteme</a>
+                    <span class="note">von Vater</span>
+                </li>
+                <li><a href="https://wiki.c3d2.de/Datenspuren/2019/Mitmachen">Datenspuren/2019/Mitmachen</a>
+                    <span class="note">von Vater</span>
+                </li>
+                <li><a href="https://wiki.c3d2.de/Datenspuren/2019">Datenspuren/2019</a>
+                    <span class="note">von Vater</span>
+                </li>
+                <li><a href="https://wiki.c3d2.de/Datenspuren/2019/Organisation">Datenspuren/2019/Organisation</a>
+                    <span class="note">von Vater</span>
+                </li>
+                <li><a href="https://wiki.c3d2.de/Camp/2019/Tickets">Camp/2019/Tickets</a>
+                    <span class="note">von Tuxflo, Jens, Ze3t, Korppi</span>
+                </li>
+                <li><a href="https://wiki.c3d2.de/Denkende Bretter bohren">Denkende Bretter bohren</a>
+                    <span class="note">von Vater</span>
+                </li>
+                <li><a href="https://wiki.c3d2.de/Adc">Adc</a>
+                    <span class="note">von Ehmry</span>
+                </li>
+            </ul>
         </section>
     </main>
     <footer>
@@ -62,3 +95,6 @@
     <footer>
 </body>
 </html>
+
+
+
diff --git a/draft/res/content/typography.scss b/draft/res/content/typography.scss
index 88a8fff..e0f7952 100644
--- a/draft/res/content/typography.scss
+++ b/draft/res/content/typography.scss
@@ -1,6 +1,49 @@
 main {
   p {
-    border: 0;
+    @include is-styled;
+    @include hyphens;
     line-height: 1.3;
   }
+
+  strong, em {
+    @include is-styled;
+  }
+
+  h1, h2, h3 {
+    @include is-styled;
+    font-weight: bold;
+  }
+
+  h1 {
+    font-size: 2rem;
+  }
+  h2 {
+    font-size: 1.5rem;
+  }
+  h3 {
+    font-size: 1.2rem;
+  }
+
+  ul {
+    @include stack(0.25rem);
+    list-style: inside square url(https://c3d2.de/images/bullet.png);
+
+    & > li {
+      @include is-styled;
+    }
+  }
+
+  span.note {
+    @include is-styled;
+    font-size: 60%;
+    font-weight: normal;
+    text-decoration: none;
+    white-space: nowrap;
+  }
+
+  a {
+    @include is-styled;
+    color: #555;
+    text-decoration-color: #EBC63C;
+  }
 }
diff --git a/draft/res/lib.scss b/draft/res/lib.scss
index 1936e83..f8bdbf4 100644
--- a/draft/res/lib.scss
+++ b/draft/res/lib.scss
@@ -30,3 +30,11 @@
     margin-top: $gap;
   }
 }
+
+////////////////////////////////////////////////////////////////////////////////
+// vendor prefix shortcuts
+
+@mixin hyphens($value: auto) {
+  hyphens: $value;
+  -webkit-hyphens: $value;
+}