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 371 additions and 10 deletions
Showing only changes of commit 13ee83c6a5 - Show all commits

Restyle homepage

Lukas Drescher 2024-07-10 23:47:39 +02:00
Signed by: ldr
SSH key fingerprint: SHA256:dGc7n/Lzl6WaqGPMTj4cYddEEfSG+yTsSUU4ON1m1wQ

237
index.css Normal file
View file

@ -0,0 +1,237 @@
: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;
}
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(--dark-blue);
border-color: var(--blue);
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);
}

View file

@ -31,20 +31,32 @@ if (isset($_POST["submit"])) {
<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: 10px;"><span style="color: rgb(112, 114, 118);">Fachschaft
Informatik</span></h4>
<h1 id="title"><?php echo $title; ?></h1>
<p id="about"><?php echo $about; ?></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"><?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; ?>"></textarea>
<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>
<p><b><a href="https://www.fs-infmath.uni-kiel.de/wiki/Hauptseite" id="go_back"><?php echo $go_back; ?></a></b>
</p>
</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>

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.",
"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.",
"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 {support_mail}.",
"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"
}

View file

@ -6,6 +6,6 @@
"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 {support_mail}.",
"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"
}

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>

After

Width:  |  Height:  |  Size: 7.8 KiB