amah/kummerkasten-php
2
0
Fork 1
Code Issues Pull requests Projects Releases Packages Wiki Activity

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
Conversation 0 Commits 4 Files changed 8 +525 -85
8 changed files with 525 additions and 85 deletions
Download patch file Download diff file Expand all files Collapse all files

52
failed.php
View file

@ -1,22 +1,44 @@
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no"><title id="page_title"></title><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"><script src="https://raw.githubusercontent.com/KilakOriginal/stfl/main/bootstrap.min.js"></head><body style="width: 930px;max-width: 100%;margin-left: auto;margin-right: auto;padding: 0;"><h4 style="text-align: center;margin-top: 0.3%;"><span style="color: rgb(112, 114, 118);">Fachschaft Informatik</span></h4><h1 style="text-align: center;margin-top: 0.3%;" id="title"><strong></strong></h1><p style="text-align: justify;background: #b92929;border-radius: 20px;color: rgb(255,255,255);width: 900px;max-width: 85%;align-self: center;margin-left: auto;margin-right: auto;margin-top: 10px;padding: 15px;" id="about"><b><a href="mailto:technik@fs-infmath.uni-kiel.de" style="color: white;">technik@fs-infmath.uni-kiel.de</a></b>.</p><p style="text-align: center;"><b><a href="https://www.fs-infmath.uni-kiel.de/wiki/Hauptseite" style="color: #454545;" id="go_back"></a></b></p><script src="assets/bootstrap/js/bootstrap.min.js"></script>
<!DOCTYPE html>
<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"];
$lang = $_GET['lang'];
?>
<script>
window.addEventListener("load", load_page_contents);
function load_page_contents() {
let title = "<?php echo $title; ?>";
let about = '<?php echo $about; ?>';
let go_back = "<?php echo $go_back; ?>";
document.getElementById("page_title").innerHTML = title;
document.getElementById("title").innerHTML = title;
document.getElementById("about").innerHTML = about + document.getElementById("about").innerHTML;
document.getElementById("go_back").innerHTML = go_back;
}
</script>
</body></html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<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>
<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"
class="link-button"><?php echo $go_back; ?></a></p>
</body>
</html>

31
favicon.svg Normal file
View file

