You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
328 lines
13 KiB
HTML
328 lines
13 KiB
HTML
3 years ago
|
<!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>Baloons</title>
|
||
|
|
<style>
|
||
|
|
.container {
|
||
|
|
position: relative;
|
||
|
|
font-family: sans-serif;
|
||
|
|
display: flex;
|
||
|
|
flex-wrap: wrap;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
font-size: 1.5rem;
|
||
|
|
list-style: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.baloon {
|
||
|
|
display: inline-flex;
|
||
|
|
flex-direction: column;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
width: 250px;
|
||
|
|
height: 250px;
|
||
|
|
padding: 25px;
|
||
|
|
text-align: center;
|
||
|
|
margin: 8px;
|
||
|
|
border-radius: 50%;
|
||
|
|
transform: rotate(0);
|
||
|
|
transition: transform 2s ease-out;
|
||
|
|
}
|
||
|
|
|
||
|
|
.baloon:hover {
|
||
|
|
transition: transform 1s ease-in;
|
||
|
|
transform: rotate(360deg);
|
||
|
|
}
|
||
|
|
|
||
|
|
.title {
|
||
|
|
font-weight: bold;
|
||
|
|
color: currentColor!important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.title a {
|
||
|
|
text-decoration: none;
|
||
|
|
color: currentColor;
|
||
|
|
}
|
||
|
|
|
||
|
|
a {
|
||
|
|
color: currentColor;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<ul class="container">
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #fd5">
|
||
|
|
<a href='https://hub.xpub.nl/soupboat/~kamo/projects/lifeboats/'>
|
||
|
|
<p class="title">Text ⛵ Lifeboats</p>
|
||
|
|
<p>What if we could use some excerpts from all of what we are reading now as lifeboats in a sea of text?</p>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #faa">
|
||
|
|
<a href='https://hub.xpub.nl/soupboat/~kamo/projects/weaving/'>
|
||
|
|
<p class="title">Text Weaving</p>
|
||
|
|
<p>Weave two texts, like warp and weft</p>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #f53">
|
||
|
|
<a href='https://hub.xpub.nl/soupboat/~kamo/projects/chat-reader/'>
|
||
|
|
<p class="title">Chat Reader</p>
|
||
|
|
<p>Transform a text (ok no, actually a CSV file) into a chat</p>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #ffb">
|
||
|
|
<a href='https://hub.xpub.nl/soupboat/~kamo/projects/cam-transcript/'>
|
||
|
|
<p class="title">Cam Transcript</p>
|
||
|
|
<p>10 minutes transcription from Insecam webcams</p>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #f0a">
|
||
|
|
<a href='https://hub.xpub.nl/soupboat/~kamo/projects/soup-gen/'>
|
||
|
|
<p class="title">🥣 Soup-gen</p>
|
||
|
|
<p>A soup aggregator for the next 2 years</p>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #fb2">
|
||
|
|
<a href='https://hub.xpub.nl/soupboat/~kamo/projects/rejection/'>
|
||
|
|
<p class="title">Rejection 🧠⛈️</p>
|
||
|
|
<p>Round glossary just for fun ok</p>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #f76">
|
||
|
|
<a href='https://hub.xpub.nl/soupboat/~kamo/projects/k-pub/'>
|
||
|
|
<p class="title">🎵 K-PUB</p>
|
||
|
|
<p>Karaoke as a mean of republishing</p>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #f4e">
|
||
|
|
<a href='https://hub.xpub.nl/soupboat/~kamo/projects/padliography/'>
|
||
|
|
<p class="title">🏓 PADliography</p>
|
||
|
|
<p>Fetching all our pads from the PZI wiki with API magic</p>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #f91">
|
||
|
|
<a href='https://hub.xpub.nl/soupboat/~kamo/projects/pimp/'>
|
||
|
|
<p class="title">Pimp the Soupboat WS</p>
|
||
|
|
<p>Crash HTML_CSS workshop for our dear XPUB1 fellows</p>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #f03">
|
||
|
|
<a href='https://hub.xpub.nl/soupboat/~kamo/projects/concrete-label/'>
|
||
|
|
<p class="title">Concrete 🎏 Label</p>
|
||
|
|
<p>A tool for annotating visual contents</p>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #feb">
|
||
|
|
<a href='https://hub.xpub.nl/soupboat/~kamo/projects/api-worldbuilding/'>
|
||
|
|
<p class="title">Chimeric API</p>
|
||
|
|
<p>What Can API Learn from Poetics and World-building?</p>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #f97">
|
||
|
|
<a href='https://hub.xpub.nl/soupboat/~kamo/projects/si16-API-strapi-nuxt-prototype/'>
|
||
|
|
<p class="title">SI16 API Strapi-Nuxt prototype</p>
|
||
|
|
<p>Test for a node.js backend for the SI16 app</p>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #f3d">
|
||
|
|
<a href='https://hub.xpub.nl/soupboat/~kamo/projects/si16-API-express-prototype/'>
|
||
|
|
<p class="title">SI16 API node.js + express prototype</p>
|
||
|
|
<p>Test for an API-based special issue</p>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #f4a">
|
||
|
|
<a href='https://hub.xpub.nl/soupboat/~kamo/projects/si16-structure-proposal/'>
|
||
|
|
<p class="title">SI16 Structure Proposal</p>
|
||
|
|
<p>Imaging the SI16 as an API ecosystem</p>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #fa7">
|
||
|
|
<a href='https://hub.xpub.nl/soupboat/~kamo/projects/si16-frontend-design/'>
|
||
|
|
<p class="title">SI16 Frontend Proposal</p>
|
||
|
|
<p>Proposal for the SI16 website</p>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #ef1">
|
||
|
|
<a href='https://hub.xpub.nl/soupboat/~kamo/projects/spawn-sticker/'>
|
||
|
|
<p class="title">Spawn Sticker</p>
|
||
|
|
<p>simple & flexible & adhesive</p>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #f43">
|
||
|
|
<a href='https://hub.xpub.nl/soupboat/~kamo/projects/annotation-compass/'>
|
||
|
|
<p class="title">Annotation Compass</p>
|
||
|
|
<p>A tool for gathering situated impressions in order to create individual, vernacular and poetic readings of various inputs</p>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #f4e">
|
||
|
|
<a href='https://hub.xpub.nl/soupboat/~kamo/projects/si16-backend/'>
|
||
|
|
<p class="title">SI16 Backend</p>
|
||
|
|
<p>Flexible Flask app (~) for the SI16 API</p>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #f41">
|
||
|
|
<a href='https://hub.xpub.nl/soupboat/~kamo/projects/cms-00/'>
|
||
|
|
<p class="title">Soupboat CMS 00</p>
|
||
|
|
<p>Micro JSON→HTML CMS for the first trimester</p>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #fe6">
|
||
|
|
<a href='https://hub.xpub.nl/soupboat/~kamo/projects/loot-box-temporality/'>
|
||
|
|
<p class="title">Temporality of the loot box</p>
|
||
|
|
<p>Against instant rewarding</p>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #f06">
|
||
|
|
<a href='https://hub.xpub.nl/soupboat/~kamo/projects/loot-box-sealing-device/'>
|
||
|
|
<p class="title">LOOT—BOX—SEALING—DEVICE</p>
|
||
|
|
<p>Closing Pandora's 3D large jar</p>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #f17">
|
||
|
|
<a href='https://hub.xpub.nl/soupboat/~kamo/projects/loot-box-multi-player/'>
|
||
|
|
<p class="title">Multi Player Loot Box</p>
|
||
|
|
<p>Notes to generate relations within the public</p>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #f77">
|
||
|
|
<a href='https://hub.xpub.nl/soupboat/~kamo/projects/mimic/'>
|
||
|
|
<p class="title">Mimic research 📦</p>
|
||
|
|
<p>Exploring a tricky treasure trope</p>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #fb3">
|
||
|
|
<a href='https://hub.xpub.nl/soupboat/~kamo/projects/katamari-fanfic/'>
|
||
|
|
<p class="title">A Katamari Fanfiction</p>
|
||
|
|
<p>What's left when you roll on everything?</p>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #f6e">
|
||
|
|
<a href='https://hub.xpub.nl/soupboat/~kamo/projects/loot-box-decorator/'>
|
||
|
|
<p class="title">Loot Box as a Decorator</p>
|
||
|
|
<p>Hermit crab in the book store</p>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #f5f">
|
||
|
|
<a href='https://hub.xpub.nl/soupboat/~kamo/projects/xquisite/'>
|
||
|
|
<p class="title">🥐 XQUISITE BRUNCH 🥐</p>
|
||
|
|
<p>A branching take on the exquisite corpse game</p>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #f61">
|
||
|
|
<a href='https://hub.xpub.nl/soupboat/~kamo/projects/soup-flask/'>
|
||
|
|
<p class="title">Flask that soup 🥥</p>
|
||
|
|
<p>Confy Flask setup on the Soupboat</p>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #fc5">
|
||
|
|
<a href='https://hub.xpub.nl/soupboat/~kamo/projects/chaotic-evil-puzzles/'>
|
||
|
|
<p class="title">Chaotic evil puzzles</p>
|
||
|
|
<p>Jigsaw puzzle as a form of encryption of our SI17</p>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #f18">
|
||
|
|
<a href='https://hub.xpub.nl/soupboat/~kamo/projects/si17-public/'>
|
||
|
|
<p class="title">SI17 producing the public</p>
|
||
|
|
<p>homeworks for 21/02</p>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #fdf">
|
||
|
|
<a href='https://hub.xpub.nl/soupboat/~kamo/projects/test-static-files/'>
|
||
|
|
<p class="title">test static files in project directory</p>
|
||
|
|
<p>it's a test</p>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #f2b">
|
||
|
|
<a href='https://hub.xpub.nl/soupboat/~kamo/projects/soup-to-wiki/'>
|
||
|
|
<p class="title">Soup to Wiki</p>
|
||
|
|
<p>Teleport this log to the wiki (teleport not ready yet)</p>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #fd3">
|
||
|
|
<a href='https://hub.xpub.nl/soupboat/~kamo/projects/chameleon/'>
|
||
|
|
<p class="title">Chameleon RRPG 🦎</p>
|
||
|
|
<p>A Random Role Play Game to inject micro scripted actions in daily life</p>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #ff8">
|
||
|
|
<a href='https://hub.xpub.nl/soupboat/~kamo/projects/postit-gen/'>
|
||
|
|
<p class="title">Post it generator</p>
|
||
|
|
<p>Prototype for web-to-print postit</p>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #f32">
|
||
|
|
<a href='https://hub.xpub.nl/soupboat/~kamo/projects/postit-contents/'>
|
||
|
|
<p class="title">Post-it Contents</p>
|
||
|
|
<p>A repo to organize SI17 contents in a post-it guise</p>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #fa8">
|
||
|
|
<a href='https://hub.xpub.nl/soupboat/~kamo/projects/post-flask/'>
|
||
|
|
<p class="title">we printed 85 000 postit for real</p>
|
||
|
|
<p>Web-to-print post-it generator app</p>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #f88">
|
||
|
|
<a href='https://hub.xpub.nl/soupboat/~kamo/projects/postit-identity/'>
|
||
|
|
<p class="title">Post-it Visual Identity</p>
|
||
|
|
<p>How to deliver a pubblication in post-it format</p>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #f34">
|
||
|
|
<a href='https://hub.xpub.nl/soupboat/~kamo/projects/si17-homepage/'>
|
||
|
|
<p class="title">SI17 Homepage</p>
|
||
|
|
<p>A simple static website to host the loot box</p>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #eee">
|
||
|
|
<a href='https://hub.xpub.nl/soupboat/~kamo/projects/lifespan/'>
|
||
|
|
<p class="title">Deciduous Time Everlasting Internet</p>
|
||
|
|
<p>Design the lifespan of a website</p>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</body>
|
||
|
|
</html>
|