xplosionmind/ournet

🧶 Knitting our Internet – workshop resources, and website source code [MIRROR]

🪡 Knitting Our Internet 🧶

This repository hosts the resources, the material, and the website’s source code for 🪡 Knitting Our Internet 🧶, an interactive workshop travelling through the history of the Internet, and a collective re-imagination of participatory, decentralized alternatives.

This workshop aims at questioning the very essence of today’s social networks, exposing the critical limits given by centralization, monopoly, and surveillance capitalism.

👾 Source code

The main repository is hosted on Codeberg and mirrored on GitHub, where issues are being tracked.

📟 Software

This website is proudly built with Eleventy.

🏠 Hosting

ourinternet.in is proud to be hosted independently on Nebuchadnezzar, Tommi’s server.

💥 Wanna help? 😍

If you are interested in helping us knit our internet, you are most welcome to!

Here are some possibilities:

🪢 Host the workshop 💕

The whole project is centered on the workshop, and the best possible thing you can do is to host it!

🚀 Contribute ✨

The people who coded this website are not web development masters… we could definitely use your suggestions and your help!

🌐 Translate

In order to make this workshop as accessible as possible, we welcome translations in all languages!

🪙 Donate

This project is fully independent, and has no funding whatsoever. All the expenses we face come our of our pockets.

Donations are welcome! 💝

📣 Spread the word!

Make our voices heard and reclaim Our Internet! Share ourinternet.in and join our fight!

ournet's Issues

Stickers

Ideas of what to put in every sticker:

