index.html: add whois summary, wiki changes

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>
+
+
+

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;
+  }
 }

draft/res/lib.scss

@@ -30,3 +30,11 @@
     margin-top: $gap;
   }
 }
+
+////////////////////////////////////////////////////////////////////////////////
+// vendor prefix shortcuts
+
+@mixin hyphens($value: auto) {
+  hyphens: $value;
+  -webkit-hyphens: $value;
+}