<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>RaPla Middleware LinkGen</title> <meta name="author" content="Patrick Müller"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" type="text/css" href="styles.css"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> <link rel="stylesheet" href="https://use.typekit.net/eun8zle.css"> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script> <!--Font Awesome Icons--> <script src="https://kit.fontawesome.com/f2c150d561.js" crossorigin="anonymous"> </script> <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script> <script src="scripts.js"></script> </head> <body> <div class="container-fluid" id="raplalinkcontainer"> <!-- HEADER --> <div class="content"> <nav class="raplalinkcontainer--nav row" id="raplalinkcontainer--nav"> <div class="raplalinkcontainer--nav__text col-11"> <span>RaPla Middleware Link Generator</span> </div> <i class="raplalinkcontainer__header--button col-1 far fa-moon" id="colorModeToggleIcon" onclick="toggleDarkMode()"> </i> </nav> <!-- // HEADER --> <!-- PREFACE --> <div class="raplalinkcontainer__preface--row"> <div class="raplalinkcontainer__preface"> <p>This website generates a link based on your preferences to use the RaPla Middleware which filters unwanted events.</p> <p>Please only select a Wahl- / Profilmodul if you are in the 5./6. Semester and have any of these as otherwise, the middleware might not work as expected.</p> <p>Of course, I try my best to only exclude the events you want to have removed, but of course I can't guarantee that this tool works exactly as expected all the time. Please don't only rely on this tool working perfectly.</p> </div> </div> <!-- // PREFACE --> <!-- RAPLA-LINK-FORM --> <div class="raplalinkcontainer__form"> <form> <!-- COURSE-NAME --> <div class="input-group mb-3"> <div class="input-group-prepend"> <label class="input-group-text" for="coursename">Choose your course</label> </div> <select class="form-select" id="coursename"> <option value="-1" selected>Course</option> <option value="TINF19B1">TINF19B1</option> <option value="TINF19B2">TINF19B2</option> <option value="TINF19B3">TINF19B3</option> <option value="TINF19B4">TINF19B4</option> <option value="TINF19B5">TINF19B5</option> <option value="TINF20B1">TINF20B1</option> <option value="TINF20B2">TINF20B2</option> <option value="TINF20B3">TINF20B3</option> <option value="TINF20B4">TINF20B4</option> <option value="TINF20B5">TINF20B5</option> </select> </div> <!-- // COURSE-NAME --> <!-- CUSTOM RAPLALINK --> <p class="mb-3">If your course is not in the list, provide your RaPla Link here:</p> <div class="input-group mb-3"> <div class="input-group-prepend"> <label class="input-group-text" for="raplalink">Your RaPla Link</label> </div> <input class="form-control" id="raplalink" name="raplalink" type="text" placeholder="Your RaPla Link"> </div> <!-- // CUSTOM RAPLALINK --> <!-- HIDE BLOCKERS --> <div class="mb-3 form-check"> <label class="form-check-label" for="hideBlockers">Hide Blockers</label> <input type="checkbox" class="form-check-input" id="hideBlockers" name="hideBlockers"> </div> <!-- // HIDE BLOCKERS --> <!-- WAHLMODUL --> <div class="input-group mb-3"> <div class="input-group-prepend"> <label class="input-group-text" for="wahlmodul">Choose your Wahlmodul</label> </div> <select class="form-select" id="wahlmodul" name="wahlmodul"> <option value="" selected>Wahlmodul</option> <option value="0">ERP-Systeme</option> <option value="1">Ethik für Informatiker</option> <option value="2">Evolutionäre Algorithmen</option> <option value="3">Forensik</option> <option value="4">Kryptographische Verfahren</option> <option value="5">Robotik</option> <option value="6">Web-Services</option> <option value="7">High Performance Computing</option> </select> </div> <!-- // WAHLMODUL --> <!-- PROFILMODUL --> <div class="input-group mb-3"> <div class="input-group-prepend"> <label class="input-group-text" for="profilmodul">Choose your Profilmodul</label> </div> <select class="form-select" id="profilmodul" name="profilmodul"> <option value="" selected>Profilmodul</option> <option value="0">KI und BV</option> <option value="1">Computergrafik</option> <option value="2">KI und IS</option> <option value="3">E-Business</option> <option value="4">Netztechnik II</option> </select> </div> <!-- // PROFILMODUL --> <!-- GENERATE LINK BUTTON --> <input type="button" class="btn btn-outline-secondary" id="submitBtn" value="Generate Link" data-bs-toggle="modal" data-bs-target="#linkModal"> <!-- // GENERATE LINK BUTTON --> </form> </div> <div class="raplalinkcontainer--nav__subtext">Made with <img height="10" src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/microsoft/309/red-heart_2764-fe0f.png"/> by <a href="https://www.p4ddy.com">Paddy</a> & <a href="https://www.li54.dev">Lisa</a> & <a href="https://www.davidhuh.de">Dave</a></div> <!-- Modal --> <div class="modal fade" id="linkModal" tabindex="-1" aria-labelledby="linkModalSuccess" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header modal-toggle"> <h5 class="modal-title" id="linkModalTitle"></h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body modal-toggle"> <div class="raplalinkcontainer--link"> <p id="raplalinkcontainer--link"></p> </div> <p id="full-link"></p> </div> <div class="modal-footer modal-toggle"> <button type="button" class="btn btn-secondary" id="raplalinkcontainer--closeButton" data-bs-dismiss="modal"></button> </div> </div> </div> </div> </div> </div> </body> </html>