fugi/ese2024-preview
2
1
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

add table

Browse source
This commit is contained in:
Lyn Fugmann 2024-09-18 15:03:18 +02:00
parent 20e9d98b20
commit 01884ff521
Signed by: fugi
GPG key ID: 4472A20091BFA792
3 changed files with 178 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

114
index.html
View file

@ -11,11 +11,12 @@
</head>
<body>
<header>
<img class="eseInConstruct" src="EseInConstruct.svg" alt="">
<img class="eseInConstruct" src="EseInConstruct.svg" alt="Das ESE 2024 Logo hängt an einem Kran. Daneben sind Pylone.">
</header>
<h1>ESE 2024</h1>
<p>(english version below)</p>
<p lang="en">(english version below)</p>
<section>
<h2>Dein Studienstart an der Fakultät Informatik</h2>
@ -28,6 +29,10 @@
<strong>Unsere ESE-Webseite braucht noch ein wenig. Aber für das Wintersemester 2024/25 bist du hier genau richtig!</strong>
</p>
<p>
Unten findest du schon mal den Ablaufplan.
</p>
<p>
Weitere Infos bekommst du schon vorab auf der <a href="https://tu-dresden.de/ing/informatik/studieninteresse/so-gehts-los" target="_blank">"So geht's los"</a>-Infoseite der
Fakultät Informatik. Ansonsten findest du uns auf <a href="https://www.instagram.com/ifsrde" target="_blank">Instagram</a>,
@ -51,6 +56,10 @@
<strong>Our introduction website still needs some time. But if you are starting your studies here at the wintersemester 2024/25 you are completely correct at this adress.</strong>
</p>
<p>
You can already find the schedule down below.
</p>
<p>
It doesnt matter if you are studying bachelor, diploma or ANY type of master here at the faculty you can find relevant info on this page.
For more information please also check the websites of your program of study!
@ -64,6 +73,107 @@
</p>
</section>
<section>
<h2>Ablaufplan / Schedule</h2>
<p>
<b>Legende:</b><br>
<span id="wichtig" class="wichtig">Wichtige Informationen</span><br>
<span id="essen" class="essen">Essen</span><br>
<span id="kennenlernen" class="kennenlernen">Kennenlernen</span><br>
<span id="fachinformationen" class="fachinformationen">Fachinformationen</span><br>
<span id="uni-event" class="uni-event">Uni-Event</span><br>
<span id="stadt-event" class="stadt-event">Stadtevent</span>
</p>
<div class="schedule">
<table>
<tr>
<th scope="column">Zeit</th>
<th scope="column">6.10.</th>
<th scope="column">Montag<br>7.10.</th>
<th scope="column">Dienstag<br>8.10.</th>
<th scope="column">Mittwoch<br>9.10.</th>
<th scope="column">Donnerstag<br>10.10.</th>
<th scope="column">Freitag<br>11.10.</th>
</tr>
<tr>
<th scope="row">7:30</th>
<td rowspan="4"></td>
<td rowspan="2"></td>
<td rowspan="2"></td>
<td rowspan="3" class="essen" aria-describedby="essen">Frühstück</td>
<td rowspan="2"></td>
<td></td>
</tr>
<tr>
<th scope="row">9:00</th>
<td rowspan="3" class="wichtig" aria-describedby="wichtig">erstes Seminargruppentreffen</td>
</tr>
<tr>
<th scope="row">9:20</th>
<td rowspan="2" class="wichtig" aria-describedby="wichtig">Einführungsrede</td>
<td rowspan="8" class="kennenlernen" aria-describedby="kennenlernen">Wandern in der Sächsischen Schweiz</td>
<td rowspan="2" class="wichtig" aria-describedby="wichtig">Vorstellung der Lehrenden</td>
</tr>
<tr>
<th scope="row">10:50</th>
<td rowspan="2" class="wichtig" aria-describedby="wichtig">10:00 Studien- und Prüfungsorganisation</td>
</tr>
<tr>
<th scope="row">11:10</th>
<td rowspan="6" class="kennenlernen" aria-describedby="kennenlernen">Radtour</td>
<td rowspan="2" class="wichtig" aria-describedby="wichtig">Infogruppen-Treffen</td>
<td rowspan="4" class="uni-event" aria-describedby="uni-event">Infomarkt beim HSZ</td>
<td class="essen" aria-describedby="essen">Mensen in Seminargruppen</td>
</tr>
<tr>
<th scope="row">12:40</th>
<td rowspan="2" class="wichtig" aria-describedby="wichtig">Helpdesk u. Vorstellung FSR</td>
<td rowspan="5" class="fachinformationen" aria-describedby="fachinformationen">Nerd 101 – Bunter Nachmittag</td>
</tr>
<tr>
<th scope="row">13:00</th>
<td rowspan="2" class="essen" aria-describedby="essen">Mensen in Infogruppen</td>
</tr>
<tr>
<th scope="row">14:30</th>
<td class="essen" aria-describedby="essen">Mensa</td>
</tr>
<tr>
<th scope="row">14:50</th>
<td rowspan="4" class="kennenlernen" aria-describedby="kennenlernen">Tischtennis-Turnier</td>
<td rowspan="3" class="fachinformationen" aria-describedby="fachinformationen">Labortour/LZR</td>
<td rowspan="2" class="uni-event" aria-describedby="uni-event">Feierliche Immatrikulation</td>
</tr>
<tr>
<th scope="row">16:20</th>
</tr>
<tr>
<th scope="row">16:40</th>
<td rowspan="4"></td>
<td rowspan="2" class="essen" aria-describedby="essen">Essen vor Studitour</td>
<td rowspan="2"></td>
<td rowspan="4" class="kennenlernen" aria-describedby="kennenlernen">LAN-Party</td>
</tr>
<tr>
<th scope="row">18:10</th>
<td></td>
</tr>
<tr>
<th scope="row">18:30</th>
<td rowspan="2" class="kennenlernen" aria-describedby="kennenlernen">Spieleabend mit FSR Mathe</td>
<td rowspan="2" class="stadt-event" aria-describedby="stadt-event">Studiclubtour</td>
<td rowspan="2" class="kennenlernen" aria-describedby="kennenlernen">Spieleabend mit PnP</td>
<td rowspan="2" class="stadt-event" aria-describedby="stadt-event">Kino u. Neustadttour</td>
</tr>
<tr>
<th scope="row">Ende offen</th>
</tr>
</table>
</div>
</section>
<nav>
<ul>
<li id="ifsr-logo">