• Link to ourinternet.in (if we keep the domain the same #8)
• Slogan sentence (see #14)

User interface design

I've created a Penpot workspace for the project here:
https://design.penpot.app/#/dashboard/team/3d05e112-61de-81a6-8004-ab30d9aa0ea4/

The Penpot workspace will be a place where we can play around with layouts before we have a cohesive visual identity.
It's also a good place to draft screens before putting into code.

There will be two main files:

• Wireframe - for the basic wireframing and layout of screens (found here)
• Hi-fi - for when a visual style guide has been decided upon (note: file is yet to be created -- it will be duplicated from the wireframe after that is complete)

This will help us make consistent style classes that we can apply across the site :)

Progress on wireframing for the following pages:

• Homepage
• Knit page - awaiting copy
• About page - awaiting copy
• (Hi)story page? - awaiting copy
• Press kit - awaiting copy
• Visual identity page (#2) - awaiting copy
• Resources/further reading - awaiting copy
• Fediverse stuff - awaiting copy
• IndieWeb stuff - awaiting copy
• Inspiration (#9)

Graphical identity guidelines

It would be great if we could manage to formalize into words the visual identity we defined for this project, as well as creating a dedicated page about this on the website.

Pan.rent CSS styling matching ournet visual guidelines

Ideas, concepts, articles, research, resources

Let’s use this Are.na channel to drop interesting stuff!

Contributors’ profile pictures

In the about page, there will be a list of the people contributing to the project (😍).

Please, write below a publicly available link to the profile picture you would like to use (it must be square). If you don’t have a profile picture published somewhere online, send it to me via email.

• @xplosionmind
• @AliaElKattan
• @rahak
• @wingywing
• @Ssoless
• @veronicawithc

Hosting opportunities

Keeping track of events and opportunities where the workshop can be hosted. To view past occasions when the workshop was hosted, check out the workshop history page

Note: Checked events are those to which the workshop has been submitted to, not necessarily accepted.

• Nextcloud Community Conference 2024 – 2024.09.14-15, Berlin, Germany. Submission deadline: 2024.07.21 EOD.
• Better Software – 2024.10.11, Bologna, Italy. Submission deadline: 2024.09.07.
• SFSCon 2024 – 2024.11.08-09, Bolzano, Italy.

Posters

Idea: writing Our Internet is… with a blank space that people can complete.

Font family

This issue tracks the choice of the font family/families used in Knitting Our Internet.

Initial random ideas

• 
• 
• 
• 
• (Interesting story behind it, related to the philosophy of the workshop)
• 

Networking, advocacy, PR, press, promotion.

This issue keeps track of ideas and tasks related to the promotion of the workshop.

Contacts

• whitep4nth3r/the-claw-webring#40 (comment)
• Fediverse instance admins
• Fediverse “influencers”
  • @[email protected]
  • @[email protected]
• Discord channels
• Matrix chats
• Open Source Design forum
• Own Your Web
• Low←Tech Magazine
• We Distribute
• Reclaim The Tech community
• Stefano Borroni Barale x Altreconomia
• Team CommUNITY mailing list
• C.I.R.C.E. – Centro Internazionale di Ricerca per le Convivialità Elettriche
  • Maurizio “Graffio” Mazzoneschi
• Disruption Network Lab

Deciding website structure

I am thorn on how to generally structure the website, specifically on where to write the content:

• Have many essential and atomic pages with many links among each others
  • every section’s URL would look nicer and more clean
  • content files would be better organized
  • visitors should click a lot of links to change every page and browse the website
  • super ok if one section becomes larger
• Put more content in just a few pages, subdivided in sections
  • linking to a specific section would mean linking to the URL of an ID
  • it would be best for having all info at a glance
  • visitors should not click or do much, just scroll down the page
  • less scalable if one section becomes larger
• Doing both of the above: writing all section in include files and putting them both inside main pages and alone inside the most specific pages.

Examples

Either having an /about/ page, or put the about section in the homepage /#about.

Writing all the core information

Writing all the core information about the workshop and complete the “About” page.

Tagline, slogans, catchphrases, keywords

In order to make the message as clear and catchy as possible, we should be defining a main, unique tagline, effective slogans and catchphrases, and figure out illustrative keywords.

NOTE: While the tagline refers to the workshop only, the slogans and keywords should be defined more broadly, in relation to the indie Internet and the Fediverse.

Tagline

An interactive workshop travelling through the history of the Internet, and a collective re-imagining of participatory, decentralised alternatives.

Slogan ideas

• We own the Internet 💪🏼
• The Internet is Ours 💪🏼
• I ❤️ The Fediverse
• Knitting our Web 😍

Keywords

See this collaborative board

Color palette

The main idea is to use CSS <named-color>s to compose the palette.

Note: Consider accessibility! Test the colours here.

Some interesting inspiration:

Website – tracking issue

• #17
• MVP
• #8
• OGP image

Pages

• Homepage
• Knit page
• About page
  • #18
• (Hi)story page?
• Press kit
• Visual identity page (#2)
• Resources/further reading
  • Fediverse stuff
  • IndieWeb stuff
• Inspiration (#9)

i18n

• Deciding and adopting an i18n system
• Pages translation
  • Italian translation
  • French translation
  • German translation
  • Spanish translation
  • Dutch translation
• Multilingual toggle for pages

Eleventy-related tasks

• Use eleventy-img plugin

🤔 Are we sure about the domain name?

I’m not fully convinced about ourinternet.in. Here are all the possible domain names on Gandi.

Ideas

• lanostrarete.net
• lanostra.net
• lanostrarete.boo
• internet.boo (700€)
• ourinternet.life (60€)
• ourinternet.bo (400€)
• ourinternet.living (60€)
• ourinternet.case (2000€)
• ourinternet.works (60€)
• ourinternet.world (60€)
• ourinternet.guru (54€)
• ourinternet.monster
• ourinternet.help (60€)
• ourinternet.diy (60€)
• ourinternet.cool (60€)
• ourinternet.best (45€)
• ourinternet.cool
• ourinternet.is (341€)
• ourinternet.solutions (40€)
• ourinternet.wtf (54€)
• ourinternet.run (42€)
• ourinternet.today (36€)
• ourinternet.lifestyle (60€)
• ourinternet.community (60€)
• ourinternet.ooo (54€)
• ourinternet.observer
• ourinternet.fashion
• ourinternet.diet (200€)
• ourinternet.care (60€)
• ourinternet.pub (39€)
• ourinternet.love (54€)
• ourinternet.surf (55€)
• ourinternet.party (48€)
• ourinternet.bible (100€)
• ourinternet.buzz

Decolonial, transfeminist, queer, and critical perspectives

The research on which the workshop is based is entirely the work of male and/or Western researchers.

We should make an effort to look for different, more critical perspectives—especially in the part about the history of the Internet.

The most crucial approaches to consider are decolonial and transfeminist.

Input on this is not only welcome, but very much needed!

Learning the ropes

After @veronicawithc’s comment in #1 (comment), I figured it would be useful to have an issue to help the team navigating our system.

where can I see what you assigned me to?

As you all are set as contributors to the repository, you can also assign issues by yourselves, to others and/or to yourselves.

You can see what has been assigned to you in two ways:

• From the repository issues list, by activating this filter: is:open assignee:@me
• In this specific view of the project management board. (I am still learning this myself, this is why it’s incomplete at the moment)

---

also, when I open the inspo board this is what I see… :(

The page is quite heavy, did you try to leave it wait for ~ 30 seconds to load?
The only other solution I can think of is to deactivate the ad-blocker.

Visual identity – tracking issue

This issue tracks the tasks related to visual design and graphics.

Resources

• Introductory inspiration board
• Sketching and testing canvas (be careful: this link has editing rights!)

Tasks

• #2
• #3
• #4
• Materials
  • #12
  • #13
  • Flyers
  • Knittin’ kit