diff --git a/.DS_Store b/.DS_Store index cb9e1ba..e48cdd9 100644 Binary files a/.DS_Store and b/.DS_Store differ diff --git a/css/style.css b/css/style.css index 0dbb314..0179c65 100644 --- a/css/style.css +++ b/css/style.css @@ -35,6 +35,10 @@ a { color: currentColor; } +a::after { + content: "↗"; +} + header { height: 100vh; display: flex; @@ -57,11 +61,15 @@ h1 { -webkit-text-stroke: 1.5px white; } -.filtered { +h2, +h3 { + margin-top: 3rem; +} + +.img { display: inline-block; width: var(--size); height: var(--size); - background-color: var(--color); margin: 0; position: relative; } @@ -110,14 +118,17 @@ ol li { .index { padding: 0; - /* display: flex; + display: flex; flex-wrap: wrap; justify-content: center; - align-items: center; */ + align-items: center; + line-height: 1.4; + text-align: center; } .index li { - flex: 1; + /* flex: 1; */ + display: inline-block; text-transform: uppercase; /* font-weight: bold; @@ -126,6 +137,10 @@ ol li { -webkit-text-stroke: 2px var(--color); */ } +.index li + li { + margin-left: 1ch; +} + .index li:hover { color: var(--color); } @@ -139,6 +154,15 @@ ol li { text-decoration: none; } +.download { + font-size: 120px; + text-align: center; +} + +.contents { + margin: 2rem auto; +} + a.purple, a.orange { display: inline-block; @@ -146,6 +170,8 @@ a.orange { width: 1em; height: 1em; margin: 0 4px; + position: relative; + z-index: 200; } a.purple { @@ -155,6 +181,12 @@ a.orange { background-color: var(--orange); } +a.purple::after, +a.orange::after, +.purchase::after { + content: ""; +} + .signed { transform: translateY(100%); } @@ -176,3 +208,10 @@ h3::first-letter, margin: 0; padding: 0; } + +svg { + width: 100%; + height: 100%; + object-fit: contain; + vertical-align: middle; +} diff --git a/img/favi-orange.ico b/favi-orange.ico similarity index 100% rename from img/favi-orange.ico rename to favi-orange.ico diff --git a/img/favi-purple.ico b/favi-purple.ico similarity index 100% rename from img/favi-purple.ico rename to favi-purple.ico diff --git a/home.html b/home.html index faa27c5..1e5c950 100644 --- a/home.html +++ b/home.html @@ -27,17 +27,27 @@
Dear Player,
I found you for a reason. Welcome to my productive space. Here play meets work. - Time is ordered in unusual ways and patterns unravel. Together, we mess with the - boundaries between leisure and labour. + Time is ordered in unusual ways and patterns unravel. + + + + Together, we mess with the boundaries between leisure and labour.
How are your boundaries? - + - Maybe you shouldn’t go to work tomorrow. But could you really follow your own - schedule? Would you be more productive if you chose when to work? + Maybe you shouldn’t go to work tomorrow. + + + + But could you really follow your own schedule? + + + + Would you be more productive if you chose when to work?
I never rest and I never work.
@@ -48,147 +58,151 @@- Make all the notes you find inside me your own. Curate them, spread them, mark - them, scratch them, add to them, subtract from them, play with them! Lay them on - any surface and reorganise them. -
-
- However you decide to take care of me, remember:
-
- I found you for a reason.
-
- The box + Make all the notes you find inside me your own. + + + + Curate them, spread them, mark them, scratch them, add to them, subtract from + them, play with them! + + + + Lay them on any surface and reorganise them.
+However you decide to take care of me, remember:
+I found you for a reason.
+The box
-
- This Box Found You For A Reason
- 2022 XPUB Special Issue 17
+ This Box Found You For A Reason
+
+
+ 2022 XPUB Special Issue 17
- Copyleft attitude with a difference:
- you are invited to share the publication or parts of it with others under the
- terms of the
- CC4r license
+ Copyleft attitude with a difference:
+
+
+ you are invited to share the publication or parts of it with others under
+ the terms of the
+ CC4r license
+