CIP-Seiten: Was, Wie und Wieso?
Inhaltsverzeichnis
In diesem Text will ich erklären wie jeder mit einem (Informatik) CIP Konto eine Webseite erstellen kann, und wieso man das machen will. Which I call „CIP-Seiten“.
„Disclaimer“: Ich bin kein CIP-Admin und habe nur selbst eine kleine Seite. Alles was ich sage, sage ich nur als Student, mit Meinungen aber ohne jegliche Autorität.
1. Eine CIP-Seite Erstellen
Zum minimalen Aufsetzen einer Website braucht man nur einen Befehle auszuführen:
cip-mkhomepg
Damit wird automatisch eine ~/.www Verzeichnis erstellt und die
Berechtigungen so angepasst, damit der Webserver darauf zugreifen kann.
Erstellt man nun in ~/.www eine Datei, sollte diese im directory
listing erscheinen.
Noch ein Tipp: Wenn man verhindern will, dass Dateien im Verzeichnis aufgezählt werden, kann man diesen einfach das „Execute“-Recht entziehen:
mkdir ~/.www/nonpub/ chmod 711 ~/.www/nonpub/
In meinem Fall habe ich unter ~/.www/nonpub/ Dateien
gelagert von denen ich nur will, dass man darauf Zugriff hat wenn man
den Namen hat (schwach vergleichbar zum Object-capability-Konzept).
2. Füllen einer CIP-Seite
Wie bereits erwähnt, sind CIP Seiten nur öffentlich gehostet Verzeichnisse. Wer keine Kenntnisse hat zu Web Entwickelung kann sich das MDN „Introduction to HTML“ durchstöbern.
2.1. HTML kann mehr als gut genug sein
Auch wenn manche meinen, dass eine Seite alt oder hässlich sei, ist es
ein individuelles Audrucksmedium. Es ist interessant zu beobachten,
dass am Ende handgeschriebene Webseiten schneller und leichter
zu bedienen sind als 90% aller Kommerziellen Seiten (inklusive der
offiziellen fau.de-Webseiten).
Das ist weil dieses das echte Internet hätte sein sollen, ohne Werbung, Tracker, Megabyte an Javascript und Schicht über Schicht von Abstraktionen die alle versuchen die Fehler der Vorgänger auszubessern.
2.2. Statische Generatoren von Webseiten
Ein anderer Ansatz ist es „static site generators“ (SSG) zu benutzen. Es handelt sich hierbei um Programme die meist nicht-HTML eingaben verarbeiten und diese zu konsistent aussehenden Webseiten übersetzen. Damit ist es auch möglich einfachere Dateiformate wie Markdown zu verwenden.
Von diesen gibt es viele – nur eine von vielen unvollständigen Listen
kann man hier finden. Populäre Programme sind bspw. Hugo oder Jekyll,
für die es viele Templates gibt. Auch interessant finde ich Hakyll,
wo man eine Seite in Haskell „programmiert“, Haunt wo man das gleiche
macht nur für Guile Scheme oder ssg was nur aus einem kleinem Shell Script
besteht. Ich selbst benutze oft org-mode für Emacs für diese Seite.
Man sollte aber auch darauf achten, dass viele dieser Programme darauf ausgelegt sind Blogs zu schreiben, was nicht unbedingt das ist was man machen will.
Allgemein kann man aber auch empfehlen den Versuch zu wagen selbst ein Generator zu schreiben. Es ist eigentlich ganz einfach und zugleich eine gute Übung um Systemkentnisse zu Trainieren oder eine neue Programmiersprache zu lernen.
2.3. Weitere Verweise
Hier noch ein paar Links zu diesen und verwandelten Themen die ich angesammelt habe:
- Brutalist Web Design
- Die motherf***ing-tetralogie (der Name ist vulgär, die Punkte aber Valide):
- Web Design in 4 minutes (empfehlenswert!)
- Web Development Manifesto
- Sammlungen kleiner Webseiten:
- 1kB Club (Seiten unter einem Kilobyte)
- 10kb Club (Seiten unter 10 Kilobyte)
- 250kb Club (Seiten unter 250 Kilobyte)
- 512kB Club (Seiten unter 512 Kilobyte)
- 1MB Club (Seiten unter einem Megabyte)
- Weitere Shared-Hosting Seiten:
- Neocities
- Districts auf Neocities
- Tilde Town (siehe auch Tildeverse)
- SDF
- Geocities Archiv
- Codeberg Pages
- Neocities
- Web Hosts (nicht „shared“, kostenpflichtig):
- Website Carbon Calculator, falls man sich dafür interessiert
- Wiby, eine Suchmachine für einfache Seiten (siehe auch Alexandria und Marginalia)
- Google Search Is Dying
- Ressourcen vom W3C (World-Wide-Web Consortium, zuständig für Web
Standards)
- W3C HTML Validator
- W3C Anleitung zu Web Design
- Living HTML Specification (nicht ganz vom W3C, siehe)
- W3C Core Style Samplern
- A simple guide to HTML
<head>elements - The leanternet principles
- HTML-Einführung (1996)
- Building a resilient frontend using progressive enhancement
- HTML is for people
- Patterns for Personal Web Sites (2003)
- Every HTML Element, eine Seite welche alle HTML Elemente auf einem Blick demonstriert.
- Video: The Internet Used to Be a Place (mit Vorsicht genießen, aber zeichet ein schönes Bild)
2.4. Themen für eine CIP-Seite
Man kann sich nun Fragen, was will ich mit so einer Seite anfangen? Was habe ich schon zu erzählen? Hier sind ein paar Vorschläge die zum Uni-Kontext passen:
- Veröffentlichen von digitalen Vorlesungsnotizen
- Öffentliche Rezensionen/Empfehlungen zu Vorlesungen
- Hosten von Übungs-Webseiten als Tutor
- File-Dump für kleine Skripte oder Programme die man teilen will
- Sammlungen von interessanten Links
- Teilen von eigens-erstellten Klausurlösungen
- Veröffentlichen von Artikeln zu Hochschulpolitik
- Berichte für eigene Projekte schreiben.
Am Ende ist es nicht so wichtig was man macht, oder wie ernst man dabei ist. Es kann auch einfach als eine Möglichkeit angesehen werden Schreiben zu üben oder Spaß beim Hacken zu haben, ganz egal ob es irgendjemand, irgendwann lesen wird oder nicht.
Wenn man Inspiration braucht, habe ich auch eine Liste an allen mir bekannten CIP-Seiten die ich gerne mit neugierigen Leuten teile – aber lieber nicht öffentlich zugänglich machen will.
Es gab früher eine Seite namens „Richtlinien zum Erstellen eigener HTML-Seiten“.
3. Addenda
Ich hoffe dieser Artikel konnte helfen oder zumindest Interesse für das Thema regen. Es ist leicht zu vergessen wie unglaublich die Existenz eines welt-weiten Hypertext Systems ist, das offen ist und wo jeder leicht beitragen kann. Auch wenn man nicht für immer studiert, und dein CIP-Konto verjährend wird, sind CIP-Seiten eine nette Möglichkeit etwas über das Thema zu lernen!
Bei Interesse, kann man auch dem CIP Webring (einer losen Sammlung von Nutzern die aufeinander Verlinken) beitreten oder bei Fragen, Kommentaren, Ideen, etc. im Matrix Raum CIP-Seiten Meta-Chat vorbeischauen oder mir gerne eine Nachricht schreiben.