User:Youjung/SI29: Gossips
Workshop: Our Digital Home
Documentation: Our Digital Home
SI29: Gossiping at the Intersection of Crafts and Resistances
SI29 Overview Wiki Page | SI29 Personal Webpage
1. TMUX Collaborative terminal session
- Date: 19/01/26
- Guest: Kaa
- Group: Barbara, Ema, Tommi, Youjung
- Theme: Network using terminal command: curl, ping, traceroute
TMUX enables to simultaneously write terminal commands through ssh. It was interesting to see these terminal log can turn into a collective zine using the tool Fanzine made by Kaa. The contrast between terminal screen and simultaneity was fun to see.
Also Kaa's Server Charms workshop seemed fun. Would love to participate!
2. Visit to Van Nelle Fabriek Data Center
- Date: 26/01/26
- Guest: Anti, Marloes
Van Nelle Fabriek Data Center, tour by Remco
3. Open Session: CSS Party
CSS exercise : cards.declarations.style pick 3 cards and make a website, we got sticky, pattern gradient and columns. I made a html and css file using the text I recently read "The Californian Ideology". You can find the website here.
Also the website Doriane made for permacomputing was also super nice. I loved the fact that she used the color scheme from Pokemon gameboy edition. The website also supports booklet version of the web, it is not automatically updated according to the changes but this also aligns with the permacomputing idea of having only the necessary functions.
Also Dorian showed how to hack displaying the css code. And the website style changes according to the changes of the code.
style {display: block;}
contenteditable: True;
4. Web Hosting on Smartphones
Used Termux API to ssh to a phone. I need an android phone...
Prototyping
1. Collective Bash Scripting On Server
Inspired from Kaa's workship with TMUX and Fanzine, I thought about printing a directory on the server. Directory itself becomes a html file using a bash script. For example, if someone uploads an image or txt, these file will automatically be stitched and added to a collective zine. Also thought about including the metadata of the file. The metadata can be file size, owner, permission, modified date etc. Since I've been working on web2print zine making for AMRO26 and Extraterrestrial zine fair(Documentation on zine-making), this prototyping will be a continuation.
Questions to think about
- What kind of meaning or value can stitching these files bring?
- Also am I interested in the file content or the metadata and interaction within the server?
Stitching HTML Files Using Bash Script
cat head.html > final.html ls -la >> final.html tree >> final.html cat feet.html >> final.html weasyprint final.html -s stylesheet.css final.pdf
Meta Data Stitching
Date: 26/01/26
Stitching files together in 1 html file and printing meta data on paper. What kind of meaning can metadata have? Does it become more intimate when it is printed on a piece of paper?
echo "<pre>" >> output.html date >> output.html pwd >> output.html whoami >> output.html echo "<br>[Tree]" >> output.html tree >> output.html ls -lh >> output.html echo "<br>[Differences]" >> output.html diff youjung luca >> output.html diff leassets daan >> output.html echo "<pre>" >> output.html weasyprint output.html -s output.css output.pdf
File Systems and File Forest
During prototyping class we looked on file systems and went through file navigation commands.
Using tree command we made a html file that lists meaningful file to you.
I used our family's icloud files that contained all the scanned family photos from the late 2th century. The files are organized in chronological order and my sister and I made this directory when she moved out to get married.
clear,history,calcalendarman historymanualctrl + rcommand historyctrl + cstopcatview file contentsudo tail -f syslogview system log real timecd /var/log/nginx->sudo tail -f access.logview server logcd enterhome foldercd /root folderfind .list all files(loads a lot of files!!)find . | grep "\.pdf$".pdf로 끝나는 확장자만 남김tree . -L 1 -H ./ > mytree.html
2. Server Campfire and File Sharing
Campfire Prototyping Documentation
Ideas on prototyping offline server
Date: 03/02/26
Local first file sharing: I'm curious if it is possible to set up a Raspberry Pi where people can gather around and share files like a camp fire. Without any internet connections, these files will be only saved in this device. And the only way to open or see this file is the printer. Last week we saw how many files we had in our computers. How many of them are valuable and meaningful to us? And what are the files do we want to share but also keep it private? For me it would be image files of our family photos and my pdf portfolio.
Using ESP32 for limited file sharing
Extending from Lea's workshop from server charm, I thought of setting a cozy camp fire file sharing session. People would gather around the server, connect to wifi and share message and image together. I borrowed the micro controller Lea made from Kaa's Server Charm Workshop. It is MakerGO ESP32 C3 SuperMini and has very limited storage. I tried adding image uploading function to it. But as the storage is very limited... the page crashed whenever I tried to click upload image button. I just uploaded the Guestbook page from the Server-Charms workshop following this manual.
You can connect to the wifi or type the IP address to access it. It is interesting to me because it is local and a physical presence of this object feels more intimate than sharing a link to a website. Also the decoration Lea made is so cute. I am becoming more intrigued to work on these physical devices.
Using Raspberry Pi 4b for file sharing
Tommi borrowed me Raspberry Pi 4b. Managed to connect to eduroam and install nginx. WHAT NOW?
3. Collective Gallery using Python and Jinja
Generating HTML + CSS with Python + Jinja
This is a prototype to generate web pages based on a collection of files stored on your computer or a shared server.
Output: xtra-nice, according to the editor of the file, border color changes
Python Libraries:
- Jinja similar to Liquid!
- pythontime for bring meta-data from files
Set up
uv init <filename> uv run main.py
main.py
import os
import pwd
from datetime import datetime
from jinja2 import Template
def main():
assets = os.listdir("assets")
assets_with_meta = []
for asset in assets:
# load stats from the file
stat = os.stat("assets/" + asset)
timestamp = os.path.getmtime("assets/" + asset)
last_modified = datetime.fromtimestamp(stat.st_mtime).strftime(
"%m/%d/%Y, %H:%M:%S"
)
user = pwd.getpwuid(stat.st_uid).pw_name
# pack everything in a dictionary
asset_with_meta = {
"last_modified": last_modified,
"file": "assets/" + asset,
"user": user,
}
assets_with_meta.append(asset_with_meta)
with open("template.html", "r") as f:
template_html = f.read()
template_jinja = Template(template_html)
output = template_jinja.render(title="XTRA GALLERY", assets=assets_with_meta)
with open("index.html", "w") as f:
f.write(output)
if __name__ == "__main__":
main()
template.html
<style>
body {
background-color: lemonchiffon;
color: saddlebrown;
}
img {
max-width: 240px;
margin-bottom: 8px;
}
.grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
}
.img_box {
display: flex;
flex-direction: column;
margin-bottom: 36px;
align-items: center;
}
.youjungnoh {
border: 2px solid lawngreen;
}
</style>
<h1>{{ title }}</h1>
<div class="grid">
{% for asset in assets%}
<div class="img_box">
<img class="{{asset.user}}" src="{{asset.file}}" />
{{asset.last_modified}} - {{asset.user}}
</div>
{% endfor %}
</div>
Methods
1. Practice and Scalability
- Date: 04/02/26
- Group: Lea, Sibyl, Youjung
We interviewed each other on our practice and how we plan to scale them. We decided to make a small zine out of it. Here is the documentation page.
2. Auto-Ethnography
- Date: 11/03/26
- Editorial Group: Daan, Lea, Youjung
- Source (a.o.): Autoethnography, T. Adams, C. Ellis and S. Holman Jones (2018).
Keywords on each other's practice
- Youjung's practice: drawing, coding, committing / organizing, minimal (noise-less), (everyday life) poetics
- Dann's practice: walking, (weird) sounds, drawing, urban / playful, (looking from) underground, small things, considerate, grunge, DIY
- Lea's practice: fermentation, drawing, writing, open-source/alternative tools, silent resistance / communal/collective, experimental, ever-learning
Exercise on auto-ethnography
Task: Write a short text based on these keywords about your (current) practice, include images, recordings or other media.
- Keywords
- playful, interactivity, ambivalence, poetic, depiction, digital environment, reflection, cuteness(?)
- What have you been making
- interactive text adventure game combined with pen-plotters
- python script that generates random poetry
- websites
- experiences that re-interprets digital experience
- drawings & illustrations
- zine made with weasyprint and paged.js
- graphs made of graphviz
- How you did it (method)
- combining other's practices and expertise
- conversation and collective decision making
- finding collective ways to make things
- finding lines of code and solutions with some assistance from AI
- obtain ideas from essays read during class (e.g. carrier bag theory)
- attending workshops and borrowing other practitioner's methods and tools
- start making things that seems interesting and fun
- questioning the obvious(scalability, efficiency, seamless experience)
- Why do you do this (motivation)
- to take fun serious
- curiosity on learning new tools, skills, methods and thoughts
- to make things more intentional and meaningful not for the sake of production
- spark nice conversations
- What other artists/writers/makers/etc. you feel your work relates to
- Chia Amisola - designer, developer, artist, writer
- Yehwan Song - artist, programmer, designer
- Elliott Cost - designer, developer
- Laurel Schwulst - designer, writer, artist
- Alexis Jamet - designer, illustrator
3. Description
Youjung 유정 (1) works at the intersection of graphic design, illustration and coding. (2) takes a crafty approach, layering textures and meanings. (3) is interested in taking fun seriously and conducting an open-ended research on digital platform culture. (3) 's work has taken form from branding, packaging, infographics to websites, zines and illustration (4) is currently studying Experimental Publishing at Piet Zwart Institute, Rotterdam NL. (5) is from Seoul, South Korea.
Youjung is a designer, illustrator and coder. Her works take a crafty approach, layering textures and meanings. She is interested in playful aspect of digital tools and currently conducting an open-ended research into digital culture. Her work spans branding, packaging, and infographics to websites, zines, and illustrations. She is from Seoul, South Korea and is currently studying Experimental Publishing at Piet Zwart Institute, Rotterdam.