Skip to content

Commit

Permalink
many many changes
Browse files Browse the repository at this point in the history
  • Loading branch information
@mneunomne
mneunomne committed Apr 8, 2021
1 parent 94a1841 commit 8c9c6c7
Show file tree
Hide file tree
Showing 36 changed files with 778 additions and 324 deletions.
256 changes: 256 additions & 0 deletions __index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,256 @@
<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta content="IE=edge" http-equiv="X-UA-Compatible">
<title>these_urls_will_save_the_irl</title>
<meta content="" name="description">
<meta content="width=device-width, initial-scale=1" name="viewport">
<link href="" rel="stylesheet">
<!-- JQUERY -->
<script src="./libs/jquery-3.5.1.min.js"></script>
<link href="./websites/halle__home/main.css" rel="stylesheet">
<link href="./websites/halle__home/full.1601020931.css" rel="stylesheet">
<link href="./websites/hbksaar_startseite/bootstrap.min.css" rel="stylesheet">


<style>
body {
background: white;
overflow-x: hidden;
background: blue;
}

iframe {
overflow: hidden;
transition: all 20s;
background: white;
}

.popup {
pointer-events: none;
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
background: rgba(0, 0, 0, 0.5);
}

.popup .mfp-wrap {
pointer-events: all;
display: block;
width: 100%;
height: 100%;
}

.id-label {
position: absolute;
color: red;
}

.hpbutton {
font-size: 1.5em;
font-weight: 400;
font-family: "Source Sans Pro", "SourceSans", Helvetica, sans-serif;
color: #ffffff;
padding: 15px 30px 20px 20px;
margin: 0px;
z-index: 1200;
background: #c00f0f;
line-height: 24px;
}
.hpbutton a {
font-size: 1.5em;
font-weight: 400;
font-family: "Source Sans Pro", "SourceSans", Helvetica, sans-serif;
color: white;
}

.hpbutton a:hover {
color: #CCC;
text-decoration: none;
}

.row {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
max-width: 100%;
flex-wrap: wrap;
padding: 0px 20px;
width: 100%;
}

@media (max-width: 1016px) {
#footer-map {
height: 520px;
}
}

@media (max-width: 792px) {
#footer-map {
height: 780px;
}
}

@media (max-width: 600px) {
#footer-map {
height: 800px;
}
}

@media (max-width: 864px) {
#footer-international {
height: 410px;
}
}
iframe::before { content: "a"; display: block; position: absolute; top: 0; bottom: 0; right: 0; left: 0; }
</style>
</head>

<body>
<div class="stop-peeking-at-this-mushified-code">
<div class="cabeca">
<div class="row">
<div><iframe data-id="22" frameborder="0" height="20" src="elements/22-hfg_bewerbungsverfahren.html" width="80"></iframe><span class="id-label">22</span></div>
<div><iframe data-id="33" frameborder="0" height="20" src="elements/33-nurnberg_kontakt.html" width="20"></iframe><span class="id-label">33</span></div>
<div><iframe data-id="31" frameborder="0" height="45" src="elements/31-ottersberg_studium.html" width="492"></iframe><span class="id-label">31</span></div>
</div>
<div class="row">
<div><iframe data-id="68" frameborder="0" height="65" src="elements/68-hfk_lab.html" width="168"></iframe><span class="id-label">68</span></div>
<div><iframe data-id="64" frameborder="0" height="50" src="elements/64-hfk_lab.html" width="80"></iframe><span class="id-label">64</span></div>
<div><iframe data-id="15" frameborder="0" height="89" src="elements/15-khk_bewerbung.html" width="164"></iframe><span class="id-label">15</span></div>
</div>
<div class="row">
<div><iframe data-id="32" frameborder="0" height="20" src="elements/32-ottersberg_studium.html" width="58"></iframe><span class="id-label">32</span></div>
</div>
</div>

