ASYS Dokumentation und Beispielinhalte

Zitate

Block: Zitat
Der Arbeitskreis für Systemische Sozialarbeit, Beratung und Supervision hat es sich zur Aufgabe gemacht, systemisch Interessierten aus der Sozialarbeit und angrenzenden Bereichen (Sozialpädagogik, Pädagogik, Medizin etc.) die Möglichkeit zum Austausch und zur Weiterentwicklung systemischen Denkens und professionellen systemischen Handelns anzubieten.

Max Mustermann

Buttons

Block: Buttons

Listen

  • Block: Liste
  • die Möglichkeit zum Austausch
  • Interessierten aus der Sozialarbeit
  • Systemische Sozialarbeit, Beratung und Supervision

Liste mit Pfeilen als Listenicon. Für diese Liste unter „Erweitert“ > die Klasse „arrow-list“ eingeben.

  • die Möglichkeit zum Austausch
  • Interessierten aus der Sozialarbeit
  • Systemische Sozialarbeit, Beratung und Supervision

Liste als Submenu für Seiten die die einen dritte Ebene haben. Dieser Liste die Klasse „arrow-list submenu-list“ verwenden. Überschrift = H4:

Mehr zum Thema:

Downloadliste

Für diese Liste die Klasse „download-list“ vergeben. Den Titel fett setzen. Für einen Zeilenumbruch innerhalb der Liste (Angabe des Autors) Shift+Enter.

Tabellen

ObstFarbeAnzahl
Erdbeererot3
Bananegelb4
Orangeorange5
eine Tabellenbeschriftung

Pull Quote

Block: Pull Quote
Der Arbeitskreis für Systemische Sozialarbeit, Beratung und Supervision hat es sich zur Aufgabe gemacht, systemisch Interessierten aus der Sozialarbeit und angrenzenden Bereichen (Sozialpädagogik, Pädagogik, Medizin etc.) die Möglichkeit zum Austausch und zur Weiterentwicklung systemischen Denkens und professionellen systemischen Handelns anzubieten.

Max Mustermann

Überschriften

Der Header ist automatisch eine Überschrift vom Typ H1. Es sollte keine zusätzliche Überschrift H1 mehr im Dokument vorkommen.

Überschrift H2

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.

Überschrift H3

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.

Überschrift H4

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.

Überschrift H5

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.

Absatz Schriftgröße klein

et dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.

ASYS Header

Das Standardtemplate beinhaltet einen Header mit Bild, Icon (optional), Overlay (optional) und einer Überschrift. Unter den Seiten Attributen kann mit dem Template „Seite ohne Header“ der Header entfernt werden.

Ein Headerbild kann auf jeder Seite hinzugefügt werden. Dazu ein Bild in das „Beitragsbild“ der Seite einfügen.

Als Überschrift im Header wird der Seitenname angezeigt, dieser kann im Bereich „Asys Header (Einstellungen zum Header der Seite)“ überschrieben werden.

Weitere Einstellungen zum Header unter „Asys Header (Einstellungen zum Header der Seite)“ inkl. Beschreibung (Icon, Overlay, Overlayfarbe).

Seite ohne Sidebar (Logo und Navigation)

Unter den Seiten Attributen kann mit dem Template „Seite ohne Sidebar“ die Sidebar entfernt werden.

Seite ohne Sidebar

Unter den Seiten Attributen kann mit dem Template „Seite ohne Sidebar und Header“ die Sidebar und der Header entfernt werden.

Accordion

Block: Accordion (v2) einfügen für jedes Accordion Element. Mit der Option „Close adjacent on open“ werden die anderen Elemente geschlossen wenn ein Element geöffnet wird.

Infobox

Infobox

Block: Notification. Im Tab Style kann der Button entfernt werden und ev eine andere Hintergrundfarbe definiert werden.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.

Spalten

Spalten mit dem Block „Spalten einfügen
„anstrengender körperlicher Betätigung, außer um Vorteile daraus zu ziehen? Aber wer hat irgend ein Recht, einen Menschen zu tadeln, der die Entscheidung trifft, eine Freude zu genießen, die keine unangenehmen Folgen hat, oder einen, der Schmerz vermeidet, welcher keine daraus resultierende Freude nach sich zieht?