8
logo-ifsr.svg
View file

@ -7,13 +7,13 @@
<g id="🖥-Extra-Large-/-12-Col" transform="translate(-405.000000, -15.000000)" fill-rule="nonzero">
<g id="Logo-Bar" transform="translate(390.000000, 0.000000)">
<g id="LogoStandard" transform="translate(15.000000, 15.000000)">
<g id="Group" transform="translate(27.000000, 23.420561)" fill="#000">
<g id="Group" transform="translate(27.000000, 23.420561)" fill="#B1E11C">
<path d="M0.0611311054,0.885546667 C0.0611311054,0.565546667 0.229768638,0.352213333 0.567043702,0.352213333 L2.78041131,0.352213333 C3.09660668,0.352213333 3.25365039,0.58688 3.25365039,0.885546667 L3.25365039,2.77664 C3.25365039,3.09664 3.07552699,3.26730667 2.78041131,3.26730667 L0.567043702,3.26730667 C0.271928021,3.26730667 0.0611311054,3.07530667 0.0611311054,2.77664 L0.0611311054,0.885546667 Z M0.167583548,4.45888 L3.11874036,4.45888 L3.11874036,15.7866667 L0.167583548,15.7866667 L0.167583548,4.45888 Z" id="Shape"/>
<path d="M5.26971208,3.46048 C5.26971208,0.912213333 7.0039383,0.130346667 8.62127763,0.17088 C8.62127763,0.17088 14.0535141,0.32448 15.4098869,0.512213333 L15.4098869,2.98144 L9.31690746,2.98144 C8.22086889,2.98144 8.22086889,3.60010667 8.22086889,4.17621333 L8.22086889,6.61237333 L14.4507609,6.83744 L14.4507609,9.29290667 L8.22086889,9.49450667 L8.22086889,15.7866667 L5.26971208,15.7866667 L5.26971208,3.46048 Z" id="Path"/>
<path d="M17.0445116,4.07477333 C17.0445116,0.981546667 18.8572596,0.07808 21.2182905,0.04288 C23.436928,-0.00405333333 25.9653316,0.29568 27.1837378,0.66048 L27.1837378,3.00810667 C25.8346375,2.88757333 22.7950514,2.79477333 22.0298586,2.79477333 C20.7398869,2.76597333 19.9956684,2.85664 19.9956684,4.30954667 L19.9956684,5.07210667 C19.9956684,6.30944 20.4636375,6.57610667 21.658856,6.57610667 L24.095563,6.57610667 C27.1194447,6.57610667 27.7434036,8.98890667 27.7434036,10.7147733 L27.7434036,11.7547733 C27.7434036,15.30016 25.5606015,15.9572267 23.4737121,15.9572267 C20.840964,15.9572267 19.1154859,15.7941333 17.5198586,15.3182933 L17.5198586,12.9706667 C18.3630463,13.056 20.9337147,13.2053333 22.8940206,13.2053333 C23.7814756,13.2053333 24.7922468,13.05696 24.7922468,11.8602667 L24.7922468,11.0197333 C24.7922468,10.1322667 24.5266427,9.56266667 23.3999332,9.56266667 L21.0285733,9.56266667 C17.3080077,9.56266667 17.0445116,6.78197333 17.0445116,5.42410667 L17.0445116,4.07477333 L17.0445116,4.07477333 Z" id="Path"/>
<path d="M29.5152571,0.17088 L36.2659229,0.17088 C38.6742776,0.17088 40.4660514,1.31114667 40.4660514,5.04021333 C40.4660514,8.90570667 38.8661028,9.36437333 38.009108,9.63754667 L40.9307532,15.7866667 L37.6097532,15.7866667 L35.0591105,9.87754667 L32.4663085,9.57877333 L32.4663085,15.7866667 L29.5152571,15.7866667 L29.5152571,0.17088 L29.5152571,0.17088 Z M35.9760771,7.23210667 C37.0037121,7.23210667 37.4937095,6.92714667 37.4937095,5.04021333 C37.4937095,3.26634667 36.9034781,2.82688 35.9760771,2.82688 L32.4780077,2.82688 L32.4780077,7.23210667 L35.9760771,7.23210667 Z" id="Shape"/>
</g>
<g id="Group" transform="translate(40.000000, 42.420561)" fill="#000">
<g id="Group" transform="translate(40.000000, 42.420561)" fill="#999999">
<path d="M0.0544386617,0.878222222 C0.0544386617,0.406419753 0.396892193,0.26162963 0.716342007,0.269135802 C0.716342007,0.269135802 1.7890855,0.297580247 2.05690706,0.332444444 L2.05690706,0.78962963 L0.853635688,0.78962963 C0.637130112,0.78962963 0.637130112,0.904197531 0.637130112,1.01076543 L0.637130112,1.46182716 L1.86746468,1.50350617 L1.86746468,1.95822222 L0.637130112,1.99555556 L0.637130112,3.16049383 L0.0543345725,3.16049383 L0.0543345725,0.878222222 L0.0544386617,0.878222222 Z" id="Path"/>
<path d="M2.13237175,2.42834568 C2.13237175,2.12325926 2.30620074,1.8531358 2.78001487,1.8531358 C2.78001487,1.8531358 3.42942751,1.85698765 3.42942751,1.8531358 C3.42942751,1.8531358 3.43348699,1.72276543 3.42942751,1.71881481 C3.42942751,1.49520988 3.31898885,1.46014815 3.13381413,1.46014815 C2.94166543,1.46014815 2.38718216,1.49293827 2.20554647,1.50538272 L2.20554647,1.16385185 C2.49647584,1.05659259 2.80062454,1.02548148 3.21271375,1.02358997 C3.68871375,1.02182716 4.01222305,1.17797531 4.01222305,1.69708642 L4.01222305,3.16049383 L3.55204461,3.16049383 L3.42942751,2.92938272 C3.40507063,2.97501235 3.09467658,3.19071605 2.75711524,3.18419753 C2.33180669,3.17333333 2.13237175,2.8985679 2.13237175,2.62587654 L2.13237175,2.42834568 L2.13237175,2.42834568 Z M2.92199257,2.73975309 C3.16566543,2.73975309 3.42942751,2.57738272 3.42942751,2.57738272 L3.42942751,2.19288889 L2.89440892,2.23209877 C2.74056506,2.2457284 2.71516729,2.35367901 2.71516729,2.44533333 L2.71516729,2.54725926 C2.71527138,2.72187654 2.81478067,2.73975309 2.92199257,2.73975309 Z" id="Shape"/>
<path d="M5.05436431,1.04325926 C5.2707658,1.04325926 5.70742007,1.05550617 6.0721487,1.1677037 L6.0721487,1.51130864 C6.0721487,1.51130864 5.67442379,1.48760494 5.30386617,1.48760494 C5.03573234,1.48760494 4.90863941,1.50281481 4.90863941,2.12118519 C4.90863941,2.6582716 5.00419331,2.73590123 5.30386617,2.73590123 C5.6869145,2.73590123 6.10118959,2.69896296 6.10118959,2.69896296 L6.10118959,3.04612346 C5.77778439,3.20217284 5.39983643,3.1762963 5.05426022,3.18024691 C4.64206691,3.18024691 4.32573978,2.97580247 4.32573978,2.1097284 C4.32584387,1.24553086 4.62978439,1.04325926 5.05436431,1.04325926 Z" id="Path"/>
@ -39,9 +39,9 @@
<path d="M24.8935613,5.14212346 C24.8935613,5.0828642 24.9464015,5.04335802 25.0520818,5.04335802 L25.7454438,5.04335802 C25.8446842,5.04335802 25.8935613,5.08681481 25.8935613,5.14212346 L25.8935613,5.49234568 C25.8935613,5.55160494 25.8377489,5.58320988 25.7454438,5.58320988 L25.0520818,5.58320988 C24.9596115,5.58320988 24.8935613,5.54765432 24.8935613,5.49234568 L24.8935613,5.14212346 Z M24.9269167,5.80385185 L25.8514543,5.80385185 L25.8514543,7.90123457 L24.9269167,7.90123457 L24.9269167,5.80385185 Z" id="Shape"/>
<polygon id="Path" points="25.8711673 4.81244444 26.4539628 4.81244444 26.4539628 6.50696296 26.5747063 6.50696296 27.2022602 5.80385185 27.9401487 5.80385185 27.1110781 6.71832099 27.9401487 7.90123457 27.2480595 7.90123457 26.5747063 6.92958025 26.4539628 6.92958025 26.4539628 7.90123457 25.8711673 7.90123457 25.8711673 4.81244444"/>
</g>
<path d="M0.210055805,46.2775133 C2.11885283,44.4828599 7.8452439,46.2775133 11.6628379,41.5811069 C15.480432,36.8847006 17.389229,30.3097316 15.480432,24.674044 C13.571635,19.0383563 11.6628379,12.4633874 17.389229,6.82769976 C23.1156201,1.19201211 27.8876126,-1.62583172 32.6596052,2.13129338 C37.4315978,5.88841848 36.4771993,12.4633874 33.6140037,16.2205125 C30.7508082,19.9776376 25.0244171,22.7954814 22.1612216,26.5526065 C19.298026,30.3097316 18.3436275,35.006138 21.2068231,39.7025444 C24.0700186,44.3989508 31.7052067,43.3757603 34.5684022,45.338232 C37.4315978,47.3007037 30.7508082,47.2167946 20.2524246,47.2167946 C9.75404092,47.2167946 -1.69874122,48.0722711 0.210055805,46.2775133 Z" id="Path" fill="#000"/>
<path d="M0.210055805,46.2775133 C2.11885283,44.4828599 7.8452439,46.2775133 11.6628379,41.5811069 C15.480432,36.8847006 17.389229,30.3097316 15.480432,24.674044 C13.571635,19.0383563 11.6628379,12.4633874 17.389229,6.82769976 C23.1156201,1.19201211 27.8876126,-1.62583172 32.6596052,2.13129338 C37.4315978,5.88841848 36.4771993,12.4633874 33.6140037,16.2205125 C30.7508082,19.9776376 25.0244171,22.7954814 22.1612216,26.5526065 C19.298026,30.3097316 18.3436275,35.006138 21.2068231,39.7025444 C24.0700186,44.3989508 31.7052067,43.3757603 34.5684022,45.338232 C37.4315978,47.3007037 30.7508082,47.2167946 20.2524246,47.2167946 C9.75404092,47.2167946 -1.69874122,48.0722711 0.210055805,46.2775133 Z" id="Path" fill="#B1E11C"/>
</g>
</g>
</g>
</g>
<script xmlns=""/></svg>
<script xmlns=""/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 20 KiB

After

Width:  |  Height:  |  Size: 20 KiB

62
style.css
View file

@ -21,6 +21,7 @@ h2 {
}
nav {
margin-top: 4rem;
border-top: 1px dotted rgba(0,0,0,.15);
}
@ -32,3 +33,64 @@ nav li {
display: block;
margin-bottom: .5em;
}
.schedule {
position: relative;
width: 100%;
overflow-x: scroll;
}
table {
border-spacing: 0;
}
td {
border-bottom: 1px solid black;
border-right: 1px solid black;
padding: 0 0.5em;
}
tr:not(:first-child) th {
border-right: 1px solid black;
border-left: 1px solid black;
position: sticky;
left: 0;
background: #fefefe;
}
th {
border-bottom: 1px solid black;
}
th:first-child {
position: sticky;
left: 0;
background: #fefefe;
}
tr {
position: relative;
height: 42px;
}
tr::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
border-bottom: 1px dotted rgba(0,0,0,0.5);
}
.wichtig {
background-color: #aed095;
}
.essen {
background-color: #ffe994;
}
.kennenlernen {
background-color: #b7b3ca;
}
.fachinformationen {
background-color: #ffa6a6;
}
.uni-event {
background-color: #ffb66c;
}
.stadt-event {
background-color: #729fcf;
}