This repository has been archived by the owner on Aug 6, 2019. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
105 lines (72 loc) · 9.46 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=0.75, user-scalable=no">
<title>muton os v3.11</title>
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.18.1/build/cssreset/cssreset-min.css">
<link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet">
<!--<link rel="stylesheet" type="text/css" href="css/cssreset-min.css">
<link href="css/fonts.css" rel="stylesheet">-->
<link rel="stylesheet" href="css/main.css">
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js" integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU=" crossorigin="anonymous"></script>
<!--<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/jquery-ui.min.js"></script>-->
<script src="js/jquery.ui.touch-punch.min.js"></script>
<script src="js/main.js"></script>
</head>
<body>
<div id="desktop-icon-wrapper">
<a id="info-icon" class="desktop-icon icon-align-left" data-window-link="window-about">
<img src="img/icon-information-shadow.png">
<p>About</p>
</a>
<a id="notepad-icon" class="desktop-icon icon-align-right" data-window-link="window-memo">
<img src="img/icon-notepad-shadow.png">
<p>Participants</p>
</a>
<a id="clock-folder" class="desktop-icon icon-align-right" data-window-link="window-images">
<img src="img/icon-imgs-folder.png">
<p>Presentations</p>
</a>
<a id="notepad-icon" class="desktop-icon icon-align-right" data-window-link="window-cd">
<img src="img/icon-cd-shadow.png">
<p>CD Drive</p>
</a>
<a id="clock-icon" class="desktop-icon icon-align-right" data-window-link="window-calendar">
<img src="img/icon-clock-shadow.png">
<p>Calendar</p>
</a>
</div>
<div id="right-bottom-corner">
<a id="instagram-link" href="https://www.instagram.com/muidkiel/" target="_blank">instagram</a><div id="clock"></div>
</div>
<div id="notification" class="window draggable">
<div class="border-top-left window-border"></div><div class="border-top-right window-border"></div><div class="border-bottom-right window-border"></div><div class="border-bottom-left window-border"></div><div class="shadow-fix window-border"></div>
<div class="content">
<p>The first Muton, Marathon of Introductions and Ideas, took place on 8 January 2018. The event is an informal lecture series of the industrial design department at the Muthesius University of Fine Arts and Design in Kiel, Germany. Get to know the spirit here!</p>
<p class="content-wrapper"><a class="content-button content-close-button">OK</a></p>
</div>
<div class="content-bg"></div>
</div>
<div id="emuji-speech-bubble"></div>
<div id="emuji-wrapper">
<img id="emuji" src="img/emuji.png">
</div>
<!-- ### WINDOW 3 ### -->
<div id="windows">
<script type="text/javascript">
var windows = { content : [
{ id : 'window-about', title : 'About', content : '<img src="img/muton-logo.png" height="80" id="about-logo"><br><p class="center"><b>Muthesius Academy of Fine Arts</b><br><i>Marathon of Introductions & Ideas</i></p><p class="about_names">CEO: <a href="https://www.instagram.com/matyldakrzykowski/" class="simple_decoration">Matylda Krzykowski</a><br>CEO: Katharina Graff<br>COO: <a href="https://www.instagram.com/leuys/" class="simple_decoration">Benjamin Unterluggauer</a></br>CD: <a href="https://www.instagram.com/jns_fschr/" class="simple_decoration">Jonas Fischer</a></p><i><a href="https://www.instagram.com/explore/tags/muidmuton/">#muidmuton</a></i>', top:'12%', right:'50%', width:'350px', height:'430px' },
{ id : 'window-calendar', title : 'Calendar', content : '<h4>January 2018</h4><table><tr><th><b>Mo</b></th><th><b>Tu</b></th><th><b>We</b></th><th><b>Th</b></th><th><b>Fr</b></th><th><b>Sa</b></th><th><b>So</b></th></tr><tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td></tr><tr><td id="feature-date">8</td><td>9</td><td>10</td><td>11</td><td>12</td><td>13</td><td>14</td></tr><tr><td>15</td><td>16</td><td>17</td><td>18</td><td>19</td><td>20</td><td>21</td></tr><tr><td>22</td><td>23</td><td>24</td><td>25</td><td>26</td><td>27</td><td>28</td></tr><tr><td>29</td><td>30</td><td>31</td><td></td><td></td><td></td><td></td></tr></table><img src="img/clock-bg.png" id="calendar-clock"><p id="feature-date-text"><b>08 JAN 2018<br>08:45</b> Muton<br>Muthesius Kesselhaus<br>Legienstr. 35, 24103 Kiel</p>', top:'20%', right:'30%', width:'420px', height:'400px' },
//{ id : 'window-memo', title : 'Memo', content : 'Check in: 8th January 2018, 8:45h<br><br>Network: 1<br>Duration: 5 mins each<br>Presentation: 8 images for 8 questions<br>Location: Kesselhaus<br>Language: English<br>Participants: 48<br>Credits: 1<br><br>check out: when we are finished<br><br><b>See you at the next edition!</b>', top:'17%', right:'20%', width:'606px', height:'386px' },
{ id : 'window-memo', title : 'Participants', content : '8 images + 8 questions = 5 min <br> <br> Participants: 48<br> <table> <tr> <td><img src="portraits/al-hadry.gif" class="portraits">Al-Hadry, Laura Mufida</td> <td><img src="portraits/maschmeyer.gif" class="portraits">Maschmeyer, Lisa Inga</td> </tr> <tr> <td><img src="portraits/kieseritzky.gif" class="portraits">Kieseritzky, Nele</td> <td><img src="portraits/groß.gif" class="portraits">Groß, Philippe Michael Jacques</td> </tr> <tr> <td><img src="portraits/behrens.gif" class="portraits">Behrens, Julian Patrick</td> <td><img src="portraits/niggemeyer.gif" class="portraits">Niggemeyer, Marco Alexander</td> </tr> <tr> <td><img src="portraits/ulmer.gif" class="portraits">Ulmer, Anna Luise Jorinde</td> <td><img src="portraits/unterluggauer.gif" class="portraits">Unterluggauer, Benjamin Alois</td> </tr> <tr> <td><img src="portraits/behrendt.gif" class="portraits">Behrendt, Bertrand Georg</td> <td><img src="portraits/schierning.gif" class="portraits">Schierning, Charlotte Maria Therese</td> </tr> <tr> <td><img src="portraits/rieche.gif" class="portraits">Rieche, David Frederik</td> <td><img src="portraits/kowshik.gif" class="portraits">Kowshik, Divya Vivekanand</td> </tr> <tr> <td><img src="portraits/schneider.gif" class="portraits">Schneider, Franziska</td> <td><img src="portraits/brand.gif" class="portraits">Brand, Jakob Karl Friedrich</td> </tr> <tr> <td><img src="portraits/figura.gif" class="portraits">Figura, Jan</td> <td><img src="portraits/jacob.gif" class="portraits">Jacob, Frank</td> </tr> <tr> <td><img src="portraits/zhang.gif" class="portraits">Zhang, Jingya</td> <td><img src="portraits/mißfeldt.gif" class="portraits">Mißfeldt, Steffen</td> </tr> <tr> <td><img src="portraits/barche.gif" class="portraits">Barche, Lara Sophie</td> <td><img src="portraits/ludwig.gif" class="portraits">Ludwig, Mats</td> </tr> <tr> <td><img src="portraits/leuschner.gif" class="portraits">Leuschner, Merle-Christin</td> <td><img src="portraits/fiedler.gif" class="portraits">Fiedler, Niklas</td> </tr> <tr> <td><img src="portraits/broesske.gif" class="portraits">Brößke, Paul Johannes Christof</td> <td><img src="portraits/althoff.gif" class="portraits">Althoff, Pauline Sophie</td> </tr> <tr> <td><img src="portraits/eule.gif" class="portraits">Eule, Aline Rosalie</td> <td><img src="portraits/chen.gif" class="portraits">Chen, Siyue</td> </tr> <tr> <td><img src="portraits/krzykowski.gif" class="portraits">Krzykowski, Matylda</td> <td><img src="portraits/otten.gif" class="portraits">Otten, Fabian</td> </tr> <tr> <td><img src="portraits/metez.gif" class="portraits">Metez, Teja</td> <td><img src="portraits/lassen.gif" class="portraits">Lassen, Finn</td> </tr> <tr> <td><img src="portraits/steinhart-besser.gif" class="portraits">Steinahrt-Besser, Vincent</td> <td><img src="portraits/moellring.gif" class="portraits">Möllring, Bettina</td> </tr> <tr> <td><img src="portraits/ameli.gif" class="portraits">Ameli, Amir Reza</td> <td><img src="portraits/xin.gif" class="portraits">Xin, Chen</td> </tr> </table> ', top:'17%', right:'20%', width:'606px', height:'386px' },
{ id : 'window-cd', title : 'That\'s the spirit !', content : '<img src="img/fuckbois.gif">', top:'10%', right:'10%', width:'600px', height:'380px' },
{ id : 'window-images', title : 'Presentations', content : '<img src="impressions/impressions-04.gif" class="impressions"><img src="impressions/Nele.gif" class="impressions"><img src="impressions/impressions-05.gif" class="impressions"><img src="impressions/impressions-06.gif" class="impressions"><img src="impressions/Philippe.gif" class="impressions"><img src="impressions/impressions-07.gif" class="impressions"><img src="impressions/impressions-08.gif" class="impressions"><img src="impressions/Sailing.gif" class="impressions"><img src="impressions/impressions-09.gif" class="impressions"><img src="impressions/Steam.gif" class="impressions"><img src="impressions/impressions-10.gif" class="impressions"><img src="impressions/Zitrone.gif" class="impressions"><img src="impressions/impressions-11.gif" class="impressions"><img src="impressions/impressions-12.gif" class="impressions"><img src="impressions/Spoons.gif" class="impressions"><img src="impressions/impressions-14.gif" class="impressions">', top:'10%', right:'10%', width:'650px', height:'450px' },
]};
</script>
</div>
<!-- ### --- ### -->
</body>
</html>