Commit ce12d750 authored by Wolfgang Knopki's avatar Wolfgang Knopki
Browse files

Merge branch 'MLAB-460' of transfer.hft-stuttgart.de:root/m4lab_landing_page into MLAB-460

parents 40dafcf5 10c73e9a
...@@ -25,10 +25,10 @@ ...@@ -25,10 +25,10 @@
</div> </div>
<div id="Gitlab_Text" class="margin_top_30 margin_bottom_30"> <div id="Gitlab_Text" class="margin_top_30 margin_bottom_30">
<div class="container background_ffffff"> <div class="container background_ffffff">
<div style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;"> <div class="info_partizipation_text">
<div class="col-lg-12"> <div class="col-lg-12">
<h2 class="d-flex flex-column flex-shrink-1 justify-content-lg-start text-center" <h2 class="d-flex flex-column flex-shrink-1 justify-content-lg-start text-center heading p_top_15">
style="padding-top: 15px;color: #708090;"><strong>Beteiligungsplattform</strong></h2> <strong>Beteiligungsplattform</strong></h2>
</div> </div>
<div class="col-auto flex-row flex-grow-1 flex-fill background_ffffff"> <div class="col-auto flex-row flex-grow-1 flex-fill background_ffffff">
<p> Die im M4_Lab entwickelte Beteiligungsplattform soll den Bürgern ermöglichen ihre Meinung in <p> Die im M4_Lab entwickelte Beteiligungsplattform soll den Bürgern ermöglichen ihre Meinung in
...@@ -36,20 +36,19 @@ ...@@ -36,20 +36,19 @@
Entwicklungsstadium. Entwicklungsstadium.
</p> </p>
</div> </div>
<a class="btn btn-primary text-center d-inline-flex d-lg-flex flex-column flex-grow-1 flex-shrink-1 flex-fill justify-content-between align-items-baseline align-content-center align-self-baseline flex-wrap order-3 mb-auto justify-content-md-center align-items-md-end align-items-lg-center justify-content-xl-center mx-auto" <a class="btn btn-primary text-center d-inline-flex d-lg-flex flex-column flex-grow-1 flex-shrink-1 flex-fill justify-content-between align-items-baseline align-content-center align-self-baseline flex-wrap order-3 mb-auto justify-content-md-center align-items-md-end align-items-lg-center justify-content-xl-center mx-auto background_e0001b"
role="button" style="background-color: #E0001B;" role="button"
href="https://transfer.hft-stuttgart.de/partizipation/#/"><strong>Zugriff auf die href="https://transfer.hft-stuttgart.de/partizipation/#/"><strong>Zugriff auf die
Beteiligungsplattform</strong></a> Beteiligungsplattform</strong></a>
</div> </div>
</div> </div>
</div> </div>
<div id="help_Text" style="margin-top: 10px;margin-bottom: 30px;"> <div id="help_Text" class="m_top_10 margin_bottom_30">
<div class="container background_ffffff"> <div class="container background_ffffff">
<div style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;"> <div class="info_partizipation_text">
<div class="col-lg-12"> <div class="col-lg-12">
<h2 class="d-flex flex-column order-1 justify-content-lg-start text-center" <h2 class="d-flex flex-column order-1 justify-content-lg-start text-center heading p_top_15">
style="padding-top: 15px;color: #708090;"><strong>Funktionen der <strong>Funktionen der Beteiligungsplattform</strong></h2>
Beteiligungsplattform</strong></h2>
</div> </div>
<div class="col-auto background_ffffff"> <div class="col-auto background_ffffff">
<div class="help"> <div class="help">
...@@ -143,13 +142,12 @@ ...@@ -143,13 +142,12 @@
</div> </div>
</div> </div>
</div> </div>
<div id="Projects_Text" style="margin-top: 10px;margin-bottom: 30px;"> <div id="Projects_Text" class="m_top_10 margin_bottom_30">
<div class="container background_ffffff"> <div class="container background_ffffff">
<div style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;"> <div class="info_partizipation_text">
<div class="col-lg-12"> <div class="col-lg-12">
<h2 class="d-flex flex-column order-1 justify-content-lg-start text-center" <h2 class="d-flex flex-column order-1 justify-content-lg-start text-center heading p_top_15">
style="padding-top: 15px;color: #708090;"><strong>Projekte auf der <strong>Projekte auf der Beteiligungsplattform</strong></h2>
Beteiligungsplattform</strong></h2>
</div> </div>
<div class="col-auto background_ffffff"> <div class="col-auto background_ffffff">
<div class="help"> <div class="help">
......
...@@ -17,14 +17,14 @@ ...@@ -17,14 +17,14 @@
<div> <div>
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-md-12" style="margin-bottom: 40px;"><img class="mx-auto" src="/img/Aufgabenmanagement.png" width="100%"></div> <div class="col-md-12 margin_bottom_40"><img class="mx-auto" src="/img/Aufgabenmanagement.png" width="100%"></div>
</div> </div>
</div> </div>
</div> </div>
<div> <div>
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-md-12" style="margin-bottom: 30px;"> <div class="col-md-12 margin_bottom_30">
<h4 class="text-center">Das Transferportal bietet eine Möglichkeit zum Aufgabenmanagement innerhalb eines Projektes an. Dieses Angebot richtet sich insbesondere an Kollaborationsprojekte zwischen der HfT und externen Partnern. <h4 class="text-center">Das Transferportal bietet eine Möglichkeit zum Aufgabenmanagement innerhalb eines Projektes an. Dieses Angebot richtet sich insbesondere an Kollaborationsprojekte zwischen der HfT und externen Partnern.
</h4> </h4>
</div> </div>
...@@ -34,18 +34,18 @@ ...@@ -34,18 +34,18 @@
<div> <div>
<div id="Jira Text" style="background-color: #dadada;margin-top: 40px;"> <div id="Jira Text" class="background_dadada margin_top_40">
<div class="container"> <div class="container">
<div class="row" style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;"> <div class="row" class="m_bottom_0 p_top_20 p_bottom_20">
<div class="col-lg-12" style="background-color: #feffff;"> <div class="col-lg-12 background_ffffff">
<h2 class="d-flex flex-column flex-shrink-1 order-1 justify-content-lg-start text-center" style="padding-top: 15px;color: #708090;"><strong>Jira</strong></h2> <h2 class="d-flex flex-column flex-shrink-1 order-1 justify-content-lg-start text-center heading p_top_15"><strong>Jira</strong></h2>
</div> </div>
<div class="col-auto col-md-4 col-lg-6 flex-row flex-grow-1 flex-fill order-1" style="background-color: #ffffff;"> <div class="col-auto col-md-4 col-lg-6 flex-row flex-grow-1 flex-fill order-1 background_ffffff">
<p>Jira ist ein System der Firma Atlassian zum operativen Projektmanagement. Es bietet vielfältige Möglichkeiten des Aufgaben-, Prozess- und Anforderungsmanagements.</p> <p>Jira ist ein System der Firma Atlassian zum operativen Projektmanagement. Es bietet vielfältige Möglichkeiten des Aufgaben-, Prozess- und Anforderungsmanagements.</p>
<p>Über das Transferportal bieten wir eine Instanz für Projekte an, die darüber ihre Prozesse und Workflows steuern und abwickeln können.</p> <p>Über das Transferportal bieten wir eine Instanz für Projekte an, die darüber ihre Prozesse und Workflows steuern und abwickeln können.</p>
</div> </div>
<div class="col-auto col-md-4 col-lg-6 text-center flex-row flex-grow-1 flex-fill justify-content-between flex-wrap order-2" style="background-color: #ffffff;"> <div class="col-auto col-md-4 col-lg-6 text-center flex-row flex-grow-1 flex-fill justify-content-between flex-wrap order-2 background_ffffff">
<div class="justify-content-between order-2" style="background-color: rgba(255,255,255,0);"> <div class="justify-content-between order-2">
<p class="text-left d-flex d-md-flex flex-row flex-grow-1 flex-shrink-1 flex-fill justify-content-between align-items-start align-content-start align-self-start flex-wrap order-1 justify-content-md-left align-items-md-start justify-content-lg-start"> <p class="text-left d-flex d-md-flex flex-row flex-grow-1 flex-shrink-1 flex-fill justify-content-between align-items-start align-content-start align-self-start flex-wrap order-1 justify-content-md-left align-items-md-start justify-content-lg-start">
Wichtige Features umfassen dabei: Wichtige Features umfassen dabei:
<ul class="text-left"> <ul class="text-left">
...@@ -55,26 +55,26 @@ ...@@ -55,26 +55,26 @@
<li>Vernetzung mit unserem Werkzeug zum <a href="/confluence.html">Wissensaustausch</a> <li>Vernetzung mit unserem Werkzeug zum <a href="/confluence.html">Wissensaustausch</a>
</ul> </ul>
</p> </p>
</div><a class="btn btn-primary text-center d-inline-flex d-lg-flex flex-column flex-grow-1 flex-shrink-1 flex-fill justify-content-between align-items-baseline align-content-center align-self-baseline flex-wrap order-3 mb-auto justify-content-md-center align-items-md-end align-items-lg-center justify-content-xl-center mx-auto" </div><a class="btn btn-primary text-center d-inline-flex d-lg-flex flex-column flex-grow-1 flex-shrink-1 flex-fill justify-content-between align-items-baseline align-content-center align-self-baseline flex-wrap order-3 mb-auto justify-content-md-center align-items-md-end align-items-lg-center justify-content-xl-center mx-auto background_e0001b"
role="button" style="background-color: #E0001B;" href="https://transfer.hft-stuttgart.de/jira/"><strong>Zugang über das Transferportal</strong></a></div> role="button" href="https://transfer.hft-stuttgart.de/jira/"><strong>Zugang über das Transferportal</strong></a></div>
</div> </div>
</div> </div>
</div> </div>
<div id="Access_Text" style="background-color: #dadada;margin-top: 0px;"> <div id="Access_Text" class="background_dadada m_top_0">
<div class="container"> <div class="container">
<div class="row" style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;"> <div class="row" class="m_bottom_0 p_top_20 p_bottom_20">
<div class="col-lg-12" style="background-color: #ffffff;"> <div class="col-lg-12 background_ffffff">
<h2 class="d-flex flex-column order-1 justify-content-lg-start text-center" style="padding-top: 15px;color: #708090;"><strong>Zugang</strong></h2> <h2 class="d-flex flex-column order-1 justify-content-lg-start text-center heading p_top_15"><strong>Zugang</strong></h2>
</div> </div>
<div class="col-md-4 col-lg-6" style="background-color: #ffffff;"> <div class="col-md-4 col-lg-6 background_ffffff">
<p>Um Zugang zu Jira zu erhalten, benötigen Sie einen Account am Portal. Dieser muss zunächst noch freigeschalten werden, wenden Sie sich dazu bitte an den Administrator.</p> <p>Um Zugang zu Jira zu erhalten, benötigen Sie einen Account am Portal. Dieser muss zunächst noch freigeschalten werden, wenden Sie sich dazu bitte an den Administrator.</p>
<p>Um ein Projekt in der Instanz zu platzieren, wenden Sie sich bitte ebenfalls an den Administrator, der mit Ihnen dann das weitere Vorgehen abstimmen wird.</p> <p>Um ein Projekt in der Instanz zu platzieren, wenden Sie sich bitte ebenfalls an den Administrator, der mit Ihnen dann das weitere Vorgehen abstimmen wird.</p>
</div> </div>
<div class="col-md-4 col-lg-6 text-center" style="background-color: #ffffff;"> <div class="col-md-4 col-lg-6 text-center background_ffffff">
<div class="order-2" style="background-color: rgba(255,255,255,0);"> <div class="order-2">
<p class="text-left d-flex d-md-flex flex-row flex-grow-1 flex-shrink-1 flex-fill justify-content-between align-items-start align-content-start align-self-start flex-wrap order-1 justify-content-md-center align-items-md-start justify-content-lg-start">Weitere Hilfe zur Benutzung von Jira finden sich auf den <a href="https://confluence.atlassian.com/jira">Seiten der Firma Atlassian</a></p> <p class="text-left d-flex d-md-flex flex-row flex-grow-1 flex-shrink-1 flex-fill justify-content-between align-items-start align-content-start align-self-start flex-wrap order-1 justify-content-md-center align-items-md-start justify-content-lg-start">Weitere Hilfe zur Benutzung von Jira finden sich auf den <a href="https://confluence.atlassian.com/jira">Seiten der Firma Atlassian</a></p>
</div><a class="btn btn-primary text-center d-lg-flex justify-content-center align-items-center align-content-center align-self-center align-items-lg-end mx-auto" role="button" style="background-color: #E0001B;" href="mailto:support-transfer@hft-stuttgart.de"><strong>Zugang über Admin anfragen</strong></a></div> </div><a class="btn btn-primary text-center d-lg-flex justify-content-center align-items-center align-content-center align-self-center align-items-lg-end mx-auto background_e0001b" role="button" href="mailto:support-transfer@hft-stuttgart.de"><strong>Zugang über Admin anfragen</strong></a></div>
</div> </div>
</div> </div>
</div> </div>
......
var menu = [{'name':'Informationen', 'combos':[{'name':'Projektinformationen', 'link':'/projektinformationen'},{'name':'Projektcode und -daten', 'link':'/projektdaten'}, {'name':'Über das M4_LAB', 'link':'/projectoverview?projectID=1'},{'name':'Kontakt', 'link':'/account/contact'}], 'type':'dropdown', 'link':'#'},{'name':'Zusammenarbeit', 'combos':[{'name':'Mailinglisten', 'link':'/mailinglists'},{'name':'Videokonferenzen', 'link':'/videoconference.html'},{'name':'Wissensaustausch', 'link':'/confluence.html'},{'name':'Aufgabenmanagement', 'link':'/jira.html'},{'name':'Dateibearbeitung', 'link':'/bwcloud.html'}], 'type':'dropdown', 'link':'#'},{'name':'Events', 'combos':[{'name':'Veranstaltungen der HfT', 'link':'http://www.hft-stuttgart.de/Aktuell/Veranstaltungen/'},{'name':'Veranstaltungen der HfT Forschung', 'link':'https://www.hft-stuttgart.de/forschung/veranstaltungen'}], 'type':'dropdown', 'link':'#'},{'name':'Bürgerbeteiligung', 'combos':[{'name':'Infos zur Bürgerbeteiligung', 'link':'/info_partizipation.html'},{'name':'Zum M4_Lab Showcase', 'link':'/partizipation/'}], 'type':'dropdown', 'link':'#'},{'name':'<i class="fa fa-question-circle" aria-hidden="true"></i>', 'combos': [], 'type':'', 'link':'/help/'},{'name':'<i class="fa fa-user-circle" aria-hidden="true"></i>', 'combos': [], 'type':'', 'link':'/account/'}]; var menu = [{'name':'Informationen', 'combos':[{'name':'Projektinformationen', 'link':'/projektinformationen'},{'name':'Projektcode und -daten', 'link':'/projektdaten'}, {'name':'Über das M4_LAB', 'link':'/projectoverview?projectID=1'},{'name':'Kontakt', 'link':'/account/contact'}], 'type':'dropdown', 'link':'#'},{'name':'Zusammenarbeit', 'combos':[{'name':'Mailinglisten', 'link':'/mailinglists'},{'name':'Videokonferenzen', 'link':'/videoconference.html'},{'name':'Wissensaustausch', 'link':'/confluence.html'},{'name':'Aufgabenmanagement', 'link':'/jira.html'},{'name':'Dateibearbeitung', 'link':'/bwcloud.html'}], 'type':'dropdown', 'link':'#'},{'name':'Events', 'combos':[{'name':'Veranstaltungen der HfT', 'link':'http://www.hft-stuttgart.de/Aktuell/Veranstaltungen/'},{'name':'Veranstaltungen der HfT Forschung', 'link':'https://www.hft-stuttgart.de/forschung/veranstaltungen'}], 'type':'dropdown', 'link':'#'},{'name':'Bürgerbeteiligung', 'combos':[{'name':'Infos zur Bürgerbeteiligung', 'link':'/info_partizipation.html'},{'name':'Zum M4_Lab Showcase', 'link':'/partizipation/'},{'name':'High-Performance Computing', 'link':'/info_hpc.html'}], 'type':'dropdown', 'link':'#'},{'name':'<i class="fa fa-question-circle" aria-hidden="true"></i>', 'combos': [], 'type':'', 'link':'/help/'},{'name':'<i class="fa fa-user-circle" aria-hidden="true"></i>', 'combos': [], 'type':'', 'link':'/account/'}];
var hft_links = [{'url':'/account/contact', 'name':'Kontakt'},{'url':'https://www.hft-stuttgart.de/impressum', 'name':'Impressum'},{'url':'https://www.hft-stuttgart.de/datenschutz', 'name':'Datenschutz'}] var hft_links = [{'url':'/account/contact', 'name':'Kontakt'},{'url':'https://www.hft-stuttgart.de/impressum', 'name':'Impressum'},{'url':'https://www.hft-stuttgart.de/datenschutz', 'name':'Datenschutz'}]
......
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
<div> <div>
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-md-12" style="margin-bottom: 40px;"><img class="mx-auto" src="/img/Videokonferenzen.jpg" <div class="col-md-12 margin_bottom_40"><img class="mx-auto" src="/img/Videokonferenzen.jpg"
width="100%"></div> width="100%"></div>
</div> </div>
</div> </div>
...@@ -26,7 +26,7 @@ ...@@ -26,7 +26,7 @@
<div> <div>
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-md-12" style="margin-bottom: 30px;"> <div class="col-md-12 margin_bottom_30">
<h4 class="text-center">Das Transferportal bietet <strong>drei</strong> verschiedene Möglichkeiten <h4 class="text-center">Das Transferportal bietet <strong>drei</strong> verschiedene Möglichkeiten
für Videokonferenzen:</h4> für Videokonferenzen:</h4>
</div> </div>
...@@ -36,15 +36,14 @@ ...@@ -36,15 +36,14 @@
<div class="d-flex justify-content-lg-center align-items-lg-start flex-row" <div class="d-flex justify-content-lg-center align-items-lg-start flex-row m_left_35 m_right_35"></div>
style="margin-right: 35px;margin-left: 35px;"></div>
<div> <div>
<div class="container"> <div class="container">
<div <div
class="row flex-row justify-content-start align-items-start align-content-stretch align-self-stretch flex-wrap align-items-lg-start"> class="row flex-row justify-content-start align-items-start align-content-stretch align-self-stretch flex-wrap align-items-lg-start">
<div class="col-md-6 text-center d-flex flex-column justify-content-center align-items-md-center" <div
style="padding-right: 5px;padding-left: 0px;margin-top: 15px;"> class="col-md-6 text-center d-flex flex-column justify-content-center align-items-md-center videoconference_jitsi">
<h2 class="text-center" style="color: #708090;"><strong>Jitsi</strong><br></h2> <h2 class="text-center heading"><strong>Jitsi</strong><br></h2>
<p class="text-center"><strong>Für alle Nutzer des Portals</strong><br><br></p> <p class="text-center"><strong>Für alle Nutzer des Portals</strong><br><br></p>
<p class="text-left">Videokonferenzen direkt im Browser<br>OpenSource System<br></p> <p class="text-left">Videokonferenzen direkt im Browser<br>OpenSource System<br></p>
<ul class="text-left"> <ul class="text-left">
...@@ -53,14 +52,12 @@ ...@@ -53,14 +52,12 @@
<li>Chat-Funktion</li> <li>Chat-Funktion</li>
<li>Mobile Online-Meetings (App)</li> <li>Mobile Online-Meetings (App)</li>
</ul> </ul>
<a class="btn btn-primary text-center flex-grow-1 flex-shrink-1 flex-fill justify-content-center" <a class="btn btn-primary text-center flex-grow-1 flex-shrink-1 flex-fill justify-content-center videoconference_more_info"
role="button" role="button" href="#Jitsi_Text"><strong>Mehr Infos zu Jitsi</strong><i
style="background-color: rgb(228,228,228);color: rgb(89,89,89);padding-bottom: 6px;width: 309px;margin-right: 0;margin-bottom: 15px;"
href="#Jitsi_Text"><strong>Mehr Infos zu Jitsi</strong><i
class="fa fa-arrow-down d-lg-flex justify-content-lg-center"></i></a> class="fa fa-arrow-down d-lg-flex justify-content-lg-center"></i></a>
<a class="btn btn-primary text-center d-lg-flex align-self-center justify-content-md-center align-items-md-end justify-content-lg-center align-items-lg-center justify-content-xl-center mx-auto" <a class="btn btn-primary text-center d-lg-flex align-self-center justify-content-md-center align-items-md-end justify-content-lg-center align-items-lg-center justify-content-xl-center mx-auto background_e0001b width_309"
role="button" style="background-color: #E0001B;width: 309px;" role="button" href="https://telemeeting.hft-stuttgart.de/"><strong>Zugang über das
href="https://telemeeting.hft-stuttgart.de/"><strong>Zugang über das Transferportal</strong></a> Transferportal</strong></a>
</div> </div>
<!-- <div class="col-md-6 col-lg-4 text-center flex-column justify-content-between" <!-- <div class="col-md-6 col-lg-4 text-center flex-column justify-content-between"
style="padding-right: 5px;padding-left: 5px;margin-top: 15px;"> style="padding-right: 5px;padding-left: 5px;margin-top: 15px;">
...@@ -77,9 +74,9 @@ ...@@ -77,9 +74,9 @@
</ul><a class="btn btn-primary text-center flex-grow-1 flex-shrink-1 flex-fill justify-content-center" role="button" style="background-color: rgb(228,228,228);color: rgb(89,89,89);padding-bottom: 6px;width: 309px;margin-right: 0;margin-bottom: 15px;" </ul><a class="btn btn-primary text-center flex-grow-1 flex-shrink-1 flex-fill justify-content-center" role="button" style="background-color: rgb(228,228,228);color: rgb(89,89,89);padding-bottom: 6px;width: 309px;margin-right: 0;margin-bottom: 15px;"
href="#AdobeConnect_Text"><strong>Mehr Infos zu Adobe Connect</strong><i class="fa fa-arrow-down d-lg-flex justify-content-lg-center"></i></a><a class="btn btn-primary text-center align-self-center mx-auto" role="button" style="background-color: #E0001B;width: 309px;" href="#AdobeConnect_Text"><strong>Mehr Infos zu Adobe Connect</strong><i class="fa fa-arrow-down d-lg-flex justify-content-lg-center"></i></a><a class="btn btn-primary text-center align-self-center mx-auto" role="button" style="background-color: #E0001B;width: 309px;"
href="https://webconf.vc.dfn.de/dfnvc/disco/index.html?entityID=https%3A%2F%2Fwebconf.vc.dfn.de%2Fshibboleth&amp;return=https%3A%2F%2Fwebconf.vc.dfn.de%2FShibboleth.sso%2FLogin%3FSAMLDS%3D1%26target%3Dss%253Amem%253A91a559f6fe23a4cf2047736a346176afdde2eee7c554b2fb1cddbc35aea5aec6"><strong>Zugang über DFNconf</strong></a></div> --> href="https://webconf.vc.dfn.de/dfnvc/disco/index.html?entityID=https%3A%2F%2Fwebconf.vc.dfn.de%2Fshibboleth&amp;return=https%3A%2F%2Fwebconf.vc.dfn.de%2FShibboleth.sso%2FLogin%3FSAMLDS%3D1%26target%3Dss%253Amem%253A91a559f6fe23a4cf2047736a346176afdde2eee7c554b2fb1cddbc35aea5aec6"><strong>Zugang über DFNconf</strong></a></div> -->
<div class="col-md-6 text-center d-flex flex-column justify-content-center align-items-md-center" <div
style="padding: 0;margin: 0;margin-right: 0px;margin-left: 0px;padding-right: 0px;padding-left: 5px;margin-top: 15px;"> class="col-md-6 text-center d-flex flex-column justify-content-center align-items-md-center videoconference_gotomeeting">
<h2 class="text-center" style="color: #708090;"><strong>GoToMeeting</strong><br></h2> <h2 class="text-center heading"><strong>GoToMeeting</strong><br></h2>
<p class="text-center"><strong>Für Mitglieder der HFT</strong><br><br></p> <p class="text-center"><strong>Für Mitglieder der HFT</strong><br><br></p>
<p class="text-left">Videokonferenzen mit Lizenzanfrage über die Verwaltung<br></p> <p class="text-left">Videokonferenzen mit Lizenzanfrage über die Verwaltung<br></p>
<ul class="text-left"> <ul class="text-left">
...@@ -90,14 +87,12 @@ ...@@ -90,14 +87,12 @@
<li>Aufzeichnung von Konferenzen und<br />Vorlesungen</li> <li>Aufzeichnung von Konferenzen und<br />Vorlesungen</li>
<li>Max. 150 Teilnehmer gleichzeitig</li> <li>Max. 150 Teilnehmer gleichzeitig</li>
</ul> </ul>
<a class="btn btn-primary text-center flex-grow-1 flex-shrink-1 flex-fill justify-content-center" <a class="btn btn-primary text-center flex-grow-1 flex-shrink-1 flex-fill justify-content-center videoconference_more_info"
role="button" role="button" href="#GoToMeeting_Text"><strong>Mehr Infos zu GoToMeeting</strong><i
style="background-color: rgb(228,228,228);color: rgb(89,89,89);padding-bottom: 6px;width: 309px;margin-right: 0;margin-bottom: 15px;"
href="#GoToMeeting_Text"><strong>Mehr Infos zu GoToMeeting</strong><i
class="fa fa-arrow-down d-lg-flex justify-content-lg-center"></i></a> class="fa fa-arrow-down d-lg-flex justify-content-lg-center"></i></a>
<a class="btn btn-primary text-center d-lg-flex flex-column justify-content-center align-items-center align-content-center align-items-lg-center mx-auto" <a class="btn btn-primary text-center d-lg-flex flex-column justify-content-center align-items-center align-content-center align-items-lg-center mx-auto background_e0001b width_309"
role="button" style="background-color: #E0001B;width: 309px;" role="button" href="mailto:support-transfer@hft-stuttgart.de"><strong>Zugang über Admin
href="mailto:support-transfer@hft-stuttgart.de"><strong>Zugang über Admin anfragen</strong></a> anfragen</strong></a>
</div> </div>
</div> </div>
</div> </div>
...@@ -107,15 +102,16 @@ ...@@ -107,15 +102,16 @@
<div> <div>
<div id="Jitsi_Text" style="background-color: #dadada;margin-top: 40px;"> <div id="Jitsi_Text" class="background_dadada margin_top_40">
<div class="container"> <div class="container">
<div class="row" style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;"> <div class="row videoconference_jitsi_text">
<div class="col-lg-12" style="background-color: #feffff;"> <div class="col-lg-12 background_ffffff">
<h2 class="d-flex flex-column flex-shrink-1 order-1 justify-content-lg-start text-center" <h2
style="padding-top: 15px;color: #708090;"><strong>Jitsi</strong></h2> class="d-flex flex-column flex-shrink-1 order-1 justify-content-lg-start text-center heading p_top_15">
<strong>Jitsi</strong>
</h2>
</div> </div>
<div class="col-auto col-md-4 col-lg-6 flex-row flex-grow-1 flex-fill order-1" <div class="col-auto col-md-4 col-lg-6 flex-row flex-grow-1 flex-fill order-1 background_ffffff">
style="background-color: #ffffff;">
<p>Jitsi&nbsp;ist ein Open-Source-Videokonferenz-System für HFT-interne und externe Nutzer. Es <p>Jitsi&nbsp;ist ein Open-Source-Videokonferenz-System für HFT-interne und externe Nutzer. Es
ermöglicht, Videokonferenzen direkt im Browser abzuhalten. Wir empfehlen hierbei die Nutzung ermöglicht, Videokonferenzen direkt im Browser abzuhalten. Wir empfehlen hierbei die Nutzung
von Chrome auf einem Desktopsystem oder Laptop. von Chrome auf einem Desktopsystem oder Laptop.
...@@ -124,9 +120,9 @@ ...@@ -124,9 +120,9 @@
wird, raten wir von einer Nutzung auf wird, raten wir von einer Nutzung auf
mobilen Endgeräten ab.&nbsp;<br /></p> mobilen Endgeräten ab.&nbsp;<br /></p>
</div> </div>
<div class="col-auto col-md-4 col-lg-6 text-center flex-row flex-grow-1 flex-fill justify-content-between flex-wrap order-2" <div
style="background-color: #ffffff;"> class="col-auto col-md-4 col-lg-6 text-center flex-row flex-grow-1 flex-fill justify-content-between flex-wrap order-2 background_ffffff">
<div class="justify-content-between order-2" style="background-color: rgba(255,255,255,0);"> <div class="justify-content-between order-2 background_ffffff">
<p <p
class="text-left d-flex d-md-flex flex-row flex-grow-1 flex-shrink-1 flex-fill justify-content-between align-items-start align-content-start align-self-start flex-wrap order-1 justify-content-md-center align-items-md-start justify-content-lg-start"> class="text-left d-flex d-md-flex flex-row flex-grow-1 flex-shrink-1 flex-fill justify-content-between align-items-start align-content-start align-self-start flex-wrap order-1 justify-content-md-center align-items-md-start justify-content-lg-start">
Aktuelle Informationen und Tutorials zu Jitsi finden Sie auf den&nbsp;<a Aktuelle Informationen und Tutorials zu Jitsi finden Sie auf den&nbsp;<a
...@@ -136,9 +132,8 @@ ...@@ -136,9 +132,8 @@
</strong> </strong>
</p> </p>
</div><a </div><a
class="btn btn-primary text-center d-inline-flex d-lg-flex flex-column flex-grow-1 flex-shrink-1 flex-fill justify-content-between align-items-baseline align-content-center align-self-baseline flex-wrap order-3 mb-auto justify-content-md-center align-items-md-end align-items-lg-center justify-content-xl-center mx-auto" class="btn btn-primary text-center d-inline-flex d-lg-flex flex-column flex-grow-1 flex-shrink-1 flex-fill justify-content-between align-items-baseline align-content-center align-self-baseline flex-wrap order-3 mb-auto justify-content-md-center align-items-md-end align-items-lg-center justify-content-xl-center mx-auto background_e0001b"
role="button" style="background-color: #E0001B;" role="button" href="https://telemeeting.hft-stuttgart.de/"><strong>Zugang über das
href="https://telemeeting.hft-stuttgart.de/"><strong>Zugang über das
Transferportal</strong></a> Transferportal</strong></a>
</div> </div>
</div> </div>
...@@ -163,30 +158,31 @@ ...@@ -163,30 +158,31 @@
</div> </div>
</div> </div>
</div> --> </div> -->
<div id="GoToMeeting_Text" style="background-color: #dadada;margin-top: 0px;"> <div id="GoToMeeting_Text" class="background_dadada m_top_0">
<div class="container"> <div class="container">
<div class="row" style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;"> <div class="row videoconference_gotomeeting_text">
<div class="col-lg-12" style="background-color: #ffffff;"> <div class="col-lg-12 background_ffffff">
<h2 class="d-flex flex-column order-1 justify-content-lg-start text-center" <h2 class="d-flex flex-column order-1 justify-content-lg-start text-center heading p_top_15">
style="padding-top: 15px;color: #708090;"><strong>GoToMeeting</strong></h2> <strong>GoToMeeting</strong>
</h2>
</div> </div>
<div class="col-md-4 col-lg-6" style="background-color: #ffffff;"> <div class=" col-md-4 col-lg-6 background_ffffff">
<p>Auch über den Dienst GoToMeeting können Webkonferenzen<br />abgehalten werden. <br />Für eine <p>Auch über den Dienst GoToMeeting können Webkonferenzen<br />abgehalten werden. <br />Für
eine
Nutzungsanfrage wenden Sie sich bitte an <a Nutzungsanfrage wenden Sie sich bitte an <a
href="mailto:support-transfer@hft-stuttgart.de">support-transfer@hft-stuttgart.de</a>.<br /> href="mailto:support-transfer@hft-stuttgart.de">support-transfer@hft-stuttgart.de</a>.<br />
</p> </p>
</div> </div>
<div class="col-md-4 col-lg-6 text-center" style="background-color: #ffffff;"> <div class="col-md-4 col-lg-6 text-center background_ffffff">
<div class="order-2" style="background-color: rgba(255,255,255,0);"> <div class="order-2">
<p <p
class="text-left d-flex d-md-flex flex-row flex-grow-1 flex-shrink-1 flex-fill justify-content-between align-items-start align-content-start align-self-start flex-wrap order-1 justify-content-md-center align-items-md-start justify-content-lg-start"> class="text-left d-flex d-md-flex flex-row flex-grow-1 flex-shrink-1 flex-fill justify-content-between align-items-start align-content-start align-self-start flex-wrap order-1 justify-content-md-center align-items-md-start justify-content-lg-start">
Aktuelle Informationen und Tutorials zu GoToMeeting finden Sie auf den<a Aktuelle Informationen und Tutorials zu GoToMeeting finden Sie auf den<a
href="https://confluence.hft-stuttgart.de/display/DZ/Anleitung+GoToMeeting">Confluence-Seiten href="https://confluence.hft-stuttgart.de/display/DZ/Anleitung+GoToMeeting">Confluence-Seiten
der HFT Stuttgart&nbsp;(Intranet).</a></p> der HFT Stuttgart&nbsp;(Intranet).</a></p>
</div><a </div><a
class="btn btn-primary text-center d-lg-flex justify-content-center align-items-center align-content-center align-self-center align-items-lg-end mx-auto" class="btn btn-primary text-center d-lg-flex justify-content-center align-items-center align-content-center align-self-center align-items-lg-end mx-auto background_e0001b"
role="button" style="background-color: #E0001B;" role="button" href="mailto:support-transfer@hft-stuttgart.de"><strong>Zugang über Admin
href="mailto:support-transfer@hft-stuttgart.de"><strong>Zugang über Admin
anfragen</strong></a> anfragen</strong></a>
</div> </div>
</div> </div>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment