From 968db871d906b87867b1dba1984e276d4668494d Mon Sep 17 00:00:00 2001
From: mb <mail@manettaberends.nl>
Date: Wed, 21 Dec 2022 16:18:49 +0100
Subject: [PATCH] small styling changes

---
 index.css | 56 ++++++++++++++++++++++++++++++++++---------------------
 index.md  | 18 +++---------------
 2 files changed, 38 insertions(+), 36 deletions(-)

diff --git a/index.css b/index.css
index a14b17c..a67889a 100644
--- a/index.css
+++ b/index.css
@@ -2,7 +2,8 @@ body {
     margin: 5%;
 /*    background: radial-gradient(circle, rgb(2,100,200) 0%, rgb(118,100,200) 50%, rgba(200,100,200) 100%);*/
     background: radial-gradient(circle, hsl(210 98% 19.6%) 0%, hsl(251 47.6% 38.8%) 50%, hsl(300 47.6% 38.8%) 100%);
-    color: #BCF;  
+    color: #BCF;
+    font-family: "librebaskerville"; 
 }
 h1, h2 {
     color: #EEE;
@@ -18,29 +19,13 @@ a:hover {
 img {
     width: 320px;
 }
-.flex {
+div.flex {
     display: flex;
     flex-wrap: wrap;
 }
-figure {
-    width: 300px;
-    margin-left: 0;
-    /*display: inline-block;*/
-    position: relative;
-}
-figure figcaption {
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    background: black;
-    color: white;
-    padding: 0.25em;
-}
-.news {
-    background:  black;
-    padding:  1em;
+div.flex#intro details{
+    font-size: 20px;
 }
-
 details {
     margin-bottom: 1em;
     max-width: 320px;
@@ -48,7 +33,6 @@ details {
     margin-bottom: 1em;
     cursor: pointer;
 }
-
 details[open] {
     max-width: 320px;
     cursor: auto;
@@ -67,4 +51,34 @@ details {
 
 h2 {
     margin-top: 2em;
+}
+button.apply {
+    width: 160px;
+/*    border: 3px solid magenta;*/
+    padding: 1em 0px;
+}
+button.apply a {
+/*    color: purple;*/
+}
+button.apply:hover {
+    cursor: pointer;
+}
+
+@font-face{
+    font-family: "librebaskerville";
+    src: url("fonts/LibreBaskerville-Regular.ttf");
+    font-weight: normal;
+    font-style: normal;
+}
+@font-face{
+    font-family: "librebaskerville";
+    src: url("fonts/LibreBaskerville-Italic.ttf");
+    font-weight: normal;
+    font-style: italic;
+}
+@font-face{
+    font-family: "librebaskerville";
+    src: url("fonts/LibreBaskerville-Bold.ttf");
+    font-weight: bold;
+    font-style: normal;
 }
\ No newline at end of file
diff --git a/index.md b/index.md
index 80b2891..0c7af6c 100644
--- a/index.md
+++ b/index.md
@@ -3,7 +3,7 @@ title: xpubliverse
 ---
 
 
-::: {.flex }
+::: {.flex #intro}
 
 <details open>
 <summary>
@@ -18,7 +18,6 @@ XPUB’s interests in publishing are therefore twofold: first, publishing as the
 [Read more on pzwart.nl](https://pzwart.nl/experimental-publishing/)
 </details>
 
-
 <details open>
 <summary>
 Welcome to the XPUB homepage with links to tools and webpages we use in
@@ -27,10 +26,6 @@ the course.
 An important part of the XPUB course is considering the implications of the technologies and tools we use, how the choices have an impact socially, environmentally, politically. In this spirit, rather than relying heavily on cloud services, XPUB (self-) hosts and maintains many of the servers and services that the course uses. Students learn and practice skills of programming and server maintenance in order to gain first hand experience with the materials of software and networks. 
 </details>
 
-
-
-
-
 :::
 
 <details open>
@@ -236,16 +231,9 @@ colophon
 This site is made with [pandoc](https://pandoc.org/) & [markdown](https://pandoc.org/MANUAL.html#pandocs-markdown).
 
 
-[apply to the course](https://www.pzwart.nl/experimental-publishing/apply/)
+apply to the course
 -------------------------
 **Applications deadlines**: March 7, 2023 (non-EU) and *May 10, 2023* (EU)  
 **Online open day**: *February 11, 2023*  
-[Apply to the course...](https://www.pzwart.nl/experimental-publishing/apply/)  
-
-
-
-
-
-
-
 
+<a href="https://www.pzwart.nl/experimental-publishing/apply/"><button class="apply">Apply</button></a>