-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
chore: Update schnaq images and URLs
- Loading branch information
Showing
4 changed files
with
100 additions
and
100 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,27 +1,27 @@ | ||
(ns schnaq.academy.pages.ilias | ||
(:require [schnaq.academy.components :refer [iframe image]] | ||
[schnaq.academy.pages.base :refer [base]] | ||
[schnaq.academy.pages.embedding :refer [iframe-code iframe-preview]] | ||
[schnaq.academy.pages.settings :refer [iframe-height-input | ||
ui-settings]])) | ||
(:require [schnaq.academy.components :refer [iframe image]] | ||
[schnaq.academy.pages.base :refer [base]] | ||
[schnaq.academy.pages.embedding :refer [iframe-code iframe-preview]] | ||
[schnaq.academy.pages.settings :refer [iframe-height-input | ||
ui-settings]])) | ||
|
||
(defn- ilias-page [] | ||
[base {:page/title "Einbettung in ILIAS" | ||
:page/description "Lerne hier, wie du schnaq in deinen ILIAS-Kurs einbinden kannst."} | ||
[:<> | ||
[:h1 "Einbettung in ILIAS"] | ||
[:div.columns-1.md:columns-2 | ||
[:div | ||
[:p "schnaq kann in deine ILIAS-Plattform eingebunden werden, um beispielsweise Fragen von Studierenden zwischen den Veranstaltungen zu sammeln, oder auch nuru den Studierenden einen Raum zu geben sich selbst zu helfen im Peer-to-Peer-Learning-Format. Unten findest du eine bebilderte Anleitung wie das in deiner ILIAS-Instanz funktionieren kann."] | ||
[:p "Damit das funktioniert, musst du einen schnaq anlegen und kannst ihn dann hier konfigurieren."]] | ||
[image {:src "https://s3.schnaq.com/academy/embeddings/ilias.webp"}]] | ||
[ui-settings] | ||
[:div {:class "md:w-1/3"} [iframe-height-input]] | ||
[iframe-code] | ||
[:p "Kopiere den Code als Text-Baustein in deine ILIAS-Seiten ein. Wie das geht, siehst du in der Anleitung unten."] | ||
[:h2 "Anleitung"] | ||
[iframe "https://pitch.com/embed/a56b7578-43c8-44e7-ab18-5011036fffe9" "660px"] | ||
[iframe-preview]]]) | ||
[base {:page/title "Einbettung in ILIAS" | ||
:page/description "Lerne hier, wie du schnaq in deinen ILIAS-Kurs einbinden kannst."} | ||
[:<> | ||
[:h1 "Einbettung in ILIAS"] | ||
[:div.columns-1.md:columns-2 | ||
[:div | ||
[:p "schnaq kann in deine ILIAS-Plattform eingebunden werden, um beispielsweise Fragen von Studierenden zwischen den Veranstaltungen zu sammeln, oder auch nuru den Studierenden einen Raum zu geben sich selbst zu helfen im Peer-to-Peer-Learning-Format. Unten findest du eine bebilderte Anleitung wie das in deiner ILIAS-Instanz funktionieren kann."] | ||
[:p "Damit das funktioniert, musst du einen schnaq anlegen und kannst ihn dann hier konfigurieren."]] | ||
[image {:src "https://snq-common.s3.nl-ams.scw.cloud/academy/embeddings/ilias.webp"}]] | ||
[ui-settings] | ||
[:div {:class "md:w-1/3"} [iframe-height-input]] | ||
[iframe-code] | ||
[:p "Kopiere den Code als Text-Baustein in deine ILIAS-Seiten ein. Wie das geht, siehst du in der Anleitung unten."] | ||
[:h2 "Anleitung"] | ||
[iframe "https://pitch.com/embed/a56b7578-43c8-44e7-ab18-5011036fffe9" "660px"] | ||
[iframe-preview]]]) | ||
|
||
(defn ilias [] | ||
[ilias-page]) | ||
[ilias-page]) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,40 +1,40 @@ | ||
(ns schnaq.academy.pages.index | ||
(:require ["@heroicons/react/outline" :refer [PresentationChartBarIcon GlobeIcon]] | ||
[re-frame.core :as rf] | ||
[reitit.frontend.easy :as rfe] | ||
[schnaq.academy.components :refer [card]] | ||
[schnaq.academy.pages.base :refer [base]])) | ||
(:require ["@heroicons/react/outline" :refer [PresentationChartBarIcon GlobeIcon]] | ||
[re-frame.core :as rf] | ||
[reitit.frontend.easy :as rfe] | ||
[schnaq.academy.components :refer [card]] | ||
[schnaq.academy.pages.base :refer [base]])) | ||
|
||
(defn- index-page [] | ||
(let [query-parameters @(rf/subscribe [:navigation/query-parameters])] | ||
[base {:page/title "Start" | ||
:page/description "Lerne hier in der academy, wie du schnaq verwenden und einbinden kannst."} | ||
[:<> | ||
[:h1 "Willkommen in der schnaq academy"] | ||
[:p "Finde hier Anleitungen, Beispiele und Konfigurationen, wie du schnaq für dich verwenden kannst."] | ||
[:h2 "Einbettung"] | ||
[:p "schnaq auf einer eigenen Plattform zu betreiben ist zwar schön, aber noch schöner ist es, wenn wir schnaq direkt zu dir auf deine Webseiten und Anwendungen bringen. Lerne hier, wie das funktionieren kann."] | ||
[:div.grid.md:grid-cols-2.xl:grid-cols-3.gap-4 | ||
[card | ||
[:<> [:> GlobeIcon {:class "h-7 inline mr-2"}] "iFrames"] | ||
"schnaq kann in beliebige Webkontexte per iFrame eingebunden werden." | ||
"Weiterlesen" | ||
(rfe/href :routes/embedding {} query-parameters)] | ||
[card | ||
[:<> [:> PresentationChartBarIcon {:class "h-7 inline mr-2"}] "Powerpoint"] | ||
"Live Fragen in deinen Folien? Wir zeigen dir wie das mit Powerpoint möglich ist!" | ||
"Weiterlesen" | ||
(rfe/href :routes.embedding/powerpoint {} query-parameters)] | ||
[card | ||
[:<> [:img.h-10.inline.mr-2 {:src "https://s3.schnaq.com/academy/logos/ilias.webp"}] "ILIAS"] | ||
"Studierenden direkt in einer Plattform sich selbst helfen lassen? Binde schnaq in deinen ILIAS-Kurs ein!" | ||
"Weiterlesen" | ||
(rfe/href :routes.embedding/ilias {} query-parameters)] | ||
[card | ||
[:<> [:img.h-10.inline.mr-2 {:src "https://s3.schnaq.com/academy/logos/moodle.svg"}] "Moodle"] | ||
"Nutze schnaq direkt in einer der größen Lernmanagementsysteme der Welt!" | ||
"Weiterlesen" | ||
(rfe/href :routes.embedding/moodle {} query-parameters)]]]])) | ||
(let [query-parameters @(rf/subscribe [:navigation/query-parameters])] | ||
[base {:page/title "Start" | ||
:page/description "Lerne hier in der academy, wie du schnaq verwenden und einbinden kannst."} | ||
[:<> | ||
[:h1 "Willkommen in der schnaq academy"] | ||
[:p "Finde hier Anleitungen, Beispiele und Konfigurationen, wie du schnaq für dich verwenden kannst."] | ||
[:h2 "Einbettung"] | ||
[:p "schnaq auf einer eigenen Plattform zu betreiben ist zwar schön, aber noch schöner ist es, wenn wir schnaq direkt zu dir auf deine Webseiten und Anwendungen bringen. Lerne hier, wie das funktionieren kann."] | ||
[:div.grid.md:grid-cols-2.xl:grid-cols-3.gap-4 | ||
[card | ||
[:<> [:> GlobeIcon {:class "h-7 inline mr-2"}] "iFrames"] | ||
"schnaq kann in beliebige Webkontexte per iFrame eingebunden werden." | ||
"Weiterlesen" | ||
(rfe/href :routes/embedding {} query-parameters)] | ||
[card | ||
[:<> [:> PresentationChartBarIcon {:class "h-7 inline mr-2"}] "Powerpoint"] | ||
"Live Fragen in deinen Folien? Wir zeigen dir wie das mit Powerpoint möglich ist!" | ||
"Weiterlesen" | ||
(rfe/href :routes.embedding/powerpoint {} query-parameters)] | ||
[card | ||
[:<> [:img.h-10.inline.mr-2 {:src "https://snq-common.s3.nl-ams.scw.cloud/academy/logos/ilias.webp"}] "ILIAS"] | ||
"Studierenden direkt in einer Plattform sich selbst helfen lassen? Binde schnaq in deinen ILIAS-Kurs ein!" | ||
"Weiterlesen" | ||
(rfe/href :routes.embedding/ilias {} query-parameters)] | ||
[card | ||
[:<> [:img.h-10.inline.mr-2 {:src "https://snq-common.s3.nl-ams.scw.cloud/academy/logos/moodle.svg"}] "Moodle"] | ||
"Nutze schnaq direkt in einer der größen Lernmanagementsysteme der Welt!" | ||
"Weiterlesen" | ||
(rfe/href :routes.embedding/moodle {} query-parameters)]]]])) | ||
|
||
(defn index [] | ||
[index-page]) | ||
[index-page]) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,27 +1,27 @@ | ||
(ns schnaq.academy.pages.moodle | ||
(:require [schnaq.academy.components :refer [iframe image]] | ||
[schnaq.academy.pages.base :refer [base]] | ||
[schnaq.academy.pages.embedding :refer [iframe-code iframe-preview]] | ||
[schnaq.academy.pages.settings :refer [iframe-height-input | ||
ui-settings]])) | ||
(:require [schnaq.academy.components :refer [iframe image]] | ||
[schnaq.academy.pages.base :refer [base]] | ||
[schnaq.academy.pages.embedding :refer [iframe-code iframe-preview]] | ||
[schnaq.academy.pages.settings :refer [iframe-height-input | ||
ui-settings]])) | ||
|
||
(defn- moodle-page [] | ||
[base {:page/title "Einbettung in Moodle" | ||
:page/description "Lerne hier wie du schnaq in deinem Moodle-Kurs verwenden kannst."} | ||
[:<> | ||
[:h1 "Einbettung in Moodle"] | ||
[:div.columns-1.md:columns-2 | ||
[:div | ||
[:p "schnaq kann in deine Moodle-Plattform eingebunden werden, um beispielsweise Fragen von Studierenden zwischen den Veranstaltungen zu sammeln, oder auch nur den Studierenden einen Raum zu geben sich selbst zu helfen im Peer-to-Peer-Learning-Format. Unten findest du eine bebilderte Anleitung wie das in deiner Moodle-Instanz funktionieren kann."] | ||
[:p "Damit das funktioniert, musst du einen schnaq anlegen und kannst ihn dann hier konfigurieren."]] | ||
[image {:src "https://s3.schnaq.com/academy/embeddings/moodle.webp"}]] | ||
[ui-settings] | ||
[:div {:class "md:w-1/3"} [iframe-height-input]] | ||
[iframe-code] | ||
[:p "Kopiere den Code als Text-Baustein in deine Moodle-Seiten ein. Wie das geht, siehst du in der Anleitung unten."] | ||
[:h2 "Anleitung"] | ||
[iframe "https://pitch.com/embed/a53cd132-5c55-4022-b291-4b1e627eafdf" "660px"] | ||
[iframe-preview]]]) | ||
[base {:page/title "Einbettung in Moodle" | ||
:page/description "Lerne hier wie du schnaq in deinem Moodle-Kurs verwenden kannst."} | ||
[:<> | ||
[:h1 "Einbettung in Moodle"] | ||
[:div.columns-1.md:columns-2 | ||
[:div | ||
[:p "schnaq kann in deine Moodle-Plattform eingebunden werden, um beispielsweise Fragen von Studierenden zwischen den Veranstaltungen zu sammeln, oder auch nur den Studierenden einen Raum zu geben sich selbst zu helfen im Peer-to-Peer-Learning-Format. Unten findest du eine bebilderte Anleitung wie das in deiner Moodle-Instanz funktionieren kann."] | ||
[:p "Damit das funktioniert, musst du einen schnaq anlegen und kannst ihn dann hier konfigurieren."]] | ||
[image {:src "https://snq-common.s3.nl-ams.scw.cloud/academy/embeddings/moodle.webp"}]] | ||
[ui-settings] | ||
[:div {:class "md:w-1/3"} [iframe-height-input]] | ||
[iframe-code] | ||
[:p "Kopiere den Code als Text-Baustein in deine Moodle-Seiten ein. Wie das geht, siehst du in der Anleitung unten."] | ||
[:h2 "Anleitung"] | ||
[iframe "https://pitch.com/embed/a53cd132-5c55-4022-b291-4b1e627eafdf" "660px"] | ||
[iframe-preview]]]) | ||
|
||
(defn moodle [] | ||
[moodle-page]) | ||
[moodle-page]) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,26 +1,26 @@ | ||
(ns schnaq.academy.pages.powerpoint | ||
(:require [schnaq.academy.components :refer [iframe image]] | ||
[schnaq.academy.pages.base :refer [base]] | ||
[schnaq.academy.pages.embedding :refer [iframe-preview]] | ||
[schnaq.academy.pages.settings :refer [configured-schnaq-code | ||
ui-settings]])) | ||
(:require [schnaq.academy.components :refer [iframe image]] | ||
[schnaq.academy.pages.base :refer [base]] | ||
[schnaq.academy.pages.embedding :refer [iframe-preview]] | ||
[schnaq.academy.pages.settings :refer [configured-schnaq-code | ||
ui-settings]])) | ||
|
||
(defn- powerpoint-page [] | ||
[base {:page/title "Einbettung in Powerpoint" | ||
:page/description "Schaue dir an, wie du Fragen direkt in deiner Präsentation anzeigen lassen kannst."} | ||
[:<> | ||
[:h1 "Einbettung in Powerpoint"] | ||
[:div.columns-1.md:columns-2 | ||
[:div | ||
[:p "schnaq kann in deine Powerpoint Präsentation eingebunden werden, um beispielsweise live alle Fragen zu sammeln und anzeigen zu lassen. Unten findest du eine bebilderte Anleitung."] | ||
[:p "Damit das funktioniert, musst du einen schnaq anlegen und kannst ihn dann hier konfigurieren. Wir empfehlen in dem Fall alles zu deaktivieren, was nicht unbedingt notwendig ist."]] | ||
[image {:src "https://s3.schnaq.com/academy/embeddings/powerpoint_2000x.webp"}]] | ||
[ui-settings] | ||
[configured-schnaq-code] | ||
[:p "Kopiere den Code in deine Powerpoint-Präsentation, um die Fragen der Teilnehmenden dort anzuzeigen."] | ||
[:h2 "Anleitung"] | ||
[iframe "https://pitch.com/embed/7609ace7-cab6-4886-9788-f372f5c1ee49" "660px"] | ||
[iframe-preview]]]) | ||
[base {:page/title "Einbettung in Powerpoint" | ||
:page/description "Schaue dir an, wie du Fragen direkt in deiner Präsentation anzeigen lassen kannst."} | ||
[:<> | ||
[:h1 "Einbettung in Powerpoint"] | ||
[:div.columns-1.md:columns-2 | ||
[:div | ||
[:p "schnaq kann in deine Powerpoint Präsentation eingebunden werden, um beispielsweise live alle Fragen zu sammeln und anzeigen zu lassen. Unten findest du eine bebilderte Anleitung."] | ||
[:p "Damit das funktioniert, musst du einen schnaq anlegen und kannst ihn dann hier konfigurieren. Wir empfehlen in dem Fall alles zu deaktivieren, was nicht unbedingt notwendig ist."]] | ||
[image {:src "https://snq-common.s3.nl-ams.scw.cloud/academy/embeddings/powerpoint_2000x.webp"}]] | ||
[ui-settings] | ||
[configured-schnaq-code] | ||
[:p "Kopiere den Code in deine Powerpoint-Präsentation, um die Fragen der Teilnehmenden dort anzuzeigen."] | ||
[:h2 "Anleitung"] | ||
[iframe "https://pitch.com/embed/7609ace7-cab6-4886-9788-f372f5c1ee49" "660px"] | ||
[iframe-preview]]]) | ||
|
||
(defn powerpoint [] | ||
[powerpoint-page]) | ||
[powerpoint-page]) |