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.
307 lines
14 KiB
HTML
307 lines
14 KiB
HTML
<!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 #f14">
|
|
<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 #ef4">
|
|
<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 #f96">
|
|
<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 #fdc">
|
|
<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 #f76">
|
|
<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 #fe9">
|
|
<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 #f69">
|
|
<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 #ffa">
|
|
<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 #eee">
|
|
<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 #f83">
|
|
<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 #fa5">
|
|
<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 #ff2">
|
|
<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 #f1e">
|
|
<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 #f25">
|
|
<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 #fed">
|
|
<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 #f19">
|
|
<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 #f04">
|
|
<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 #fb9">
|
|
<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 #f14">
|
|
<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 #f82">
|
|
<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 #fc4">
|
|
<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 #f17">
|
|
<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 #f61">
|
|
<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 #ff2">
|
|
<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 #f7b">
|
|
<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 #f1b">
|
|
<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 #fba">
|
|
<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 #fc7">
|
|
<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 #f04">
|
|
<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 #f43">
|
|
<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 #f7c">
|
|
<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 #ff0">
|
|
<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 #f89">
|
|
<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 #f1f">
|
|
<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 #fa1">
|
|
<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 #f60">
|
|
<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 #ff6">
|
|
<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>
|
|
|
|
<li class="baloon" style="border: 50px solid #fd7">
|
|
<p class="title">[https://hub.xpub.nl/soupboat/~kamo/projects/panel/ Knob feast & Cables spaghetti hell]</p>
|
|
<p>Generate interactive synth panel from SVG</p>
|
|
</li>
|
|
|
|
<li class="baloon" style="border: 50px solid #fb2">
|
|
<p class="title">[https://hub.xpub.nl/soupboat/~kamo/projects/spaghetti/ Spaghetti]</p>
|
|
<p>Hand drawn SVG cables for a modular interaction</p>
|
|
</li>
|
|
|
|
<li class="baloon" style="border: 50px solid #fc4">
|
|
<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 #f99">
|
|
<p class="title">[https://hub.xpub.nl/soupboat/~kamo/projects/skimmer/ Skimmer]</p>
|
|
<p>Hyper~panning and displaced speakers</p>
|
|
</li>
|
|
|
|
<li class="baloon" style="border: 50px solid #f5d">
|
|
<p class="title">[https://hub.xpub.nl/soupboat/~kamo/projects/si18-01-jingles/ SI18.01 - Jingles]</p>
|
|
<p>Exploring the sequencer of the Skimmer to make some jjj</p>
|
|
</li>
|
|
|
|
<li class="baloon" style="border: 50px solid #fee">
|
|
<p class="title">[https://hub.xpub.nl/soupboat/~kamo/projects/notation-system/ Notation system for 2 or + fingers]</p>
|
|
<p>Drawing and performing scores with Chae</p>
|
|
</li>
|
|
|
|
<li class="baloon" style="border: 50px solid #ef5">
|
|
<p class="title">[https://hub.xpub.nl/soupboat/~kamo/projects/plotter-pattern/ Plotter Pattern]</p>
|
|
<p>Parametric graphics to be plotted with the plotter</p>
|
|
</li>
|
|
|
|
<li class="baloon" style="border: 50px solid #f73">
|
|
<p class="title">[https://hub.xpub.nl/soupboat/~kamo/projects/word-dimmer/ Word dimmer]</p>
|
|
<p>A tool to navigate words semantically</p>
|
|
</li>
|
|
|
|
<li class="baloon" style="border: 50px solid #f1b">
|
|
<p class="title">[https://hub.xpub.nl/soupboat/~kamo/projects/emergent-opera/ SI18.03 - Emergent Opera]</p>
|
|
<p>Ok let's write an opera in 1 week altogether</p>
|
|
</li>
|
|
|
|
<li class="baloon" style="border: 50px solid #f37">
|
|
<p class="title">[https://hub.xpub.nl/soupboat/~kamo/projects/workinon/ 🇯🇵 WORKINON]</p>
|
|
<p>Shared archive to keep track of how ideas change during research</p>
|
|
</li>
|
|
|
|
<li class="baloon" style="border: 50px solid #f16">
|
|
<p class="title">[https://hub.xpub.nl/soupboat/~kamo/projects/documentation-template/ Documentation Template]</p>
|
|
<p>Handy template for documenting projects</p>
|
|
</li>
|
|
|
|
<li class="baloon" style="border: 50px solid #f7f">
|
|
<p class="title">[https://hub.xpub.nl/soupboat/~kamo/projects/graduation-divination/ Graduation Divination]</p>
|
|
<p>Spiritual consultation for writing the thesis</p>
|
|
</li>
|
|
</ul>
|
|
</body>
|
|
</html>
|