XPUB
/
SI20
57
2
Fork 0
Code Issues Pull Requests Releases Wiki Activity

abraca website

Browse Source
main
Stephen Kerr 1 year ago
parent 393967559b
commit 275b54ee99
28 changed files with 224 additions and 20 deletions
Show Stats Download Patch File Download Diff File

8
web/bibliography/index.html
Unescape Escape View File

@ -7,6 +7,14 @@
<link rel="stylesheet" type="text/css" href="style.css"> <link rel="stylesheet" type="text/css" href="style.css">
</head> </head>
<body> <body>
<!-- Nav bar -->
<nav>
<ul>
<li><a href="index.html">CONSOLE</a></li>
<li><a href="about.html">ABOUT</a></li>
<li><a href="./event/">EVENT</a></li>
</ul>
</nav>
<div id="content"><h1 id="bibliography">Bibliography</h1> <div id="content"><h1 id="bibliography">Bibliography</h1>
<p>Aarseth, E. (2012). <em>A narrative theory of games. Proceedings of <p>Aarseth, E. (2012). <em>A narrative theory of games. Proceedings of
the International Conference on the Foundations of Digital Games - FDG the International Conference on the Foundations of Digital Games - FDG

8
web/click_aglaia/index.html
Unescape Escape View File

@ -7,6 +7,14 @@
<link rel="stylesheet" type="text/css" href="style.css"> <link rel="stylesheet" type="text/css" href="style.css">
</head> </head>
<body> <body>
<!-- Nav bar -->
<nav>
<ul>
<li><a href="index.html">CONSOLE</a></li>
<li><a href="about.html">ABOUT</a></li>
<li><a href="./event/">EVENT</a></li>
</ul>
</nav>
<div id="content"><h1 <div id="content"><h1
id="click-click-the-clicking-game-a-matter-of-accumulation">click-click, id="click-click-the-clicking-game-a-matter-of-accumulation">click-click,
the clicking game — a matter of accumulation</h1> the clicking game — a matter of accumulation</h1>

8
web/colophon2/index.html
Unescape Escape View File

@ -7,6 +7,14 @@
<link rel="stylesheet" type="text/css" href="style.css"> <link rel="stylesheet" type="text/css" href="style.css">
</head> </head>
<body> <body>
<!-- Nav bar -->
<nav>
<ul>
<li><a href="index.html">CONSOLE</a></li>
<li><a href="about.html">ABOUT</a></li>
<li><a href="./event/">EVENT</a></li>
</ul>
</nav>
<div id="content"><h1 id="colophon">Colophon</h1> <div id="content"><h1 id="colophon">Colophon</h1>
<h3 id="photography-and-illustration">Photography and Illustration</h3> <h3 id="photography-and-illustration">Photography and Illustration</h3>
<p>Unless otherwise stated, all photography, illustrations and other <p>Unless otherwise stated, all photography, illustrations and other

8
web/doc-monday-rituals/index.html
Unescape Escape View File

@ -7,6 +7,14 @@
<link rel="stylesheet" type="text/css" href="style.css"> <link rel="stylesheet" type="text/css" href="style.css">
</head> </head>
<body> <body>
<!-- Nav bar -->
<nav>
<ul>
<li><a href="index.html">CONSOLE</a></li>
<li><a href="about.html">ABOUT</a></li>
<li><a href="./event/">EVENT</a></li>
</ul>
</nav>
<div id="content"><h1 id="monday-morning-rituals">Monday Morning Rituals</h1> <div id="content"><h1 id="monday-morning-rituals">Monday Morning Rituals</h1>
<p>For eight weeks, students from XPUB prepared a ritual to perform at <p>For eight weeks, students from XPUB prepared a ritual to perform at
the top of Monday morning class. We explored cultural rituals such as the top of Monday morning class. We explored cultural rituals such as

8
web/doc-rituals-games/index.html
Unescape Escape View File

@ -7,6 +7,14 @@
<link rel="stylesheet" type="text/css" href="style.css"> <link rel="stylesheet" type="text/css" href="style.css">
</head> </head>
<body> <body>
<!-- Nav bar -->
<nav>
<ul>
<li><a href="index.html">CONSOLE</a></li>
<li><a href="about.html">ABOUT</a></li>
<li><a href="./event/">EVENT</a></li>
</ul>
</nav>
<div id="content"><h1 id="games-and-rituals-kick-off-sessions">Games and Rituals, Kick off <div id="content"><h1 id="games-and-rituals-kick-off-sessions">Games and Rituals, Kick off
sessions</h1> sessions</h1>
<h2 <h2

