small styling changes

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 {
+div.flex#intro details{
-    width: 300px;
+    font-size: 20px;
-    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;
 }
-
 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;
 }

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>