Um ein triviales Beispiel zu nehmen, wer von uns unterzieht sich je anstrengender körperlicher Betätigung, außer um Vorteile daraus zu ziehen? Aber wer hat irgend ein Recht, einen Menschen zu tadeln, der die Entscheidung trifft, eine Freude zu genießen, die keine unangenehmen Folgen hat, oder einen, der Schmerz vermeidet, welcher keine daraus resultierende Freude nach sich zieht?

Bilder

Bilder ragen (bei einer Browserbreite über 1200 Pixel) grundsätzlich etwas rechts über den Content hinaus. Beispiele unterhalb. Wird dem Block „Bild“ die Klasse „align-image-content“ zugewiesen schliesst das Bild rechts bündig mit dem Content ab.

Standardblock „Bild“
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Standardblock „Bild“ mit Klasse „align-image-content“
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Standardblock „Bild“ mit Klasse „align-image-right“
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Block: Text und Medien

Headline

Um ein triviales Beispiel zu nehmen, wer von uns unterzieht sich je anstrengender körperlicher Betätigung, außer um Vorteile daraus zu ziehen?

Headline

Um ein triviales Beispiel zu nehmen, wer von uns unterzieht sich je anstrengender körperlicher Betätigung, außer um Vorteile daraus zu ziehen?

Block: Cards

Verschiedene Einstellmöglichkeiten: Ob Titel, Subtitel, Text, Button etc. angezeigt werden sollen, Anzahl der Spalten, Bildhöhe etc. etc.

Supervision

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

Beratung

Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

DSA Klemens Fraunbaum MSc

geb. 1967 in Vöcklabruck, Diplom für Sozialarbeit (Sozialakademie Linz), Diplom für Systemische Interventionstaktik (ASYS, Bundesakademie für Sozialarbeit Wien), Dipl. systemischer Supervisor (ASYS-Wien), langjährige Erfahrung in der Beratungs-, Rehabilitations- u. Kriseninterventionsarbeit (pro mente OÖ), Aufbau und Leitung KIT-Vöcklabruck (Rotes Kreuz), Zusatzqualifikation Erlebnispädagogik (ÖAV), Trainer für Notfall- und Krisenmanagement.

klemens@limitedition.at

Dr in. Michaela Judy

geb. 1957 in Wien, Studium der Germanistik, Nebenfachstudien aus Geschichte, Theaterwissenschaft und Psychologie. Lehrgang „Kulturelles Management“, Supervisorin nach TOPS/Berlin, Akademische Bildungs-managerin, Gruppendynamik-Trainerin im ÖAGG.
Direktorin der Volkshochschule Ottakring in Wien, Nebenberuflich Trainings, Weiterbildungen, Beratungen und Supervisionen vor allem im Bildungs-, Sozial- und Non-Profit-Bereich.

m.judy@aon.at

Block: Gallery

Einen Block kopieren und einfügen

Auf das Dreipunktmenu im Block klicken und kopieren wählen.
Einen neuen Absatz beginnen und „Control +V“ (Windows) oder „Command + V“ (Mac) klicken. Funktioniert auch über Seiten hinweg.

Abstände

Zusätzliche Abstände könnten mit dem Block „Spacer“ eingefügt werden. Der Abständ kann in Pixel angegeben werden.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Video Einbettung, bsp.: Block: Youtube

Block: Video Popup

Video öffnet in einem Popup, ein eigenes Hintergrundbild kann definiert werden

iFrame einfügen

Beispielcode:

<iframe src="https://cs2ndr.com/asys/wp-content/uploads/2021/08/index.htm" width="100%" height="800"></iframe>

Anker setzen und verlinken

1: Anker setzen: zb. bei einer Überschrift auf das Dreipunktmenu klicken und im HTML Tag eine ID einfügen zb. id=“AnkerIframe“
Das Element wieder auf „visuell bearbeiten “ umstellen

2: Link setzen: Beim Link den Anker einfügen, mit #Ankername zb.:
https://www.asys.ac.at/beispielinhalte/#AnkerIframe

Title for This Block

Description for this block. Use this space for describing your block. Any text will do. Description for this block. You can use this space for describing your block.