init
This commit is contained in:
root
parent
7a0163964e
commit
f7f5212fc3
49
ChristmasTree.java
Normal file
49
ChristmasTree.java
Normal file
@ -0,0 +1,49 @@
|
||||
import java.util.Scanner;
|
||||
|
||||
// Let's build a Christmas tree.
|
||||
// Reference: https://www.javatpoint.com/christmas-tree-pattern-in-java
|
||||
public class ChristmasTree {
|
||||
public static void main(String[] args) {
|
||||
Scanner sc = new Scanner(System.in);
|
||||
|
||||
// tree height (number of stories)
|
||||
System.out.print("Enter height: ");
|
||||
int height = sc.nextInt();
|
||||
|
||||
// tree width (width of the smallest story)
|
||||
System.out.print("Enter width: ");
|
||||
int width = sc.nextInt();
|
||||
|
||||
int padding = width * 5;
|
||||
|
||||
int x = 1;
|
||||
for (int a = 1; a <= height; a++) {
|
||||
for (int i = x; i <= width; i++) {
|
||||
for (int j = padding; j >= i; j--) {
|
||||
// print padding
|
||||
System.out.print(" ");
|
||||
}
|
||||
for (int k = 1; k <= i; k++) {
|
||||
// print actual tree
|
||||
System.out.print("* ");
|
||||
}
|
||||
System.out.println();
|
||||
}
|
||||
x = x + 2;
|
||||
width = width + 2;
|
||||
}
|
||||
|
||||
// print stem
|
||||
for (int i = 1; i <= 4; i++) {
|
||||
for(int j = padding-3; j >= 1; j--) {
|
||||
System.out.print(" ");
|
||||
}
|
||||
|
||||
for(int k= 1; k <= 4; k++) {
|
||||
System.out.print("* ");
|
||||
}
|
||||
|
||||
System.out.println();
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1,7 +0,0 @@
|
||||
<h1>Tanzball</h1>
|
||||
|
||||
Bitte gehen Sie weiter, hier gibt es (noch!) nichts zu sehen :)
|
||||
|
||||
|
||||
|
||||
|
||||
93
berufungen/css/style-plan.css
Normal file
93
berufungen/css/style-plan.css
Normal file
@ -0,0 +1,93 @@
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: "Myriad Pro", "Lucida Grande", "Trebuchet MS", sans-serif;
|
||||
color: #202020;
|
||||
padding: 2rem;
|
||||
background:
|
||||
url(../images/square_bg.png) repeat top left,
|
||||
url(../images/logo_transparent.png) no-repeat calc(100vw - 200px) 30px;
|
||||
background-size: auto, 150px 150px;
|
||||
}
|
||||
|
||||
header, main, footer {
|
||||
box-sizing: border-box;
|
||||
margin: 0 auto;
|
||||
width: 750px;
|
||||
max-width: calc(100vw-2rem);
|
||||
}
|
||||
|
||||
main {
|
||||
margin-top: 2rem;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2 {
|
||||
padding-bottom: .5rem;
|
||||
}
|
||||
|
||||
h2 {
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
a:link,
|
||||
a:visited,
|
||||
a:active,
|
||||
a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:link,
|
||||
a:visited,
|
||||
a:active,
|
||||
a:hover {
|
||||
color: rgb(41, 125, 207);
|
||||
transition: color .2s;
|
||||
}
|
||||
|
||||
table {
|
||||
cellpadding: .5rem;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
table tr:not(:last-of-type) {
|
||||
border-bottom: 1px solid gray;
|
||||
}
|
||||
|
||||
table th {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
table td.first-row {
|
||||
width: 180px;
|
||||
}
|
||||
|
||||
table th, table td {
|
||||
vertical-align: top;
|
||||
padding: .5rem .2rem;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1100px) {
|
||||
body {
|
||||
background: url(../images/square_bg.png) repeat top left;
|
||||
}
|
||||
|
||||
main, header, footer {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
max-width: calc(100vw - 4rem);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 530px) {
|
||||
body {
|
||||
padding: 1rem;
|
||||
}
|
||||
}
|
||||
120
berufungen/css/style.css
Normal file
120
berufungen/css/style.css
Normal file
@ -0,0 +1,120 @@
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
display: grid;
|
||||
grid-template-rows: auto 1fr auto;
|
||||
height: 100vh;
|
||||
padding: 2rem;
|
||||
font-family:"Myriad Pro", "Lucida Grande", "Trebuchet MS", sans-serif;
|
||||
color: #202020;
|
||||
background:
|
||||
url(../images/square_bg.png) repeat top left,
|
||||
url(../images/logo_transparent.png) no-repeat calc(100vw - 200px) 30px;
|
||||
background-size: auto, 150px 150px;
|
||||
}
|
||||
|
||||
h1, h2 {
|
||||
padding-bottom: .5rem;
|
||||
}
|
||||
|
||||
main ul {
|
||||
display: grid;
|
||||
margin: 2rem 0;
|
||||
height: calc(100% - 4rem);
|
||||
grid-template-rows: repeat(4, 1fr);
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
grid-gap: 4px;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
main ul li a {
|
||||
--baseHue: 213;
|
||||
--altHue: 199;
|
||||
|
||||
--hue: var(--baseHue);
|
||||
--sat: 100%;
|
||||
--lum: 67%;
|
||||
--alpha: .4;
|
||||
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 1.5rem;
|
||||
background-color: hsla(var(--hue), var(--sat), var(--lum), var(--alpha));
|
||||
transition: background-color .2s ease-in-out;
|
||||
}
|
||||
|
||||
main ul li:nth-of-type(2n) a {
|
||||
--hue: var(--altHue);
|
||||
}
|
||||
|
||||
main ul li a:hover {
|
||||
--alpha: .2;
|
||||
}
|
||||
|
||||
main a:link,
|
||||
main a:visited,
|
||||
main a:active,
|
||||
main a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:link,
|
||||
a:visited,
|
||||
a:active,
|
||||
a:hover {
|
||||
color: rgb(15, 15, 15);
|
||||
transition: color .2s;
|
||||
}
|
||||
|
||||
.without-english-version {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 850px) {
|
||||
body {
|
||||
background: url(../images/square_bg.png) repeat top left;
|
||||
}
|
||||
|
||||
main ul {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
|
||||
main ul li:nth-of-type(2n) a {
|
||||
--hue: var(--baseHue)
|
||||
}
|
||||
|
||||
main ul li:nth-of-type(4n + 1) a,
|
||||
main ul li:nth-of-type(4n + 4) a {
|
||||
--hue: var(--altHue)
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 530px) {
|
||||
body {
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
main ul {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
main ul li:nth-of-type(4n + 1) a,
|
||||
main ul li:nth-of-type(4n + 4) a {
|
||||
--hue: var(--baseHue)
|
||||
}
|
||||
|
||||
main ul li:nth-of-type(2n) a {
|
||||
--hue: var(--altHue)
|
||||
}
|
||||
|
||||
main ul li a {
|
||||
padding: 1rem;
|
||||
}
|
||||
}
|
||||
37
berufungen/index.html
Normal file
37
berufungen/index.html
Normal file
@ -0,0 +1,37 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<title>Berufungen an der WIAI</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
|
||||
|
||||
</head>
|
||||
<style>
|
||||
body {
|
||||
height: 100vh;
|
||||
width: 100vw;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-family: "Myriad Pro", "Lucida Grande", "Trebuchet MS", sans-serif;
|
||||
background: url(./images/square_bg.png) repeat top left;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-top: 2rem;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<script>
|
||||
let redirectLocation = `https://www.uni-bamberg.de/intranet/lehren-und-forschen-an-der-uni/berufungsvortraege-an-der-wiai/`;
|
||||
window.location.replace(redirectLocation);
|
||||
</script>
|
||||
<img src="https://files.stuve-bamberg.de/logo_transparent.png" width="200px"/>
|
||||
<noscript><p>Diese Seite funktioniert ggf. nur mit JavaScript.</p></noscript>
|
||||
<!--p>Sie werden in Kürze weitergeleitet.</p-->
|
||||
<p>There ain't no nothing here.</p>
|
||||
</body>
|
||||
</html>
|
||||
BIN
berufungen/twitter-card.png
Normal file
BIN
berufungen/twitter-card.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 486 KiB |
18
board/index.html
Normal file
18
board/index.html
Normal file
@ -0,0 +1,18 @@
|
||||
<!doctype html>
|
||||
<title>Board Maintenance</title>
|
||||
<style>
|
||||
body { text-align: center; padding: 150px; }
|
||||
h1 { font-size: 50px; }
|
||||
body { font: 20px Helvetica, sans-serif; color: #333; }
|
||||
article { display: block; text-align: left; width: 650px; margin: 0 auto; }
|
||||
a { color: #dc8100; text-decoration: none; }
|
||||
a:hover { color: #333; text-decoration: none; }
|
||||
</style>
|
||||
|
||||
<article>
|
||||
<h1>We’ll be back soon!</h1>
|
||||
<div>
|
||||
<p>Bitte entschuldigt die Umstände, aber wir aktualisieren gerade unser Forum. In dringenden fällen könnt ihr uns jederzeit <a href="mailto:fachschaft.wiai@uni-bamberg.de">kontaktieren</a>, ansonsten ist das Forum in kürze wieder für euch verfügbar.</p>
|
||||
<p>— Michael, Clemens</p>
|
||||
</div>
|
||||
</article>
|
||||
2
board/index2.html
Normal file
2
board/index2.html
Normal file
@ -0,0 +1,2 @@
|
||||
<meta http-equiv="refresh" content="0; URL=https://board.wiai.de/">
|
||||
|
||||
18
board/index_maintenance.html
Normal file
18
board/index_maintenance.html
Normal file
@ -0,0 +1,18 @@
|
||||
<!doctype html>
|
||||
<title>Board Maintenance</title>
|
||||
<style>
|
||||
body { text-align: center; padding: 150px; }
|
||||
h1 { font-size: 50px; }
|
||||
body { font: 20px Helvetica, sans-serif; color: #333; }
|
||||
article { display: block; text-align: left; width: 650px; margin: 0 auto; }
|
||||
a { color: #dc8100; text-decoration: none; }
|
||||
a:hover { color: #333; text-decoration: none; }
|
||||
</style>
|
||||
|
||||
<article>
|
||||
<h1>We’ll be back soon!</h1>
|
||||
<div>
|
||||
<p>Bitte entschuldigt die Umstände, aber wir aktualisieren gerade unser Forum. In dringenden fällen könnt ihr uns jederzeit <a href="mailto:fachschaft.wiai@uni-bamberg.de">kontaktieren</a>, ansonsten ist das Forum in kürze wieder für euch verfügbar.</p>
|
||||
<p>— Michael, Clemens</p>
|
||||
</div>
|
||||
</article>
|
||||
1
boaring-game
Submodule
1
boaring-game
Submodule
@ -0,0 +1 @@
|
||||
Subproject commit 9987a87b6213204b7fc974079a6874d19ff57355
|
||||
34
briefwahl/index.html
Normal file
34
briefwahl/index.html
Normal file
@ -0,0 +1,34 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<title>Jetzt Briefwahl beantragen!</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="refresh" content="0; url=https://www.stuve-bamberg.de/2020/06/25/briefwahl-2020/"/>
|
||||
|
||||
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
|
||||
</head>
|
||||
<style>
|
||||
body {
|
||||
height: 100vh;
|
||||
width: 100vw;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-family: "Myriad Pro", "Lucida Grande", "Trebuchet MS", sans-serif;
|
||||
background: url(./images/square_bg.png) repeat top left;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-top: 2rem;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<img src="https://wiai.stuve-bamberg.de/eet/images/logo_transparent.png" width="200px"/>
|
||||
<p>Sie werden in Kürze weitergeleitet. Nutzen Sie andernfalls <a
|
||||
href="https://www.stuve-bamberg.de/2020/06/25/briefwahl-2020/">diesen Link</a>.</p>
|
||||
</body>
|
||||
<script>document.location="https://www.stuve-bamberg.de/2020/06/25/briefwahl-2020/"</script>
|
||||
</html>
|
||||
@ -71,8 +71,7 @@
|
||||
</div>
|
||||
|
||||
<div id="reference">
|
||||
<a href="./impressum.html">Impressum</a> | <a href="http://wiai.stuve-bamberg.de/datenschutz.html">Datenschutz</a> | <a href="https://intern.wiai.de"
|
||||
target="_blank">Login</a> | © Cedric Röck (Fachschaft WIAI) 2012
|
||||
<a href="./impressum.html">Impressum</a> | <a href="https://intern.wiai.de" target="_blank">Login</a> | © Cedric Röck (Fachschaft WIAI) 2012
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
93
eet-feedback/css/style-plan.css
Normal file
93
eet-feedback/css/style-plan.css
Normal file
@ -0,0 +1,93 @@
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: "Myriad Pro", "Lucida Grande", "Trebuchet MS", sans-serif;
|
||||
color: #202020;
|
||||
padding: 2rem;
|
||||
background:
|
||||
url(../images/square_bg.png) repeat top left,
|
||||
url(../images/logo_transparent.png) no-repeat calc(100vw - 200px) 30px;
|
||||
background-size: auto, 150px 150px;
|
||||
}
|
||||
|
||||
header, main, footer {
|
||||
box-sizing: border-box;
|
||||
margin: 0 auto;
|
||||
width: 750px;
|
||||
max-width: calc(100vw-2rem);
|
||||
}
|
||||
|
||||
main {
|
||||
margin-top: 2rem;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2 {
|
||||
padding-bottom: .5rem;
|
||||
}
|
||||
|
||||
h2 {
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
a:link,
|
||||
a:visited,
|
||||
a:active,
|
||||
a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:link,
|
||||
a:visited,
|
||||
a:active,
|
||||
a:hover {
|
||||
color: rgb(41, 125, 207);
|
||||
transition: color .2s;
|
||||
}
|
||||
|
||||
table {
|
||||
cellpadding: .5rem;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
table tr:not(:last-of-type) {
|
||||
border-bottom: 1px solid gray;
|
||||
}
|
||||
|
||||
table th {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
table td.first-row {
|
||||
width: 180px;
|
||||
}
|
||||
|
||||
table th, table td {
|
||||
vertical-align: top;
|
||||
padding: .5rem .2rem;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1100px) {
|
||||
body {
|
||||
background: url(../images/square_bg.png) repeat top left;
|
||||
}
|
||||
|
||||
main, header, footer {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
max-width: calc(100vw - 4rem);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 530px) {
|
||||
body {
|
||||
padding: 1rem;
|
||||
}
|
||||
}
|
||||
120
eet-feedback/css/style.css
Normal file
120
eet-feedback/css/style.css
Normal file
@ -0,0 +1,120 @@
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
display: grid;
|
||||
grid-template-rows: auto 1fr auto;
|
||||
height: 100vh;
|
||||
padding: 2rem;
|
||||
font-family:"Myriad Pro", "Lucida Grande", "Trebuchet MS", sans-serif;
|
||||
color: #202020;
|
||||
background:
|
||||
url(../images/square_bg.png) repeat top left,
|
||||
url(../images/logo_transparent.png) no-repeat calc(100vw - 200px) 30px;
|
||||
background-size: auto, 150px 150px;
|
||||
}
|
||||
|
||||
h1, h2 {
|
||||
padding-bottom: .5rem;
|
||||
}
|
||||
|
||||
main ul {
|
||||
display: grid;
|
||||
margin: 2rem 0;
|
||||
height: calc(100% - 4rem);
|
||||
grid-template-rows: repeat(4, 1fr);
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
grid-gap: 4px;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
main ul li a {
|
||||
--baseHue: 213;
|
||||
--altHue: 199;
|
||||
|
||||
--hue: var(--baseHue);
|
||||
--sat: 100%;
|
||||
--lum: 67%;
|
||||
--alpha: .4;
|
||||
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 1.5rem;
|
||||
background-color: hsla(var(--hue), var(--sat), var(--lum), var(--alpha));
|
||||
transition: background-color .2s ease-in-out;
|
||||
}
|
||||
|
||||
main ul li:nth-of-type(2n) a {
|
||||
--hue: var(--altHue);
|
||||
}
|
||||
|
||||
main ul li a:hover {
|
||||
--alpha: .2;
|
||||
}
|
||||
|
||||
main a:link,
|
||||
main a:visited,
|
||||
main a:active,
|
||||
main a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:link,
|
||||
a:visited,
|
||||
a:active,
|
||||
a:hover {
|
||||
color: rgb(15, 15, 15);
|
||||
transition: color .2s;
|
||||
}
|
||||
|
||||
.without-english-version {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 850px) {
|
||||
body {
|
||||
background: url(../images/square_bg.png) repeat top left;
|
||||
}
|
||||
|
||||
main ul {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
|
||||
main ul li:nth-of-type(2n) a {
|
||||
--hue: var(--baseHue)
|
||||
}
|
||||
|
||||
main ul li:nth-of-type(4n + 1) a,
|
||||
main ul li:nth-of-type(4n + 4) a {
|
||||
--hue: var(--altHue)
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 530px) {
|
||||
body {
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
main ul {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
main ul li:nth-of-type(4n + 1) a,
|
||||
main ul li:nth-of-type(4n + 4) a {
|
||||
--hue: var(--baseHue)
|
||||
}
|
||||
|
||||
main ul li:nth-of-type(2n) a {
|
||||
--hue: var(--altHue)
|
||||
}
|
||||
|
||||
main ul li a {
|
||||
padding: 1rem;
|
||||
}
|
||||
}
|
||||
36
eet-feedback/index.html
Normal file
36
eet-feedback/index.html
Normal file
@ -0,0 +1,36 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<title>Weiterleitung</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
|
||||
</head>
|
||||
<style>
|
||||
body {
|
||||
height: 100vh;
|
||||
width: 100vw;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-family: "Myriad Pro", "Lucida Grande", "Trebuchet MS", sans-serif;
|
||||
background: url(./images/square_bg.png) repeat top left;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-top: 2rem;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<script>
|
||||
let redirectLocation = `https://vc.uni-bamberg.de/mod/feedback/view.php?id=1037820`;
|
||||
window.location.replace(redirectLocation);
|
||||
</script>
|
||||
<img src="https://files.stuve-bamberg.de/logo_transparent.png" width="200px"/>
|
||||
<noscript><p>Diese Seite funktioniert ggf. nur mit JavaScript.</p></noscript>
|
||||
<!--p>Sie werden in Kürze weitergeleitet.</p-->
|
||||
<p>There ain't no nothing here.</p>
|
||||
</body>
|
||||
</html>
|
||||
BIN
eet-feedback/twitter-card.png
Normal file
BIN
eet-feedback/twitter-card.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 305 KiB |
@ -1,12 +1,25 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<title>Weiterleitung</title>
|
||||
<title>WIAI-Fachschaftssitzung – Jetzt teilnehmen!</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="refresh" content="0; url=https://stuve-bamberg.de/kurzlinks"/>
|
||||
|
||||
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
|
||||
|
||||
<!-- Open Graph (Facebook) -->
|
||||
<meta property="og:title" content="WIAI-Kurzlinks!"/>
|
||||
<meta property="og:description" content="Hier findest du die wichtigsten Links rund ums Studium!"/>
|
||||
<meta property="og:url" content="http://wiai.de/eet"/>
|
||||
<meta property="og:image" content="twitter-card.png"/>
|
||||
<meta property="og:image:width" content="1200"/>
|
||||
<meta property="og:image:height" content="630"/>
|
||||
|
||||
<!-- Twitter Cards -->
|
||||
<meta name="twitter:title" content="WIAI-Kurzlinks!">
|
||||
<meta name="twitter:description" content="Hier findest du die wichtigsten Links rund ums Studium!">
|
||||
<meta name="twitter:image" content="twitter-card.png">
|
||||
<meta name="twitter:site" contents="@FachschaftWIAI"
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
</head>
|
||||
<style>
|
||||
body {
|
||||
@ -26,8 +39,13 @@
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<img src="https://wiai.stuve-bamberg.de/eet/images/logo_transparent.png" width="200px"/>
|
||||
<p>Sie werden in Kürze weitergeleitet. Nutzen Sie andernfalls <a
|
||||
href="https://stuve-bamberg.de/kurzlinks">diesen Link</a>.</p>
|
||||
<script>
|
||||
let redirectLocation = `https://stuve-bamberg.de/kurzlinks/`;
|
||||
window.location.replace(redirectLocation);
|
||||
</script>
|
||||
<img src="https://files.stuve-bamberg.de/logo_transparent.png" width="200px"/>
|
||||
<noscript><p>Diese Seite funktioniert ggf. nur mit JavaScript.</p></noscript>
|
||||
<!--p>Sie werden in Kürze weitergeleitet.</p-->
|
||||
<p>There ain't no nothing here.</p>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
93
eet/old/css/style-plan.css
Normal file
93
eet/old/css/style-plan.css
Normal file
@ -0,0 +1,93 @@
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: "Myriad Pro", "Lucida Grande", "Trebuchet MS", sans-serif;
|
||||
color: #202020;
|
||||
padding: 2rem;
|
||||
background:
|
||||
url(../images/square_bg.png) repeat top left,
|
||||
url(../images/logo_transparent.png) no-repeat calc(100vw - 200px) 30px;
|
||||
background-size: auto, 150px 150px;
|
||||
}
|
||||
|
||||
header, main, footer {
|
||||
box-sizing: border-box;
|
||||
margin: 0 auto;
|
||||
width: 750px;
|
||||
max-width: calc(100vw-2rem);
|
||||
}
|
||||
|
||||
main {
|
||||
margin-top: 2rem;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2 {
|
||||
padding-bottom: .5rem;
|
||||
}
|
||||
|
||||
h2 {
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
a:link,
|
||||
a:visited,
|
||||
a:active,
|
||||
a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:link,
|
||||
a:visited,
|
||||
a:active,
|
||||
a:hover {
|
||||
color: rgb(41, 125, 207);
|
||||
transition: color .2s;
|
||||
}
|
||||
|
||||
table {
|
||||
cellpadding: .5rem;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
table tr:not(:last-of-type) {
|
||||
border-bottom: 1px solid gray;
|
||||
}
|
||||
|
||||
table th {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
table td.first-row {
|
||||
width: 180px;
|
||||
}
|
||||
|
||||
table th, table td {
|
||||
vertical-align: top;
|
||||
padding: .5rem .2rem;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1100px) {
|
||||
body {
|
||||
background: url(../images/square_bg.png) repeat top left;
|
||||
}
|
||||
|
||||
main, header, footer {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
max-width: calc(100vw - 4rem);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 530px) {
|
||||
body {
|
||||
padding: 1rem;
|
||||
}
|
||||
}
|
||||
120
eet/old/css/style.css
Normal file
120
eet/old/css/style.css
Normal file
@ -0,0 +1,120 @@
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
display: grid;
|
||||
grid-template-rows: auto 1fr auto;
|
||||
height: 100vh;
|
||||
padding: 2rem;
|
||||
font-family:"Myriad Pro", "Lucida Grande", "Trebuchet MS", sans-serif;
|
||||
color: #202020;
|
||||
background:
|
||||
url(../images/square_bg.png) repeat top left,
|
||||
url(../images/logo_transparent.png) no-repeat calc(100vw - 200px) 30px;
|
||||
background-size: auto, 150px 150px;
|
||||
}
|
||||
|
||||
h1, h2 {
|
||||
padding-bottom: .5rem;
|
||||
}
|
||||
|
||||
main ul {
|
||||
display: grid;
|
||||
margin: 2rem 0;
|
||||
height: calc(100% - 4rem);
|
||||
grid-template-rows: repeat(4, 1fr);
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
grid-gap: 4px;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
main ul li a {
|
||||
--baseHue: 213;
|
||||
--altHue: 199;
|
||||
|
||||
--hue: var(--baseHue);
|
||||
--sat: 100%;
|
||||
--lum: 67%;
|
||||
--alpha: .4;
|
||||
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 1.5rem;
|
||||
background-color: hsla(var(--hue), var(--sat), var(--lum), var(--alpha));
|
||||
transition: background-color .2s ease-in-out;
|
||||
}
|
||||
|
||||
main ul li:nth-of-type(2n) a {
|
||||
--hue: var(--altHue);
|
||||
}
|
||||
|
||||
main ul li a:hover {
|
||||
--alpha: .2;
|
||||
}
|
||||
|
||||
main a:link,
|
||||
main a:visited,
|
||||
main a:active,
|
||||
main a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:link,
|
||||
a:visited,
|
||||
a:active,
|
||||
a:hover {
|
||||
color: rgb(15, 15, 15);
|
||||
transition: color .2s;
|
||||
}
|
||||
|
||||
.without-english-version {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 850px) {
|
||||
body {
|
||||
background: url(../images/square_bg.png) repeat top left;
|
||||
}
|
||||
|
||||
main ul {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
|
||||
main ul li:nth-of-type(2n) a {
|
||||
--hue: var(--baseHue)
|
||||
}
|
||||
|
||||
main ul li:nth-of-type(4n + 1) a,
|
||||
main ul li:nth-of-type(4n + 4) a {
|
||||
--hue: var(--altHue)
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 530px) {
|
||||
body {
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
main ul {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
main ul li:nth-of-type(4n + 1) a,
|
||||
main ul li:nth-of-type(4n + 4) a {
|
||||
--hue: var(--baseHue)
|
||||
}
|
||||
|
||||
main ul li:nth-of-type(2n) a {
|
||||
--hue: var(--altHue)
|
||||
}
|
||||
|
||||
main ul li a {
|
||||
padding: 1rem;
|
||||
}
|
||||
}
|
||||
109
eet/old/english.html
Normal file
109
eet/old/english.html
Normal file
@ -0,0 +1,109 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<title>EETs | Shortlinks</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta name="description" content="Shortlinks for studying at the Department of Information Systems and Applied Computer Sciences in Bamberg" />
|
||||
<meta name="keywords" content="Bamberg, uni, university, information systems, applied computer science, Community, WIAI Community, Fachschaft WIAI, Fachschaft, student association Bamberg"/>
|
||||
|
||||
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
|
||||
<link rel="stylesheet" href="./css/style.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h1>Introductory Days for First Semester Students</h1>
|
||||
Overview of useful web pages for studying in Bamberg
|
||||
</header>
|
||||
<main>
|
||||
<ul>
|
||||
<li>
|
||||
<a target="_blank" href="https://www.uni-bamberg.de/en/wiai/fs/">
|
||||
<h2>Student Association</h2>
|
||||
<p>Opening hours, contact information, services (tutorials and exam archive) and events</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a target="_blank" href="https://www.uni-bamberg.de/en/wiai/">
|
||||
<h2>WIAI Faculty</h2>
|
||||
<p>Study paths and subjects, regulations, module guides and Career & International Center</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a target="_blank" href="https://zul.zuv.uni-bamberg.de/qisserver/rds?state=user&type=0&noDBAction=y&init=y">
|
||||
<h2>Student Office Online Services</h2>
|
||||
<p>Certificate of enrollment, address editing and parking permits for the Park & Ride</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a target="_blank" href="https://fn2stud.zuv.uni-bamberg.de/FN2AUTH/FN2AuthServlet?op=Login">
|
||||
<h2>FlexNow</h2>
|
||||
<p>Exam and lecture registration, grades list, exam dates and places as well as TAN lists</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a target="_blank" href="http://vc.uni-bamberg.de">
|
||||
<h2>Virtual Campus</h2>
|
||||
<p>Online courses, study material and forums for each lecture</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a target="_blank" href="http://univis.uni-bamberg.de">
|
||||
<h2>UnivIS</h2>
|
||||
<p>Schedule creation and index of all lectures, rooms and university employees (unfortunately German only)</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a target="_blank" href="https://katalog.ub.uni-bamberg.de/ubg-www/Katalog/TouchPoint_en.html">
|
||||
<h2>Library</h2>
|
||||
<p>Catalog, book preorders (including delivery to your university site) and online full-text volumes</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a target="_blank" href="https://o365.uni-bamberg.de">
|
||||
<h2>Email and MS Office</h2>
|
||||
<p>"Office 365" web version including Word, Excel, Powerpoint and the like</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a target="_blank" href="https://mailex.uni-bamberg.de">
|
||||
<h2>Alternative Email System</h2>
|
||||
<p>Login for the university's alternative email system (switching is possible in the IAM Portal)</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a target="_blank" href="https://icprint.uni-bamberg.de/index.php?lang=uk">
|
||||
<h2>Printing</h2>
|
||||
<p>Overview page listing ongoing and waiting printing jobs as well as an option to scan documents using icprint</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a target="_blank" href="https://www.studentenwerk-wuerzburg.de/bamberg/essen-trinken/mensen.html">
|
||||
<h2>Canteens</h2>
|
||||
<p>Menu and opening hours of the university's canteens</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a target="_blank" href="https://iam.uni-bamberg.de/OGiTiX/unimate/Default.aspx?page=WorkflowList&key=5CD83B366DC04DE8B4471D84D195DDAC00000003">
|
||||
<h2>IAM Portal</h2>
|
||||
<p>Email forwarding configuration, switching the email system and password resets (unfortunately German only)</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="without-english-version">
|
||||
<a target="_blank" href="http://www.feki.de">
|
||||
<h2>Feki.de</h2>
|
||||
<p>Quicklinks, Informationen rund ums Studium, Vereinsblog, Kellerguide und Mensaplan</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
© Fachschaft WIAI - 2013 to 2019 (<a href="index.html">Deutsche Version</a>)
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
Before Width: | Height: | Size: 4.5 KiB After Width: | Height: | Size: 4.5 KiB |
|
Before Width: | Height: | Size: 133 KiB After Width: | Height: | Size: 133 KiB |
|
Before Width: | Height: | Size: 723 B After Width: | Height: | Size: 723 B |
|
Before Width: | Height: | Size: 36 KiB After Width: | Height: | Size: 36 KiB |
|
Before Width: | Height: | Size: 36 KiB After Width: | Height: | Size: 36 KiB |
|
Before Width: | Height: | Size: 31 KiB After Width: | Height: | Size: 31 KiB |
|
Before Width: | Height: | Size: 294 KiB After Width: | Height: | Size: 294 KiB |
|
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 52 KiB After Width: | Height: | Size: 52 KiB |
|
Before Width: | Height: | Size: 27 KiB After Width: | Height: | Size: 27 KiB |
103
eet/old/index.html
Normal file
103
eet/old/index.html
Normal file
@ -0,0 +1,103 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
|
||||
<title>EETs | Kurzlinks</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta name="description" content="Kurzlinks zum Studium rund um die Fakultät WIAI an der Universität Bamberg" />
|
||||
<meta name="keywords" content="Bamberg, Uni, Universität, WIAI, Wirtschaftsinformatik, Angewandte Informatik, Community, WIAI Community, Fachschaft WIAI, Fachschaft"/>
|
||||
|
||||
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
|
||||
<link rel="stylesheet" href="./css/style.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h1>Erstsemester-Einführungstage</h1>
|
||||
Übersicht über die Portale zum Studium in Bamberg
|
||||
</header>
|
||||
<main>
|
||||
<ul>
|
||||
<li>
|
||||
<a target="_blank" href="https://wiai.de">
|
||||
<h2>WIAI.de</h2>
|
||||
<p>Webportal der Fachschaft mit Links zur Fakultäts- und Fachschaftsseite sowie zu WIAI.community</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a target="_blank" href="http://www.feki.de">
|
||||
<h2>Feki.de</h2>
|
||||
<p>Quicklinks, Informationen rund ums Studium, Vereinsblog, Kellerguide und Mensaplan</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a target="_blank" href="http://zul.zuv.uni-bamberg.de">
|
||||
<h2>Studierendenkanzlei Online</h2>
|
||||
<p>Bescheinigungen für Studium, BAföG und die Hochschulwahl, Adressen und Parkausweise</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a target="_blank" href="https://fn2stud.zuv.uni-bamberg.de/FN2AUTH/FN2AuthServlet?op=Login">
|
||||
<h2>FlexNow</h2>
|
||||
<p>Anmeldung zu Prüfungen und Lehrveranstaltungen, Prüfungstermine, Notenübersicht und TAN-Listen</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a target="_blank" href="http://vc.uni-bamberg.de">
|
||||
<h2>Virtueller Campus</h2>
|
||||
<p>Onlinekurse, Vorlesungsunterlagen und Foren zu den einzelnen Veranstaltungen</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a target="_blank" href="http://univis.uni-bamberg.de">
|
||||
<h2>UnivIS</h2>
|
||||
<p>Vorlesungsverzeichnis, Stundenplanerstellung und Verzeichnis von Räumen und Personen</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a target="_blank" href="https://katalog.ub.uni-bamberg.de">
|
||||
<h2>Bibliothek</h2>
|
||||
<p>Literatursuche, Vorbestellung an verschiedene Standorte und Onlineexemplare im Volltext</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a target="_blank" href="https://o365.uni-bamberg.de">
|
||||
<h2>Email und MS Office</h2>
|
||||
<p>Webversion des Microsoft-Softwaresuite "Office 365" mit Outlook, Word, Excel, Powerpoint etc.</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a target="_blank" href="https://mailex.uni-bamberg.de">
|
||||
<h2>Alternatives Emailsystem</h2>
|
||||
<p>Login für das alternative Email-System der Uni (Wechsel über das IAM-Portal möglich)</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a target="_blank" href="http://icprint.uni-bamberg.de">
|
||||
<h2>Drucken</h2>
|
||||
<p>Übersicht über ausstehende Druckjobs und Scannen mittels icprint</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a target="_blank" href="https://www.studentenwerk-wuerzburg.de/bamberg/essen-trinken/mensen.html">
|
||||
<h2>Mensa</h2>
|
||||
<p>Speisepläne und Öffnungszeiten für die verschiedenen Mensen der Universität</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a target="_blank" href="https://iam.uni-bamberg.de/OGiTiX/unimate/Default.aspx?page=WorkflowList&key=5CD83B366DC04DE8B4471D84D195DDAC00000003">
|
||||
<h2>IAM-Portal</h2>
|
||||
<p>Verschiedene Services: Emailweiterleitungen einrichten, das Mailsystem wechseln und Passwörter zurücksetzen</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
© Fachschaft WIAI - 2013 bis 2019 (<a href="english.html">English version</a>)
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
1
eet/old/plan
Submodule
1
eet/old/plan
Submodule
@ -0,0 +1 @@
|
||||
Subproject commit 1c43f8f69d2529ec7faf410a3ee1b251f7285c2a
|
||||
@ -1,184 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
|
||||
<title>EETs | Agenda</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta name="description"
|
||||
content="Agenda for the first-semester introductory days at the Bamberg University's WIAI faculty." />
|
||||
<meta name="keywords"
|
||||
content="Bamberg, uni, university, information systems, applied computer science, Community, WIAI Community, Fachschaft WIAI, Fachschaft, student association Bamberg" />
|
||||
|
||||
<link rel="shortcut icon" href="../../favicon.ico" type="image/x-icon" />
|
||||
<link rel="stylesheet" href="../css/style-plan.css">
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header>
|
||||
<h1>Introductory Days<br>for First Semester Students</h1>
|
||||
Overview of the events scheduled for summer semester 2019 (<a href="index.html">Deutsche Version</a>)
|
||||
</header>
|
||||
<main>
|
||||
<h2 style="display:none;">Wednesday (April 17, 2019)</h2>
|
||||
<table style="display:none;">
|
||||
<tr>
|
||||
<td class="first-row">9:00 - 10:30 am</td>
|
||||
<td><h3>Plenary Event</h3> at WE5/00.022 (all students)<br></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>10:45 - 12:00 am</td>
|
||||
<td>
|
||||
<h3>Introduction to the Courses of Study</h3>
|
||||
<ul>
|
||||
<li>BA AI: Leon Martin at WE5/00.019</li>
|
||||
<li>BA WI: Maximilian Raab at WE5/00.022</li>
|
||||
<li>BA IISM: Jakob Wirth at WE5/01.003</li>
|
||||
<li>BA I:SSS: Robin Lichtenthäler at WE5/04.004</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li>MA AI: Dipl. Inf. Mirko Fetter at WE5/02.005</li>
|
||||
<li>MA WI: Thomas Friedrich at WE5/01.006</li>
|
||||
<li>MA IISM: Falco Klemm at WE5/02.020</li>
|
||||
<li>MA ISSS: Aboubakr El Hacen Benabbas at WE5/03.004</li>
|
||||
<li>MA CitH: Olga Yanenko at WE5/01.004</li>
|
||||
<li>MA WIPäd: Jens Aichinger at WE5/05.005</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>12:00 am - 1:00 pm</td>
|
||||
<td><h3>Lunch Hour</h3></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1:00 - 3:00 pm</td>
|
||||
<td>
|
||||
<h3>Fun & Games</h3>
|
||||
<p>Guided tours through the buildings will take place at 1:00 pm, 1:30 pm, 2:00 pm and 2:30 pm. The
|
||||
first library tour (starting at 1:00 pm) will be given in English.</p>
|
||||
|
||||
<ul>
|
||||
<li>
|
||||
<b>University Tour</b>: We show important lecturing halls, seminary rooms, learning areas, help desks and places to spend your spare time at the Erba Island. (starting point: courtyard)
|
||||
</li>
|
||||
<li>
|
||||
<b>Library Tour</b>: An introduction to the library stock, to the loan and usage of library media as well as to accessing the library prepare for your studies. (starting point: in front of the library)
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<br>
|
||||
Moreover, several activities will be spreaded across the area:
|
||||
|
||||
<ul>
|
||||
<li>
|
||||
<b>Presentation of university-related student associations</b>:
|
||||
Groups of engaged students present ways of spending the spare time surrounding the everyday university life. (lounge)
|
||||
</li>
|
||||
<li>
|
||||
<b><a href="https://sortierhut.stuve-bamberg.de/">Sorting Hat</a></b>: A uniquely implemented sorting hat will assign you to one of five houses based on your answers to mystic questions. Whoever guesses the assignment algorithm first, wins the game. Pick up your house emblem and display it on your chest proudly. (WE5/00.022)
|
||||
</li>
|
||||
<li>
|
||||
<b>Pop Culture Code</b>: This game is all about demystifying allusions to films, series, books and the like contained in snippets of pseudocode. (WE5/00.019, <b>start: 2:00 pm</b>)
|
||||
</li>
|
||||
<li>
|
||||
<b>Gaming Corner</b>: Party games like Cards against Downtime (Computer Science Edition) await you. (WE5/01.006)
|
||||
</li>
|
||||
<li>
|
||||
<b>Outerior Activities</b>: Play Frisbee, basketball and volleyball with your future study mates and enjoy the fresh air and the green scenary surrounding the university building. (Erba Park)
|
||||
</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>4:00 - 4:30 pm</td>
|
||||
<td>
|
||||
<h3>Feki Tour</h3> (all students, gathering place: Erba lounge at 3:15 pm)
|
||||
<p>At Feldkirchenstraße several introductory modules take place. We introduce you to important lecturing halls (and a real cantine!).</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<h2>Thursday (April 18, 2019)</h2>
|
||||
<table>
|
||||
<tr class="first-row">
|
||||
<td><b>10:00 - 11:30 am (!)</b></td>
|
||||
<td>
|
||||
<h3>Setup of University-related IT Services</h3>
|
||||
<ul>
|
||||
<li>Bachelor students without Laptop: WE5/01.004</li>
|
||||
<li>Bachelor students with Laptop: WE5/00.022</li>
|
||||
<li>Master students without Laptop: WE5/02.005</li>
|
||||
<li>Master students with Laptop: WE5/00.019</li>
|
||||
<li>English speaking students: WE5/02.005</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>11:45 - 12:30 am</td>
|
||||
<td>
|
||||
<h3>Introduction to the University Data Center</h3>
|
||||
<ul>
|
||||
<li>German speaking students: WE5/00.022</li>
|
||||
<li>English speaking students: WE5/00.019</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>12:30 am - 1:30 pm</td>
|
||||
<td>
|
||||
<h3>Lunch Hour</h3>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1:30 - 2:30 pm</td>
|
||||
<td>
|
||||
<h3>Introduction to the University's Web Services</h3>
|
||||
<li>Bachelor students without Laptop: WE5/01.004</li>
|
||||
<li>Bachelor students with Laptop: WE5/00.022</li>
|
||||
<li>Master students without Laptop: WE5/02.005</li>
|
||||
<li>Master students with Laptop: WE5/00.019</li>
|
||||
<li>English speaking students: WE5/01.003</li>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>starting at 2:30 pm</td>
|
||||
<td>
|
||||
<h3>Scheduling Tutorials</h3>
|
||||
<ul>
|
||||
<li>Bachelor AI: WE5/00.019</li>
|
||||
<li>Bachelor WI: WE5/00.022</li>
|
||||
<li>Bachelor IISM: WE5/01.003</li>
|
||||
<li>Bachelor I:SSS: WE5/04.003</li>
|
||||
<li>Master AI: WE5/02.005</li>
|
||||
<li>Master WI: WE5/01.006</li>
|
||||
<li>Master IISM: WE5/03.004</li>
|
||||
<li>Master ISSS: WE5/02.020</li>
|
||||
<li>Master CitH: WE5/01.004</li>
|
||||
<li>Master WIPäd: WE5/05.005</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
© Fachschaft WIAI - 2019 (<a href="index.html">Deutsche Version</a>)
|
||||
</footer>
|
||||
|
||||
<script>
|
||||
var opentime;
|
||||
window.onload = function() {
|
||||
opentime = Date.now();
|
||||
setInterval(function() {
|
||||
if (Date.now() - opentime > (30 * 1000))
|
||||
location.reload()
|
||||
}, 30000)
|
||||
}
|
||||
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -1,193 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
|
||||
<head>
|
||||
|
||||
<title>EETs | Plan</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta name="description"
|
||||
content="Agenda für die Erstsemestereinführungstage (EETs) der Fakultät WIAI an der Universität Bamberg" />
|
||||
<meta name="keywords"
|
||||
content="Bamberg, Uni, Universität, WIAI, Wirtschaftsinformatik, Angewandte Informatik, Community, WIAI Community, Fachschaft WIAI, Fachschaft" />
|
||||
|
||||
<link rel="shortcut icon" href="../../favicon.ico" type="image/x-icon" />
|
||||
<link rel="stylesheet" href="../css/style-plan.css">
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header>
|
||||
<h1>Erstsemester-Einführungstage</h1>
|
||||
Überblick über die Veranstaltungen zum Sommersemester 2019 (<a href="english.html">English
|
||||
version</a>)
|
||||
</header>
|
||||
<main>
|
||||
<h2 style="display:none;">Mittwoch (17. April 2019)</h2>
|
||||
<table style="display:none;">
|
||||
<tr data-timestamp="1555489800000">
|
||||
<td class="first-row">09:00 - 10:30 Uhr</td>
|
||||
<td><h3>Plenumsveranstaltung</h3> im Raum WE5/00.022 (alle Studiengänge)<br></td>
|
||||
</tr>
|
||||
<tr data-timestamp="1555495200000">
|
||||
<td>10:45 - 12:00 Uhr</td>
|
||||
<td>
|
||||
<h3>Facheinführungen</h3>
|
||||
<ul>
|
||||
<li>BA AI: Leon Martin in WE5/00.019</li>
|
||||
<li>BA WI: Maximilian Raab in WE5/00.022</li>
|
||||
<li>BA IISM: Jakob Wirth in WE5/01.003</li>
|
||||
<li>BA I:SSS: Robin Lichtenthäler in WE5/04.004</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li>MA AI: Dipl. Inf. Mirko Fetter in WE5/02.005</li>
|
||||
<li>MA WI: Thomas Friedrich in WE5/01.006</li>
|
||||
<li>MA IISM: Falco Klemm in WE5/02.020</li>
|
||||
<li>MA ISSS: Aboubakr El Hacen Benabbas in WE5/03.004</li>
|
||||
<li>MA CitH: Olga Yanenko in WE5/01.004</li>
|
||||
<li>MA WIPäd: Jens Aichinger in WE5/05.005</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr data-timestamp="1555498800000">
|
||||
<td>12:00 - 13:00 Uhr</td>
|
||||
<td><h3>Gemeinsame Mittagspause</h3></td>
|
||||
</tr>
|
||||
<tr data-timestamp="1555506000000">
|
||||
<td>13:00 - 15:00 Uhr</td>
|
||||
<td>
|
||||
<h3>Fun & Games</h3>
|
||||
<p>Um 13:00 Uhr, 13:30 Uhr, 14:00 Uhr und 14:30 Uhr finden Führungen statt. The first library tour will be given in English.</p>
|
||||
|
||||
<ul>
|
||||
<li>
|
||||
<b>Universitätsführung</b>: Wir zeigen wichtige Hörsäle, Seminarräume, studentische Lernbereiche, Anlaufstellen und Freizeitorte am Erba-Standort. (Startpunkt: im Erbahof)
|
||||
</li>
|
||||
<li>
|
||||
<b>Bibliotheksführung</b>: Eine Einführung zum Bibliotheksbestand, zur Ausleihe und Nutzung vorhandener Medien sowie zum Zugang zur Bibliothek bereitet auf die Studienzeit vor. (Startpunkt: vor der Bibliothek)
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<br>
|
||||
Außerdem werden auf dem gesamten Gelände verschiedene andere Aktivitäten zu finden sein:
|
||||
|
||||
<ul>
|
||||
<li>
|
||||
<b>Vorstellung der hochschulnahen Gruppen</b>: Für die Zeit außerhalb des Studiums stellen verschiedene Vereine und Gruppen unterschiedliche studienbezogene Freizeitaktivitäten vor. (Foyer)
|
||||
</li>
|
||||
<li>
|
||||
<b><a href="https://sortierhut.stuve-bamberg.de/">Sortierhut</a></b>: Anhand einer Handvoll Fragen wirst du in eines von fünf Häusern einsortiert. Wer zuerst enträtselt, welche der Fragen
|
||||
bestimmt, in welches Haus man kommt, gewinnt. Hol dir deinen Haussticker bei uns ab, um ihn stolz auf der Brust zu tragen. (WE5/00.022)
|
||||
</li>
|
||||
<li>
|
||||
<b>Popkulturkode</b>: Ein Spiel, bei dem es darum geht, anhand von Pseudcodeschnipseln, also wenigen Zeilen einer ausgedachten Programmiersprache, Anspielungen auf Filme, Serien, Bücher usw. zu erraten. (WE5/00.019, <b>Beginn: 14:00 Uhr</b>)
|
||||
</li>
|
||||
<li>
|
||||
<b>Spiele-Ecke</b>: Cards against Downtime (Informatikedition von Cards against Humanity), Tabu und Montagsmaler (Informatikedition) (WE5/01.006)
|
||||
</li>
|
||||
<li>
|
||||
<b>Erbapark</b>: Frisbee, Kubb (Schwedenschach), Basketball, Volleyball spielen und die frische Luft und das Grün des Parks genießen (Erbapark)
|
||||
</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr data-timestamp="1555511400000">
|
||||
<td>16:00 - 16:30 Uhr</td>
|
||||
<td>
|
||||
<h3>Feki-Führung</h3> (alle Studiengänge, Treffpunkt: Erba-Foyer um 15:15 Uhr)
|
||||
<p>Am Standort Feldkirchenstraße finden besonders in den frühen Semestern viele Veranstaltungen statt, die wir uns mit der Fakultät Sozialwissenschaften teilen. Wir stellen auch hier wichtige Hörsäle, lokale Besonderheiten und kulinarische Angebote vor.</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<h2>Donnerstag (18. April 2019)</h2>
|
||||
<table>
|
||||
<tr data-timestamp="1555579800000">
|
||||
<td class="first-row"><b>10:00 - 11:30 Uhr (!)</b></td>
|
||||
<td>
|
||||
<h3>Einrichtung der IT-Dienste der Universität</h3>
|
||||
<ul>
|
||||
<li>Bachelor ohne Laptop: WE5/01.004</li>
|
||||
<li>Bachelor mit Laptop: WE5/00.022</li>
|
||||
<li>Master ohne Laptop: WE5/02.005</li>
|
||||
<li>Master mit Laptop: WE5/00.019</li>
|
||||
<li>English speaking students: WE5/02.005</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr data-timestamp="1555583400000">
|
||||
<td>11:45 - 12:30 Uhr</td>
|
||||
<td>
|
||||
<h3>Vorstellung des Rechenzentrums</h3>
|
||||
<ul>
|
||||
<li>Deutschsprachige Studierende: WE5/00.022</li>
|
||||
<li>English speaking students: WE5/00.019</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr data-timestamp="1555585200000">
|
||||
<td>12:30 - 13:30 Uhr</td>
|
||||
<td>
|
||||
<h3>Gemeinsame Mittagspause</h3>
|
||||
</td>
|
||||
</tr>
|
||||
<tr data-timestamp="1555590600000">
|
||||
<td>13:30 - 14:30 Uhr</td>
|
||||
<td>
|
||||
<h3>Einführung in die Onlinedienste der Universität</h3>
|
||||
<li>Bachelor ohne Laptop: WE5/01.004</li>
|
||||
<li>Bachelor mit Laptop: WE5/00.022</li>
|
||||
<li>Master ohne Laptop: WE5/02.005</li>
|
||||
<li>Master mit Laptop: WE5/00.019</li>
|
||||
<li>English speaking students: WE5/01.003</li>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>ab 14:30 Uhr</td>
|
||||
<td>
|
||||
<h3>Stundenplantutorien</h3>
|
||||
<ul>
|
||||
<li>Bachelor AI: WE5/00.019</li>
|
||||
<li>Bachelor WI: WE5/00.022</li>
|
||||
<li>Bachelor IISM: WE5/01.003</li>
|
||||
<li>Bachelor I:SSS: WE5/04.003</li>
|
||||
<li>Master AI: WE5/02.005</li>
|
||||
<li>Master WI: WE5/01.006</li>
|
||||
<li>Master IISM: WE5/03.004</li>
|
||||
<li>Master ISSS: WE5/02.020</li>
|
||||
<li>Master CitH: WE5/01.004</li>
|
||||
<li>Master WIPäd: WE5/05.005</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
© Fachschaft WIAI - 2019 (<a href="english.html">English version</a>)
|
||||
</footer>
|
||||
|
||||
<script>
|
||||
var opentime;
|
||||
window.onload = function() {
|
||||
opentime = Date.now();
|
||||
let rows = Array.from(document.querySelectorAll('[data-timestamp]'))
|
||||
now = Date.now()
|
||||
for (var i = 0; i < rows.length; i++) {
|
||||
timestamp = Number(rows[i].getAttribute('data-timestamp'))
|
||||
if (timestamp < now) {
|
||||
rows[i].style.color = 'lightgray';
|
||||
}
|
||||
}
|
||||
|
||||
setInterval(function() {
|
||||
if (Date.now() - opentime > (30 * 1000))
|
||||
location.reload()
|
||||
}, 30000)
|
||||
}
|
||||
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
BIN
eet/twitter-card.png
Normal file
BIN
eet/twitter-card.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 486 KiB |
93
engagement/css/style-plan.css
Normal file
93
engagement/css/style-plan.css
Normal file
@ -0,0 +1,93 @@
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: "Myriad Pro", "Lucida Grande", "Trebuchet MS", sans-serif;
|
||||
color: #202020;
|
||||
padding: 2rem;
|
||||
background:
|
||||
url(../images/square_bg.png) repeat top left,
|
||||
url(../images/logo_transparent.png) no-repeat calc(100vw - 200px) 30px;
|
||||
background-size: auto, 150px 150px;
|
||||
}
|
||||
|
||||
header, main, footer {
|
||||
box-sizing: border-box;
|
||||
margin: 0 auto;
|
||||
width: 750px;
|
||||
max-width: calc(100vw-2rem);
|
||||
}
|
||||
|
||||
main {
|
||||
margin-top: 2rem;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2 {
|
||||
padding-bottom: .5rem;
|
||||
}
|
||||
|
||||
h2 {
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
a:link,
|
||||
a:visited,
|
||||
a:active,
|
||||
a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:link,
|
||||
a:visited,
|
||||
a:active,
|
||||
a:hover {
|
||||
color: rgb(41, 125, 207);
|
||||
transition: color .2s;
|
||||
}
|
||||
|
||||
table {
|
||||
cellpadding: .5rem;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
table tr:not(:last-of-type) {
|
||||
border-bottom: 1px solid gray;
|
||||
}
|
||||
|
||||
table th {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
table td.first-row {
|
||||
width: 180px;
|
||||
}
|
||||
|
||||
table th, table td {
|
||||
vertical-align: top;
|
||||
padding: .5rem .2rem;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1100px) {
|
||||
body {
|
||||
background: url(../images/square_bg.png) repeat top left;
|
||||
}
|
||||
|
||||
main, header, footer {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
max-width: calc(100vw - 4rem);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 530px) {
|
||||
body {
|
||||
padding: 1rem;
|
||||
}
|
||||
}
|
||||
120
engagement/css/style.css
Normal file
120
engagement/css/style.css
Normal file
@ -0,0 +1,120 @@
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
display: grid;
|
||||
grid-template-rows: auto 1fr auto;
|
||||
height: 100vh;
|
||||
padding: 2rem;
|
||||
font-family:"Myriad Pro", "Lucida Grande", "Trebuchet MS", sans-serif;
|
||||
color: #202020;
|
||||
background:
|
||||
url(../images/square_bg.png) repeat top left,
|
||||
url(../images/logo_transparent.png) no-repeat calc(100vw - 200px) 30px;
|
||||
background-size: auto, 150px 150px;
|
||||
}
|
||||
|
||||
h1, h2 {
|
||||
padding-bottom: .5rem;
|
||||
}
|
||||
|
||||
main ul {
|
||||
display: grid;
|
||||
margin: 2rem 0;
|
||||
height: calc(100% - 4rem);
|
||||
grid-template-rows: repeat(4, 1fr);
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
grid-gap: 4px;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
main ul li a {
|
||||
--baseHue: 213;
|
||||
--altHue: 199;
|
||||
|
||||
--hue: var(--baseHue);
|
||||
--sat: 100%;
|
||||
--lum: 67%;
|
||||
--alpha: .4;
|
||||
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 1.5rem;
|
||||
background-color: hsla(var(--hue), var(--sat), var(--lum), var(--alpha));
|
||||
transition: background-color .2s ease-in-out;
|
||||
}
|
||||
|
||||
main ul li:nth-of-type(2n) a {
|
||||
--hue: var(--altHue);
|
||||
}
|
||||
|
||||
main ul li a:hover {
|
||||
--alpha: .2;
|
||||
}
|
||||
|
||||
main a:link,
|
||||
main a:visited,
|
||||
main a:active,
|
||||
main a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:link,
|
||||
a:visited,
|
||||
a:active,
|
||||
a:hover {
|
||||
color: rgb(15, 15, 15);
|
||||
transition: color .2s;
|
||||
}
|
||||
|
||||
.without-english-version {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 850px) {
|
||||
body {
|
||||
background: url(../images/square_bg.png) repeat top left;
|
||||
}
|
||||
|
||||
main ul {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
|
||||
main ul li:nth-of-type(2n) a {
|
||||
--hue: var(--baseHue)
|
||||
}
|
||||
|
||||
main ul li:nth-of-type(4n + 1) a,
|
||||
main ul li:nth-of-type(4n + 4) a {
|
||||
--hue: var(--altHue)
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 530px) {
|
||||
body {
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
main ul {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
main ul li:nth-of-type(4n + 1) a,
|
||||
main ul li:nth-of-type(4n + 4) a {
|
||||
--hue: var(--baseHue)
|
||||
}
|
||||
|
||||
main ul li:nth-of-type(2n) a {
|
||||
--hue: var(--altHue)
|
||||
}
|
||||
|
||||
main ul li a {
|
||||
padding: 1rem;
|
||||
}
|
||||
}
|
||||
37
engagement/index.html
Normal file
37
engagement/index.html
Normal file
@ -0,0 +1,37 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<title>Hochschulnahe Gruppen</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
|
||||
|
||||
</head>
|
||||
<style>
|
||||
body {
|
||||
height: 100vh;
|
||||
width: 100vw;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-family: "Myriad Pro", "Lucida Grande", "Trebuchet MS", sans-serif;
|
||||
background: url(./images/square_bg.png) repeat top left;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-top: 2rem;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<script>
|
||||
let redirectLocation = `https://vc.uni-bamberg.de/course/view.php?id=41834`;
|
||||
window.location.replace(redirectLocation);
|
||||
</script>
|
||||
<img src="https://files.stuve-bamberg.de/logo_transparent.png" width="200px"/>
|
||||
<noscript><p>Diese Seite funktioniert ggf. nur mit JavaScript.</p></noscript>
|
||||
<!--p>Sie werden in Kürze weitergeleitet.</p-->
|
||||
<p>There ain't no nothing here.</p>
|
||||
</body>
|
||||
</html>
|
||||
BIN
engagement/twitter-card.png
Normal file
BIN
engagement/twitter-card.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 486 KiB |
93
frauen/css/style-plan.css
Normal file
93
frauen/css/style-plan.css
Normal file
@ -0,0 +1,93 @@
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: "Myriad Pro", "Lucida Grande", "Trebuchet MS", sans-serif;
|
||||
color: #202020;
|
||||
padding: 2rem;
|
||||
background:
|
||||
url(../images/square_bg.png) repeat top left,
|
||||
url(../images/logo_transparent.png) no-repeat calc(100vw - 200px) 30px;
|
||||
background-size: auto, 150px 150px;
|
||||
}
|
||||
|
||||
header, main, footer {
|
||||
box-sizing: border-box;
|
||||
margin: 0 auto;
|
||||
width: 750px;
|
||||
max-width: calc(100vw-2rem);
|
||||
}
|
||||
|
||||
main {
|
||||
margin-top: 2rem;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2 {
|
||||
padding-bottom: .5rem;
|
||||
}
|
||||
|
||||
h2 {
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
a:link,
|
||||
a:visited,
|
||||
a:active,
|
||||
a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:link,
|
||||
a:visited,
|
||||
a:active,
|
||||
a:hover {
|
||||
color: rgb(41, 125, 207);
|
||||
transition: color .2s;
|
||||
}
|
||||
|
||||
table {
|
||||
cellpadding: .5rem;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
table tr:not(:last-of-type) {
|
||||
border-bottom: 1px solid gray;
|
||||
}
|
||||
|
||||
table th {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
table td.first-row {
|
||||
width: 180px;
|
||||
}
|
||||
|
||||
table th, table td {
|
||||
vertical-align: top;
|
||||
padding: .5rem .2rem;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1100px) {
|
||||
body {
|
||||
background: url(../images/square_bg.png) repeat top left;
|
||||
}
|
||||
|
||||
main, header, footer {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
max-width: calc(100vw - 4rem);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 530px) {
|
||||
body {
|
||||
padding: 1rem;
|
||||
}
|
||||
}
|
||||
120
frauen/css/style.css
Normal file
120
frauen/css/style.css
Normal file
@ -0,0 +1,120 @@
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
display: grid;
|
||||
grid-template-rows: auto 1fr auto;
|
||||
height: 100vh;
|
||||
padding: 2rem;
|
||||
font-family:"Myriad Pro", "Lucida Grande", "Trebuchet MS", sans-serif;
|
||||
color: #202020;
|
||||
background:
|
||||
url(../images/square_bg.png) repeat top left,
|
||||
url(../images/logo_transparent.png) no-repeat calc(100vw - 200px) 30px;
|
||||
background-size: auto, 150px 150px;
|
||||
}
|
||||
|
||||
h1, h2 {
|
||||
padding-bottom: .5rem;
|
||||
}
|
||||
|
||||
main ul {
|
||||
display: grid;
|
||||
margin: 2rem 0;
|
||||
height: calc(100% - 4rem);
|
||||
grid-template-rows: repeat(4, 1fr);
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
grid-gap: 4px;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
main ul li a {
|
||||
--baseHue: 213;
|
||||
--altHue: 199;
|
||||
|
||||
--hue: var(--baseHue);
|
||||
--sat: 100%;
|
||||
--lum: 67%;
|
||||
--alpha: .4;
|
||||
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 1.5rem;
|
||||
background-color: hsla(var(--hue), var(--sat), var(--lum), var(--alpha));
|
||||
transition: background-color .2s ease-in-out;
|
||||
}
|
||||
|
||||
main ul li:nth-of-type(2n) a {
|
||||
--hue: var(--altHue);
|
||||
}
|
||||
|
||||
main ul li a:hover {
|
||||
--alpha: .2;
|
||||
}
|
||||
|
||||
main a:link,
|
||||
main a:visited,
|
||||
main a:active,
|
||||
main a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:link,
|
||||
a:visited,
|
||||
a:active,
|
||||
a:hover {
|
||||
color: rgb(15, 15, 15);
|
||||
transition: color .2s;
|
||||
}
|
||||
|
||||
.without-english-version {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 850px) {
|
||||
body {
|
||||
background: url(../images/square_bg.png) repeat top left;
|
||||
}
|
||||
|
||||
main ul {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
|
||||
main ul li:nth-of-type(2n) a {
|
||||
--hue: var(--baseHue)
|
||||
}
|
||||
|
||||
main ul li:nth-of-type(4n + 1) a,
|
||||
main ul li:nth-of-type(4n + 4) a {
|
||||
--hue: var(--altHue)
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 530px) {
|
||||
body {
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
main ul {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
main ul li:nth-of-type(4n + 1) a,
|
||||
main ul li:nth-of-type(4n + 4) a {
|
||||
--hue: var(--baseHue)
|
||||
}
|
||||
|
||||
main ul li:nth-of-type(2n) a {
|
||||
--hue: var(--altHue)
|
||||
}
|
||||
|
||||
main ul li a {
|
||||
padding: 1rem;
|
||||
}
|
||||
}
|
||||
52
frauen/index.html
Normal file
52
frauen/index.html
Normal file
@ -0,0 +1,52 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<title>WIAI-Frauenstammtisch</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
|
||||
|
||||
<!-- Open Graph (Facebook) >
|
||||
<meta property="og:title" content="WIAI-Fachschaftssitzung – Jetzt teilnehmen!"/>
|
||||
<meta property="og:description" content="Wir besprechen wöchentlich die aktuellen Entwicklungen an der Fakultät. Sei auch du dabei!"/>
|
||||
<meta property="og:url" content="http://wiai.de/sitzung"/>
|
||||
<meta property="og:image" content="twitter-card.png"/>
|
||||
<meta property="og:image:width" content="1200"/>
|
||||
<meta property="og:image:height" content="630"/> -->
|
||||
|
||||
<!-- Twitter Cards >
|
||||
<meta name="twitter:title" content="WIAI-Fachschaftssitzung – Jetzt teilnehmen!">
|
||||
<meta name="twitter:description" content="Wir besprechen wöchentlich die aktuellen Entwicklungen an der Fakultät. Sei auch du dabei!">
|
||||
<meta name="twitter:image" content="twitter-card.png">
|
||||
<meta name="twitter:site" contents="@FachschaftWIAI"
|
||||
<meta name="twitter:card" content="summary_large_image"> -->
|
||||
</head>
|
||||
<style>
|
||||
body {
|
||||
height: 100vh;
|
||||
width: 100vw;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-family: "Myriad Pro", "Lucida Grande", "Trebuchet MS", sans-serif;
|
||||
background: url(./images/square_bg.png) repeat top left;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-top: 2rem;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<script>
|
||||
let redirectLocation =
|
||||
`https://teams.microsoft.com/l/team/19%3Ab045504007d84ac1936dc14dd5547895%40thread.tacv2/conversations?groupId=6a76c331-c444-4a2b-a3bf-0c0daa3e6b17&tenantId=4f18ddfc-c31f-4597-afda-fa5a760bf3cf`;
|
||||
window.location.replace(redirectLocation);
|
||||
</script>
|
||||
<img src="https://files.stuve-bamberg.de/logo_transparent.png" width="200px"/>
|
||||
<noscript><p>Diese Seite funktioniert ggf. nur mit JavaScript.</p></noscript>
|
||||
<!--p>Sie werden in Kürze weitergeleitet.</p-->
|
||||
<p>There ain't no nothing here.</p>
|
||||
</body>
|
||||
</html>
|
||||
BIN
frauen/twitter-card.png
Normal file
BIN
frauen/twitter-card.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 486 KiB |
93
hello/css/style-plan.css
Normal file
93
hello/css/style-plan.css
Normal file
@ -0,0 +1,93 @@
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: "Myriad Pro", "Lucida Grande", "Trebuchet MS", sans-serif;
|
||||
color: #202020;
|
||||
padding: 2rem;
|
||||
background:
|
||||
url(../images/square_bg.png) repeat top left,
|
||||
url(../images/logo_transparent.png) no-repeat calc(100vw - 200px) 30px;
|
||||
background-size: auto, 150px 150px;
|
||||
}
|
||||
|
||||
header, main, footer {
|
||||
box-sizing: border-box;
|
||||
margin: 0 auto;
|
||||
width: 750px;
|
||||
max-width: calc(100vw-2rem);
|
||||
}
|
||||
|
||||
main {
|
||||
margin-top: 2rem;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2 {
|
||||
padding-bottom: .5rem;
|
||||
}
|
||||
|
||||
h2 {
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
a:link,
|
||||
a:visited,
|
||||
a:active,
|
||||
a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:link,
|
||||
a:visited,
|
||||
a:active,
|
||||
a:hover {
|
||||
color: rgb(41, 125, 207);
|
||||
transition: color .2s;
|
||||
}
|
||||
|
||||
table {
|
||||
cellpadding: .5rem;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
table tr:not(:last-of-type) {
|
||||
border-bottom: 1px solid gray;
|
||||
}
|
||||
|
||||
table th {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
table td.first-row {
|
||||
width: 180px;
|
||||
}
|
||||
|
||||
table th, table td {
|
||||
vertical-align: top;
|
||||
padding: .5rem .2rem;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1100px) {
|
||||
body {
|
||||
background: url(../images/square_bg.png) repeat top left;
|
||||
}
|
||||
|
||||
main, header, footer {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
max-width: calc(100vw - 4rem);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 530px) {
|
||||
body {
|
||||
padding: 1rem;
|
||||
}
|
||||
}
|
||||
120
hello/css/style.css
Normal file
120
hello/css/style.css
Normal file
@ -0,0 +1,120 @@
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
display: grid;
|
||||
grid-template-rows: auto 1fr auto;
|
||||
height: 100vh;
|
||||
padding: 2rem;
|
||||
font-family:"Myriad Pro", "Lucida Grande", "Trebuchet MS", sans-serif;
|
||||
color: #202020;
|
||||
background:
|
||||
url(../images/square_bg.png) repeat top left,
|
||||
url(../images/logo_transparent.png) no-repeat calc(100vw - 200px) 30px;
|
||||
background-size: auto, 150px 150px;
|
||||
}
|
||||
|
||||
h1, h2 {
|
||||
padding-bottom: .5rem;
|
||||
}
|
||||
|
||||
main ul {
|
||||
display: grid;
|
||||
margin: 2rem 0;
|
||||
height: calc(100% - 4rem);
|
||||
grid-template-rows: repeat(4, 1fr);
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
grid-gap: 4px;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
main ul li a {
|
||||
--baseHue: 213;
|
||||
--altHue: 199;
|
||||
|
||||
--hue: var(--baseHue);
|
||||
--sat: 100%;
|
||||
--lum: 67%;
|
||||
--alpha: .4;
|
||||
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 1.5rem;
|
||||
background-color: hsla(var(--hue), var(--sat), var(--lum), var(--alpha));
|
||||
transition: background-color .2s ease-in-out;
|
||||
}
|
||||
|
||||
main ul li:nth-of-type(2n) a {
|
||||
--hue: var(--altHue);
|
||||
}
|
||||
|
||||
main ul li a:hover {
|
||||
--alpha: .2;
|
||||
}
|
||||
|
||||
main a:link,
|
||||
main a:visited,
|
||||
main a:active,
|
||||
main a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:link,
|
||||
a:visited,
|
||||
a:active,
|
||||
a:hover {
|
||||
color: rgb(15, 15, 15);
|
||||
transition: color .2s;
|
||||
}
|
||||
|
||||
.without-english-version {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 850px) {
|
||||
body {
|
||||
background: url(../images/square_bg.png) repeat top left;
|
||||
}
|
||||
|
||||
main ul {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
|
||||
main ul li:nth-of-type(2n) a {
|
||||
--hue: var(--baseHue)
|
||||
}
|
||||
|
||||
main ul li:nth-of-type(4n + 1) a,
|
||||
main ul li:nth-of-type(4n + 4) a {
|
||||
--hue: var(--altHue)
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 530px) {
|
||||
body {
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
main ul {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
main ul li:nth-of-type(4n + 1) a,
|
||||
main ul li:nth-of-type(4n + 4) a {
|
||||
--hue: var(--baseHue)
|
||||
}
|
||||
|
||||
main ul li:nth-of-type(2n) a {
|
||||
--hue: var(--altHue)
|
||||
}
|
||||
|
||||
main ul li a {
|
||||
padding: 1rem;
|
||||
}
|
||||
}
|
||||
49
hello/index.html
Normal file
49
hello/index.html
Normal file
@ -0,0 +1,49 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<title>Weiterleitung</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
|
||||
</head>
|
||||
<style>
|
||||
body {
|
||||
height: 100vh;
|
||||
width: 100vw;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-family: "Myriad Pro", "Lucida Grande", "Trebuchet MS", sans-serif;
|
||||
background: url(./images/square_bg.png) repeat top left;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-top: 2rem;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<script>
|
||||
function getNextDayOfWeek(dayOfWeek) {
|
||||
// reference: https://codereview.stackexchange.com/questions/33527/find-next-occurring-friday-or-any-dayofweek
|
||||
var date = new Date();
|
||||
date.setDate(date.getDate() + (7 + dayOfWeek - date.getDay()) % 7);
|
||||
return date;
|
||||
}
|
||||
|
||||
// TODO: If the meeting does not happen on Tuesday, change 2 to whatever weekday we need.
|
||||
let date = getNextDayOfWeek(2);
|
||||
let year = date.getFullYear();
|
||||
let month = date.getMonth() > 8 ? (date.getMonth()+1) : '0' + (date.getMonth()+1);
|
||||
let day = date.getDate() > 9 ? date.getDate() : '0' + date.getDate();
|
||||
let redirectLocation = `https://hackmd.stuve-bamberg.de/sitzung${year}${month}${day}?both`;
|
||||
// let redirectLocation = `https://hackmd.stuve-bamberg.de/sitzung20230110`;
|
||||
window.location.replace(redirectLocation);
|
||||
</script>
|
||||
<img src="https://files.stuve-bamberg.de/logo_transparent.png" width="200px"/>
|
||||
<noscript><p>Diese Seite funktioniert ggf. nur mit JavaScript.</p></noscript>
|
||||
<!--p>Sie werden in Kürze weitergeleitet.</p-->
|
||||
<p>There ain't no nothing here.</p>
|
||||
</body>
|
||||
</html>
|
||||
49
hello/index.html.save
Normal file
49
hello/index.html.save
Normal file
@ -0,0 +1,49 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<title>Weiterleitung</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
|
||||
</head>
|
||||
<style>
|
||||
body {
|
||||
height: 100vh;
|
||||
width: 100vw;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-family: "Myriad Pro", "Lucida Grande", "Trebuchet MS", sans-serif;
|
||||
background: url(./images/square_bg.png) repeat top left;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-top: 2rem;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<script>
|
||||
function getNextDayOfWeek(dayOfWeek) {
|
||||
// reference: https://codereview.stackexchange.com/questions/33527/find-next-occurring-friday-or-any-dayofweek
|
||||
var date = new Date();
|
||||
date.setDate(date.getDate() + (7 + dayOfWeek - date.getDay()) % 7);
|
||||
return date;
|
||||
}
|
||||
|
||||
// TODO: If the meeting does not happen on Tuesday, change 2 to whatever weekday we need.
|
||||
let date = getNextDayOfWeek(3);
|
||||
let year = date.getFullYear();
|
||||
let month = date.getMonth() > 8 ? (date.getMonth()+1) : '0' + (date.getMonth()+1);
|
||||
let day = date.getDate() > 9 ? date.getDate() : '0' + date.getDate();
|
||||
let redirectLocation = `https://hackmd.stuve-bamberg.de/sitzung${year}${month}${day}?both`;
|
||||
/////let redirectLocation = `https://hackmd.stuve-bamberg.de/sitzung20230110`;
|
||||
window.location.replace(redirectLocation);
|
||||
</script>//
|
||||
<img src="https://files.stuve-bamberg.de/logo_transparent.png" width="200px"/>
|
||||
<noscript><p>Diese Seite funktioniert ggf. nur mit JavaScript.</p></noscript>
|
||||
<!--p>Sie werden in Kürze weitergeleitet.</p-->
|
||||
<p>There ain't no nothing here.</p>
|
||||
</body>
|
||||
</html>
|
||||
93
home/css/style-plan.css
Normal file
93
home/css/style-plan.css
Normal file
@ -0,0 +1,93 @@
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: "Myriad Pro", "Lucida Grande", "Trebuchet MS", sans-serif;
|
||||
color: #202020;
|
||||
padding: 2rem;
|
||||
background:
|
||||
url(../images/square_bg.png) repeat top left,
|
||||
url(../images/logo_transparent.png) no-repeat calc(100vw - 200px) 30px;
|
||||
background-size: auto, 150px 150px;
|
||||
}
|
||||
|
||||
header, main, footer {
|
||||
box-sizing: border-box;
|
||||
margin: 0 auto;
|
||||
width: 750px;
|
||||
max-width: calc(100vw-2rem);
|
||||
}
|
||||
|
||||
main {
|
||||
margin-top: 2rem;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2 {
|
||||
padding-bottom: .5rem;
|
||||
}
|
||||
|
||||
h2 {
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
a:link,
|
||||
a:visited,
|
||||
a:active,
|
||||
a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:link,
|
||||
a:visited,
|
||||
a:active,
|
||||
a:hover {
|
||||
color: rgb(41, 125, 207);
|
||||
transition: color .2s;
|
||||
}
|
||||
|
||||
table {
|
||||
cellpadding: .5rem;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
table tr:not(:last-of-type) {
|
||||
border-bottom: 1px solid gray;
|
||||
}
|
||||
|
||||
table th {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
table td.first-row {
|
||||
width: 180px;
|
||||
}
|
||||
|
||||
table th, table td {
|
||||
vertical-align: top;
|
||||
padding: .5rem .2rem;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1100px) {
|
||||
body {
|
||||
background: url(../images/square_bg.png) repeat top left;
|
||||
}
|
||||
|
||||
main, header, footer {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
max-width: calc(100vw - 4rem);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 530px) {
|
||||
body {
|
||||
padding: 1rem;
|
||||
}
|
||||
}
|
||||
120
home/css/style.css
Normal file
120
home/css/style.css
Normal file
@ -0,0 +1,120 @@
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
display: grid;
|
||||
grid-template-rows: auto 1fr auto;
|
||||
height: 100vh;
|
||||
padding: 2rem;
|
||||
font-family:"Myriad Pro", "Lucida Grande", "Trebuchet MS", sans-serif;
|
||||
color: #202020;
|
||||
background:
|
||||
url(../images/square_bg.png) repeat top left,
|
||||
url(../images/logo_transparent.png) no-repeat calc(100vw - 200px) 30px;
|
||||
background-size: auto, 150px 150px;
|
||||
}
|
||||
|
||||
h1, h2 {
|
||||
padding-bottom: .5rem;
|
||||
}
|
||||
|
||||
main ul {
|
||||
display: grid;
|
||||
margin: 2rem 0;
|
||||
height: calc(100% - 4rem);
|
||||
grid-template-rows: repeat(4, 1fr);
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
grid-gap: 4px;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
main ul li a {
|
||||
--baseHue: 213;
|
||||
--altHue: 199;
|
||||
|
||||
--hue: var(--baseHue);
|
||||
--sat: 100%;
|
||||
--lum: 67%;
|
||||
--alpha: .4;
|
||||
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 1.5rem;
|
||||
background-color: hsla(var(--hue), var(--sat), var(--lum), var(--alpha));
|
||||
transition: background-color .2s ease-in-out;
|
||||
}
|
||||
|
||||
main ul li:nth-of-type(2n) a {
|
||||
--hue: var(--altHue);
|
||||
}
|
||||
|
||||
main ul li a:hover {
|
||||
--alpha: .2;
|
||||
}
|
||||
|
||||
main a:link,
|
||||
main a:visited,
|
||||
main a:active,
|
||||
main a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:link,
|
||||
a:visited,
|
||||
a:active,
|
||||
a:hover {
|
||||
color: rgb(15, 15, 15);
|
||||
transition: color .2s;
|
||||
}
|
||||
|
||||
.without-english-version {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 850px) {
|
||||
body {
|
||||
background: url(../images/square_bg.png) repeat top left;
|
||||
}
|
||||
|
||||
main ul {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
|
||||
main ul li:nth-of-type(2n) a {
|
||||
--hue: var(--baseHue)
|
||||
}
|
||||
|
||||
main ul li:nth-of-type(4n + 1) a,
|
||||
main ul li:nth-of-type(4n + 4) a {
|
||||
--hue: var(--altHue)
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 530px) {
|
||||
body {
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
main ul {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
main ul li:nth-of-type(4n + 1) a,
|
||||
main ul li:nth-of-type(4n + 4) a {
|
||||
--hue: var(--baseHue)
|
||||
}
|
||||
|
||||
main ul li:nth-of-type(2n) a {
|
||||
--hue: var(--altHue)
|
||||
}
|
||||
|
||||
main ul li a {
|
||||
padding: 1rem;
|
||||
}
|
||||
}
|
||||
51
home/index.html
Normal file
51
home/index.html
Normal file
@ -0,0 +1,51 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<title>Unser Zuhause</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
|
||||
|
||||
<!-- Open Graph (Facebook) >
|
||||
<meta property="og:title" content="WIAI-Fachschaftssitzung – Jetzt teilnehmen!"/>
|
||||
<meta property="og:description" content="Wir besprechen wöchentlich die aktuellen Entwicklungen an der Fakultät. Sei auch du dabei!"/>
|
||||
<meta property="og:url" content="http://wiai.de/sitzung"/>
|
||||
<meta property="og:image" content="twitter-card.png"/>
|
||||
<meta property="og:image:width" content="1200"/>
|
||||
<meta property="og:image:height" content="630"/> -->
|
||||
|
||||
<!-- Twitter Cards >
|
||||
<meta name="twitter:title" content="WIAI-Fachschaftssitzung – Jetzt teilnehmen!">
|
||||
<meta name="twitter:description" content="Wir besprechen wöchentlich die aktuellen Entwicklungen an der Fakultät. Sei auch du dabei!">
|
||||
<meta name="twitter:image" content="twitter-card.png">
|
||||
<meta name="twitter:site" contents="@FachschaftWIAI"
|
||||
<meta name="twitter:card" content="summary_large_image"> -->
|
||||
</head>
|
||||
<style>
|
||||
body {
|
||||
height: 100vh;
|
||||
width: 100vw;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-family: "Myriad Pro", "Lucida Grande", "Trebuchet MS", sans-serif;
|
||||
background: url(./images/square_bg.png) repeat top left;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-top: 2rem;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<script>
|
||||
let redirectLocation = `https://play.adventure.uni-bamberg.de/_/global/maps.adventure.uni-bamberg.de/wiai-home/erba_inner_yard.json`;
|
||||
window.location.replace('https://play.adventure.uni-bamberg.de/_/global/maps.adventure.uni-bamberg.de/wiai-home/erba_basement_right.json#entry_dependable_ai');
|
||||
</script>
|
||||
<img src="https://files.stuve-bamberg.de/logo_transparent.png" width="200px"/>
|
||||
<noscript><p>Diese Seite funktioniert ggf. nur mit JavaScript.</p></noscript>
|
||||
<!--p>Sie werden in Kürze weitergeleitet.</p-->
|
||||
<p>There ain't no nothing here.</p>
|
||||
</body>
|
||||
</html>
|
||||
BIN
home/twitter-card.png
Normal file
BIN
home/twitter-card.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 486 KiB |
@ -4,7 +4,7 @@
|
||||
<title>Weiterleitung</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="refresh" content="0; url=https://stuve-bamberg.de/shortlinks"/>
|
||||
<meta http-equiv="refresh" content="0; url=https://survey.stuve-bamberg.de/index.php/511525?lang=de"/>
|
||||
|
||||
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
|
||||
</head>
|
||||
@ -27,7 +27,7 @@
|
||||
</style>
|
||||
<body>
|
||||
<img src="https://wiai.stuve-bamberg.de/eet/images/logo_transparent.png" width="200px"/>
|
||||
<p>You will be redirected immediately. If not, use <a
|
||||
href="https://stuve-bamberg.de/shortlinks">this link</a>.</p>
|
||||
<p>Sie werden in Kürze weitergeleitet. Nutzen Sie andernfalls <a
|
||||
href="https://survey.stuve-bamberg.de/index.php/511525?lang=de">diesen Link</a>.</p>
|
||||
</body>
|
||||
</html>
|
||||
93
latex-feedback/css/style-plan.css
Normal file
93
latex-feedback/css/style-plan.css
Normal file
@ -0,0 +1,93 @@
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: "Myriad Pro", "Lucida Grande", "Trebuchet MS", sans-serif;
|
||||
color: #202020;
|
||||
padding: 2rem;
|
||||
background:
|
||||
url(../images/square_bg.png) repeat top left,
|
||||
url(../images/logo_transparent.png) no-repeat calc(100vw - 200px) 30px;
|
||||
background-size: auto, 150px 150px;
|
||||
}
|
||||
|
||||
header, main, footer {
|
||||
box-sizing: border-box;
|
||||
margin: 0 auto;
|
||||
width: 750px;
|
||||
max-width: calc(100vw-2rem);
|
||||
}
|
||||
|
||||
main {
|
||||
margin-top: 2rem;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2 {
|
||||
padding-bottom: .5rem;
|
||||
}
|
||||
|
||||
h2 {
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
a:link,
|
||||
a:visited,
|
||||
a:active,
|
||||
a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:link,
|
||||
a:visited,
|
||||
a:active,
|
||||
a:hover {
|
||||
color: rgb(41, 125, 207);
|
||||
transition: color .2s;
|
||||
}
|
||||
|
||||
table {
|
||||
cellpadding: .5rem;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
table tr:not(:last-of-type) {
|
||||
border-bottom: 1px solid gray;
|
||||
}
|
||||
|
||||
table th {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
table td.first-row {
|
||||
width: 180px;
|
||||
}
|
||||
|
||||
table th, table td {
|
||||
vertical-align: top;
|
||||
padding: .5rem .2rem;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1100px) {
|
||||
body {
|
||||
background: url(../images/square_bg.png) repeat top left;
|
||||
}
|
||||
|
||||
main, header, footer {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
max-width: calc(100vw - 4rem);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 530px) {
|
||||
body {
|
||||
padding: 1rem;
|
||||
}
|
||||
}
|
||||
120
latex-feedback/css/style.css
Normal file
120
latex-feedback/css/style.css
Normal file
@ -0,0 +1,120 @@
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
display: grid;
|
||||
grid-template-rows: auto 1fr auto;
|
||||
height: 100vh;
|
||||
padding: 2rem;
|
||||
font-family:"Myriad Pro", "Lucida Grande", "Trebuchet MS", sans-serif;
|
||||
color: #202020;
|
||||
background:
|
||||
url(../images/square_bg.png) repeat top left,
|
||||
url(../images/logo_transparent.png) no-repeat calc(100vw - 200px) 30px;
|
||||
background-size: auto, 150px 150px;
|
||||
}
|
||||
|
||||
h1, h2 {
|
||||
padding-bottom: .5rem;
|
||||
}
|
||||
|
||||
main ul {
|
||||
display: grid;
|
||||
margin: 2rem 0;
|
||||
height: calc(100% - 4rem);
|
||||
grid-template-rows: repeat(4, 1fr);
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
grid-gap: 4px;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
main ul li a {
|
||||
--baseHue: 213;
|
||||
--altHue: 199;
|
||||
|
||||
--hue: var(--baseHue);
|
||||
--sat: 100%;
|
||||
--lum: 67%;
|
||||
--alpha: .4;
|
||||
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 1.5rem;
|
||||
background-color: hsla(var(--hue), var(--sat), var(--lum), var(--alpha));
|
||||
transition: background-color .2s ease-in-out;
|
||||
}
|
||||
|
||||
main ul li:nth-of-type(2n) a {
|
||||
--hue: var(--altHue);
|
||||
}
|
||||
|
||||
main ul li a:hover {
|
||||
--alpha: .2;
|
||||
}
|
||||
|
||||
main a:link,
|
||||
main a:visited,
|
||||
main a:active,
|
||||
main a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:link,
|
||||
a:visited,
|
||||
a:active,
|
||||
a:hover {
|
||||
color: rgb(15, 15, 15);
|
||||
transition: color .2s;
|
||||
}
|
||||
|
||||
.without-english-version {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 850px) {
|
||||
body {
|
||||
background: url(../images/square_bg.png) repeat top left;
|
||||
}
|
||||
|
||||
main ul {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
|
||||
main ul li:nth-of-type(2n) a {
|
||||
--hue: var(--baseHue)
|
||||
}
|
||||
|
||||
main ul li:nth-of-type(4n + 1) a,
|
||||
main ul li:nth-of-type(4n + 4) a {
|
||||
--hue: var(--altHue)
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 530px) {
|
||||
body {
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
main ul {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
main ul li:nth-of-type(4n + 1) a,
|
||||
main ul li:nth-of-type(4n + 4) a {
|
||||
--hue: var(--baseHue)
|
||||
}
|
||||
|
||||
main ul li:nth-of-type(2n) a {
|
||||
--hue: var(--altHue)
|
||||
}
|
||||
|
||||
main ul li a {
|
||||
padding: 1rem;
|
||||
}
|
||||
}
|
||||
51
latex-feedback/index.html
Normal file
51
latex-feedback/index.html
Normal file
@ -0,0 +1,51 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<title>WIAI-Fachschaftssitzung – Jetzt teilnehmen!</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
|
||||
|
||||
<!-- Open Graph (Facebook)>
|
||||
<meta property="og:title" content="WIAI-Fachschaftssitzung – Jetzt teilnehmen!"/>
|
||||
<meta property="og:description" content="Wir besprechen wöchentlich die aktuellen Entwicklungen an der Fakultät. Sei auch du dabei!"/>
|
||||
<meta property="og:url" content="http://wiai.de/sitzung"/>
|
||||
<meta property="og:image" content="twitter-card.png"/>
|
||||
<meta property="og:image:width" content="1200"/>
|
||||
<meta property="og:image:height" content="630"/-->
|
||||
|
||||
<!-- Twitter Cards>
|
||||
<meta name="twitter:title" content="WIAI-Fachschaftssitzung – Jetzt teilnehmen!">
|
||||
<meta name="twitter:description" content="Wir besprechen wöchentlich die aktuellen Entwicklungen an der Fakultät. Sei auch du dabei!">
|
||||
<meta name="twitter:image" content="twitter-card.png">
|
||||
<meta name="twitter:site" contents="@FachschaftWIAI"
|
||||
<meta name="twitter:card" content="summary_large_image"-->
|
||||
</head>
|
||||
<style>
|
||||
body {
|
||||
height: 100vh;
|
||||
width: 100vw;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-family: "Myriad Pro", "Lucida Grande", "Trebuchet MS", sans-serif;
|
||||
background: url(./images/square_bg.png) repeat top left;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-top: 2rem;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<script>
|
||||
let redirectLocation = `https://hackmd.stuve-bamberg.de/2022-sommer-latex-feedback?both`;
|
||||
window.location.replace(redirectLocation);
|
||||
</script>
|
||||
<img src="https://files.stuve-bamberg.de/logo_transparent.png" width="200px"/>
|
||||
<noscript><p>Diese Seite funktioniert ggf. nur mit JavaScript.</p></noscript>
|
||||
<!--p>Sie werden in Kürze weitergeleitet.</p-->
|
||||
<p>There ain't no nothing here.</p>
|
||||
</body>
|
||||
</html>
|
||||
BIN
latex-feedback/twitter-card.png
Normal file
BIN
latex-feedback/twitter-card.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 486 KiB |
693
latex-weekend-sose-2021/css/latex.css
Normal file
693
latex-weekend-sose-2021/css/latex.css
Normal file
@ -0,0 +1,693 @@
|
||||
@charset "UTF-8";
|
||||
/* tame reveal.js */
|
||||
section {
|
||||
min-height: 100vh;
|
||||
width: 100vw;
|
||||
padding: 0 !important; }
|
||||
|
||||
* {
|
||||
line-height: inherit; }
|
||||
|
||||
input {
|
||||
font-size: inherit; }
|
||||
|
||||
/* config */
|
||||
:root {
|
||||
--primary: #f8f281;
|
||||
--primary-dark: #928c1b;
|
||||
--secondary: #bbd6ec;
|
||||
--secondary-dark: #3f5d75;
|
||||
--secondary-light: #eaf2f9;
|
||||
--margin: 0.1; }
|
||||
:root:lang(de) {
|
||||
--opening-double-quote: '»';
|
||||
--closing-double-quote: '«'; }
|
||||
:root:lang(en) {
|
||||
--opening-double-quote: '“';
|
||||
--closing-double-quote: '”'; }
|
||||
|
||||
/* basic layout */
|
||||
:root {
|
||||
--square: 100vw;
|
||||
overflow: hidden; }
|
||||
@media (min-aspect-ratio: 1 / 1) {
|
||||
:root {
|
||||
--square: 50vw; } }
|
||||
@media (min-aspect-ratio: 2 / 1) {
|
||||
:root {
|
||||
--square: 100vh; } }
|
||||
|
||||
body {
|
||||
font-size: calc(0.035 * var(--square)); }
|
||||
body article {
|
||||
position: relative; }
|
||||
body .layout-content-and-preview,
|
||||
body .layout-content-only,
|
||||
body .layout-preview-only,
|
||||
body .layout-wide-content {
|
||||
display: grid;
|
||||
min-height: 100vh;
|
||||
max-height: 100vh;
|
||||
min-width: 100vw;
|
||||
max-width: 100vw;
|
||||
overflow: auto; }
|
||||
body .layout-content-and-preview {
|
||||
grid-template-rows: var(--square) auto;
|
||||
grid-template-columns: auto;
|
||||
grid-template-areas: "content" "preview";
|
||||
background: linear-gradient(to bottom, white 0%, white var(--square), var(--secondary) var(--square), var(--secondary) var(--square)); }
|
||||
@media (min-aspect-ratio: 1 / 1) {
|
||||
body .layout-content-and-preview {
|
||||
grid-template-rows: auto var(--square) auto;
|
||||
grid-template-columns: var(--square) auto;
|
||||
grid-template-areas: " . preview" "content preview" " . preview";
|
||||
background: linear-gradient(to right, white 0%, white var(--square), var(--secondary) var(--square), var(--secondary) 100%); } }
|
||||
@media (min-aspect-ratio: 2 / 1) {
|
||||
body .layout-content-and-preview {
|
||||
grid-template-rows: var(--square);
|
||||
grid-template-columns: var(--square) auto;
|
||||
grid-template-areas: "content preview"; } }
|
||||
body .layout-content-only {
|
||||
grid-template-rows: var(--square) auto;
|
||||
grid-template-columns: var(--square);
|
||||
grid-template-areas: "content" " . ";
|
||||
background: linear-gradient(to bottom, white 0%, white var(--square), var(--secondary) var(--square), var(--secondary) 100%); }
|
||||
@media (min-aspect-ratio: 1 / 1) {
|
||||
body .layout-content-only {
|
||||
grid-template-rows: auto var(--square) auto;
|
||||
grid-template-columns: auto var(--square) auto;
|
||||
grid-template-areas: ". . ." ". content ." ". . .";
|
||||
background: linear-gradient(to right, var(--secondary) 0%, var(--secondary) calc((100% - var(--square)) / 2), white calc((100% - var(--square)) / 2), white calc(100% - (100% - var(--square)) / 2), var(--secondary) calc(100% - (100% - var(--square)) / 2), var(--secondary) 100%); } }
|
||||
body .layout-preview-only {
|
||||
grid-template-rows: auto;
|
||||
grid-template-columns: auto;
|
||||
grid-template-areas: "preview";
|
||||
background: var(--secondary); }
|
||||
body .layout-wide-content {
|
||||
background: white;
|
||||
grid-template-rows: min-content auto;
|
||||
grid-template-columns: var(--square);
|
||||
grid-template-areas: "content" " . "; }
|
||||
@media (min-aspect-ratio: 1 / 1) {
|
||||
body .layout-wide-content {
|
||||
grid-template-rows: auto var(--square) auto;
|
||||
grid-template-columns: calc(2 * var(--square));
|
||||
grid-template-areas: " . " "content" " . "; } }
|
||||
@media (min-aspect-ratio: 2 / 1) {
|
||||
body .layout-wide-content {
|
||||
grid-template-rows: auto var(--square) auto;
|
||||
grid-template-columns: auto calc(2 * var(--square)) auto;
|
||||
grid-template-areas: ". . ." ". content ." ". . .";
|
||||
background: linear-gradient(to right, var(--secondary) 0%, var(--secondary) calc((100% - 2 * var(--square)) / 2), white calc((100% - 2 * var(--square)) / 2), white calc(100% - (100% - 2 * var(--square)) / 2), var(--secondary) calc(100% - (100% - 2 * var(--square)) / 2), var(--secondary) 100%); } }
|
||||
body .layout-content {
|
||||
background: white;
|
||||
grid-area: content;
|
||||
position: relative; }
|
||||
body .layout-content.titlepage {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-end;
|
||||
padding-bottom: calc(var(--margin) * var(--square) + 0.5 * 3em); }
|
||||
body .layout-content.titlepage::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: calc(var(--margin) * var(--square));
|
||||
right: calc(var(--margin) * var(--square));
|
||||
width: calc(.3 * var(--square));
|
||||
height: calc(.3 * var(--square));
|
||||
background-image: url(../images/logo-fachschaft.png);
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain; }
|
||||
body .layout-preview {
|
||||
grid-area: preview;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: var(--secondary);
|
||||
position: relative; }
|
||||
body .layout-preview figure {
|
||||
display: contents; }
|
||||
body .layout-preview img {
|
||||
width: auto;
|
||||
height: auto;
|
||||
max-width: calc(.9 * var(--square));
|
||||
max-height: calc(.9 * var(--square));
|
||||
box-shadow: 0.2em 0.2em 0.5em 0 rgba(0, 0, 0, 0.3);
|
||||
object-fit: cover;
|
||||
margin: calc(.05 * var(--square));
|
||||
background-color: white;
|
||||
box-sizing: border-box; }
|
||||
body .layout-preview img.thin-padding {
|
||||
padding: .5em; }
|
||||
body .layout-preview img.large {
|
||||
width: 60%;
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
box-sizing: border-box; }
|
||||
body .layout-preview img[src$="-crop.svg"] {
|
||||
padding: calc(var(--margin) * var(--square));
|
||||
object-fit: contain;
|
||||
width: calc(0.9 * var(--square)); }
|
||||
body .layout-preview img[src$="-crop.svg"].thin-padding {
|
||||
padding: calc(.35 * var(--margin) * var(--square)); }
|
||||
body .layout-preview img[src$="-orig.svg"] {
|
||||
background: white;
|
||||
object-fit: contain; }
|
||||
body .layout-preview figcaption {
|
||||
position: absolute;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: white;
|
||||
padding: .5em;
|
||||
box-sizing: border-box; }
|
||||
body .layout-two-columns {
|
||||
display: grid;
|
||||
min-height: 100vh;
|
||||
max-height: 100vh;
|
||||
min-width: 100vw;
|
||||
max-width: 100vw;
|
||||
overflow: auto;
|
||||
grid-template-rows: auto auto auto 1fr;
|
||||
grid-template-columns: var(--square);
|
||||
grid-template-areas: "title" "column1" "column2" ".";
|
||||
background: var(--secondary); }
|
||||
@media (min-aspect-ratio: 1 / 1) {
|
||||
body .layout-two-columns {
|
||||
grid-template-rows: auto calc(0.18 * var(--square)) calc(0.82 * var(--square)) auto;
|
||||
grid-template-columns: var(--square) var(--square);
|
||||
grid-template-areas: " . . " " title title " "column1 column2" " . . "; } }
|
||||
@media (min-aspect-ratio: 2 / 1) {
|
||||
body .layout-two-columns {
|
||||
grid-template-rows: calc(0.18 * var(--square)) calc(0.82 * var(--square));
|
||||
grid-template-columns: auto var(--square) var(--square) auto;
|
||||
grid-template-areas: ". title title ." ". column1 column2 ."; } }
|
||||
body .layout-two-columns .layout-title {
|
||||
grid-area: title;
|
||||
background: var(--secondary); }
|
||||
body .layout-two-columns .layout-column-one {
|
||||
grid-area: column1;
|
||||
background: white; }
|
||||
body .layout-two-columns .layout-column-two {
|
||||
grid-area: column2;
|
||||
background: white; }
|
||||
body .layout-two-previews {
|
||||
display: grid;
|
||||
min-height: 100vh;
|
||||
max-height: 100vh;
|
||||
min-width: 100vw;
|
||||
max-width: 100vw;
|
||||
overflow: auto;
|
||||
grid-template-rows: auto auto;
|
||||
grid-template-columns: auto;
|
||||
background: var(--secondary); }
|
||||
@media (min-aspect-ratio: 1 / 1) {
|
||||
body .layout-two-previews {
|
||||
grid-template-rows: 100vh;
|
||||
grid-template-columns: 50vw 50vw;
|
||||
grid-template-areas: "preview preview"; } }
|
||||
body .layout-two-previews .layout-preview {
|
||||
grid-area: auto; }
|
||||
|
||||
/* content layout */
|
||||
@font-face {
|
||||
font-family: 'Fira Sans';
|
||||
src: url("../lib/font/fira-sans/FiraSans-Regular.ttf");
|
||||
font-weight: 400; }
|
||||
@font-face {
|
||||
font-family: 'Fira Sans';
|
||||
src: url("../lib/font/fira-sans/FiraSans-Bold.ttf");
|
||||
font-weight: 700; }
|
||||
@font-face {
|
||||
font-family: 'Fira Code';
|
||||
src: url("../lib/font/fira-code/FiraCode-Regular.otf");
|
||||
font-weight: 400; }
|
||||
@font-face {
|
||||
font-family: 'Fira Code';
|
||||
src: url("../lib/font/fira-code/FiraCode-Bold.otf");
|
||||
font-weight: 700; }
|
||||
body {
|
||||
font-family: 'Fira Sans';
|
||||
margin: 0;
|
||||
line-height: 1.2em; }
|
||||
|
||||
.layout-content-and-preview .layout-content,
|
||||
.layout-content-only .layout-content,
|
||||
.layout-wide-content .layout-content {
|
||||
overflow: visible;
|
||||
padding: calc(var(--margin) * var(--square)); }
|
||||
.layout-content-and-preview .layout-content *:first-child,
|
||||
.layout-content-only .layout-content *:first-child,
|
||||
.layout-wide-content .layout-content *:first-child {
|
||||
margin-top: 0; }
|
||||
.layout-content-and-preview .layout-content .layout-title,
|
||||
.layout-content-only .layout-content .layout-title,
|
||||
.layout-wide-content .layout-content .layout-title {
|
||||
padding: calc(0.3 * var(--margin) * var(--square)) 0;
|
||||
line-height: 1.15em; }
|
||||
.layout-content-and-preview .layout-content .layout-title h2,
|
||||
.layout-content-only .layout-content .layout-title h2,
|
||||
.layout-wide-content .layout-content .layout-title h2 {
|
||||
margin: 0;
|
||||
line-height: 1.15em; }
|
||||
.layout-content-and-preview .layout-content ul, .layout-content-and-preview .layout-content ol,
|
||||
.layout-content-only .layout-content ul,
|
||||
.layout-content-only .layout-content ol,
|
||||
.layout-wide-content .layout-content ul,
|
||||
.layout-wide-content .layout-content ol {
|
||||
list-style-type: none;
|
||||
padding-left: 0;
|
||||
position: relative; }
|
||||
.layout-content-and-preview .layout-content ul li::before, .layout-content-and-preview .layout-content ol li::before,
|
||||
.layout-content-only .layout-content ul li::before,
|
||||
.layout-content-only .layout-content ol li::before,
|
||||
.layout-wide-content .layout-content ul li::before,
|
||||
.layout-wide-content .layout-content ol li::before {
|
||||
content: '▪';
|
||||
color: var(--secondary);
|
||||
position: absolute;
|
||||
left: calc(-0.33 * var(--margin) * var(--square)); }
|
||||
.layout-content-and-preview .layout-content ul ul, .layout-content-and-preview .layout-content ul ol, .layout-content-and-preview .layout-content ol ul, .layout-content-and-preview .layout-content ol ol,
|
||||
.layout-content-only .layout-content ul ul,
|
||||
.layout-content-only .layout-content ul ol,
|
||||
.layout-content-only .layout-content ol ul,
|
||||
.layout-content-only .layout-content ol ol,
|
||||
.layout-wide-content .layout-content ul ul,
|
||||
.layout-wide-content .layout-content ul ol,
|
||||
.layout-wide-content .layout-content ol ul,
|
||||
.layout-wide-content .layout-content ol ol {
|
||||
margin-left: calc(0.33 * var(--margin) * var(--square)); }
|
||||
.layout-content-and-preview .layout-content ol,
|
||||
.layout-content-only .layout-content ol,
|
||||
.layout-wide-content .layout-content ol {
|
||||
counter-reset: ol-counter; }
|
||||
.layout-content-and-preview .layout-content ol li::before,
|
||||
.layout-content-only .layout-content ol li::before,
|
||||
.layout-wide-content .layout-content ol li::before {
|
||||
counter-increment: ol-counter;
|
||||
content: counter(ol-counter) ".";
|
||||
color: var(--secondary-dark);
|
||||
left: calc(-0.36 * var(--margin) * var(--square)); }
|
||||
.layout-content-and-preview .layout-content pre,
|
||||
.layout-content-only .layout-content pre,
|
||||
.layout-wide-content .layout-content pre {
|
||||
margin-left: calc(-1 * var(--margin) * var(--square));
|
||||
padding-left: calc(var(--margin) * var(--square));
|
||||
line-height: 1.2em;
|
||||
position: relative;
|
||||
overflow: hidden; }
|
||||
.layout-content-and-preview .layout-content pre::before,
|
||||
.layout-content-only .layout-content pre::before,
|
||||
.layout-wide-content .layout-content pre::before {
|
||||
content: attr(data-sourcefile);
|
||||
position: absolute;
|
||||
text-align: right;
|
||||
color: var(--secondary);
|
||||
top: .85em;
|
||||
width: 100%;
|
||||
left: calc(-1 * var(--square) + 1.2 * var(--margin) * var(--square));
|
||||
transform-origin: top right;
|
||||
transform: rotate(-90deg); }
|
||||
.layout-content-and-preview .layout-content pre code,
|
||||
.layout-content-only .layout-content pre code,
|
||||
.layout-wide-content .layout-content pre code {
|
||||
padding: .3em 0; }
|
||||
.layout-content-and-preview .layout-content code,
|
||||
.layout-content-only .layout-content code,
|
||||
.layout-wide-content .layout-content code {
|
||||
font-size: 0.9em;
|
||||
font-family: 'Fira Code'; }
|
||||
|
||||
.layout-two-columns .layout-title {
|
||||
padding: calc(0.3 * var(--margin) * var(--square)) calc(var(--margin) * var(--square)); }
|
||||
.layout-two-columns .layout-title h2 {
|
||||
line-height: 1.15em; }
|
||||
.layout-two-columns .layout-column-one,
|
||||
.layout-two-columns .layout-column-two {
|
||||
padding: calc(var(--margin) * var(--square));
|
||||
padding-top: calc(var(--margin) * var(--square)); }
|
||||
.layout-two-columns .layout-column-one *:first-child,
|
||||
.layout-two-columns .layout-column-two *:first-child {
|
||||
margin-top: 0; }
|
||||
.layout-two-columns .layout-column-one ul,
|
||||
.layout-two-columns .layout-column-two ul {
|
||||
list-style-type: none;
|
||||
padding-left: 0;
|
||||
position: relative; }
|
||||
.layout-two-columns .layout-column-one ul li::before,
|
||||
.layout-two-columns .layout-column-two ul li::before {
|
||||
content: '▪';
|
||||
color: var(--secondary);
|
||||
position: absolute;
|
||||
left: calc(-0.33 * var(--margin) * var(--square)); }
|
||||
.layout-two-columns .layout-column-one ul ul,
|
||||
.layout-two-columns .layout-column-two ul ul {
|
||||
margin-left: calc(0.33 * var(--margin) * var(--square)); }
|
||||
.layout-two-columns .layout-column-one pre,
|
||||
.layout-two-columns .layout-column-two pre {
|
||||
margin: 0 calc(-1 * var(--margin) * var(--square));
|
||||
line-height: 1.2em;
|
||||
position: relative;
|
||||
overflow: hidden; }
|
||||
.layout-two-columns .layout-column-one pre::before,
|
||||
.layout-two-columns .layout-column-two pre::before {
|
||||
content: attr(data-sourcefile);
|
||||
position: absolute;
|
||||
text-align: right;
|
||||
color: var(--secondary);
|
||||
top: .85em;
|
||||
width: 100%;
|
||||
left: calc(-1 * var(--square) + 1.2 * var(--margin) * var(--square));
|
||||
transform-origin: top right;
|
||||
transform: rotate(-90deg); }
|
||||
.layout-two-columns .layout-column-one pre code,
|
||||
.layout-two-columns .layout-column-two pre code {
|
||||
padding: 0.3em calc(var(--margin) * var(--square)); }
|
||||
.layout-two-columns .layout-column-one code,
|
||||
.layout-two-columns .layout-column-two code {
|
||||
font-size: 0.9em;
|
||||
font-family: 'Fira Code'; }
|
||||
|
||||
.layout.layout-chapter-heading {
|
||||
height: 100vh;
|
||||
width: 100vw;
|
||||
position: relative; }
|
||||
.layout.layout-chapter-heading .layout-title {
|
||||
position: absolute;
|
||||
left: 2vw;
|
||||
width: calc(100vw - 4vw);
|
||||
text-align: center;
|
||||
bottom: calc(38.2% - .5em); }
|
||||
|
||||
h1 {
|
||||
font-size: 300%;
|
||||
max-width: var(--square); }
|
||||
|
||||
:not(.titlepage) > h1 {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
line-height: 115%;
|
||||
vertical-align: bottom;
|
||||
padding: 0 calc(var(--margin) * var(--square)) 0.5em; }
|
||||
|
||||
.titlepage > h1 {
|
||||
line-height: 100%;
|
||||
margin-bottom: 3rem; }
|
||||
|
||||
h2 {
|
||||
line-height: 1.2; }
|
||||
|
||||
p[data-category]::before,
|
||||
h2[data-category]::before,
|
||||
h3[data-category]::before {
|
||||
content: attr(data-category);
|
||||
font-size: .7em;
|
||||
font-variant: small-caps;
|
||||
text-transform: lowercase;
|
||||
background: black;
|
||||
color: white;
|
||||
padding: .1em .5em;
|
||||
display: inline-block;
|
||||
vertical-align: baseline;
|
||||
letter-spacing: .1em;
|
||||
position: relative;
|
||||
margin-left: calc(-1 * var(--margin) * var(--square));
|
||||
padding-left: calc(var(--margin) * var(--square));
|
||||
margin-right: .5em; }
|
||||
|
||||
h2[data-category=Aufgabe]::before,
|
||||
h2[data-category=Task]::before {
|
||||
content: attr(data-category) " " attr(data-task); }
|
||||
|
||||
.layout-content-only h2[data-category=Aufgabe]::after,
|
||||
.layout-content-only h2[data-category=Task]::after,
|
||||
.layout-wide-content h2[data-category=Aufgabe]::after,
|
||||
.layout-wide-content h2[data-category=Task]::after {
|
||||
content: attr(data-task);
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
text-indent: calc(-.16 * var(--square));
|
||||
font-size: calc(1.2 * var(--square));
|
||||
overflow: hidden;
|
||||
text-align: right;
|
||||
white-space: nowrap;
|
||||
direction: rtl;
|
||||
word-spacing: 1000%;
|
||||
opacity: .2; }
|
||||
@media (min-aspect-ratio: 1 / 1) and (max-aspect-ratio: 2 / 1) {
|
||||
.layout-content-only h2[data-category=Aufgabe]::after,
|
||||
.layout-content-only h2[data-category=Task]::after,
|
||||
.layout-wide-content h2[data-category=Aufgabe]::after,
|
||||
.layout-wide-content h2[data-category=Task]::after {
|
||||
--versatz: calc((100vh - var(--square)) / 2);
|
||||
top: var(--versatz);
|
||||
bottom: calc(-1 * var(--versatz)); } }
|
||||
|
||||
.layout-content-only h2.task-without-number::after,
|
||||
.layout-content-only h2.task-without-number::after,
|
||||
.layout-wide-content h2.task-without-number::after,
|
||||
.layout-wide-content h2.task-without-number::after {
|
||||
display: none; }
|
||||
|
||||
img {
|
||||
width: auto;
|
||||
max-width: 100%; }
|
||||
|
||||
table {
|
||||
font-size: inherit;
|
||||
width: calc(var(--square) - var(--margin) * var(--square));
|
||||
margin-left: calc(-1 * var(--margin) * var(--square));
|
||||
border-spacing: 0; }
|
||||
table tr:nth-child(2n-1) {
|
||||
background: var(--secondary); }
|
||||
table tr > *:first-child {
|
||||
padding-left: calc(var(--margin) * var(--square)); }
|
||||
table th, table td {
|
||||
text-align: left;
|
||||
vertical-align: top;
|
||||
padding: .3em;
|
||||
padding-left: 0; }
|
||||
table th:last-child, table td:last-child {
|
||||
padding-right: .1em; }
|
||||
|
||||
.layout-content-only table {
|
||||
border-spacing: 0;
|
||||
margin-left: 0;
|
||||
width: 100%;
|
||||
box-sizing: border-box; }
|
||||
.layout-content-only table tr > *:first-child {
|
||||
padding-left: .3rem;
|
||||
padding-right: .3rem; }
|
||||
|
||||
.box {
|
||||
margin-left: calc(-1 * var(--margin) * var(--square));
|
||||
padding: 0.8em 0.1em 0.1em calc(var(--margin) * var(--square)); }
|
||||
|
||||
.box.warning {
|
||||
background: var(--primary); }
|
||||
|
||||
blockquote {
|
||||
color: var(--secondary-dark);
|
||||
position: relative;
|
||||
padding-bottom: 1.8em;
|
||||
margin-left: 0;
|
||||
margin-right: 0; }
|
||||
blockquote p:first-of-type {
|
||||
/* probably bungle, but works for one <p> inside <blockquote> */
|
||||
display: contents; }
|
||||
blockquote p:first-of-type::after {
|
||||
content: " " var(--closing-double-quote); }
|
||||
blockquote::before {
|
||||
content: var(--opening-double-quote) " ";
|
||||
color: var(--secondary-dark);
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
right: 100%; }
|
||||
blockquote cite {
|
||||
position: absolute;
|
||||
bottom: 0.6em;
|
||||
left: calc(0.4 * var(--square));
|
||||
width: calc(0.4 * var(--square)); }
|
||||
blockquote cite::before {
|
||||
content: "— "; }
|
||||
|
||||
.layout-content figure {
|
||||
margin: 0 1em 1em 0; }
|
||||
|
||||
.bubble {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
margin-top: -2em;
|
||||
margin-left: -3.8em;
|
||||
width: 6em;
|
||||
border: 0.1em solid var(--primary-dark);
|
||||
background: var(--primary);
|
||||
text-align: center;
|
||||
border-radius: 1em; }
|
||||
.bubble::before {
|
||||
content: '';
|
||||
width: 0;
|
||||
height: 0;
|
||||
position: absolute;
|
||||
border: .5em solid transparent;
|
||||
border-top-color: var(--primary-dark);
|
||||
bottom: -1em;
|
||||
left: calc(50% - .5em); }
|
||||
.bubble::after {
|
||||
content: '';
|
||||
width: 0;
|
||||
height: 0;
|
||||
position: absolute;
|
||||
border: .5em solid transparent;
|
||||
border-top-color: var(--primary);
|
||||
bottom: -0.87em;
|
||||
left: calc(50% - .5em); }
|
||||
|
||||
section > h1, section > h2, section > h3, section > p, section > ul {
|
||||
background: var(--primary); }
|
||||
|
||||
/*
|
||||
* Keyboard Shortcut Styling
|
||||
* =========================
|
||||
*/
|
||||
kbd {
|
||||
font-family: "Fira Code", monospace;
|
||||
font-size: 65%;
|
||||
display: inline-block;
|
||||
border: 1px solid dimgray;
|
||||
border-width: 1px 5px 5px 1px;
|
||||
padding: .2rem .5rem; }
|
||||
|
||||
/*
|
||||
* Emoji Fonts
|
||||
* ============
|
||||
*/
|
||||
@font-face {
|
||||
font-family: 'Twemoji';
|
||||
src: url("../lib/font/twemoji/TwitterColorEmoji-SVGinOT.ttf"); }
|
||||
.emoji {
|
||||
font-family: "Twemoji"; }
|
||||
|
||||
/*
|
||||
* Links
|
||||
* ============
|
||||
*/
|
||||
p a:link, p a:hover, p a:active, p a:visited, li a:link, li a:hover, li a:active, li a:visited, h2 a:link, h2 a:hover, h2 a:active, h2 a:visited, td a:link, td a:hover, td a:active, td a:visited, figcaption a:link, figcaption a:hover, figcaption a:active, figcaption a:visited, div a:link, div a:hover, div a:active, div a:visited {
|
||||
text-decoration: none;
|
||||
color: var(--secondary-dark);
|
||||
font-weight: bold;
|
||||
position: relative;
|
||||
z-index: 1; }
|
||||
p a:link::before, p a:hover::before, p a:active::before, p a:visited::before, li a:link::before, li a:hover::before, li a:active::before, li a:visited::before, h2 a:link::before, h2 a:hover::before, h2 a:active::before, h2 a:visited::before, td a:link::before, td a:hover::before, td a:active::before, td a:visited::before, figcaption a:link::before, figcaption a:hover::before, figcaption a:active::before, figcaption a:visited::before, div a:link::before, div a:hover::before, div a:active::before, div a:visited::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 102%;
|
||||
height: 0;
|
||||
background-color: var(--secondary-light);
|
||||
z-index: -1;
|
||||
bottom: -5%;
|
||||
left: -1%;
|
||||
transition: .2s height ease; }
|
||||
p a:hover::before, li a:hover::before, h2 a:hover::before, td a:hover::before, figcaption a:hover::before, div a:hover::before {
|
||||
height: 110%; }
|
||||
|
||||
figcaption a:not(.dark-font):link, figcaption a:not(.dark-font):hover, figcaption a:not(.dark-font):active, figcaption a:not(.dark-font):visited {
|
||||
color: white; }
|
||||
figcaption a:not(.dark-font):link::before, figcaption a:not(.dark-font):hover::before, figcaption a:not(.dark-font):active::before, figcaption a:not(.dark-font):visited::before {
|
||||
background-color: var(--secondary-dark); }
|
||||
|
||||
/*
|
||||
* Code Listings
|
||||
* =============
|
||||
*/
|
||||
pre.small-text {
|
||||
font-size: 80%; }
|
||||
|
||||
pre.scroll-one-half {
|
||||
max-height: calc(.5 * var(--square));
|
||||
overflow: auto !important; }
|
||||
|
||||
/*
|
||||
* Fragments
|
||||
* =========
|
||||
*/
|
||||
.fragment {
|
||||
opacity: 0;
|
||||
transition: .3s opacity ease-in-out; }
|
||||
|
||||
.fragment.visible {
|
||||
opacity: 1; }
|
||||
|
||||
/*
|
||||
* Topic List
|
||||
* ==========
|
||||
*/
|
||||
.topic-list {
|
||||
box-shadow: 0 0px 50px rgba(0, 0, 0, 0.3);
|
||||
z-index: 500; }
|
||||
.topic-list .topic-list-search {
|
||||
display: block;
|
||||
width: 100%;
|
||||
border: none;
|
||||
padding: .5rem;
|
||||
margin-bottom: 1rem;
|
||||
border-bottom: 1px solid var(--secondary);
|
||||
text-align: center; }
|
||||
.topic-list .topic-link {
|
||||
font-weight: normal; }
|
||||
.topic-list .topic-link.active-topic-link {
|
||||
font-weight: bold; }
|
||||
.topic-list .topic-link.not-matching-search-terms {
|
||||
opacity: .2; }
|
||||
|
||||
/*
|
||||
* Help Menu
|
||||
* ==========
|
||||
*/
|
||||
#help-menu-wrapper {
|
||||
display: none;
|
||||
max-width: 90vw;
|
||||
width: 800px;
|
||||
height: 80vh;
|
||||
box-sizing: border-box;
|
||||
padding: 2rem;
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translateX(-50%) translateY(-50%);
|
||||
z-index: 500;
|
||||
background: white;
|
||||
box-shadow: 0 0px 50px rgba(0, 0, 0, 0.3);
|
||||
opacity: 0;
|
||||
transition: .2s opacity ease-in-out; }
|
||||
|
||||
#help-menu-checkbox:checked ~ #help-menu-wrapper {
|
||||
opacity: 1;
|
||||
display: block; }
|
||||
|
||||
#help-menu-checkbox {
|
||||
position: fixed;
|
||||
right: 150vw; }
|
||||
|
||||
#help-menu-toggle {
|
||||
position: fixed;
|
||||
right: 1rem;
|
||||
bottom: 1rem;
|
||||
width: 3rem;
|
||||
height: 3rem;
|
||||
color: white;
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
transition: .1s background-color ease-in-out;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center; }
|
||||
#help-menu-toggle:hover {
|
||||
background-color: rgba(0, 0, 0, 0.5); }
|
||||
|
||||
/*# sourceMappingURL=latex.css.map */
|
||||
203
latex-weekend-sose-2021/css/print/paper.css
Normal file
203
latex-weekend-sose-2021/css/print/paper.css
Normal file
@ -0,0 +1,203 @@
|
||||
/* Default Print Stylesheet Template
|
||||
by Rob Glazebrook of CSSnewbie.com
|
||||
Last Updated: June 4, 2008
|
||||
|
||||
Feel free (nay, compelled) to edit, append, and
|
||||
manipulate this file as you see fit. */
|
||||
|
||||
|
||||
@media print {
|
||||
|
||||
/* SECTION 1: Set default width, margin, float, and
|
||||
background. This prevents elements from extending
|
||||
beyond the edge of the printed page, and prevents
|
||||
unnecessary background images from printing */
|
||||
html {
|
||||
background: #fff;
|
||||
width: auto;
|
||||
height: auto;
|
||||
overflow: visible;
|
||||
}
|
||||
body {
|
||||
background: #fff;
|
||||
font-size: 20pt;
|
||||
width: auto;
|
||||
height: auto;
|
||||
border: 0;
|
||||
margin: 0 5%;
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
float: none !important;
|
||||
}
|
||||
|
||||
/* SECTION 2: Remove any elements not needed in print.
|
||||
This would include navigation, ads, sidebars, etc. */
|
||||
.nestedarrow,
|
||||
.controls,
|
||||
.fork-reveal,
|
||||
.share-reveal,
|
||||
.state-background,
|
||||
.reveal .progress,
|
||||
.reveal .backgrounds,
|
||||
.reveal .slide-number {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* SECTION 3: Set body font face, size, and color.
|
||||
Consider using a serif font for readability. */
|
||||
body, p, td, li, div {
|
||||
font-size: 20pt!important;
|
||||
font-family: Georgia, "Times New Roman", Times, serif !important;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
/* SECTION 4: Set heading font face, sizes, and color.
|
||||
Differentiate your headings from your body text.
|
||||
Perhaps use a large sans-serif for distinction. */
|
||||
h1,h2,h3,h4,h5,h6 {
|
||||
color: #000!important;
|
||||
height: auto;
|
||||
line-height: normal;
|
||||
font-family: Georgia, "Times New Roman", Times, serif !important;
|
||||
text-shadow: 0 0 0 #000 !important;
|
||||
text-align: left;
|
||||
letter-spacing: normal;
|
||||
}
|
||||
/* Need to reduce the size of the fonts for printing */
|
||||
h1 { font-size: 28pt !important; }
|
||||
h2 { font-size: 24pt !important; }
|
||||
h3 { font-size: 22pt !important; }
|
||||
h4 { font-size: 22pt !important; font-variant: small-caps; }
|
||||
h5 { font-size: 21pt !important; }
|
||||
h6 { font-size: 20pt !important; font-style: italic; }
|
||||
|
||||
/* SECTION 5: Make hyperlinks more usable.
|
||||
Ensure links are underlined, and consider appending
|
||||
the URL to the end of the link for usability. */
|
||||
a:link,
|
||||
a:visited {
|
||||
color: #000 !important;
|
||||
font-weight: bold;
|
||||
text-decoration: underline;
|
||||
}
|
||||
/*
|
||||
.reveal a:link:after,
|
||||
.reveal a:visited:after {
|
||||
content: " (" attr(href) ") ";
|
||||
color: #222 !important;
|
||||
font-size: 90%;
|
||||
}
|
||||
*/
|
||||
|
||||
|
||||
/* SECTION 6: more reveal.js specific additions by @skypanther */
|
||||
ul, ol, div, p {
|
||||
visibility: visible;
|
||||
position: static;
|
||||
width: auto;
|
||||
height: auto;
|
||||
display: block;
|
||||
overflow: visible;
|
||||
margin: 0;
|
||||
text-align: left !important;
|
||||
}
|
||||
.reveal pre,
|
||||
.reveal table {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
.reveal pre code {
|
||||
padding: 20px;
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
.reveal blockquote {
|
||||
margin: 20px 0;
|
||||
}
|
||||
.reveal .slides {
|
||||
position: static !important;
|
||||
width: auto !important;
|
||||
height: auto !important;
|
||||
|
||||
left: 0 !important;
|
||||
top: 0 !important;
|
||||
margin-left: 0 !important;
|
||||
margin-top: 0 !important;
|
||||
padding: 0 !important;
|
||||
zoom: 1 !important;
|
||||
|
||||
overflow: visible !important;
|
||||
display: block !important;
|
||||
|
||||
text-align: left !important;
|
||||
-webkit-perspective: none;
|
||||
-moz-perspective: none;
|
||||
-ms-perspective: none;
|
||||
perspective: none;
|
||||
|
||||
-webkit-perspective-origin: 50% 50%;
|
||||
-moz-perspective-origin: 50% 50%;
|
||||
-ms-perspective-origin: 50% 50%;
|
||||
perspective-origin: 50% 50%;
|
||||
}
|
||||
.reveal .slides section {
|
||||
visibility: visible !important;
|
||||
position: static !important;
|
||||
width: auto !important;
|
||||
height: auto !important;
|
||||
display: block !important;
|
||||
overflow: visible !important;
|
||||
|
||||
left: 0 !important;
|
||||
top: 0 !important;
|
||||
margin-left: 0 !important;
|
||||
margin-top: 0 !important;
|
||||
padding: 60px 20px !important;
|
||||
z-index: auto !important;
|
||||
|
||||
opacity: 1 !important;
|
||||
|
||||
page-break-after: always !important;
|
||||
|
||||
-webkit-transform-style: flat !important;
|
||||
-moz-transform-style: flat !important;
|
||||
-ms-transform-style: flat !important;
|
||||
transform-style: flat !important;
|
||||
|
||||
-webkit-transform: none !important;
|
||||
-moz-transform: none !important;
|
||||
-ms-transform: none !important;
|
||||
transform: none !important;
|
||||
|
||||
-webkit-transition: none !important;
|
||||
-moz-transition: none !important;
|
||||
-ms-transition: none !important;
|
||||
transition: none !important;
|
||||
}
|
||||
.reveal .slides section.stack {
|
||||
padding: 0 !important;
|
||||
}
|
||||
.reveal section:last-of-type {
|
||||
page-break-after: avoid !important;
|
||||
}
|
||||
.reveal section .fragment {
|
||||
opacity: 1 !important;
|
||||
visibility: visible !important;
|
||||
|
||||
-webkit-transform: none !important;
|
||||
-moz-transform: none !important;
|
||||
-ms-transform: none !important;
|
||||
transform: none !important;
|
||||
}
|
||||
.reveal section img {
|
||||
display: block;
|
||||
margin: 15px 0px;
|
||||
background: rgba(255,255,255,1);
|
||||
border: 1px solid #666;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.reveal section small {
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
}
|
||||
164
latex-weekend-sose-2021/css/print/pdf.css
Normal file
164
latex-weekend-sose-2021/css/print/pdf.css
Normal file
@ -0,0 +1,164 @@
|
||||
/**
|
||||
* This stylesheet is used to print reveal.js
|
||||
* presentations to PDF.
|
||||
*
|
||||
* https://github.com/hakimel/reveal.js#pdf-export
|
||||
*/
|
||||
|
||||
* {
|
||||
-webkit-print-color-adjust: exact;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0 auto !important;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
float: none !important;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
html {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
/* Remove any elements not needed in print. */
|
||||
.nestedarrow,
|
||||
.reveal .controls,
|
||||
.reveal .progress,
|
||||
.reveal .playback,
|
||||
.reveal.overview,
|
||||
.fork-reveal,
|
||||
.share-reveal,
|
||||
.state-background {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
text-shadow: 0 0 0 #000 !important;
|
||||
}
|
||||
|
||||
.reveal pre code {
|
||||
overflow: hidden !important;
|
||||
font-family: Courier, 'Courier New', monospace !important;
|
||||
}
|
||||
|
||||
ul, ol, div, p {
|
||||
visibility: visible;
|
||||
position: static;
|
||||
width: auto;
|
||||
height: auto;
|
||||
display: block;
|
||||
overflow: visible;
|
||||
margin: auto;
|
||||
}
|
||||
.reveal {
|
||||
width: auto !important;
|
||||
height: auto !important;
|
||||
overflow: hidden !important;
|
||||
}
|
||||
.reveal .slides {
|
||||
position: static;
|
||||
width: 100% !important;
|
||||
height: auto !important;
|
||||
zoom: 1 !important;
|
||||
|
||||
left: auto;
|
||||
top: auto;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
|
||||
overflow: visible;
|
||||
display: block;
|
||||
|
||||
perspective: none;
|
||||
perspective-origin: 50% 50%;
|
||||
}
|
||||
|
||||
.reveal .slides .pdf-page {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
z-index: 1;
|
||||
|
||||
page-break-after: always;
|
||||
}
|
||||
|
||||
.reveal .slides section {
|
||||
visibility: visible !important;
|
||||
display: block !important;
|
||||
position: absolute !important;
|
||||
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
box-sizing: border-box !important;
|
||||
min-height: 1px;
|
||||
|
||||
opacity: 1 !important;
|
||||
|
||||
transform-style: flat !important;
|
||||
transform: none !important;
|
||||
}
|
||||
|
||||
.reveal section.stack {
|
||||
position: relative !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
page-break-after: avoid !important;
|
||||
height: auto !important;
|
||||
min-height: auto !important;
|
||||
}
|
||||
|
||||
.reveal img {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.reveal .roll {
|
||||
overflow: visible;
|
||||
line-height: 1em;
|
||||
}
|
||||
|
||||
/* Slide backgrounds are placed inside of their slide when exporting to PDF */
|
||||
.reveal .slide-background {
|
||||
display: block !important;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: auto !important;
|
||||
}
|
||||
|
||||
/* Display slide speaker notes when 'showNotes' is enabled */
|
||||
.reveal.show-notes {
|
||||
max-width: none;
|
||||
max-height: none;
|
||||
}
|
||||
.reveal .speaker-notes-pdf {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
max-height: none;
|
||||
top: auto;
|
||||
right: auto;
|
||||
bottom: auto;
|
||||
left: auto;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
/* Layout option which makes notes appear on a separate page */
|
||||
.reveal .speaker-notes-pdf[data-layout="separate-page"] {
|
||||
position: relative;
|
||||
color: inherit;
|
||||
background-color: transparent;
|
||||
padding: 20px;
|
||||
page-break-after: always;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
/* Display slide numbers when 'slideNumber' is enabled */
|
||||
.reveal .slide-number-pdf {
|
||||
display: block;
|
||||
position: absolute;
|
||||
font-size: 14px;
|
||||
}
|
||||
BIN
latex-weekend-sose-2021/images/logo-fachschaft.png
Normal file
BIN
latex-weekend-sose-2021/images/logo-fachschaft.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 294 KiB |
3787
latex-weekend-sose-2021/index.html
Normal file
3787
latex-weekend-sose-2021/index.html
Normal file
File diff suppressed because it is too large
Load Diff
41
latex-weekend-sose-2021/js/lazyload-images.js
Normal file
41
latex-weekend-sose-2021/js/lazyload-images.js
Normal file
@ -0,0 +1,41 @@
|
||||
// credit: https://www.sitepoint.com/five-techniques-lazy-load-images-website-performance/
|
||||
|
||||
// create config object: rootMargin and threshold
|
||||
// are two properties exposed by the interface
|
||||
// more information: https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API
|
||||
const config = {
|
||||
// margin around the root element defaulting to the viewport
|
||||
rootMargin: '500px 0px 500px 0px',
|
||||
// how much of the image has to be on screen to load the image
|
||||
threshold: 0
|
||||
};
|
||||
|
||||
// register the config object with an instance
|
||||
// of intersectionObserver
|
||||
let observer = new IntersectionObserver(onCloseToVisibleArea, config);
|
||||
|
||||
window.addEventListener("load", function () {
|
||||
const imgs = document.querySelectorAll('img[data-src]');
|
||||
imgs.forEach(img => {
|
||||
observer.observe(img);
|
||||
});
|
||||
})
|
||||
|
||||
function onCloseToVisibleArea(entries, self) {
|
||||
// iterate over each entry
|
||||
entries.forEach(entry => {
|
||||
// process just the images that are intersecting.
|
||||
// isIntersecting is a property exposed by the interface
|
||||
if (entry.isIntersecting) {
|
||||
// custom function that copies the path to the img
|
||||
// from data-src to src
|
||||
preloadImage(entry.target);
|
||||
// the image is now in place, stop watching
|
||||
self.unobserve(entry.target);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function preloadImage(imgTag) {
|
||||
imgTag.setAttribute("src", imgTag.getAttribute("data-src"));
|
||||
}
|
||||
BIN
latex-weekend-sose-2021/lib/font/fira-code/FiraCode-Bold.otf
Normal file
BIN
latex-weekend-sose-2021/lib/font/fira-code/FiraCode-Bold.otf
Normal file
Binary file not shown.
BIN
latex-weekend-sose-2021/lib/font/fira-code/FiraCode-Light.otf
Normal file
BIN
latex-weekend-sose-2021/lib/font/fira-code/FiraCode-Light.otf
Normal file
Binary file not shown.
BIN
latex-weekend-sose-2021/lib/font/fira-code/FiraCode-Medium.otf
Normal file
BIN
latex-weekend-sose-2021/lib/font/fira-code/FiraCode-Medium.otf
Normal file
Binary file not shown.
BIN
latex-weekend-sose-2021/lib/font/fira-code/FiraCode-Regular.otf
Normal file
BIN
latex-weekend-sose-2021/lib/font/fira-code/FiraCode-Regular.otf
Normal file
Binary file not shown.
BIN
latex-weekend-sose-2021/lib/font/fira-code/FiraCode-Retina.otf
Normal file
BIN
latex-weekend-sose-2021/lib/font/fira-code/FiraCode-Retina.otf
Normal file
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -0,0 +1,43 @@
|
||||
@font-face{
|
||||
font-family: 'Fira Code';
|
||||
src: url('eot/FiraCode-Light.eot');
|
||||
src: url('eot/FiraCode-Light.eot') format('embedded-opentype'),
|
||||
url('woff2/FiraCode-Light.woff2') format('woff2'),
|
||||
url('woff/FiraCode-Light.woff') format('woff'),
|
||||
url('ttf/FiraCode-Light.ttf') format('truetype');
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face{
|
||||
font-family: 'Fira Code';
|
||||
src: url('eot/FiraCode-Regular.eot');
|
||||
src: url('eot/FiraCode-Regular.eot') format('embedded-opentype'),
|
||||
url('woff2/FiraCode-Regular.woff2') format('woff2'),
|
||||
url('woff/FiraCode-Regular.woff') format('woff'),
|
||||
url('ttf/FiraCode-Regular.ttf') format('truetype');
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face{
|
||||
font-family: 'Fira Code';
|
||||
src: url('eot/FiraCode-Medium.eot');
|
||||
src: url('eot/FiraCode-Medium.eot') format('embedded-opentype'),
|
||||
url('woff2/FiraCode-Medium.woff2') format('woff2'),
|
||||
url('woff/FiraCode-Medium.woff') format('woff'),
|
||||
url('ttf/FiraCode-Medium.ttf') format('truetype');
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face{
|
||||
font-family: 'Fira Code';
|
||||
src: url('eot/FiraCode-Bold.eot');
|
||||
src: url('eot/FiraCode-Bold.eot') format('embedded-opentype'),
|
||||
url('woff2/FiraCode-Bold.woff2') format('woff2'),
|
||||
url('woff/FiraCode-Bold.woff') format('woff'),
|
||||
url('ttf/FiraCode-Bold.ttf') format('truetype');
|
||||
font-weight: 700;
|
||||
font-style: normal;
|
||||
}
|
||||
@ -0,0 +1,65 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
||||
<title>Fira Code Specimen</title>
|
||||
|
||||
<link rel="stylesheet" href="fira_code.css">
|
||||
<style>
|
||||
body { font: 14px/1.5em "Fira Code"; }
|
||||
.code {
|
||||
font-feature-settings: "calt" 1; /* Enable ligatures for IE 10+, Edge */
|
||||
text-rendering: optimizeLegibility; /* Force ligatures for Webkit, Blink, Gecko */
|
||||
width: 30em;
|
||||
margin: 5em auto;
|
||||
white-space: pre-wrap;
|
||||
word-break: break-all;
|
||||
}
|
||||
.light { font-weight: 300; }
|
||||
.regular { font-weight: 400; }
|
||||
.medium { font-weight: 500; }
|
||||
.bold { font-weight: 700; }
|
||||
i { font-style: normal; color: #c33; }
|
||||
b { font-weight: inherit; color: #c33; }
|
||||
</style>
|
||||
<body>
|
||||
|
||||
<div class="code light"><b># Fira Code Light</b>
|
||||
|
||||
take = (n, [x, <i>...</i>xs]:list) <i>--></i>
|
||||
| n <i><=</i> 0 <i>=></i> []
|
||||
| empty list <i>=></i> []
|
||||
| otherwise <i>=></i> [x] <i>++</i> take n-1, xs
|
||||
|
||||
last3 = reverse <i>>></i> take 3 <i>>></i> reverse</div>
|
||||
|
||||
|
||||
<div class="code regular"><b># Fira Code Regular</b>
|
||||
|
||||
take = (n, [x, <i>...</i>xs]:list) <i>--></i>
|
||||
| n <i><=</i> 0 <i>=></i> []
|
||||
| empty list <i>=></i> []
|
||||
| otherwise <i>=></i> [x] <i>++</i> take n-1, xs
|
||||
|
||||
last3 = reverse <i>>></i> take 3 <i>>></i> reverse</div>
|
||||
|
||||
|
||||
<div class="code medium"><b># Fira Code Medium</b>
|
||||
|
||||
take = (n, [x, <i>...</i>xs]:list) <i>--></i>
|
||||
| n <i><=</i> 0 <i>=></i> []
|
||||
| empty list <i>=></i> []
|
||||
| otherwise <i>=></i> [x] <i>++</i> take n-1, xs
|
||||
|
||||
last3 = reverse <i>>></i> take 3 <i>>></i> reverse</div>
|
||||
|
||||
|
||||
<div class="code bold"><b># Fira Code Bold</b>
|
||||
|
||||
take = (n, [x, <i>...</i>xs]:list) <i>--></i>
|
||||
| n <i><=</i> 0 <i>=></i> []
|
||||
| empty list <i>=></i> []
|
||||
| otherwise <i>=></i> [x] <i>++</i> take n-1, xs
|
||||
|
||||
last3 = reverse <i>>></i> take 3 <i>>></i> reverse</div>
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
BIN
latex-weekend-sose-2021/lib/font/fira-sans/FiraSans-Black.ttf
Normal file
BIN
latex-weekend-sose-2021/lib/font/fira-sans/FiraSans-Black.ttf
Normal file
Binary file not shown.
Binary file not shown.
BIN
latex-weekend-sose-2021/lib/font/fira-sans/FiraSans-Bold.ttf
Normal file
BIN
latex-weekend-sose-2021/lib/font/fira-sans/FiraSans-Bold.ttf
Normal file
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
BIN
latex-weekend-sose-2021/lib/font/fira-sans/FiraSans-Italic.ttf
Normal file
BIN
latex-weekend-sose-2021/lib/font/fira-sans/FiraSans-Italic.ttf
Normal file
Binary file not shown.
BIN
latex-weekend-sose-2021/lib/font/fira-sans/FiraSans-Light.ttf
Normal file
BIN
latex-weekend-sose-2021/lib/font/fira-sans/FiraSans-Light.ttf
Normal file
Binary file not shown.
Binary file not shown.
BIN
latex-weekend-sose-2021/lib/font/fira-sans/FiraSans-Medium.ttf
Normal file
BIN
latex-weekend-sose-2021/lib/font/fira-sans/FiraSans-Medium.ttf
Normal file
Binary file not shown.
Some files were not shown because too many files have changed in this diff Show More
Loading…
x
Reference in New Issue
Block a user