@ -0,0 +1,31 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
id="Ebene_1"
width="518.52002"
height="512"
viewBox="0 0 518.52003 512"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1">
<style
id="style1">.cls-1{fill:#000;}.cls-1,.cls-2,.cls-3,.cls-4{stroke-width:0px;}.cls-2{fill:#003d86;}.cls-3{fill:#9b0a7d;}.cls-4{fill:#2dc2bf;}</style>
</defs>
<polygon
class="cls-3"
points="70.77,512 297.04,15.67 15.67,102.37 "
id="polygon1" />
<polygon
class="cls-2"
points="55.11,496.33 281.37,0 0,86.7 "
id="polygon2" />
<path
class="cls-3"
d="M 422.09,135.76 518.52,512 h -64.5 L 405.15,274.65 357.59,512 h -65.15 l 82.09,-323.43 -10.42,-39.78 c -5.21,-18.26 -12.38,-25.43 -26.71,-25.43 -3.91,0 -10.42,1.3 -14.98,3.91 L 313.3,73.8 c 6.52,-2.61 22.15,-4.56 31.93,-4.56 39.74,0 62.55,14.35 76.88,66.51 z"
id="path22" />
<path
class="cls-4"
d="m 406.43,120.09 96.43,376.24 h -64.5 L 389.49,258.98 341.93,496.33 H 276.78 L 358.87,172.9 348.45,133.12 c -5.21,-18.26 -12.38,-25.43 -26.71,-25.43 -3.91,0 -10.42,1.3 -14.98,3.91 l -9.12,-53.47 c 6.52,-2.61 22.15,-4.56 31.93,-4.56 39.74,0 62.55,14.35 76.88,66.51 z"
id="path23" />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.3 KiB

250
index.css Normal file
View file

@ -0,0 +1,250 @@
:root {
font-family: "FreeSans", sans-serif;
/* CS turquoise */
--primary: #2dc2bf;
/* TF blue */
--secondary: #003d86;
/* CAU purple */
--tertiary: #9b0a7d;
--green: #87d38b;
--blue: #8ab9e7;
--yellow: #e9a12f;
--light-green: #c3e9c5;
--dark-green: #27682a;
--light-blue: #cce0f5;
--dark-blue: #1c5287;
--light-yellow: #f7deb6;
--dark-yellow: #a66d11;
--default-padding: calc((5 / 16) * 1rem)
}
.header, .header-inner {
display: flex;
justify-content: center;
align-items: center;
align-self: stretch;
box-sizing: border-box;
width: 100%;
}
.header-inner {
background: var(--primary);
padding: var(--default-padding);
}
.header, .header-inner {
flex-direction: column;
}
.header::after {
content: "";
background-color: var(--primary);
clip-path: polygon(100% 0%, 0% 0%, 0% 100%);
width: 100%;
height: min(5vh, 2.5rem);
}
.header h1 {
padding: var(--default-padding);
margin: 0;
}
a {
color: var(--secondary);
text-decoration: none;
}
h1 {
font-size: 2rem;
}
h2 {
font-size: 1.5rem;
}
h3 {
font-size: 1.17rem;
}
/* .menu {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-evenly;
align-items: baseline;
gap: var(--default-padding);
align-self: stretch;
}
.menu a {
color: black;
} */
.header {
position: sticky;
top: 0;
left: 0;
}
.header-top {
align-self: stretch;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.header-top::after {
content: "";
}
.header-top img {
max-height: 5rem;
max-width: 10rem;
}
.header-element, .menu-item {
padding: var(--default-padding);
cursor: pointer;
}
.header-element {
color: black;
}
/* .menu-item {
background-color: #80808000;
transition: background-color 0.25s ease-in-out;
-webkit-transition: background-color 0.25s ease-in-out;
-moz-transition: background-color 0.25s ease-in-out;
-ms-transition: background-color 0.25s ease-in-out;
-o-transition: background-color 0.25s ease-in-out;
}
.menu-item:hover {
background-color: #80808080;
} */
/* .inline {
display: inline-block;
} */
body {
display: flex;
flex-direction: column;
margin: 0;
min-height: 100vh;
align-items: center;
}
body {
padding-bottom: var(--default-padding);
}
body main {
margin: calc(2 * var(--default-padding));
}
.header-main {
flex-grow: 1;
}
/* .centered {
display: flex;
justify-content: center;
align-items: center;
} */
/* .centered-text {
text-align: center;
}
.italic-text {
font-style: italic;
}
.bold-text {
font-weight: bold;
} */
.infobox, form {
width: clamp(370px, 66.66vw, 680px);
margin: var(--default-padding);
/* padding: var(--default-padding); */
border-style: solid;
border-color: var(--tertiary);
border-width: var(--default-padding);
border-radius: var(--default-padding);
-webkit-border-radius: var(--default-padding);
-moz-border-radius: var(--default-padding);
-ms-border-radius: var(--default-padding);
-o-border-radius: var(--default-padding);
background-color: white;
display: flex;
flex-direction: column;
justify-content: center;
align-items: stretch;
gap: var(--default-padding);
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);
}
form>* {
padding: 0;
margin: 0;
}
.link-button, button[type="submit"] {
margin: var(--default-padding);
border: solid;
color: white;
cursor: pointer;
font-weight: bold;
padding: var(--default-padding);
text-decoration: none;
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);
-moz-border-radius: var(--default-padding);
-ms-border-radius: var(--default-padding);
-o-border-radius: var(--default-padding);
}
button[type="submit"] {
border-color: var(--green);
background-color: var(--light-green);
color: black;
align-self: center;
}
textarea, input[type="text"] {
font-family: "FreeSans", sans-serif;
font-size: 1rem;
padding: var(--default-padding);
border-radius: var(--default-padding);
-webkit-border-radius: var(--default-padding);
-moz-border-radius: var(--default-padding);
-ms-border-radius: var(--default-padding);
-o-border-radius: var(--default-padding);
border: solid;
border-width: calc(var(--default-padding) * 0.4);
border-color: var(--primary);
}

