Neben dem Webauftritt, den ich mit redaktioneller Unterstützung von Peter Gärtner aufgebaut habe, waren die ZOOM Sessions wesentliches Element unserer Messe. Zwei ZOOM Kanäle haben wir eingesetzt: einen für die Live-Veranstaltungen - hier wurden für jeden Vortrag eigene ZOOM Sessions eingerichtet - und einen für die Breakout Sessions. Die ATT Teilnehmer konnten dann über die roten Buttons auf den Programmseiten direkt die jeweilige ZOOM Session aufrufen; ein Kopieren oder gar Eintippen der ZOOM Links war nicht nötig. Wir hätten die ZOOM Links zur Laufzeit des ATT auch leicht austauschen können, wenn das aus technischen oder organisatorischen Gründen notwendig gewesen wäre (drücken Sie einfach auf "Zum Vortrag in ZOOM" hätte gereicht).

Die Breakout Sessions waren allerdings kniffelig. Erstens lässt ZOOM bisher nicht zu, Breakout Sessions zu verlinken; zweitens sollten die Teilnehmer auch die übrigen Breakout-Sessions sehen und besuchen. Darum haben wir uns überlegt, eine Übersichtsseite Räume aufzubauen, auf der alle Ausstelleräume und Bistrotische angeboten wurden; von den ATT Ausstellerräumen kam man ja auch über den Link ("zum Ausstellerraum") auf diese Seite; ebenso von der Bistro-Seite über den Link ("zu den Bistrotischen"). Und last but not least waren drei Links auf die Räume-Seite auf der Startseite im Info-Bereich oben angebracht.

Die Einrichtung der ZOOM Sessions und die Moderation der Vorträge inkl. der vielen Vorbereitungen dafür war übrigens Peter Gärtners Schwerpunkt; bei den Breakout Sessions hat Enrico Fruth bereits in der Vorbereitung mitgeholfen und zusammen  mit Jörg-Peter Schräpler (allesamt WHS Mitglieder) dann die ZOOM Session für die Ausstellerräume und Bistrotische moderiert.

Wenngleich die Verbindung zwischen der Webseite und den Vorträgen in ZOOM ganz gut geklappt hatte, gab es gezwungenermaßen einen Bruch zu den Breakout-Sessions.

Diesem Aspekt habe ich aus Zeitgründen nur so viel Aufmerksamkeit wie notwendig geschenkt; ein genauer Betrachter wird feststellen, dass verschiedene Schriften und Schriftschnitte (aka Fonts) auf der gleichen Seite verwendet wurden - dies liegt daran, dass mit dem FavThemes Template und Modulen der in meinen Augen gefällige Font "Google Lato" in den Modulen verwendet wird, bei den normalen Beitragstexten oder im Kontext eines "Eigenen Moduls" aber die Standardschriften.

Gleichzeitig wollte ich die Verwendung der Font Awesome Icons, die schon teilweise durch das FavThemes Template mitgeliefert werden, um die Professional-Variante erweitern. Letztlich ist mir das für die Ausstellerseiten auch gelungen, denn die Titel zu den einzelnen Bildern in den Modulen für die Bereiche PROMO und PRODUCTS, aber auch CONTACTS verwenden diese Icons. Leider hat sich die Einbindung als schwierig herausgestellt und konnte nur teilweise durch Internet-Recherche gelöst werden. Im Prinzip sind für die Verwendung der Pro-Variante folgende Änderungen notwendig:

Im theme.css müssen alle Einträge von "Font Awesome 5 Web" durch "Font Awesome 5 Pro" ersetzt werden.

In den Template-Dateien ist href="//use.fontawesome.com/releases/v5.1.0/css/all.css" durch folgenden Ausdruck zu ersetzen

<link rel="stylesheet" href="/~/templates/icons/css/all.css" type="text/css" />
<link rel="stylesheet" href="/~/templates/icons/css/all.min.css" type="text/css" />
<link rel="stylesheet" href="/~/templates/icons/css/solid.css" type="text/css" />
<link rel="stylesheet" href="/~/templates/icons/css/solid.min.css" type="text/css" />
<link rel="stylesheet" href="/~/templates/icons/css/light.css" type="text/css" />
<link rel="stylesheet" href="/~/templates/icons/css/light.min.css" type="text/css" />
<link rel="stylesheet" href="/~/templates/icons/css/fontawesome.css" type="text/css" />
<link rel="stylesheet" href="/~/templates/icons/css/fontawesome.min.css" type="text/css" />

und in den Modulen, bspw. modules/mod_faveffects:

JHTML::stylesheet('//use.fontawesome.com/releases/v5.1.0/css/all.css');

durch

JHTML::stylesheet('templates/icons/css/all.css');
JHTML::stylesheet('templates/icons/css/all.min.css');
JHTML::stylesheet('templates/icons/css/brands.css');
JHTML::stylesheet('templates/icons/css/brands.min.css');
JHTML::stylesheet('templates/icons/css/duotone.css');
JHTML::stylesheet('templates/icons/css/duotone.min.css');
JHTML::stylesheet('templates/icons/css/fontawesome.css');
JHTML::stylesheet('templates/icons/css/fontawesome.min.css');
JHTML::stylesheet('templates/icons/css/light.css');
JHTML::stylesheet('templates/icons/css/light.min.css');
JHTML::stylesheet('templates/icons/css/regular.css');
JHTML::stylesheet('templates/icons/css/regular.min.css');
JHTML::stylesheet('templates/icons/css/solid.css');
JHTML::stylesheet('templates/icons/css/solid.min.css');

zu ersetzen.