<div class="corpo">
<div class="row">
<div><iframe data-id="70" frameborder="0" height="259" src="elements/70-folkwang.html" width="218"></iframe><span class="id-label">70</span></div>
<div><iframe data-id="50" frameborder="0" height="170" id="el-39" src="elements/50.html" width="301"></iframe><span class="id-label">50</span></div>
<div><iframe data-id="19" frameborder="0" height="177" id="el-52" src="elements/19-hfg_karlsruhe_startseite.html" width="233"></iframe><span class="id-label">19</span></div>
<div><iframe data-id="10" frameborder="0" height="39" src="elements/10-studying_at_khm.html" width="53"></iframe><span class="id-label">10</span></div>
<div><iframe data-id="2" frameborder="0" height="153" src="elements/2-hfbk.html" width="300"></iframe><span class="id-label">2</span></div>
<div><iframe data-id="4" frameborder="0" height="100" src="elements/4-hfbk.html" width="367"></iframe><span class="id-label">4</span></div>
<div><iframe data-id="45" frameborder="0" height="50" id="el-45" src="elements/45.html"></iframe><span class="id-label">45</span></div>
<div><iframe data-id="49" frameborder="0" height="47" id="el-39" src="elements/49.html" width="132"></iframe><span class="id-label">49</span></div>
<div><iframe data-id="28" frameborder="0" height="36" src="elements/28-hbksaar_startseite.html" width="300"></iframe><span class="id-label">28</span></div>
<div><iframe data-id="17" frameborder="0" height="146" id="el-52" src="elements/17-hfg_karlsruhe_startseite.html" width="579"></iframe><span class="id-label">17</span></div>
<div><iframe data-id="29" frameborder="0" height="27" src="elements/29-hbksaar_startseite.html" width="189"></iframe><span class="id-label">29</span></div>
<div><iframe data-id="52" frameborder="0" height="36" id="el-52" src="elements/52.html" width="237"></iframe><span class="id-label">52</span></div>
<div><iframe data-id="16" frameborder="0" height="70" id="el-52" src="elements/16-hfg_karlsruhe_startseite.html" width="70"></iframe><span class="id-label">16</span></div>
<div><iframe data-id="18" frameborder="0" height="76" id="el-52" src="elements/18-hfg_karlsruhe_startseite.html" width="194"></iframe><span class="id-label">18</span></div>
<div><iframe data-id="21" frameborder="0" height="46" src="elements/21-hfg_karlsruhe_download.html" width="137"></iframe><span class="id-label">21</span></div>
<div><iframe data-id="23" frameborder="0" height="37" src="elements/23-hfg_bewerbungsverfahren.html" width="560"></iframe><span class="id-label">23</span></div>
<div><iframe data-id="26" frameborder="0" height="180" id="el-39" src="elements/26-hfg_offenbach.html" width="242"></iframe><span class="id-label">26</span></div>
<div><iframe data-id="27" frameborder="0" height="112" id="el-39" src="elements/27-hfg_offenbach.html" width="138"></iframe><span class="id-label">27</span></div>
<div><iframe data-id="39" frameborder="0" height="81" id="el-39" src="elements/39-berlin_bard.html"></iframe><span class="id-label">39</span></div>
<div><iframe data-id="40" frameborder="0" height="36" id="el-40" src="elements/40.html" width="225"></iframe><span class="id-label">40</span></div>
<div><iframe data-id="41" frameborder="0" height="220" id="el-41" src="elements/41.html" width="301"></iframe><span class="id-label">41</span></div>
<div><iframe data-id="46" frameborder="0" height="100" id="el-46" src="elements/46.html" width="300"></iframe><span class="id-label">46</span></div>
<div><iframe data-id="48" frameborder="0" height="95" src="elements/48-braunschweig.html" width="221"></iframe><span class="id-label">48</span></div>
<div><iframe data-id="47" frameborder="0" height="11" src="elements/47-braunschweig.html" width="106"></iframe><span class="id-label">47</span></div>
<div><iframe data-id="53" frameborder="0" height="54" src="elements/53-hfbk_dresden.html" width="156"></iframe><span class="id-label">53</span></div>
<div><iframe data-id="54" frameborder="0" height="30" src="elements/54-hfbk_dresden_bewerbung.html" width="100"></iframe><span class="id-label">54</span></div>
<div><iframe data-id="69" frameborder="0" height="60" src="elements/69-hfk_bewerbung.html" width="710"></iframe><span class="id-label">69</span></div>
<div><iframe data-id="62" frameborder="0" height="133" src="elements/62-halle_home.html" width="276"></iframe><span class="id-label">62</span></div>
<div><iframe data-id="76" frameborder="0" height="39" src="elements/76-udk.html" width="154"></iframe><span class="id-label">76</span></div>
<div><iframe data-id="9" frameborder="0" height="316" src="elements/9-studying_at_khm.html" width="587"></iframe><span class="id-label">9</span></div>
<div><iframe data-id="8" frameborder="0" height="398" src="elements/8-studying_at_khm.html" width="369"></iframe><span class="id-label">8</span></div>
<div><iframe data-id="34" frameborder="0" height="80" src="elements/34-nurnberg_bewerbung.html" width="480"></iframe><span class="id-label">34</span></div>
<div><iframe data-id="12" frameborder="0" height="351" src="elements/12-muthesius_uni.html" width="384"></iframe><span class="id-label">12</span></div>
<div><iframe data-id="11" frameborder="0" height="38" src="elements/11-muthesius_kunst.html" width="30"></iframe><span class="id-label">11</span></div>
<div><iframe data-id="42" frameborder="0" height="25" src="elements/42-munster_startseite.html" width="159"></iframe><span class="id-label">42</span></div>
<div><iframe data-id="43" frameborder="0" height="35" src="elements/43-munster_bewerbung.html" width="448"></iframe><span class="id-label">43</span></div>
<div><iframe data-id="38" frameborder="0" height="300" src="elements/38-munchen_bewerbung.html" width="400"></iframe><span class="id-label">38</span></div>
<div><iframe data-id="36" frameborder="0" height="50" src="elements/36-munchen_aktuell.html" width="185"></iframe><span class="id-label">36</span></div>
<div><iframe data-id="35" frameborder="0" height="20" src="elements/35-munchen_aktuell.html" width="80"></iframe><span class="id-label">35</span></div>
<div><iframe data-id="6" frameborder="0" height="227" src="elements/6-mainz_pdf.html" width="500"></iframe><span class="id-label">6</span></div>
<div><iframe data-id="7" frameborder="0" height="436" src="elements/7-mainz_bewerbung.html" width="485"></iframe><span class="id-label">7</span></div>
<div><iframe data-id="5" frameborder="0" height="103" src="elements/5-mainz.html" width="300"></iframe><span class="id-label">5</span></div>
<div><iframe data-id="14" frameborder="0" height="100" src="elements/14-khk_bewerbung.html" width="200"></iframe><span class="id-label">14</span></div>
<div><iframe data-id="59" frameborder="0" height="47" src="elements/59-hgb_kalender.html" width="400"></iframe><span class="id-label">59</span></div>
<div><iframe data-id="58" frameborder="0" height="28" src="elements/58-hgb_studienangebot.html" width="800"></iframe><span class="id-label">58</span></div>
<div><iframe data-id="57" frameborder="0" height="47" src="elements/57-hgb_bewerbung.html" width="400"></iframe><span class="id-label">57</span></div>
</div>

