Scriptsammlung

Accordion
Um Inhalte eurer Seite per Klick sichtbar zu machen könnt ihr folgendes durchführen:
1. Rechtsklick auf die Zeile die als klickbares Element (Button) dienen soll
2. Set HTML Class and ID > Class = morebutton
3. Rechtsklick auf die nächste Zeile (wird beim klicken geöffnet)
4. Set HTML Class and ID > Class = more

Accordion Sub
Um weitere Inhalte innerhalb des Accordion per Klick sichtbar zu machen könnt ihr folgendes durchführen:
1. Rechtsklick auf die das Text- oder Bildelement das als Morebutton dienen soll.
2. Set HTML Class and ID > Class = morebutton-sub / ID = NameFreiWählbar
3. Rechtsklick auf das Element welches angezeigt werden soll 
4. Set HTML Class and ID > Class = more-sub NamederFreiWählbarenID

Submenu
Um eure einzelnen Themen zu verlinken könnt ihr ein Submenu einfügen:
1. Ankerpunkte setzen
1.1 Rechtsklick auf die Zeile in zu der ihr Scrollen möchtet
1.2 Set HTML Class and ID > ID = TiteldesAnkers (zusammengeschrieben)
2. Die oberste Zeile dient euch als Submenu
2.1 Fügt ein Textfeld mit eurer Navigation ein
2.2 Setzt im Textfeld einzelnen Links > #TiteldesAnker
3. Rechtsklick auf die erste Zeile
3.1 Set HTML Class and ID > Class = submenu-fixed

Einbindung einer extra Seite
Um eine zusätzliche Seite einzubinden, die sich über die Projektseite legt müsst ihr folgendes tun:
1. Unter „Seiten“ erstellt ihr eine neue Seite mit eurem Namen
2. Auf eurer Projektseite im rechten Menu unter „Footer“ im Dropdown die Seite mit eurem Namen auswählen
3. Unter „Lay Options / Custom CSS“ fügt ihr in eurem Bereich folgenden Code ein (ihr könnt ihn nach euren Bedürfnissen anpassen):

.slug-vor-nachname #footer-region {
position: fixed;
width: 95vw; /* Weite */
height:100vh; /* Höhe */
bottom: 0; /* Position / Ausrichtung */
right:0; /* Position / Ausrichtung */
overflow: auto !important; /* Scrollen aktiviert */
z-index: 20;
transform: translate(90vw, 0); /* Verschieben der Seite (90vw = Y-Achse, 0 = X-Achse) */
}

.slug-vor-nachname #footer-region:hover {
transform: translate(0, 0); /* Bei Hover wieder zur ursprünglichen Position */
transition: 1s ease-in-out;;
}

Filtern
Um Inhalte durch einen klickbaren Filter zu sortieren müsst ihr folgendes tun:
1. Neues Textfeld mit eurer Navigationsstruktur erstellen
2. Im Quelltext (Button im Textfeld) für jeden Navigationspunkt folgenden Code eingeben:
2.1. <span id="NameKategorie“ class="btn">Name der Kategorie</span
2.2. Dies für jede Kategorie wiederholen
3. Rechtsklick auf das Element (Bilder, Texte, etc.) die Ihr den Kategorien zuordnen wollt
3.1. Set HTML Class and ID > Class = item NameKategorie
3.1. Dies für jedes Element das ihr zuordnen möchtet wiederholen
4. Ihr könnte auch mehrer Kategorien euren Elementen hinzufügen:
4.1. Set HTML Class and ID > Class = item NameKategorie1 NameKategorie2

Unter +More findet ihr das Stackelement, um Elemente übereinander stapeln zu können.

Ihr könnt das Filtersystem auch als komplette Navigation für eure Seite nehmen indem ihr auch ganze Bereiche (Zeilen) ein und ausblenden könnt. Dazu wählt einfach anstatt dem Element welches ihr zuordnen möchtet die komplette Zeile aus.

Möchtet ihr mehrer Filter einfügen benennt den zweiten Filter um, anstatt „btn“ schreibt ihr „second_btn“ und anstatt „item“ schreibt ihr „second_item“

Digitale Archive

Your Uncertain Archive
Artworks, exhibitions, works in public space, pavilions, models, books, talks, and research by Olafur Eliasson and his studio.
www.olafureliasson.net/uncertain

Something Fantastic
Smart, touching, simple achitecture
www.somethingfantastic.net

hoverstat.es
The home of alternative design, code and content on the world wide web.
www.hoverstat.es

Florian Meisenberg Archiv 
Ein Algorithmus zeigt Medien, die in Suchmaschinen im Zusammenhang mit Florian Meisenberg auftauchen. Besucher*innen können durch Regler steuern welche Art von Inhalte angezeigt werden. 
www.florianmeisenberg.com

Florian Meisenberg by Peter Rostovsky
Archiv als bewegtes 3D Modell mit Sound.
www.florianmeisenberg.com/by-peter-rostovsky/

Sichtbarkeit Gestalten
Archiv eines Seminars von Julia Meer und Franziska Morlok an der FH Potdam, bei dem untersucht wurde wo und wie feministisches Denken und Handeln sichtbar werden und welche Rolle Design dabei spielt. 
design.fh-potsdam.de/projekte/sichtbarkeitgestalten/

Arc Gestaltung 
Portfolio des Berliner Grafikbüros sortiert in Archivsystematik. 
www.arc-gestaltung.de

Lilli Gaigal
Archiv der Zeichnungen. 
www.unlaut.eu

Zettelwerk – Archiv für Alltagsdrucksachen 
www.zettelwerk.com

Julia Stoscheck Collection
hat begonnen, ihren Sammlungsbestand von mehr als 860 Werken von 282 Künstler*innen ohne Beschränkungen und kostenlos online zugänglich zu machen.
www.jsc.art/