8
web/fiction_friction/index.html
Unescape Escape View File

@ -7,6 +7,14 @@
<link rel="stylesheet" type="text/css" href="style.css"> <link rel="stylesheet" type="text/css" href="style.css">
</head> </head>
<body> <body>
<!-- Nav bar -->
<nav>
<ul>
<li><a href="index.html">CONSOLE</a></li>
<li><a href="about.html">ABOUT</a></li>
<li><a href="./event/">EVENT</a></li>
</ul>
</nav>
<div id="content"><h1 id="fiction-friction">Fiction Friction</h1> <div id="content"><h1 id="fiction-friction">Fiction Friction</h1>
<h2 id="storytelling-tool">storytelling tool</h2> <h2 id="storytelling-tool">storytelling tool</h2>
<p>The Fiction Friction cards are made by two wanderers who spent a fair <p>The Fiction Friction cards are made by two wanderers who spent a fair

8
web/fruitual/index.html
Unescape Escape View File

@ -7,6 +7,14 @@
<link rel="stylesheet" type="text/css" href="style.css"> <link rel="stylesheet" type="text/css" href="style.css">
</head> </head>
<body> <body>
<!-- Nav bar -->
<nav>
<ul>
<li><a href="index.html">CONSOLE</a></li>
<li><a href="about.html">ABOUT</a></li>
<li><a href="./event/">EVENT</a></li>
</ul>
</nav>
<div id="content"><h1 id="fruitual">Fruitual</h1> <div id="content"><h1 id="fruitual">Fruitual</h1>
<h2 id="text-adventure-game-about-fruits-and-rituals">text adventure <h2 id="text-adventure-game-about-fruits-and-rituals">text adventure
game about fruits and rituals</h2> game about fruits and rituals</h2>

8
web/gossip-on-gossip/index.html
Unescape Escape View File

@ -7,6 +7,14 @@
<link rel="stylesheet" type="text/css" href="style.css"> <link rel="stylesheet" type="text/css" href="style.css">
</head> </head>
<body> <body>
<!-- Nav bar -->
<nav>
<ul>
<li><a href="index.html">CONSOLE</a></li>
<li><a href="about.html">ABOUT</a></li>
<li><a href="./event/">EVENT</a></li>
</ul>
</nav>
<div id="content"><h1 id="some-gossip-on-gossip-and-what-coffee-has-to-do-with-it.">Some <div id="content"><h1 id="some-gossip-on-gossip-and-what-coffee-has-to-do-with-it.">Some
Gossip on gossip and what coffee has to do with it.</h1> Gossip on gossip and what coffee has to do with it.</h1>
<div class="centered-image"> <div class="centered-image">

8
web/historyoftarot/index.html
Unescape Escape View File

@ -7,6 +7,14 @@
<link rel="stylesheet" type="text/css" href="style.css"> <link rel="stylesheet" type="text/css" href="style.css">
</head> </head>
<body> <body>
<!-- Nav bar -->
<nav>
<ul>
<li><a href="index.html">CONSOLE</a></li>
<li><a href="about.html">ABOUT</a></li>
<li><a href="./event/">EVENT</a></li>
</ul>
</nav>
<div id="content"><h1 id="a-hypothesized-and-randomly-factual-history-of-tarot-cards">A <div id="content"><h1 id="a-hypothesized-and-randomly-factual-history-of-tarot-cards">A
hypothesized and randomly factual History of Tarot Cards</h1> hypothesized and randomly factual History of Tarot Cards</h1>
<p>What follows is the story of a deck of cards and all the more-or-less <p>What follows is the story of a deck of cards and all the more-or-less

8
web/holograms/index.html
Unescape Escape View File

