From 5e1b787ebcdf071aa2f92090fe5b614fd4823ba5 Mon Sep 17 00:00:00 2001 From: Wolfgang Knopki <wolfgang.knopki@hft-stuttgart.de> Date: Fri, 23 Apr 2021 17:06:13 +0200 Subject: [PATCH] deleted inline styles from gitlab-pages help --- css/help.css | 18 +++++++++++++ css/m4lab.css | 2 +- help/gitlab-pages.html | 57 +++++++++++++++++++----------------------- help/gitlab.html | 36 +++++++++++++------------- 4 files changed, 63 insertions(+), 50 deletions(-) diff --git a/css/help.css b/css/help.css index 52d0bd7..74054b4 100644 --- a/css/help.css +++ b/css/help.css @@ -4,3 +4,21 @@ img{ ol.innerlisthpchelp { list-style-type: lower-alpha; } + +.padding_top_bottom{ + margin-bottom: 0; + padding-top: 20px; + padding-bottom: 20px; +} +.margin_top_bottom{ + margin-top: 40px; + margin-bottom: 30px; +} +.margin_middle{ + margin-top: 10px; + margin-bottom: 30px; +} +.borderblackblock{ + border:1px solid black; + display: block; +} diff --git a/css/m4lab.css b/css/m4lab.css index 974ef81..150a0ab 100644 --- a/css/m4lab.css +++ b/css/m4lab.css @@ -587,4 +587,4 @@ justify-content:space-evenly;} background-color: #E0001B; filter: invert(0%); color: white; -} \ No newline at end of file +} diff --git a/help/gitlab-pages.html b/help/gitlab-pages.html index 092af92..4344c36 100644 --- a/help/gitlab-pages.html +++ b/help/gitlab-pages.html @@ -16,37 +16,37 @@ <body> - <div style="background-color: #dadada;"> + <div class="background_dadada"> - <div class="container" style="background-color: #ffffff;margin-bottom: 30px;"> + <div class="container background_ffffff margin_bottom_30"> <div class="row"> </div> </div> - <div id="Gitlab_Text" style="margin-top: 40px;margin-bottom: 30px;"> - <div class="container" style="background-color: #ffffff;"> - <div style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;"> + <div id="Gitlab_Text" class="margin_top_bottom"> + <div class="container background_ffffff"> + <div class="padding_top_bottom"> <div class="col-lg-12"> - <h2 class="d-flex flex-column flex-shrink-1 justify-content-lg-start text-center" style="padding-top: 15px;color: #708090;"><strong>Gitlab-pages</strong></h2> + <h2 class="d-flex flex-column flex-shrink-1 justify-content-lg-start text-center mailinglist_heading"><strong>Gitlab-pages</strong></h2> </div> - <div class="col-auto flex-row flex-grow-1 flex-fill" style="background-color: #ffffff;"> + <div class="col-auto flex-row flex-grow-1 flex-fill background_ffffff"> <p><a href="https://de.wikipedia.org/wiki/GitLab">GitLab</a> ist eine umfangreiche Webanwendung zur Versionsverwaltung für Softwareprojekte auf Basis von <a href="https://de.wikipedia.org/wiki/Git">Git</a> die auch Wiki-Funktionen und Issue Tracking bietet. Das Transferportal der HFT-Stuttgart betreibt eine eigene GitLab-Instanz für die Hochschule für Technik Stuttgart und ihre Kooperationspartner unter einer Open-Access-Lizenz. Mit <a href="https://docs.gitlab.com/ee/user/project/pages/">GitLab Pages </a> besteht für Angehörige der HFT die Möglichkeit, eine öffentliche statische Projektwebsite aus einem GitLab-Projekt heraus zu erzeugen. </p><p> Die URL, unter der die Seite dann zu finden ist, lautet: <br/> <br/> <p class="justify-content-lg-start text-center">https://transfer.hft-stuttgart.de/pages/EIGENTUEMER/PROJEKTNAME/</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" - role="button" style="background-color: #E0001B;" href="https://transfer.hft-stuttgart.de/gitlab/explore/projects"><strong>Zugriff auf Gitlab</strong></a> + <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" href="https://transfer.hft-stuttgart.de/gitlab/explore/projects"><strong>Zugriff auf Gitlab</strong></a> </div> </div> </div> - <div id="create_Text" style="margin-top: 10px;margin-bottom: 30px;"> - <div class="container" style="background-color: #ffffff;"> - <div style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;"> + <div id="create_Text" class="margin_middle"> + <div class="container background_ffffff"> + <div class="padding_top_bottom"> <div class="col-lg-12"> - <h2 class="d-flex flex-column order-1 justify-content-lg-start text-center" style="padding-top: 15px;color: #708090;"><strong>Gitlab-pages Projekte</strong></h2> + <h2 class="d-flex flex-column order-1 justify-content-lg-start text-center mailinglist_heading"><strong>Gitlab-pages Projekte</strong></h2> </div> - <div class="col-auto" style="background-color: #ffffff;"> + <div class="col-auto background_ffffff"> <div class="help"> <div class="card"> <div class="card-header"> @@ -160,13 +160,13 @@ </div> </div> - <div id="error_Text" style="margin-top: 10px;margin-bottom: 30px;"> - <div class="container" style="background-color: #ffffff;"> - <div style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;"> + <div id="error_Text" class="margin_middle"> + <div class="container background_ffffff"> + <div class="padding_top_bottom"> <div class="col-lg-12"> - <h2 class="d-flex flex-column order-1 justify-content-lg-start text-center" style="padding-top: 15px;color: #708090;"><strong>Häufige Fragen und Probleme</strong></h2> + <h2 class="d-flex flex-column order-1 justify-content-lg-start text-center mailinglist_heading"><strong>Häufige Fragen und Probleme</strong></h2> </div> - <div class="col-auto" style="background-color: #ffffff;"> + <div class="col-auto background_ffffff"> <p> <ul> <li> @@ -185,20 +185,20 @@ </ul> </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" - role="button" style="background-color: #E0001B;" href="mailto:support-transfer@hft-stuttgart.de"><strong>Administratorkontakt</strong></a> + <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" href="mailto:support-transfer@hft-stuttgart.de"><strong>Administratorkontakt</strong></a> </div> </div> </div> - <div id="template_Text" style="margin-top: 10px;margin-bottom: 30px;"> - <div class="container" style="background-color: #ffffff;"> - <div style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;"> + <div id="template_Text" class="margin_middle"> + <div class="container background_ffffff"> + <div class="padding_top_bottom"> <div class="col-lg-12"> - <h2 class="d-flex flex-column order-1 justify-content-lg-start text-center" style="padding-top: 15px;color: #708090;"><strong>Gitlab-pages Template <em>pages-basic</em> benutzen</strong></h2> + <h2 class="d-flex flex-column order-1 justify-content-lg-start text-center mailinglist_heading"><strong>Gitlab-pages Template <em>pages-basic</em> benutzen</strong></h2> </div> - <div class="col-auto" style="background-color: #ffffff;"> + <div class="col-auto background_ffffff"> <p> Wir stellen eine Vorlage für Projektwebseiten zur Verfügung. </p> @@ -396,11 +396,6 @@ </div> </div> </div> - - <div class="container" style="background-color: #ffffff;margin-bottom: 30px;"> - <div class="row"> - </div> - </div> </div> </div> diff --git a/help/gitlab.html b/help/gitlab.html index f744801..bc42162 100644 --- a/help/gitlab.html +++ b/help/gitlab.html @@ -16,34 +16,34 @@ <body> - <div style="background-color: #dadada;"> + <div class="background_dadada"> - <div class="container" style="background-color: #ffffff;margin-bottom: 30px;"> + <div class="container background_ffffff margin_bottom_30"> <div class="row"> </div> </div> - <div id="Gitlab_Text" style="margin-top: 40px;margin-bottom: 30px;"> - <div class="container" style="background-color: #ffffff;"> - <div style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;"> + <div id="Gitlab_Text" class="margin_top_bottom"> + <div class="container background_ffffff"> + <div class="padding_top_bottom"> <div class="col-lg-12"> - <h2 class="d-flex flex-column flex-shrink-1 justify-content-lg-start text-center" style="padding-top: 15px;color: #708090;"><strong>Gitlab</strong></h2> + <h2 class="d-flex flex-column flex-shrink-1 justify-content-lg-start text-center mailinglist_heading"><strong>Gitlab</strong></h2> </div> - <div class="col-auto flex-row flex-grow-1 flex-fill" style="background-color: #ffffff;"> + <div class="col-auto flex-row flex-grow-1 flex-fill background_ffffff"> <p><a href="https://de.wikipedia.org/wiki/GitLab">GitLab</a> ist eine umfangreiche Webanwendung zur Versionsverwaltung für Softwareprojekte auf Basis von <a href="https://de.wikipedia.org/wiki/Git">Git</a> die auch Wiki-Funktionen und Issue Tracking bietet. Das Transferportal der HFT-Stuttgart betreibt eine eigene GitLab-Instanz für die Hochschule für Technik Stuttgart und ihre Kooperationspartner unter einer Open-Access-Lizenz. </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" - role="button" style="background-color: #E0001B;" href="https://transfer.hft-stuttgart.de/gitlab/explore/projects"><strong>Zugriff auf Gitlab</strong></a> + <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" href="https://transfer.hft-stuttgart.de/gitlab/explore/projects"><strong>Zugriff auf Gitlab</strong></a> </div> </div> </div> - <div id="help_Text" style="margin-top: 10px;margin-bottom: 30px;"> - <div class="container" style="background-color: #ffffff;"> - <div style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;"> + <div id="help_Text" class="margin_middle"> + <div class="container" class="background_ffffff"> + <div class="padding_top_bottom"> <div class="col-lg-12"> - <h2 class="d-flex flex-column order-1 justify-content-lg-start text-center" style="padding-top: 15px;color: #708090;"><strong>Hilfestellung zu Gitlab</strong></h2> + <h2 class="d-flex flex-column order-1 justify-content-lg-start text-center mailinglist_heading" ><strong>Hilfestellung zu Gitlab</strong></h2> </div> - <div class="col-auto" style="background-color: #ffffff;"> + <div class="col-auto" class="background_ffffff"> <div class="help"> <div class="card"> <div class="card-header"> @@ -158,12 +158,12 @@ <ul> <li> Um dem Projekt eine Projektbeschreibung hinzuzufügen, füllen Sie bitte beim Anlegen des Projekts das Feld <b>Project description</b> aus. - <img src="/img/help/projectlist-add-desc.png" width="85%" style="border:1px solid black; display: block;"/> + <img src="/img/help/projectlist-add-desc.png" width="85%" class="borderblackblock"/> </li> <li> Um ein Bild/Logo hinzuzufügen, gehen Sie bitte in Ihrem Projekt auf <i>"Settings --> General"</i> und laden Sie das Bild/Logo unter <b>Project avatar</b> hoch. - <img src="/img/help/projectlist-setting-general.png" width="85%" style="border:1px solid black; display: block;"/> - <img src="/img/help/projectlist-add-avatar.png" width="85%" style="border:1px solid black; display: block;"/> + <img src="/img/help/projectlist-setting-general.png" width="85%" class="borderblackblock"/> + <img src="/img/help/projectlist-add-avatar.png" width="85%" class="borderblackblock"/> </li> </ul> @@ -184,7 +184,7 @@ </div> </div> </div> - <div class="container" style="background-color: #ffffff;margin-bottom: 30px;"> + <div class="container background_ffffff margin_bottom_30"> <div class="row"> </div> </div> -- GitLab