CIP Webring

Inhaltsverzeichnis

1. Beitreten
2. Aufsetzen
3. Individualisieren

Ein Webring ist eine nette, einfache Weise um mehrere Webseiten aufeinander Verlinken zu lassen. Die Absicht ist es das Entdecken von verwandten Webseiten zu erleichtern.

Der „CIP Webring“ ist ein kleines Javascript Programm, dass spezifisch ich für CIP-Seiten geschrieben habe. Es blendet einfach auf deiner Seite ein Link zu „benachbarten“ Seiten ein, um das entdecken von neuen Seiten zu erleichtern.

1. Beitreten

Die einzige echte Einschränkung ist, dass man eine CIP Seite haben muss. Darüber hinaus gibt es keine konkreten keine Erwartungen, insbesondere nicht dass man sonst mit seiner CIP Seite etwas sinnvolles macht oder viel Inhalt hat.

Schickt mir einfach eine Email/IRC Nachricht mit einem Link zu eurer Seite, und ich füge es gerne hinzu!

Darüber hinaus wäre es aber nett, wenn…

man auch wirklich den Webring sichtbar auf seiner Indexseite installiert,
eine <noscript> Warnung generiert wird (falls der Benutzer kein Javascript aktiviert hat).

2. Aufsetzen

Das Aufsetzen ist einfach, und besteht nur aus zwei Schritten:

An beliebiger Stelle kann man das webring.js Skript laden:
```
<script src="/~oj14ozun/src+etc/webring.js"></script>
```
Dieses wird sich dann auch automatisch aufsetzen.
An gewünschter Stelle auf der Seite ein HTML Element mit dem id „webring“ einfügen (hier beispielhaft <nav>, kann aber auch ein beliebiges andere Element sein):
```
<nav id="webring"></nav>
```

Das Skript wird so bald die Seite geladen wurde automatisch das webring Element initialisieren, mit Links auf die Nachbaren und auf diese Seite.

Es ist zu empfehlen auf meine Version zu „Hot-Linken“ (also direkt, ohne zu kopieren) damit die Liste der Teilnehmer am Webring nicht fragmentiert wird. Verbesserungsvorschläge (Patches oder Kommentare) kann man auch gerne mir schicken.

3. Individualisieren

Ohne weiteres wird nun dynamisch der Webring auf der Seite eingeblendet, sieht aber etwas mager aus. Das ist Absicht, damit jeder die Freiheit hat das Aussehen an die eigenen persönlichen Präferenzen anzupassen, und somit auch eine Vielfalt im WWWCIP erhalten wird.

Mit etwas CSS kann man es anpassen. Hier ein Vorschlag:

#webring {
    display: table;
    margin: auto;
}

#webring a {
    text-decoration: none;
    background: pink;
    color: black;
    border-radius: 0.5ch;
    padding: 0.5ch;
    margin: 0.5ch;
}

#webring #webring-about {
    font-weight: bold;
}

Sollte man die Pfeile oder den „CIP-Webring“ Text anpassen, kann man direkt nach dem <script> ein paar Variablen anpassen in einem weiterem <script> Block:

// siehe https://html.spec.whatwg.org/multipage/named-characters.html
right_arrow = "&raquo;";
left_arrow  = "&laquo;";

(es ist nur wichtig, dass dieses ausgewertet wird, bevor die Seite ganz geladen wurde)

Ein Wort der Warnung: Derzeit basiert das Skript auf Javascript, was bedeutet, dass Nutzer ohne JS den Webring nicht sehen. Das bleibt erstmal so, bis für CIP-Seiten CGI aktiviert wird!

Mit CGI wäre es möglich die wesentliche Idee der beiden zwei obigen Snippets mit einem zu ersetzen:

<nav>
<a href="/~oj14ozun/src+etc/webring.cgi?do=next&from=be15piel">&rarr;</a>
<a href="/~oj14ozun/notizen/webring.html">CIP Webring</a>
<a href="/~oj14ozun/src+etc/webring.cgi?do=prev&from=be15piel">&larr;</a>
<nav>

Dabei würde das CGI Skript immer den Nachbar aus dem Query String bestimmen.

Wie webring.js jetzt funktioniert, ist dass es aus der URI inferiert welche Seite gerade geladen wird, den Benutzer bestimmt und in den DOM an der richtigen Stelle