@ -7,6 +7,14 @@
<link rel="stylesheet" type="text/css" href="style.css"> <link rel="stylesheet" type="text/css" href="style.css">
</head> </head>
<body> <body>
<!-- Nav bar -->
<nav>
<ul>
<li><a href="index.html">CONSOLE</a></li>
<li><a href="about.html">ABOUT</a></li>
<li><a href="./event/">EVENT</a></li>
</ul>
</nav>
<div id="content"><h1 id="holographic-oracle-deck">Holographic Oracle Deck</h1> <div id="content"><h1 id="holographic-oracle-deck">Holographic Oracle Deck</h1>
<h2 <h2
id="crystals-energy-is-a-holographic-oracle-deck-exploring-a-range-of-energy-sources-through-the-nature-of-crystals-and-minerals-as-energy-storing-matter.">‘Crystals id="crystals-energy-is-a-holographic-oracle-deck-exploring-a-range-of-energy-sources-through-the-nature-of-crystals-and-minerals-as-energy-storing-matter.">‘Crystals

22
web/index.html
Unescape Escape View File

@ -7,23 +7,15 @@
<link rel="stylesheet" type="text/css" href="ada.css"> <link rel="stylesheet" type="text/css" href="ada.css">
<title>Console</title> <title>Console</title>
</head> </head>
<!-- Nav bar -->
<nav>
<body>
<!-- Fonts -->
<link rel="stylesheet" href="/SI20/web/fonts/worksans/stylesheet.css">
<!-- Nav bar -->
<nav>
<ul> <ul>
<li><a href="about.html">about</a></li> <li><a href="/index.html">CONSOLE</a></li>
<li><a href="./spin-wheel/index.html">Wheel of Fortune</a></li> <li><a href="about.html">ABOUT</a></li>
<li><a href="/event/">EVENT</a></li>
</ul> </ul>
</nav> </nav>
<body>
<!-- </template> -->
<!-- stephen wrote: -->
<p>XPUB & PNF present: </p> <p>XPUB & PNF present: </p>
<h1>CONSOLE</h1> <h1>CONSOLE</h1>
<h3>XPUB SPECIAL ISSUE XX</h3> <h3>XPUB SPECIAL ISSUE XX</h3>

8
web/introduction/index.html
Unescape Escape View File

@ -7,6 +7,14 @@
<link rel="stylesheet" type="text/css" href="style.css"> <link rel="stylesheet" type="text/css" href="style.css">
</head> </head>
<body> <body>
<!-- Nav bar -->
<nav>
<ul>
<li><a href="index.html">CONSOLE</a></li>
<li><a href="about.html">ABOUT</a></li>
<li><a href="./event/">EVENT</a></li>
</ul>
</nav>
<div id="content"><h1 id="introduction">Introduction</h1> <div id="content"><h1 id="introduction">Introduction</h1>
<p>This Special Issue has been an attempt to understand games and <p>This Special Issue has been an attempt to understand games and
rituals. Instead of an introduction, we will try to unravel this rituals. Instead of an introduction, we will try to unravel this

8
web/license/index.html
Unescape Escape View File

@ -7,6 +7,14 @@
<link rel="stylesheet" type="text/css" href="style.css"> <link rel="stylesheet" type="text/css" href="style.css">
</head> </head>
<body> <body>
<!-- Nav bar -->
<nav>
<ul>
<li><a href="index.html">CONSOLE</a></li>
<li><a href="about.html">ABOUT</a></li>
<li><a href="./event/">EVENT</a></li>
</ul>
</nav>
<div id="content"><h1 id="sixx-license">SIXX License</h1> <div id="content"><h1 id="sixx-license">SIXX License</h1>
<div id="licence"> <div id="licence">
<p>Copyright © 2023 XPUB</p> <p>Copyright © 2023 XPUB</p>

8
web/long_time/index.html
Unescape Escape View File

@ -7,6 +7,14 @@
<link rel="stylesheet" type="text/css" href="style.css"> <link rel="stylesheet" type="text/css" href="style.css">
</head> </head>
<body> <body>
<!-- Nav bar -->
<nav>
<ul>
<li><a href="index.html">CONSOLE</a></li>
<li><a href="about.html">ABOUT</a></li>
<li><a href="./event/">EVENT</a></li>
</ul>
</nav>
<div id="content"><h1 id="long-time">Long Time</h1> <div id="content"><h1 id="long-time">Long Time</h1>
<h2 id="six-sigma-fortune-telling">Six Sigma Fortune Telling</h2> <h2 id="six-sigma-fortune-telling">Six Sigma Fortune Telling</h2>
<p>The future cannot be predicted with certainty, but our current <p>The future cannot be predicted with certainty, but our current

8
web/oracle/index.html
Unescape Escape View File

@ -7,6 +7,14 @@
<link rel="stylesheet" type="text/css" href="style.css"> <link rel="stylesheet" type="text/css" href="style.css">
</head> </head>
<body> <body>
<!-- Nav bar -->
<nav>
<ul>
<li><a href="index.html">CONSOLE</a></li>
<li><a href="about.html">ABOUT</a></li>
<li><a href="./event/">EVENT</a></li>
</ul>
</nav>
<div id="content"><h1 id="oracolotto">oracolotto</h1> <div id="content"><h1 id="oracolotto">oracolotto</h1>
<p><em>Those who dream of drinking wine may weep when morning comes; <p><em>Those who dream of drinking wine may weep when morning comes;
those who dream of weeping may in the morning go off to hunt. While they those who dream of weeping may in the morning go off to hunt. While they

8
web/pacifist-fortnite/index.html
Unescape Escape View File

@ -7,6 +7,14 @@
<link rel="stylesheet" type="text/css" href="style.css"> <link rel="stylesheet" type="text/css" href="style.css">
</head> </head>
<body> <body>
<!-- Nav bar -->
<nav>
<ul>
<li><a href="index.html">CONSOLE</a></li>
<li><a href="about.html">ABOUT</a></li>
<li><a href="./event/">EVENT</a></li>
</ul>
</nav>
<div id="content"><h1 <div id="content"><h1
id="sometimes-the-world-as-it-is-and-the-world-as-it-could-be-are-devastatingly-close-to-each-other.">Sometimes id="sometimes-the-world-as-it-is-and-the-world-as-it-could-be-are-devastatingly-close-to-each-other.">Sometimes
the world as it is and the world as it could be are devastatingly close the world as it is and the world as it could be are devastatingly close

8
web/papa-louie/index.html
Unescape Escape View File

@ -7,6 +7,14 @@
<link rel="stylesheet" type="text/css" href="style.css"> <link rel="stylesheet" type="text/css" href="style.css">
</head> </head>
<body> <body>
<!-- Nav bar -->
<nav>
<ul>
<li><a href="index.html">CONSOLE</a></li>
<li><a href="about.html">ABOUT</a></li>
<li><a href="./event/">EVENT</a></li>
</ul>
</nav>
<div id="content"><h1 id="papa-louies-ghosteria">Papa Louie’s Ghosteria</h1> <div id="content"><h1 id="papa-louies-ghosteria">Papa Louie’s Ghosteria</h1>
<h2 <h2
id="papa-louies-ghosteria-is-a-comic-like-fan-fiction-written-by-us">Papa id="papa-louies-ghosteria-is-a-comic-like-fan-fiction-written-by-us">Papa

8
web/peace/index.html
Unescape Escape View File

@ -7,6 +7,14 @@
<link rel="stylesheet" type="text/css" href="style.css"> <link rel="stylesheet" type="text/css" href="style.css">
</head> </head>
<body> <body>
<!-- Nav bar -->
<nav>
<ul>
<li><a href="index.html">CONSOLE</a></li>
<li><a href="about.html">ABOUT</a></li>
<li><a href="./event/">EVENT</a></li>
</ul>
</nav>
<div id="content"><h1 id="peace">Peace</h1> <div id="content"><h1 id="peace">Peace</h1>
<p><em>Peace</em> is a mindfulness game Cara created as an in-class <p><em>Peace</em> is a mindfulness game Cara created as an in-class
exercise in creating text adventures in python. The game will break at exercise in creating text adventures in python. The game will break at

8
web/sims-mod/index.html
Unescape Escape View File

