Further styling and added about page.

3 years ago · 2133fc8f27
parent 6e4dd72875
commit 2133fc8f27
2 changed files with 40 additions and 5 deletions
--- a/about.html
+++ b/about.html
@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Algoliterary Publishing House → About</title>
+  <link rel="stylesheet" media="all" href="static/styles/reset.css" />
+  <link rel="stylesheet" media="all" href="static/styles/styles.css" />
+</head>
+<body>
+  <main>
+    <h1>About an Algoliterary Publishing&nbsp;House</h1>
+
+    <p>Anaïs Berck is an alias that exists since September 2019. The name stands for a collaboration between humans, algorithms and trees. As a collective Anais Berck opens up a space in which human intelligence is explored in the company of plant intelligence and artificial intelligence. For this project, Anaïs Berck is represented by the human beings An Mertens, Guillaume Slizewicz, Gijs de Heij and Loren Britton, all members or friends of Constant, the association for arts and media in Brussels; and of Algolit, the artistic research group around text and free code.</p>
+
+    <p>This research is initiated in June 2021, with An Mertens, Gijs de Heij and Loren Britton, during a three-week residency at Medialab Prado in Madrid (granted by the Vlaamse Overheid as part of their 'Digital Culture Residencies' program). It will be continued during one year with the support of a grant by FRArt/Art & Recherche, in partnership with ESA St-Luc Brussels, ESA La Cambre Brussels, Botanical Garden Meise, Villa Empain, the Royal Library of Belgium and the Bibliothèque Nationale de France.</p>
+
+    <p>Feel free to subscribe for more news: <a href="https://grabuge.domainepublic.net/cgi-bin/mailman/listinfo/announcements">https://grabuge.domainepublic.net/&ZeroWidthSpace;cgi-bin/&ZeroWidthSpace;mailman/&ZeroWidthSpace;listinfo/&ZeroWidthSpace;announcements</a></p>
+
+    <p><a href="index.html"><strong>← Back</strong></a></p>
+  </main>
+</body>
+</html>
--- a/static/styles/styles.css
+++ b/static/styles/styles.css
@ -65,9 +65,12 @@ main {
  overflow-y: auto;
 }

+main {
+  border-right: 1px solid black;
+}
+
 aside {
  grid-column: 2;
-  border-left: 1px solid black;
  overflow-y: auto;
 }

@ -96,11 +99,11 @@ details > summary::-webkit-details-marker {

 details {
  border-bottom: 1px solid black;
-  padding: calc(.5 * var(--line-height)) calc(2.5 * var(--line-height)) 0 var(--line-height);
+  padding: calc(.5 * var(--line-height)) calc(2.5 * var(--line-height)) calc(.5 * var(--line-height)) var(--line-height);
 }

 details[open] {
-  padding-bottom: calc(3 * var(--line-height));
+  padding-bottom: calc(2.5 * var(--line-height));
 }

 details[open] > summary {
@ -131,6 +134,14 @@ dl a {
  text-decoration-style: dotted;
 }

+summary dl {
+  margin-top: calc(var(--line-height) * .425);
+}
+
+strong {
+  font-weight: 500;
+}
+
@media screen and (min-width: 601px) {
  
  summary::after {
@ -161,8 +172,8 @@ dl a {
    overflow-y: initial;
  }

-  aside {
-    border-left: none;
+  main {
+    border-right: none;
  }

  dl {