77
index.php
View file

@ -1,15 +1,8 @@
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no"><title id="page_title"></title><link rel="shortcut icon" href="https://raw.githubusercontent.com/KilakOriginal/stfl/main/favicon.ico"/><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"><script src="https://raw.githubusercontent.com/KilakOriginal/stfl/main/bootstrap.min.js"></script></head><body style="width: 930px; max-width: 100%; margin-left: auto;margin-right: auto;padding: 0;"><h4 style="text-align: center;margin-top: 10px;"><span style="color: rgb(112, 114, 118);">Fachschaft Informatik</span></h4><h1 style="text-align: center;margin-top: 10px;" id="title"><strong></strong></h1><p style="text-align: justify;background: #0d6efd;border-radius: 20px;color: rgb(255,255,255);width: 900px; max-width: 85%;align-self: center;margin-left: auto;margin-right: auto;margin-top: 15px;padding: 15px;" id="about"></p>
<form action="<?php echo $_SERVER["PHP_SELF"] . '?'.http_build_query($_GET); ?>" method="post" style="margin-left: auto;margin-right: auto;width:900px;max-width: 85%;">
<input type="text" style="display: block;width: 900px;max-width: 100%;height: 60px;margin-left: auto;margin-right: auto;margin-bottom: 20px;border-radius: 1.5rem; padding: 15px;" id="subject" name="subject"></input>
<textarea style="display: block;width: 900px;max-width: 100%;height: 400px;margin-left: auto;margin-right: auto;margin-bottom: 20px;border-radius: 1.5rem; padding: 15px;" id="message" name="message"></textarea>
<button class="btn btn-primary" type="submit" style="display: block;width: auto;float: right;margin-bottom:10px;" id="submit" name="submit"></button><p><b><a href="https://www.fs-infmath.uni-kiel.de/wiki/Hauptseite" style="color: #454545;" id="go_back"></a></b></p></form><script src="assets/bootstrap/js/bootstrap.min.js"></script>
<!DOCTYPE html>
<html lang="en">
<?php
if((isset($_GET["lang"]))) {
$lang = $_GET['lang'];
}
else {
$lang = "de";
}
$lang = $_GET['lang'] ?? $lang = "de";
$text = json_decode(file_get_contents("languages/$lang.json"), true);
$title = $text["title"];
$about = $text["about"];
@ -20,36 +13,50 @@ $go_back = $text["go_back"];
$recipient = $text["recipient"];
if(isset($_POST["submit"]))
{
if (isset($_POST["submit"])) {
$subject = "[Kummerkasten] " . $_POST["subject"];
$message = $_POST["message"];
if(mail($recipient, $subject, $message)) {
if (mail($recipient, $subject, $message)) {
header("Location: success.php?lang=$lang");
}
else {
} else {
header("Location: failed.php?lang=$lang");
}
die();
}
?>
<script>
window.addEventListener("load", load_page_contents);
function load_page_contents() {
let title = "<?php echo $title; ?>";
let about = '<?php echo $about; ?>';
let subject_placeholder = "<?php echo $subject_placeholder; ?>";
let message_placeholder = "<?php echo $message_placeholder; ?>";
let send_button = "<?php echo $send_button; ?>";
let go_back = "<?php echo $go_back; ?>";
document.getElementById("page_title").innerHTML = title;
document.getElementById("title").innerHTML = title;
document.getElementById("about").innerHTML = about;
document.getElementById("subject").placeholder = subject_placeholder;
document.getElementById("message").placeholder = message_placeholder;
document.getElementById("submit").innerHTML = send_button;
document.getElementById("go_back").innerHTML = go_back;
}
</script>
</body></html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<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>
<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"><?php echo $about; ?></p>
<form action="<?php echo $_SERVER["PHP_SELF"] . '?' . http_build_query($_GET); ?>" method="post">
<input type="text" id="subject" name="subject" placeholder="<?php echo $subject_placeholder; ?>"></input>
<textarea id="message" name="message" placeholder="<?php echo $message_placeholder; ?>" rows="15"></textarea>
<button class="btn btn-primary" type="submit" name="submit"><?php echo $send_button; ?></button>
</form>
<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>

20
languages/de.json
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 den \"Senden\"-Knopf. Denke bitte daran, deine E-Mail-Adresse anzugeben, solltest du wünschen, Antwort zu erhalten.",
"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!",
"error":"Ihre Anfrage konnte nicht übermittelt werden! Stellen Sie sicher, dass Sie mit dem Internet verbunden sind und versuchen Sie es erneut. Sollte das Problem weiterhin bestehen, wenden Sie sich bitte an ",
"recipient":"kummerkasten@fs-infmath.uni-kiel.de"
}
"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.<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": "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": "kummerkasten@fs-infmath.uni-kiel.de"
}

