Windows-98-Javascript/index.html at master · cyrixninja/Windows-98-Javascript · GitHub

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
<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <title>Windows</title>
  <link rel="stylesheet" href="./style.css">

</head>
<body>
<!-- partial:index.partial.html -->
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/base/jquery-ui.css" type="text/css" />
<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="screenshot1" data-title="screenshot1.jpg" data-icon="https://res.cloudinary.com/penry/image/upload/q_100/v1474990272/pictures_bt9tfg.ico" data-url="https://i.ytimg.com/vi/0blP8k_wDzE/maxresdefault.jpg">Screenshot1.jpg
        </li>

        <li class="dropdown-item launch" data-launch="screenshot2" data-title="screenshot2.jpg" data-icon="https://i.ytimg.com/vi/0VqvCa_XYsU/maxresdefault.jpg"  data-url="https://i.ytimg.com/vi/0VqvCa_XYsU/maxresdefault.jpg">Screenshot2.jpg</li>
      </ul>
    </li>
    <li class="item more" data-icon="https://win98icons.alexmeub.com/icons/png/package-1.png">Applications
    <ul class="dropdown-content">
      <li class="dropdown-item launch" data-launch="420" data-title="Paint" data-icon="https://win98icons.alexmeub.com/icons/png/paint_old-0.png" data-url="paint/index.html">Paint</li>
      </ul>
    </li>
    <li class="item more" data-icon="https://win98icons.alexmeub.com/icons/png/mshearts.png">Games

      <ul class="dropdown-content">
        <li class="dropdown-item launch" data-launch="SpaceInvaders" data-title="Space Invaders" data-icon="https://win98icons.alexmeub.com/icons/png/shell_window2.png" data-url="games/spaceship.html">Space Invaders</li>
        <li class="dropdown-item launch" data-launch="Pokemon" data-title="Pokemon" data-icon="https://win98icons.alexmeub.com/icons/png/shell_window2.png" data-url="games/pokemon.html">Pokemon</li>
        <li class="dropdown-item launch" data-launch="Enduro" data-title="Enduro" data-icon="https://win98icons.alexmeub.com/icons/png/shell_window2.png" data-url="games/enduro.html">Enduro</li>
        <li class="dropdown-item launch" data-launch="Minesweeper" data-title="Minesweeper" data-icon="https://win98icons.alexmeub.com/icons/png/minesweeper-0.png" data-url="games/minesweeper.html">Minesweeper</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>
<!-- partial -->
  <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.0/jquery-ui.min.js'></script><script  src="./script.js"></script>

</body>
</html>