Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- start [05.04.2018 10:20] – strauss
+++ start [22.01.2019 20:49] – dirks
@@ Zeile 1: / Zeile 1: @@
-<menu col=3,align=left>
+===== Willkommen auf den Supportseiten von studIT =====
-<item>||[[support:studit_support:kontakt]]|{{support:contact.png|}}</item>
+<html>
-<item>||[[support:account:start]]|{{support:home.png|}}</item>
+<style>
-<item>||[[support:ausweis]]|{{support:card.png|}}</item>
+.url-table table {
-<item>||[[support:email:start]]|{{support:mail.png|}</item>
+width: 100%;
-<item>||[[support:drucken]]|{{support:print.png}}</item>
+}
-<item>||[[support:wlan]]|{{support:wifi.png}}</item>\\
-<item>||[[support:rechnerstandorte:start]]|{{support:pcs.png|}}</item>
-<item>||[[support:software:start]]|{{support:apps.png|}}</item>
-<item>||[[support:studit_support:start]]|{{support:support.png|}}</item>
-<item>||[[support:lsg:start]]|{{:support:lsg.png|}}</item>
-<item>||[[support:kurse:start]]|{{support:kurse.png|}}</item>
-<item>||[[support:ecampus:start]]|{{:support:ecampusinfo.png}}</item>
-<item>||[[support:studit_support:qualitaet]]|{{:support:qm.png}}</item>
-</menu>
+.main-information {
+display: grid;
+grid-template-columns: repeat(3, 1fr);
+grid-gap: 30px;
+}
-===== Willkommen auf den Hilfeseiten von studIT =====
+.main-information > *:first-child {
-Hier findest du alle Infos zu unseren IT-Dienstleistungen für Studierende der Universität Göttingen. Diese Seiten werden ständig erweitert und verbessert. Es lohnt sich also, hier öfter wieder reinzuschauen.\\
+grid-column: span 2;
-**Volltextsuche:** Im Suchfenster kannst du nach Stichworten und Tags suchen \\
+}
-**Navigation:** Hinter den Icons oben verbergen sich die verschiedenen Kategorien, unter denen wir Hilfe-Artikel geordnet haben. \\
-[[support:studit_support:stoerungen|{{support:alarm.png|}}]] **Aktuelle Störungen und Ankündigungen**
+@media only screen and (max-width: 1300px) {
+    .main-information > * {
+grid-column: span 3 !important;
+}
+ul.option-list {
+max-width: 100% !important;
+}
+}
+ul.option-list {
+display: flex;
+flex-wrap: wrap;
+list-style: none;
+margin: 0;
+margin: auto;
+padding: 0;
+justify-content: center;
+max-width: 75%;
+}
+ul.option-list li {
+    max-width: 33%;
+    width: 100%;
+    margin: 0;
+}
+ul.option-list li > div.option-field {
+color: #0F3F6A;
+display: flex;
+flex-direction: column;
+align-items: center;
+}
+.notice {
+padding: 10px 15px;
+margin-bottom: 15px;
+}
+.notice p:last-child {
+margin-bottom: 0;
+}
+.notice.failed {
+background-color: #ffbfbf;
+}
+.notice.warning {
+background-color: #fbe9a4;
+}
+.notice.succeed {
+background-color: #c7e6cc;
+}
+.notice.information {
+background-color: #c2d3e8;
+}
+</style>
+<div class="main-information">
+<div class="url-table">
+<b>Unsere Neuigkeiten</b>
+<table>
+<tr> <td>studIT auf der Nacht des Wissens ... <a href="https://wiki.student.uni-goettingen.de/blog#ndw" target="_blank">mehr</a ></td> </tr>
+<tr> <td>Wir haben aktuelle Stellenausschreibungen ... <a href="https://wiki.student.uni-goettingen.de/blog#Stellen" target="_blank">mehr</a ></td> </tr>
+</table>
+<ul class="option-list">
+<li>
+<div class="option-field">
+</html>[[support:studit_support:kontakt|{{support:bilder:service_desk.png?100}}]]Kontakt<html>
+</div>
+</li>
+<li>
+<div class="option-field">
+</html>[[support:deine daten|{{support:bilder:ausweis.png?100}}]] Deine Daten<html>
+</div>
+</li>
+<li>
+<div class="option-field">
+</html>[[support:email:start|{{support:bilder:eMail.png?100}}]] E-Mail<html>
+</div>
+</li>
+<li>
+<div class="option-field">
+</html>[[support:drucken|{{support:bilder:Drucken.png?100}}]] Drucken<html>
+</div>
+</li>
+<li>
+<div class="option-field">
+</html>[[support:wlan|{{support:bilder:WLAN.png?100}}]] W-Lan<html>
+</div>
+</li>
+<li>
+<div class="option-field">
+</html>[[support:lsg:start|{{support:bilder:Reservierung.png?100}}]] Raumreservierung<html>
+</div>
+</li>
+<li>
+<div class="option-field">
+</html>[[support:rechnerstandorte:start|{{support:bilder:standort.png?100}}]] Standorte<html>
+</div>
+</li>
+<li>
+<div class="option-field">
+</html>[[support:weitere_Services:start|{{support:bilder:weitere_services.png?100}}]] Weitere Services<html>
+</div>
+</li>
+<li>
+<div class="option-field">
+</html>[[support:ecampus:start|{{support:bilder:ecampus.png?100}}]] eCampus<html>
+</div>
+</li>
+</ul>
+</div>
+</div>
+</div>
+<br>
+<br>
+<br>
+<br>
+</html>
+<WRAP >
+[[support:feedback:start|{{support:bilder:feedback_ohne_rand.png?60}}]]\\
+\\
+<color #0F3F6A>Feedback</color>
+</WRAP>