20
languages/en.json
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)",
"message_placeholder":"Please enter your message...",
"send_button":"Send",
"go_back":"Homepage fachschaft",
"success":"Your message was sent successfully!",
"error":"Error sending message; Make sure you have an active internet connection. If the problem persists, please contact ",
"recipient":"kummerkasten@fs-infmath.uni-kiel.de"
}
"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.<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": "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": "kummerkasten@fs-infmath.uni-kiel.de"
}

112
logo.svg Normal file
View file

@ -0,0 +1,112 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
id="Ebene_1"
width="1140.11"
height="512"
viewBox="0 0 1140.11 512"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1">
<style
id="style1">.cls-1{fill:#000;}.cls-1,.cls-2,.cls-3,.cls-4{stroke-width:0px;}.cls-2{fill:#003d86;}.cls-3{fill:#9b0a7d;}.cls-4{fill:#2dc2bf;}</style>
</defs>
<polygon
class="cls-3"
points="70.77,512 297.04,15.67 15.67,102.37 "
id="polygon1" />
<polygon
class="cls-2"
points="55.11,496.33 281.37,0 0,86.7 "
id="polygon2" />
<path
class="cls-1"
d="m 518.94,119.37 h 55.55 v 13.7 H 535.7 v 25.35 h 32.64 v 13.7 H 535.7 v 38.66 h -16.77 v -91.4 z"
id="path2" />
<path
class="cls-1"
d="m 619.42,168.14 c 0,-8.19 -3.46,-11.78 -11.14,-11.78 -5.38,0 -9.86,2.18 -13.31,6.53 l -11.01,-7.81 c 5.89,-7.68 14.34,-11.39 25.86,-11.39 11.52,0 19.58,3.84 23.04,11.01 1.79,3.71 2.43,8.06 2.43,16.26 v 39.81 h -12.42 l -1.02,-3.84 c -4.22,3.84 -8.96,5.25 -17.92,5.25 -16.26,0 -22.4,-5.63 -22.4,-20.35 0,-15.74 6.02,-20.74 24.58,-20.74 h 13.31 v -2.94 z m -11.39,13.7 c -8.19,0 -11.39,2.69 -11.39,9.34 0,6.65 2.82,8.83 11.39,8.83 5.12,0 8.32,-1.15 9.98,-3.58 1.15,-1.54 1.41,-3.2 1.41,-7.68 v -6.91 z"
id="path3" />
<path
class="cls-1"
d="m 704.03,199.63 c -5.25,8.58 -13.31,12.54 -24.96,12.54 -18.56,0 -27.27,-10.24 -27.27,-31.87 v -4.1 c 0,-11.14 1.66,-18.05 5.63,-23.3 4.48,-6.02 11.78,-9.22 21.12,-9.22 11.65,0 19.46,4.1 24.32,12.67 l -11.9,6.66 c -3.2,-4.99 -6.14,-6.66 -11.14,-6.66 -8.32,0 -12.16,5.76 -12.16,18.43 v 7.04 c 0,11.65 4.22,17.54 12.54,17.54 5.38,0 8.83,-1.79 12.03,-6.4 l 11.78,6.66 z"
id="path4" />
<path
class="cls-1"
d="m 716.82,119.37 h 15.87 v 29.06 c 5.63,-3.84 8.58,-4.74 15.23,-4.74 11.01,0 18.43,4.35 21.5,12.67 1.41,3.71 1.92,8.7 1.92,16.77 v 37.63 h -15.87 v -36.48 c 0,-12.03 -3.33,-17.02 -11.01,-17.02 -8.32,0 -11.78,5.38 -11.78,18.69 v 34.82 h -15.87 v -91.4 z"
id="path5" />
<path
class="cls-1"
d="m 794.77,192.85 c 3.84,5.38 7.04,6.78 14.85,6.78 8.83,0 13.06,-2.69 13.06,-8.32 0,-2.82 -1.28,-4.86 -3.58,-5.76 q -2.05,-0.9 -10.5,-1.92 c -16.26,-2.05 -22.02,-7.04 -22.02,-19.07 0,-13.44 8.45,-20.87 23.68,-20.87 12.29,0 20.35,3.84 25.73,12.54 l -11.78,6.78 c -3.46,-5.12 -6.66,-6.78 -12.8,-6.78 -6.14,0 -9.73,2.69 -9.73,7.55 0,4.86 2.43,6.27 11.39,7.3 10.24,1.15 14.85,2.3 18.69,4.99 3.97,2.82 6.02,8.19 6.02,15.49 0,14.08 -8.83,20.61 -27.52,20.61 -13.7,0 -22.66,-4.1 -27.14,-12.54 z"
id="path6" />
<path
class="cls-1"
d="m 902.55,199.63 c -5.25,8.58 -13.31,12.54 -24.96,12.54 -18.56,0 -27.27,-10.24 -27.27,-31.87 v -4.1 c 0,-11.14 1.66,-18.05 5.63,-23.3 4.48,-6.02 11.78,-9.22 21.12,-9.22 11.65,0 19.46,4.1 24.32,12.67 l -11.9,6.66 c -3.2,-4.99 -6.14,-6.66 -11.14,-6.66 -8.32,0 -12.16,5.76 -12.16,18.43 v 7.04 c 0,11.65 4.22,17.54 12.54,17.54 5.38,0 8.83,-1.79 12.03,-6.4 l 11.78,6.66 z"
id="path7" />
<path
class="cls-1"
d="m 915.34,119.37 h 15.87 v 29.06 c 5.63,-3.84 8.58,-4.74 15.23,-4.74 11.01,0 18.43,4.35 21.5,12.67 1.41,3.71 1.92,8.7 1.92,16.77 v 37.63 h -15.87 v -36.48 c 0,-12.03 -3.33,-17.02 -11.01,-17.02 -8.32,0 -11.78,5.38 -11.78,18.69 v 34.82 h -15.87 v -91.4 z"
id="path8" />
<path
class="cls-1"
d="m 1021.97,168.14 c 0,-8.19 -3.46,-11.78 -11.14,-11.78 -5.38,0 -9.86,2.18 -13.31,6.53 l -11.01,-7.81 c 5.89,-7.68 14.34,-11.39 25.86,-11.39 11.52,0 19.58,3.84 23.04,11.01 1.79,3.71 2.43,8.06 2.43,16.26 v 39.81 h -12.42 l -1.02,-3.84 c -4.22,3.84 -8.96,5.25 -17.92,5.25 -16.26,0 -22.4,-5.63 -22.4,-20.35 0,-15.74 6.02,-20.74 24.58,-20.74 h 13.31 v -2.94 z m -11.39,13.7 c -8.19,0 -11.39,2.69 -11.39,9.34 0,6.65 2.82,8.83 11.39,8.83 5.12,0 8.32,-1.15 9.98,-3.58 1.15,-1.54 1.41,-3.2 1.41,-7.68 v -6.91 z"
id="path9" />
<path
class="cls-1"
d="M 1051.54,157.64 V 145.1 h 7.55 v -7.17 c 0,-14.46 5.25,-18.94 21.63,-18.56 h 7.42 v 11.9 h -4.1 c -7.68,-0.13 -9.09,1.02 -9.09,8.06 v 5.76 h 13.82 v 12.54 h -13.82 v 53.12 h -15.87 v -53.12 h -7.55 z"
id="path10" />
<path
class="cls-1"
d="M 1099.28,157.64 V 145.1 h 7.42 l 0.9,-19.2 h 14.98 v 19.2 h 13.06 v 12.54 h -13.06 v 27.27 c 0,9.98 2.56,13.06 11.26,12.93 h 1.79 v 12.93 h -2.3 c -22.02,0 -26.62,-4.74 -26.62,-27.39 v -25.73 h -7.42 z"
id="path11" />
<path
class="cls-1"
d="m 545.82,272.97 h 16.77 v 91.4 h -16.77 z"
id="path12" />
<path
class="cls-1"
d="m 583.32,298.7 h 11.9 l 1.41,5.76 c 4.22,-5.12 9.09,-7.17 17.54,-7.17 11.26,0 18.69,4.35 21.76,12.67 1.41,3.71 1.92,8.7 1.92,16.77 v 37.63 h -15.87 v -35.84 c 0,-12.67 -3.07,-17.67 -11.01,-17.67 -8.58,0 -11.78,5.25 -11.78,19.58 v 33.92 h -15.87 v -65.67 z"
id="path13" />
<path
class="cls-1"
d="M 651.42,311.24 V 298.7 h 7.55 v -7.17 c 0,-14.46 5.25,-18.95 21.63,-18.56 h 7.42 v 11.9 h -4.1 c -7.68,-0.13 -9.09,1.02 -9.09,8.06 v 5.76 h 13.82 v 12.54 h -13.82 v 53.12 h -15.87 v -53.12 h -7.55 z"
id="path14" />
<path
class="cls-1"
d="m 699.67,326.6 c 0,-20.61 8.45,-29.31 28.42,-29.31 19.97,0 28.29,8.7 28.29,29.31 v 9.86 c 0,20.61 -8.45,29.31 -28.29,29.31 -19.84,0 -28.42,-8.7 -28.42,-29.31 z m 40.83,1.03 c 0,-12.54 -3.58,-17.67 -12.42,-17.67 -8.84,0 -12.54,5.12 -12.54,17.67 v 7.68 c 0,12.54 3.58,17.67 12.54,17.67 8.96,0 12.42,-5.12 12.42,-17.67 z"
id="path15" />
<path
class="cls-1"
d="m 773.27,298.7 h 12.16 l 1.92,4.74 c 4.1,-4.48 7.81,-6.14 13.57,-6.14 4.74,0 8.71,1.15 14.08,4.1 l -6.91,13.06 c -3.33,-2.56 -5.76,-3.46 -8.71,-3.46 -7.3,0 -10.24,6.27 -10.24,21.63 v 31.75 h -15.87 v -65.67 z"
id="path16" />
<path
class="cls-1"
d="m 826.51,298.7 h 12.03 l 1.15,5.5 c 3.46,-4.61 8.83,-6.91 16,-6.91 7.94,0 14.34,3.07 17.92,8.45 3.71,-5.76 9.47,-8.45 18.18,-8.45 11.26,0 18.18,4.22 21.25,12.67 1.28,3.71 1.79,8.83 1.79,16.77 v 37.63 h -15.87 v -35.97 c 0,-12.54 -2.82,-17.54 -9.98,-17.54 -7.16,0 -10.37,5.5 -10.37,19.07 v 34.43 h -15.87 v -35.71 c 0,-12.8 -2.69,-17.79 -9.86,-17.79 -7.68,0 -10.5,5.38 -10.5,19.46 v 34.05 h -15.87 v -65.67 z"
id="path17" />
<path
class="cls-1"
d="m 967.06,321.74 c 0,-8.19 -3.46,-11.78 -11.14,-11.78 -5.38,0 -9.86,2.18 -13.31,6.53 l -11.01,-7.81 c 5.89,-7.68 14.34,-11.39 25.86,-11.39 11.52,0 19.58,3.84 23.04,11.01 1.79,3.71 2.43,8.06 2.43,16.26 v 39.81 h -12.42 l -1.02,-3.84 c -4.22,3.84 -8.96,5.25 -17.92,5.25 -16.26,0 -22.4,-5.63 -22.4,-20.35 0,-15.74 6.02,-20.74 24.58,-20.74 h 13.31 v -2.94 z m -11.39,13.7 c -8.19,0 -11.39,2.69 -11.39,9.34 0,6.65 2.82,8.83 11.39,8.83 5.12,0 8.32,-1.15 9.98,-3.58 1.15,-1.54 1.41,-3.2 1.41,-7.68 v -6.91 z"
id="path18" />
<path
class="cls-1"
d="M 995.98,311.24 V 298.7 h 7.42 l 0.9,-19.2 h 14.98 v 19.2 h 13.06 v 12.54 h -13.06 v 27.26 c 0,9.98 2.56,13.06 11.26,12.93 h 1.79 v 12.93 h -2.3 c -22.02,0 -26.62,-4.74 -26.62,-27.39 v -25.73 h -7.42 z"
id="path19" />
<path
class="cls-1"
d="m 1046.54,272.2 h 15.87 v 16.26 h -15.87 z m 0,26.5 h 15.87 v 65.67 h -15.87 z"
id="path20" />
<path
class="cls-1"
d="m 1081.49,272.97 h 15.87 v 56.45 l 23.43,-30.72 h 18.05 l -22.53,27.91 23.81,37.76 h -17.41 l -16,-26.37 -9.34,11.9 v 14.46 h -15.87 v -91.4 z"
id="path21" />
<path
class="cls-3"
d="M 422.09,135.76 518.52,512 h -64.5 L 405.15,274.65 357.59,512 h -65.15 l 82.09,-323.43 -10.42,-39.78 c -5.21,-18.26 -12.38,-25.43 -26.71,-25.43 -3.91,0 -10.42,1.3 -14.98,3.91 L 313.3,73.8 c 6.52,-2.61 22.15,-4.56 31.93,-4.56 39.74,0 62.55,14.35 76.88,66.51 z"
id="path22" />
<path
class="cls-4"
d="m 406.43,120.09 96.43,376.24 h -64.5 L 389.49,258.98 341.93,496.33 H 276.78 L 358.87,172.9 348.45,133.12 c -5.21,-18.26 -12.38,-25.43 -26.71,-25.43 -3.91,0 -10.42,1.3 -14.98,3.91 l -9.12,-53.47 c 6.52,-2.61 22.15,-4.56 31.93,-4.56 39.74,0 62.55,14.35 76.88,66.51 z"
id="path23"
style="fill:#f6b600;fill-opacity:1" />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 7.8 KiB

48
success.php
View file

@ -1,22 +1,40 @@
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no"><title id="page_title"></title><link rel="shortcut icon" href="https://raw.githubusercontent.com/KilakOriginal/stfl/main/favicon.ico"/><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"><script src="https://raw.githubusercontent.com/KilakOriginal/stfl/main/bootstrap.min.js"></script></head><body style="width: 930px;max-width: 100%;margin-left: auto;margin-right: auto;padding: 0;"><h4 style="text-align: center;margin-top: 0.3%;"><span style="color: rgb(112, 114, 118);">Fachschaft Informatik</span></h4><h1 style="text-align: center;margin-top: 0.3%;" id="title"><strong></strong></h1><p style="text-align: justify;background: #0d6efd;border-radius: 20px;color: rgb(255,255,255);width: 900px;max-width: 85%;align-self: center;margin-left: auto;margin-right: auto;margin-top: 10px;padding: 15px;" id="about"></p><p style="text-align: center;"><b><a href="https://www.fs-infmath.uni-kiel.de/wiki/Hauptseite" style="color: #454545;" id="go_back"></a></b></p><script src="assets/bootstrap/js/bootstrap.min.js"></script>
<!DOCTYPE html>
<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"];
$lang = $_GET['lang'];
?>
<script>
window.addEventListener("load", load_page_contents);
function load_page_contents() {
let title = "<?php echo $title; ?>";
let about = '<?php echo $about; ?>';
let go_back = "<?php echo $go_back; ?>";
document.getElementById("page_title").innerHTML = title;
document.getElementById("title").innerHTML = title;
document.getElementById("about").innerHTML = about;
document.getElementById("go_back").innerHTML = go_back;
}
</script>
</body></html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<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>
<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>