@ -7,6 +7,14 @@
<link rel="stylesheet" type="text/css" href="style.css"> <link rel="stylesheet" type="text/css" href="style.css">
</head> </head>
<body> <body>
<!-- Nav bar -->
<nav>
<ul>
<li><a href="index.html">CONSOLE</a></li>
<li><a href="about.html">ABOUT</a></li>
<li><a href="./event/">EVENT</a></li>
</ul>
</nav>
<div id="content"><h1 id="the-player-is-the-author">The Player is the Author</h1> <div id="content"><h1 id="the-player-is-the-author">The Player is the Author</h1>
<p>In The Sims™ 4, some values are certainly given by the game; make <p>In The Sims™ 4, some values are certainly given by the game; make
money to buy nicer things, progress in your career by doing tasks that money to buy nicer things, progress in your career by doing tasks that

8
web/start-matter/index.html
Unescape Escape View File

@ -7,6 +7,14 @@
<link rel="stylesheet" type="text/css" href="style.css"> <link rel="stylesheet" type="text/css" href="style.css">
</head> </head>
<body> <body>
<!-- Nav bar -->
<nav>
<ul>
<li><a href="index.html">CONSOLE</a></li>
<li><a href="about.html">ABOUT</a></li>
<li><a href="./event/">EVENT</a></li>
</ul>
</nav>
<div id="content"><p>Co-published by:</p> <div id="content"><p>Co-published by:</p>
<p>Experimental Publishing,<br /> <p>Experimental Publishing,<br />
Willem de Kooning Academie,<br /> Willem de Kooning Academie,<br />

14
web/style.css
Unescape Escape View File

