abraca website

main
Stephen Kerr 1 year ago
parent 393967559b
commit 275b54ee99

@ -7,6 +7,14 @@
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<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>
<p>Aarseth, E. (2012). <em>A narrative theory of games. Proceedings of
the International Conference on the Foundations of Digital Games - FDG

@ -7,6 +7,14 @@
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<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="click-click-the-clicking-game-a-matter-of-accumulation">click-click,
the clicking game — a matter of accumulation</h1>

@ -7,6 +7,14 @@
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<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>
<h3 id="photography-and-illustration">Photography and Illustration</h3>
<p>Unless otherwise stated, all photography, illustrations and other

@ -7,6 +7,14 @@
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<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>
<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

@ -7,6 +7,14 @@
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<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
sessions</h1>
<h2

@ -7,6 +7,14 @@
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<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>
<h2 id="storytelling-tool">storytelling tool</h2>
<p>The Fiction Friction cards are made by two wanderers who spent a fair

@ -7,6 +7,14 @@
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<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>
<h2 id="text-adventure-game-about-fruits-and-rituals">text adventure
game about fruits and rituals</h2>

@ -7,6 +7,14 @@
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<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
Gossip on gossip and what coffee has to do with it.</h1>
<div class="centered-image">

@ -7,6 +7,14 @@
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<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
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

@ -7,6 +7,14 @@
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<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>
<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

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

@ -7,6 +7,14 @@
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<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>
<p>This Special Issue has been an attempt to understand games and
rituals. Instead of an introduction, we will try to unravel this

@ -7,6 +7,14 @@
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<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="licence">
<p>Copyright © 2023 XPUB</p>

@ -7,6 +7,14 @@
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<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>
<h2 id="six-sigma-fortune-telling">Six Sigma Fortune Telling</h2>
<p>The future cannot be predicted with certainty, but our current

@ -7,6 +7,14 @@
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<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>
<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

@ -7,6 +7,14 @@
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<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="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

@ -7,6 +7,14 @@
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<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 Louies Ghosteria</h1>
<h2
id="papa-louies-ghosteria-is-a-comic-like-fan-fiction-written-by-us">Papa

@ -7,6 +7,14 @@
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<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>
<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

@ -7,6 +7,14 @@
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<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>
<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

@ -7,6 +7,14 @@
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<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>
<p>Experimental Publishing,<br />
Willem de Kooning Academie,<br />

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

@ -7,6 +7,14 @@
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<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>
<h2 id="text-adventure-game">text adventure game</h2>
<p>My text-adventure game was (first and foremost a struggle and) an

@ -7,6 +7,14 @@
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<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>
<h2 id="death-geometry-and-the-structure-of-the-individual">Death,
Geometry and the Structure of the Individual</h2>

@ -7,6 +7,14 @@
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<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>
</body>
</html>

@ -7,6 +7,14 @@
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<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>
<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

@ -7,6 +7,14 @@
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<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>
<p>Welcome, my dear! This exercise is all about healing, about
reconnecting with what is essential and authentic within yourself. By

@ -7,6 +7,14 @@
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<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>
<h2 id="worry-dolls">Worry dolls</h2>
<div id="worry-dolls">

@ -7,6 +7,14 @@
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<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>
<h2 id="youtube-comments-as-tarot-readings">YouTube comments as Tarot
readings</h2>

Loading…
Cancel
Save