Cleanup: Adjust styling to Jobbörse, remove JS, remove external references #2

Merged
ldr merged 4 commits from :cleanup into master 2024-07-11 02:12:01 +02:00
5 changed files with 61 additions and 24 deletions
Showing only changes of commit 6e163c05b8 - Show all commits

Restyle error and success pages

- also increase line height in infoboxes
- slight changes to texts
- slight color changes
Lukas Drescher 2024-07-11 00:04:11 +02:00
Signed by: ldr
SSH key fingerprint: SHA256:dGc7n/Lzl6WaqGPMTj4cYddEEfSG+yTsSUU4ON1m1wQ

View file

@ -2,7 +2,8 @@
<html lang="en">
<?php
$text = json_decode(file_get_contents("languages/" . $_GET["lang"] . ".json"), true);
$lang = $_GET['lang'] ?? $lang = "de";
$text = json_decode(file_get_contents("languages/$lang.json"), true);
$title = $text["title"];
$about = $text["error"];
$go_back = $text["go_back"];
@ -15,17 +16,29 @@ $lang = $_GET['lang'];
<title id="page_title"><?php echo $title; ?></title>
<link rel="shortcut icon" href="favicon.svg" />
<link rel="icon" href="favicon.svg" type="image/svg+xml">
<link rel="stylesheet" href="index.css">
</head>
<body>
<h4 style="text-align: center;margin-top: 0.3%;">
<span>Fachschaft Informatik</span>
</h4>
<h1 id="title"><?php echo $title; ?></h1>
<p id="about">
<?php echo str_replace("{support_mail}", "<a href=\"mailto:technik@fs-infmath.uni-kiel.de\">technik@fs-infmath.uni-kiel.de</a>", $about); ?>
<header class="header">
<nav class="header-inner">
<div class="header-top">
<a class="header-element" href="https://www.fs-infmath.uni-kiel.de/wiki/Hauptseite">
<img src="logo.svg">
</a>
<a class="header-element" href="https://www.fs-infmath.uni-kiel.de/kummerkasten/">
<h1 id="title"><?php echo $title; ?></h1>
</a>
</div>
</nav>
</header>
<p id="about" class="infobox error">
<span><!-- Adding this wrapper element so that links are displayed inline and because I am too lazy to change the CSS for that. -->
<?php echo str_replace("{support_mail}", "<a href=\"mailto:technik@fs-infmath.uni-kiel.de\">technik@fs-infmath.uni-kiel.de</a>", $about); ?>
</span>
</p>
<p><a href="https://www.fs-infmath.uni-kiel.de/wiki/Hauptseite" id="go_back"><?php echo $go_back; ?></a></p>
<p><a href="https://www.fs-infmath.uni-kiel.de/wiki/Hauptseite" id="go_back"
class="link-button"><?php echo $go_back; ?></a></p>
</body>
</html>

View file

@ -188,6 +188,19 @@ body main {
padding: 1rem;
}
.infobox {
line-height: 1.1;
}
.infobox.success {
border-color: var(--primary);
}
.infobox.error {
border-color: var(--tertiary);
font-weight: bold;
}
form {
border-color: var(--secondary);
}
@ -205,8 +218,8 @@ form>* {
font-weight: bold;
padding: var(--default-padding);
text-decoration: none;
background-color: var(--dark-blue);
border-color: var(--blue);
background-color: var(--secondary);
border-color: var(--primary);
border-width: calc(var(--default-padding) * 0.6);
border-radius: var(--default-padding);
-webkit-border-radius: var(--default-padding);

View file

@ -1,11 +1,11 @@
{
"title": "Kummerkasten",
"about": "Solltest du der Fachschaft Sorgen, Beschwerden oder Anregungen bezüglich universitärer Einrichtungen, Studierender oder Mitarbeitern im Rahmen deines Studiums (egal ob Haupt- oder Nebenfach) mitteilen wollen, kannst du uns diese über das folgende Formular anonym übermitteln. Den Betreff und dein Anliegen trägst du dafür bitte in die nachfolgenden Textfelder ein und klickst auf den \"Senden\"-Knopf. Denke bitte daran, deine E-Mail-Adresse anzugeben, solltest du wünschen, Antwort von uns zu erhalten.",
"about": "Solltest du der Fachschaft Sorgen, Beschwerden oder Anregungen bezüglich universitärer Einrichtungen, Studierender oder Mitarbeitern im Rahmen deines Studiums (egal ob Haupt- oder Nebenfach) mitteilen wollen, kannst du uns diese über das folgende Formular anonym übermitteln. Den Betreff und dein Anliegen trägst du dafür bitte in die nachfolgenden Textfelder ein und klickst auf den \"Senden\"-Knopf. Denke bitte daran, deine E-Mail-Adresse anzugeben, solltest du wünschen, Antwort von uns zu erhalten.<br>Der Inhalt deiner Nachricht wird selbstverständlich vertraulich behandelt.",
"subject_placeholder": "Betreff (optional)",
"message_placeholder": "Geben Sie hier Ihr Anliegen ein...",
"send_button": "Senden",
"go_back": "Zurück zur Fachschaft",
"success": "Ihre Nachricht wurde erfolgreich gesendet!",
"success": "Deine Nachricht wurde erfolgreich gesendet!",
"error": "Deine Nachricht konnte nicht übermittelt werden! Stelle sicher, dass du mit dem Internet verbunden bist und versuche es erneut. Sollte das Problem weiterhin bestehen, wende dich sich bitte an {support_mail}.",
"recipient": "ldr@fs-wiinf.uni-kiel.de"
"recipient": "kummerkasten@fs-infmath.uni-kiel.de"
}

View file

@ -1,11 +1,11 @@
{
"title": "Suggestion Box",
"about": "If you would like to inform the student council of any concerns, complaints or suggestions regarding university facilities, students or staff within the scope of your studies (regardless of whether you are majoring or minoring), you can submit them to us anonymously through the following form. Please enter the subject and your concern in the text fields below and click the \"Send\" button. Remember to also include your e-mail address, should you wish to receive a reply.",
"subject_placeholder": "Subject (optional)",
"about": "If you would like to inform the student council of any concerns, complaints or suggestions regarding university facilities, students or staff within the scope of your studies (regardless of whether you are majoring or minoring), you can submit them to us anonymously through the following form. Please enter the subject and your concern in the text fields below and click the \"Send\" button. Remember to also include your e-mail address, should you wish to receive a reply.<br>The contents of your message will of cause be treated as condidential.",
"subject_placeholder": "Subject line (optional)",
"message_placeholder": "Please enter your message...",
"send_button": "Send",
"go_back": "Homepage fachschaft",
"go_back": "Return to our homepage",
"success": "Your message was sent successfully!",
"error": "Error sending message<br>Make sure you have an active internet connection. If the problem persists, please contact {support_mail}.",
"recipient": "ldr@fs-wiinf.uni-kiel.de"
"recipient": "kummerkasten@fs-infmath.uni-kiel.de"
}

View file

@ -2,7 +2,8 @@
<html lang="en">
<?php
$text = json_decode(file_get_contents("languages/" . $_GET["lang"] . ".json"), true);
$lang = $_GET['lang'] ?? $lang = "de";
$text = json_decode(file_get_contents("languages/$lang.json"), true);
$title = $text["title"];
$about = $text["success"];
$go_back = $text["go_back"];
@ -15,15 +16,25 @@ $lang = $_GET['lang'];
<title id="page_title"><?php echo $title; ?></title>
<link rel="shortcut icon" href="favicon.svg" />
<link rel="icon" href="favicon.svg" type="image/svg+xml">
<link rel="stylesheet" href="https://raw.githubusercontent.com/KilakOriginal/stfl/main/bootstrap.min.css">
<link rel="stylesheet" href="https://raw.githubusercontent.com/KilakOriginal/stfl/main/styles.min.css">
<link rel="stylesheet" href="index.css">
</head>
<body>
<h4>Fachschaft Informatik</h4>
<h1 style="text-align: center;margin-top: 0.3%;" id="title"><?php echo $title; ?></h1>
<p id="about"><?php echo $about; ?></p>
<p><a href="https://www.fs-infmath.uni-kiel.de/wiki/Hauptseite" id="go_back"><?php echo $go_back; ?></a></p>
<header class="header">
<nav class="header-inner">
<div class="header-top">
<a class="header-element" href="https://www.fs-infmath.uni-kiel.de/wiki/Hauptseite">
<img src="logo.svg">
</a>
<a class="header-element" href="https://www.fs-infmath.uni-kiel.de/kummerkasten/">
<h1 id="title"><?php echo $title; ?></h1>
</a>
</div>
</nav>
</header>
<p id="about" class="infobox success"><?php echo $about; ?></p>
<p><a href="https://www.fs-infmath.uni-kiel.de/wiki/Hauptseite" id="go_back"
class="link-button"><?php echo $go_back; ?></a></p>
</body>
</html>