@ -50,7 +50,7 @@
body{ body{
font-family: worksans; font-family: worksans;
background-color: #000; background-color: #999;
color: #fff; color: #fff;
max-width: 40rem; max-width: 40rem;
margin: 2rem auto; margin: 2rem auto;
@ -68,8 +68,7 @@ img{
color: #fff; color: #fff;
} }
body { body {
background: #000; background: #112;
background: rgba(0, 0, 0, 1);
color: #fff; color: #fff;
overflow-x: hidden; overflow-x: hidden;
} }
@ -198,13 +197,18 @@ section{
font-family: 'Simlish'; font-family: 'Simlish';
} }
.small-images figure{ .small-images figure{
margin: 1mm; width: calc(50% - 1rem);
display: inline-block;
} }
.small-images figcaption{ .small-images figcaption{
margin-top: -2mm; margin-top: -2mm;
} }
.small-images figure:nth-of-type(2n){
float: right
}
.small-images img{ .small-images img{
width: 70mm; width: 100%;
display: inline-block;
} }
.toc{ .toc{
break-before: right; break-before: right;

8
web/superdeconstruction/index.html
Unescape Escape View File

@ -7,6 +7,14 @@
<link rel="stylesheet" type="text/css" href="style.css"> <link rel="stylesheet" type="text/css" href="style.css">
</head> </head>
<body> <body>
<!-- Nav bar -->
<nav>
<ul>
<li><a href="index.html">CONSOLE</a></li>
<li><a href="about.html">ABOUT</a></li>
<li><a href="./event/">EVENT</a></li>
</ul>
</nav>
<div id="content"><h1 id="superdeconstruction">Super(de)construction</h1> <div id="content"><h1 id="superdeconstruction">Super(de)construction</h1>
<h2 id="text-adventure-game">text adventure game</h2> <h2 id="text-adventure-game">text adventure game</h2>
<p>My text-adventure game was (first and foremost a struggle and) an <p>My text-adventure game was (first and foremost a struggle and) an

8
web/tetris_fantasies/index.html
Unescape Escape View File

@ -7,6 +7,14 @@
<link rel="stylesheet" type="text/css" href="style.css"> <link rel="stylesheet" type="text/css" href="style.css">
</head> </head>
<body> <body>
<!-- Nav bar -->
<nav>
<ul>
<li><a href="index.html">CONSOLE</a></li>
<li><a href="about.html">ABOUT</a></li>
<li><a href="./event/">EVENT</a></li>
</ul>
</nav>
<div id="content"><h1 id="tetris-fantasies">Tetris Fantasies</h1> <div id="content"><h1 id="tetris-fantasies">Tetris Fantasies</h1>
<h2 id="death-geometry-and-the-structure-of-the-individual">Death, <h2 id="death-geometry-and-the-structure-of-the-individual">Death,
Geometry and the Structure of the Individual</h2> Geometry and the Structure of the Individual</h2>

8
web/webpage.template.html
Unescape Escape View File

@ -7,6 +7,14 @@
<link rel="stylesheet" type="text/css" href="style.css"> <link rel="stylesheet" type="text/css" href="style.css">
</head> </head>
<body> <body>
<!-- Nav bar -->
<nav>
<ul>
<li><a href="index.html">CONSOLE</a></li>
<li><a href="about.html">ABOUT</a></li>
<li><a href="./event/">EVENT</a></li>
</ul>
</nav>
<div id="content">{{ content }}</div> <div id="content">{{ content }}</div>
</body> </body>
</html> </html>

8
web/wheel-doc/index.html
Unescape Escape View File

@ -7,6 +7,14 @@
<link rel="stylesheet" type="text/css" href="style.css"> <link rel="stylesheet" type="text/css" href="style.css">
</head> </head>
<body> <body>
<!-- Nav bar -->
<nav>
<ul>
<li><a href="index.html">CONSOLE</a></li>
<li><a href="about.html">ABOUT</a></li>
<li><a href="./event/">EVENT</a></li>
</ul>
</nav>
<div id="content"><h1 id="the-wheel-of-fortune">The Wheel of Fortune</h1> <div id="content"><h1 id="the-wheel-of-fortune">The Wheel of Fortune</h1>
<h2 id="a-tool-for-self-inquiry">a tool for self-inquiry</h2> <h2 id="a-tool-for-self-inquiry">a tool for self-inquiry</h2>
<p>The Wheel of Fortune (not to be mistaken with the tarot card) is a <p>The Wheel of Fortune (not to be mistaken with the tarot card) is a

8
web/wheel-manual/index.html
Unescape Escape View File

@ -7,6 +7,14 @@
<link rel="stylesheet" type="text/css" href="style.css"> <link rel="stylesheet" type="text/css" href="style.css">
</head> </head>
<body> <body>
<!-- Nav bar -->
<nav>
<ul>
<li><a href="index.html">CONSOLE</a></li>
<li><a href="about.html">ABOUT</a></li>
<li><a href="./event/">EVENT</a></li>
</ul>
</nav>
<div id="content"><h1 id="the-wheel-of-fortune-manual">The Wheel of Fortune — Manual</h1> <div id="content"><h1 id="the-wheel-of-fortune-manual">The Wheel of Fortune — Manual</h1>
<p>Welcome, my dear! This exercise is all about healing, about <p>Welcome, my dear! This exercise is all about healing, about
reconnecting with what is essential and authentic within yourself. By reconnecting with what is essential and authentic within yourself. By

8
web/worry-dolls/index.html
Unescape Escape View File

@ -7,6 +7,14 @@
<link rel="stylesheet" type="text/css" href="style.css"> <link rel="stylesheet" type="text/css" href="style.css">
</head> </head>
<body> <body>
<!-- Nav bar -->
<nav>
<ul>
<li><a href="index.html">CONSOLE</a></li>
<li><a href="about.html">ABOUT</a></li>
<li><a href="./event/">EVENT</a></li>
</ul>
</nav>
<div id="content"><h1 id="the-legend-of-the-worry">The Legend of the Worry</h1> <div id="content"><h1 id="the-legend-of-the-worry">The Legend of the Worry</h1>
<h2 id="worry-dolls">Worry dolls</h2> <h2 id="worry-dolls">Worry dolls</h2>
<div id="worry-dolls"> <div id="worry-dolls">

8
web/youtube_tarot/index.html
Unescape Escape View File

@ -7,6 +7,14 @@
<link rel="stylesheet" type="text/css" href="style.css"> <link rel="stylesheet" type="text/css" href="style.css">
</head> </head>
<body> <body>
<!-- Nav bar -->
<nav>
<ul>
<li><a href="index.html">CONSOLE</a></li>
<li><a href="about.html">ABOUT</a></li>
<li><a href="./event/">EVENT</a></li>
</ul>
</nav>
<div id="content"><h1 id="youtube-tarot">YouTube Tarot</h1> <div id="content"><h1 id="youtube-tarot">YouTube Tarot</h1>
<h2 id="youtube-comments-as-tarot-readings">YouTube comments as Tarot <h2 id="youtube-comments-as-tarot-readings">YouTube comments as Tarot
readings</h2> readings</h2>

Write Preview
Loading…
Cancel
Save