Skip to content

Commit

Permalink
chore: Update schnaq images and URLs
Browse files Browse the repository at this point in the history
  • Loading branch information
n2o committed Jul 10, 2024
1 parent e89fff7 commit 05c7934
Show file tree
Hide file tree
Showing 4 changed files with 100 additions and 100 deletions.
44 changes: 22 additions & 22 deletions src/main/schnaq/academy/pages/ilias.cljs
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])
70 changes: 35 additions & 35 deletions src/main/schnaq/academy/pages/index.cljs
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])
44 changes: 22 additions & 22 deletions src/main/schnaq/academy/pages/moodle.cljs
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])
42 changes: 21 additions & 21 deletions src/main/schnaq/academy/pages/powerpoint.cljs
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])

0 comments on commit 05c7934

Please sign in to comment.