</div>


</div>

<div class="footer">
<div><iframe data-id="24" frameborder="0" height="350" id="footer-map" src="elements/24-hbk_essen.html" width="100%"></iframe><span class="id-label">24</span></div>
<div><iframe data-id="20" frameborder="0" height="277" id="footer-international" src="elements/20-hfg_karlsruhe_international.html" width="100%"></iframe><span class="id-label">20</span></div>
</div>

<!--
<div class="popup">
<div class="mfp-wrap mfp-close-btn-in mfp-auto-cursor mfp-ready" tabindex="-1" style="overflow: hidden auto;"><div class="mfp-container mfp-s-ready mfp-inline-holder"><div class="mfp-content"><div class="buha-translation-info-popup">
<h1>English version</h1><p>Please note: not all the content is available in english. We are working on it.</p>
<form>
<label>
<input type="checkbox" class="buha-translation-info-popup__keep-hidden-checkbox">
<span class="buha-translation-info-popup__keep-hidden-label">Do not show the message again</span>
</label>
</form>
<a class="buha-translation-info-popup__dismiss-button" href="#">Ok</a>
<button title="Close (Esc)" type="button" class="mfp-close">×</button></div></div><div class="mfp-preloader">Loading …</div></div></div>
</div>
-->
<script>
/*
$('#target').load('./websites/halle__home/halle__home.htm .mfp-ready')
$('.mfp-close').click(() => {
$('.popup').remove()
})
$('.buha-translation-info-popup__dismiss-button').click(() => {
$('.popup').remove()
})
$( ".corpo iframe" ).each(function() {
let x = (Math.random()-0.5) * 40
let y = (Math.random()-0.5) * 40
$( this ).css({"-webkit-transform":`translate(${x}px,${y}px)`});
$(this).mouseenter(function() {
let __x = (Math.random()-0.5) * 400
let __y = (Math.random()-0.5) * 400
$(this).css({"-webkit-transform":`translate(${__x}px,${__y}px) scale(1.1)`});
}).mouseleave(function() {
// $(this).css({"-webkit-transform":`translate(${x}px,${y}px)`});
});
setTimeout(() => {
let __x = (Math.random()-0.5) * 400
let __y = (Math.random()-0.5) * 400
$(this).css({"-webkit-transform":`translate(${__x}px,${__y}px)`});
}, 20000)
});
$.fn.randomize = function(selector){
(selector ? this.find(selector) : this).parent().each(function(){
$(this).children(selector).sort(function(){
return Math.random() - 0.5;
}).detach().appendTo(this);
});
return this;
};
$('.corpo').randomize('iframe');
*/

</script>
</body>

</html
</body>
</html>
</body>
</html>>
Loading

0 comments on commit 8c9c6c7

Please sign in to comment.