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.
252 lines
11 KiB
HTML
252 lines
11 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 #f58">
|
||
|
|
<p class="title">[https://hub.xpub.nl/soupboat/~kamo/projects/lifeboats/ 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>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #fd1">
|
||
|
|
<p class="title">[https://hub.xpub.nl/soupboat/~kamo/projects/weaving/ Text Weaving]</p>
|
||
|
|
<p>Weave two texts, like warp and weft</p>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #f18">
|
||
|
|
<p class="title">[https://hub.xpub.nl/soupboat/~kamo/projects/chat-reader/ Chat Reader]</p>
|
||
|
|
<p>Transform a text (ok no, actually a CSV file) into a chat</p>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #fc2">
|
||
|
|
<p class="title">[https://hub.xpub.nl/soupboat/~kamo/projects/cam-transcript/ Cam Transcript]</p>
|
||
|
|
<p>10 minutes transcription from Insecam webcams</p>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #f5c">
|
||
|
|
<p class="title">[https://hub.xpub.nl/soupboat/~kamo/projects/soup-gen/ 🥣 Soup-gen]</p>
|
||
|
|
<p>A soup aggregator for the next 2 years</p>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #f3b">
|
||
|
|
<p class="title">[https://hub.xpub.nl/soupboat/~kamo/projects/rejection/ Rejection 🧠⛈️]</p>
|
||
|
|
<p>Round glossary just for fun ok</p>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #fce">
|
||
|
|
<p class="title">[https://hub.xpub.nl/soupboat/~kamo/projects/k-pub/ 🎵 K-PUB]</p>
|
||
|
|
<p>Karaoke as a mean of republishing</p>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #fde">
|
||
|
|
<p class="title">[https://hub.xpub.nl/soupboat/~kamo/projects/padliography/ 🏓 PADliography]</p>
|
||
|
|
<p>Fetching all our pads from the PZI wiki with API magic</p>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #f6e">
|
||
|
|
<p class="title">[https://hub.xpub.nl/soupboat/~kamo/projects/pimp/ Pimp the Soupboat WS]</p>
|
||
|
|
<p>Crash HTML_CSS workshop for our dear XPUB1 fellows</p>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #f1a">
|
||
|
|
<p class="title">[https://hub.xpub.nl/soupboat/~kamo/projects/concrete-label/ Concrete 🎏 Label]</p>
|
||
|
|
<p>A tool for annotating visual contents</p>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #ef0">
|
||
|
|
<p class="title">[https://hub.xpub.nl/soupboat/~kamo/projects/api-worldbuilding/ Chimeric API]</p>
|
||
|
|
<p>What Can API Learn from Poetics and World-building?</p>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #f5c">
|
||
|
|
<p class="title">[https://hub.xpub.nl/soupboat/~kamo/projects/si16-API-strapi-nuxt-prototype/ SI16 API Strapi-Nuxt prototype]</p>
|
||
|
|
<p>Test for a node.js backend for the SI16 app</p>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #ff1">
|
||
|
|
<p class="title">[https://hub.xpub.nl/soupboat/~kamo/projects/si16-API-express-prototype/ SI16 API node.js + express prototype]</p>
|
||
|
|
<p>Test for an API-based special issue</p>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #f4a">
|
||
|
|
<p class="title">[https://hub.xpub.nl/soupboat/~kamo/projects/si16-structure-proposal/ SI16 Structure Proposal]</p>
|
||
|
|
<p>Imaging the SI16 as an API ecosystem</p>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #f83">
|
||
|
|
<p class="title">[https://hub.xpub.nl/soupboat/~kamo/projects/si16-frontend-design/ SI16 Frontend Proposal]</p>
|
||
|
|
<p>Proposal for the SI16 website</p>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #f34">
|
||
|
|
<p class="title">[https://hub.xpub.nl/soupboat/~kamo/projects/spawn-sticker/ Spawn Sticker]</p>
|
||
|
|
<p>simple & flexible & adhesive</p>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #f60">
|
||
|
|
<p class="title">[https://hub.xpub.nl/soupboat/~kamo/projects/annotation-compass/ Annotation Compass]</p>
|
||
|
|
<p>A tool for gathering situated impressions in order to create individual, vernacular and poetic readings of various inputs</p>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #faf">
|
||
|
|
<p class="title">[https://hub.xpub.nl/soupboat/~kamo/projects/si16-backend/ SI16 Backend]</p>
|
||
|
|
<p>Flexible Flask app (~) for the SI16 API</p>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #fa5">
|
||
|
|
<p class="title">[https://hub.xpub.nl/soupboat/~kamo/projects/cms-00/ Soupboat CMS 00]</p>
|
||
|
|
<p>Micro JSON→HTML CMS for the first trimester</p>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #f69">
|
||
|
|
<p class="title">[https://hub.xpub.nl/soupboat/~kamo/projects/loot-box-temporality/ Temporality of the loot box]</p>
|
||
|
|
<p>Against instant rewarding</p>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #fce">
|
||
|
|
<p class="title">[https://hub.xpub.nl/soupboat/~kamo/projects/loot-box-sealing-device/ LOOT—BOX—SEALING—DEVICE]</p>
|
||
|
|
<p>Closing Pandora's 3D large jar</p>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #f71">
|
||
|
|
<p class="title">[https://hub.xpub.nl/soupboat/~kamo/projects/loot-box-multi-player/ Multi Player Loot Box]</p>
|
||
|
|
<p>Notes to generate relations within the public</p>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #fa7">
|
||
|
|
<p class="title">[https://hub.xpub.nl/soupboat/~kamo/projects/mimic/ Mimic research 📦]</p>
|
||
|
|
<p>Exploring a tricky treasure trope</p>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #f0d">
|
||
|
|
<p class="title">[https://hub.xpub.nl/soupboat/~kamo/projects/katamari-fanfic/ A Katamari Fanfiction]</p>
|
||
|
|
<p>What's left when you roll on everything?</p>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #fef">
|
||
|
|
<p class="title">[https://hub.xpub.nl/soupboat/~kamo/projects/loot-box-decorator/ Loot Box as a Decorator]</p>
|
||
|
|
<p>Hermit crab in the book store</p>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #f9a">
|
||
|
|
<p class="title">[https://hub.xpub.nl/soupboat/~kamo/projects/xquisite/ 🥐 XQUISITE BRUNCH 🥐]</p>
|
||
|
|
<p>A branching take on the exquisite corpse game</p>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #f9d">
|
||
|
|
<p class="title">[https://hub.xpub.nl/soupboat/~kamo/projects/soup-flask/ Flask that soup 🥥]</p>
|
||
|
|
<p>Confy Flask setup on the Soupboat</p>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #f73">
|
||
|
|
<p class="title">[https://hub.xpub.nl/soupboat/~kamo/projects/chaotic-evil-puzzles/ Chaotic evil puzzles]</p>
|
||
|
|
<p>Jigsaw puzzle as a form of encryption of our SI17</p>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #f18">
|
||
|
|
<p class="title">[https://hub.xpub.nl/soupboat/~kamo/projects/si17-public/ SI17 producing the public]</p>
|
||
|
|
<p>homeworks for 21/02</p>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #f4e">
|
||
|
|
<p class="title">[https://hub.xpub.nl/soupboat/~kamo/projects/test-static-files/ test static files in project directory]</p>
|
||
|
|
<p>it's a test</p>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #f8a">
|
||
|
|
<p class="title">[https://hub.xpub.nl/soupboat/~kamo/projects/soup-to-wiki/ Soup to Wiki]</p>
|
||
|
|
<p>Teleport this log to the wiki (teleport not ready yet)</p>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #f61">
|
||
|
|
<p class="title">[https://hub.xpub.nl/soupboat/~kamo/projects/chameleon/ Chameleon RRPG 🦎]</p>
|
||
|
|
<p>A Random Role Play Game to inject micro scripted actions in daily life</p>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #f80">
|
||
|
|
<p class="title">[https://hub.xpub.nl/soupboat/~kamo/projects/postit-gen/ Post it generator]</p>
|
||
|
|
<p>Prototype for web-to-print postit</p>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #f05">
|
||
|
|
<p class="title">[https://hub.xpub.nl/soupboat/~kamo/projects/postit-contents/ Post-it Contents]</p>
|
||
|
|
<p>A repo to organize SI17 contents in a post-it guise</p>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #f6d">
|
||
|
|
<p class="title">[https://hub.xpub.nl/soupboat/~kamo/projects/post-flask/ we printed 85 000 postit for real]</p>
|
||
|
|
<p>Web-to-print post-it generator app</p>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #f1d">
|
||
|
|
<p class="title">[https://hub.xpub.nl/soupboat/~kamo/projects/postit-identity/ Post-it Visual Identity]</p>
|
||
|
|
<p>How to deliver a pubblication in post-it format</p>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #f50">
|
||
|
|
<p class="title">[https://hub.xpub.nl/soupboat/~kamo/projects/si17-homepage/ SI17 Homepage]</p>
|
||
|
|
<p>A simple static website to host the loot box</p>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="baloon" style="border: 50px solid #f39">
|
||
|
|
<p class="title">[https://hub.xpub.nl/soupboat/~kamo/projects/lifespan/ Deciduous Time Everlasting Internet]</p>
|
||
|
|
<p>Design the lifespan of a website</p>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</body>
|
||
|
|
</html>
|