Browse Source

Update 'index.html'

lydia 4 years ago
parent
commit
4f0b5a68cc
1 changed files with 56 additions and 0 deletions
  1. 56 0
      index.html

+ 56 - 0
index.html

@@ -3,8 +3,64 @@
 <head>
  <meta charset="UTF-8">
  <title>Lydia's page</title>
+    <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/base/jquery-ui.css" type="text/css" />
+    <script src="main.js"></script>
+    <link rel="stylesheet" href="main.css"/>
 </head>
 <body>
+
+<div class="startbar">
+  <div id="startbutton" class="startbutton-off">
+    <b>Start</b>
+  </div>
+  <div class="time">
+  </div>
+</div>
+
+<div id="menu">
+  <div class="sidebar"></div>
+  <div class="headline"><b>Windows</b> 98
+  </div>
+  <ul class="menu-content">
+    <li class="item more" data-icon="https://res.cloudinary.com/penry/image/upload/v1474990247/directory_program_group_small_fqw8rr.ico">Programs
+      <ul class="dropdown-content">
+        <li class="dropdown-item" data-icon="https://res.cloudinary.com/penry/image/upload//w_65,h_65,c_lpad/v1474990266/msie2_ks3wek.png">Internet Explorer</li>
+        <li class="dropdown-item" data-icon="https://res.cloudinary.com/penry/image/upload/v1474990270/notepad_file_kf9wqx.ico">Notepad</li>
+
+      </ul>
+    </li>
+    <li class="item more" data-icon="https://res.cloudinary.com/penry/image/upload/w_65,h_65,c_lpad/v1474990246/directory_pictures_ualddt.png">Photos
+      <ul class="dropdown-content">
+        <li class="dropdown-item launch" data-launch="pepe" data-title="Rare Pepe.jpg" data-icon="https://res.cloudinary.com/penry/image/upload/q_100/v1474990272/pictures_bt9tfg.ico" data-url="http://penry.me/projects/windows98/rarepepe/">Rare Pepe.jpg
+        </li>
+
+        <li class="dropdown-item launch" data-launch="dank" data-title="Requiem for a meme.gif" data-icon="https://res.cloudinary.com/penry/image/upload/q_100/v1474990272/pictures_bt9tfg.ico" data-url="http://penry.me/projects/windows98/requiem/">Requiem for a meme.gif</li>
+      </ul>
+    </li>
+    <li class="item more" data-icon="https://res.cloudinary.com/penry/image/upload//w_40,h_40,c_lpad/v1474990234/cd_audio_cd_mcloiq.png">Music
+      <ul class="dropdown-content">
+        <li class="dropdown-item launch" data-launch="420" data-title="MACINTOSH PLUS - リサフランク420 / 現代のコンピュー.mp3" data-icon="https://res.cloudinary.com/penry/image/upload/v1474990282/SoundYel_aunogm.ico" data-url="https://s.codepen.io/penry/debug/KgWVbQ">MACINTOSH PLUS 420.mp3</li>
+      </ul>
+    </li>
+    <li class="item more" data-icon="https://res.cloudinary.com/penry/image/upload/c_lpad,g_center,r_0,w_65/v1474990261/media_player_file_sqjlgm.png">Videos
+      <ul class="dropdown-content">
+        <li class="dropdown-item launch" data-launch="sundaySchool" data-title="SUNDAY SCHOOL.mp4" data-icon="https://res.cloudinary.com/penry/image/upload/v1474990261/media_player_file_sqjlgm.png" data-url="https://www.youtube.com/embed/rTfa-9aCTYg">SUNDAY SCHOOL.mp4</li>
+        <li class="dropdown-item launch" data-launch="kungFury" data-title="KUNG FURY.mp4" data-icon="https://res.cloudinary.com/penry/image/upload/v1474990261/media_player_file_sqjlgm.png" data-url="https://www.youtube.com/embed/bS5P_LAqiVg">KUNG FURY.mp4</li>
+
+      </ul>
+    </li>
+    <li class="item" data-icon="https://res.cloudinary.com/penry/image/upload/q_100/v1474990280/settings_gear_zxd7tf.ico">Settings</li>
+    <li class="item" data-icon="https://res.cloudinary.com/penry/image/upload/q_100/v1474990279/search_file_2_yy4muv.ico">Find</li>
+    <li class="item" data-icon="https://res.cloudinary.com/penry/image/upload/v1474990254/help_book_small_ra0uhc.ico">Help</li>
+    <li class="item" data-icon="https://res.cloudinary.com/penry/image/upload/v1474990231/application_hourglass_small_yyhy5z.ico">Run</li>
+    <li class="item" data-icon="https://res.cloudinary.com/penry/image/upload/v1474990258/key_win_anpnfo.ico">Log off</li>
+    <li class="item" data-icon="https://res.cloudinary.com/penry/image/upload/v1474990281/shut_down_normal_t24or4.ico">Shutdown</li>
+  </ul>
+</div>
+
+
+<div class="desktop">
+</div>
 </body>
 </html>