index.html

   1 <!DOCTYPE html>
   2 <html lang="ja">
   3 <head>
   4         <meta charset="UTF-8">
   5         <title>kitDesktop</title>
   6         <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
   7         <link rel="stylesheet" href="./system/jquery-ui-1.12.1/jquery-ui.min.css">
   8         <link href="./fa/css/all.css" rel="stylesheet">
   9         <link href="./system/noto.css" rel="stylesheet">
  10         <link rel="stylesheet" href="./system/simplebar.css">
  11         <link rel="shortcut icon" href="./system/ico/favicon.ico" type="image/x-icon">
  12         <!-- kitstrap -->
  13         <link href="./system/kitstrap/kitstrap.css" rel="stylesheet">
  14         <link href="./system/kitstrap/kitstrap-cursor.css" rel="stylesheet">
  15         <!-- Theme -->
  16         <link href="./system/theme/theme-default.css" rel="stylesheet" id="kit-theme-file">
  17         <link rel="stylesheet" id="kit-darkmode">
  18         <!-- アプリ固有CSS -->
  19 </head>
  20
  21 <body id="body">
  22         <div id="kit-wallpaper"></div>
  23
  24         <section id="desktop-0">
  25                 <div>Loading</div>
  26         </section>
  27
  28         <section id="desktop-1">
  29                 <div class="desktop-icons"></div>
  30         </section>
  31
  32         <section id="desktop-l">ロックされています<br>
  33                 <div id="lock-user-icon"></div>
  34                 <div id="lock-username"></div>
  35                 <input type="password" id="lock-password" class="textbox">
  36                 <a id="lock-unl"><span class="fa fa-lock"></span>ロック解除</a>
  37         </section>
  38
  39         <div id="task-ctx">
  40                 <img src="" id="task-ctx-img">
  41                 <div id="task-ctx-name">task.name</div><div id="task-ctx-ver">task.version</div>
  42                 <a id="task-ctx-info"><span class="fa fa-info-circle"></span> アプリ情報</a>
  43                 <a id="task-ctx-sshot"><span class="fa fa-camera"></span> スクリーンショット</a>
  44                 <a id="task-ctx-min"><span class="fa fa-window-maximize"></span> 最小化／復元</a>
  45                 <a id="task-ctx-front"><span class="fa fa-layer-group"></span> 窓を一番手前へ</a>
  46                 <a id="task-ctx-close"><span class="far fa-times-circle"></span> 窓を閉じる</a>
  47                 <a id="task-ctx-kill"><span class="fa fa-ban"></span> アプリ終了</a>
  48         </div>
  49
  50         <div id="launcher">
  51                         <div id="launcher-header">アプリケーション
  52                                         <a class="kit-button" onclick="$('#launch').click();launch('appman')"><i class="far fa-window-restore"></i>アプリの管理</a>
  53                                         <a class="kit-button" onclick="$('#launch').click();launch('install')"><i class="fa fa-download"></i>インストール</a>
  54                         </div>
  55                         <div id="launcher-apps"></div>
  56         </div>
  57
  58         <div id="kit-milp">
  59                 <span id="kit-milp-text"></span>について
  60                 <a id="kit-milp-launch"></a><a id="kit-milp-search"></a><a id="kit-milp-wikipedia"></a>
  61         </div>
  62
  63         <footer>
  64                 <a class="fa fa-shapes" id="launch"></a>
  65                 <a id="footer-tasks" class="fa fa-table"></a>
  66                 <div id="tasks"></div>
  67                 <a id="footer-noti"><span class="fas fa-comment-alt"></span> 通知</a>
  68         </footer>
  69
  70         <div id="kit-context">
  71                 <div id="kit-context-elem">要素</div>
  72                 <div id="kit-contextgroup-elem">
  73                         <div id="kit-context-size"></div>
  74                         <a id="kit-context-open"><span class="fa fa-external-link-alt"></span> 要素を開く</a>
  75                         <a id="kit-context-save"><span class="fa fa-file-download"></span> 要素を保存</a>
  76                 </div>
  77                 <div id="kit-contextgroup-text">
  78                         <div id="kit-context-text">テキスト</div>
  79                         <a id="kit-context-copy"><span class="fa fa-copy"></span> コピー</a>
  80                         <a id="kit-context-search"><span class="fa fa-search"></span> 検索する</a>
  81                 </div>
  82                 <input type="text" class="textbox" placeholder="Web検索" id="kit-context-input">
  83                 <div id="kit-contextgroup-desktop">
  84                         <div id="kit-context-desktop">デスクトップ</div>
  85                         <a onclick="launch('settings', {'view': 'wallpaper'})"><span class="fa fa-image"></span> 壁紙の設定</a>
  86                         <a onclick="launch('pmgr')"><span class="fa fa-tachometer-alt"></span> プロセス管理</a>
  87                         <a id="kit-context-vacuum"><span class="fa fa-compress"></span> 吸い寄せる</a>
  88                         <a id="kit-context-fusen"><span class="fa fa-sticky-note"></span> ふせんを追加する</a>
  89                 </div>
  90                 <div id="kit-contextgroup-custom">
  91                         <div id="kit-context-custom"></div>
  92                 </div>
  93         </div>
  94
  95         <div id="kit-tasks"></div>
  96
  97         <div id="last-notification">
  98                 <a id="last-notification-close"></a><div id="last-notification-title"></div>
  99                 <div id="last-notification-content"></div><div id="last-notification-app"></div>
 100         </div>
 101
 102         <div id="notifications">
 103                 <a id="notifications-show-history" class="kit-hyperlink" onclick="launch('ntflist')">通知の履歴</a>
 104                 <div class="kit-toggle">
 105                                 <input type="checkbox" id="notifications-dnp">
 106                                 <label for="notifications-dnp"></label>
 107                                 <label for="notifications-dnp"><span class="fa fa-bed"></span> 非通知モード</label>
 108                 </div>
 109         </div>
 110
 111         <div class="dropdown" id="dropdown-clock"><canvas class="dropdown-clock-canvas"></canvas></div>
 112         <div class="dropdown" id="dropdown-sound">
 113                 音量：<span id="dropdown-sound-level">100</span>
 114                 <div class="kit-toggle">
 115                                 <input type="checkbox" id="dropdown-sound-silent">
 116                                 <label for="dropdown-sound-silent"></label>
 117                                 <label for="dropdown-sound-silent"><span class="fa fa-volume-off"></span> サイレント</label>
 118                 </div>
 119                 <div id="dropdown-sound-slider"></div>
 120         </div>
 121
 122         <header>
 123                 <a id="desktops"><span class="far fa-clone"></span>Desktop</a>
 124                 <input type="text" class="kit-selectable" id="milp" placeholder="検索" autocomplete="off">
 125                 <div id="header-right">
 126                         <a id="kit-header-fullscreen"><span class="fa fa-window-maximize"></span>最大化を解除</a>
 127                         <a id="kit-header-user"><span class="fa fa-user"></span><span id="kit-header-username"></span></a>
 128                         <a onclick="$('#dropdown-sound').toggle()"><span id="kit-header-sound-icon" class="fa fa-volume-up"></span></a>
 129                         <a onclick="$('#dropdown-clock').toggle()"><span class="fas fa-clock"></span><span class="os-time"></span></a>
 130                         <a class="power-button"><span class="fa fa-power-off"></span>終了</a>
 131                 </div>
 132         </header>
 133
 134         <div id="kit-power">
 135                         <a id="kit-power-back">もどる</a>
 136                         <a id="kit-power-shutdown">シャットダウン</a>
 137                         <a id="kit-power-reboot">再起動</a>
 138                         <a id="kit-power-suspend">サスペンド</a>
 139                         <a id="kit-power-lock">ロック</a>
 140         </div>
 141
 142         <!-- libs -->
 143         <script src="./system/jquery.min.js"></script>
 144         <script src="./system/jquery.pep.js"></script>
 145         <script src="./system/jquery-ui-1.12.1/jquery-ui.js"></script>
 146         <script src="./system/html2canvas.js"></script>
 147
 148         <script src="./system/simplebar.js"></script>
 149         <script src="./system/jquery.windowResizable.js"></script>
 150
 151         <!-- system -->
 152         <script src="./system.js"></script>
 153 </body>
 154 </html>