index.html

   1 <!DOCTYPE html>
   2 <html lang="ja">
   3
   4 <head>
   5         <meta charset="UTF-8">
   6         <title>kitDesktop</title>
   7         <script src="system/jquery.min.js"></script>
   8         <script src="system/jquery.pep.js"></script>
   9         <link rel="stylesheet" href="system/jquery-ui-1.12.1/jquery-ui.min.css">
  10         <script src="system/jquery-ui-1.12.1/jquery-ui.js"></script>
  11         <script src="system/html2canvas.js"></script>
  12         <link href="fa/css/all.css" rel="stylesheet">
  13         <link href="system/noto.css" rel="stylesheet">
  14         <script src="system.js"></script>
  15         <link rel="stylesheet" href="system/simplebar.css">
  16         <script src="system/simplebar.js"></script>
  17         <link href="system/theme/theme-default.css" rel="stylesheet" id="kit-theme-file">
  18         <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
  19 </head>
  20
  21 <body id="body">
  22
  23         <div id="kit-wallpaper"></div>
  24
  25         <section id="desktop-0">
  26                 <div>Loading</div>
  27         </section>
  28
  29         <section id="desktop-1">
  30                         <a onclick="launch('document')" class="home-icon"><span class="home-fa far fa-file-alt"></span>ドキュメント</a>
  31                         <a onclick="launch('fivr')" class="home-icon"><span class="home-fa fa fa-folder-open"></span>ファイル</a>
  32                         <a onclick="launch('browser')" class="home-icon"><span class="home-fa fa fa-globe-asia"></span>ブラウザ</a>
  33                         <a onclick="launch('settings')" class="home-icon"><span class="home-fa fa fa-cogs"></span>設定</a>
  34                         <a onclick="launch('grapes')" class="home-icon"><span class="home-fa fa fa-laptop-code"></span>Web作成</a>
  35                         <a onclick="launch('console')" class="home-icon"><span class="home-fa fa fa-terminal"></span>コンソール</a>
  36                         <a onclick="launch('ytplayer')" class="home-icon"><span class="home-fa fab fa-youtube"></span>動画閲覧</a>
  37         </section>
  38
  39         <section id="desktop-l">ロックされています<br>
  40                 <div id="lock-user-icon"></div>
  41                 <div id="lock-username"></div>
  42                 <input type="password" id="lock-password" class="textbox">
  43                 <a id="lock-unl"><span class="fa fa-lock"></span>ロック解除</a>
  44         </section>
  45
  46         <div id="task-ctx">
  47                 <img src="" id="task-ctx-img">
  48                 <div id="task-ctx-name">task.name</div><div id="task-ctx-ver">task.version</div>
  49                 <a id="task-ctx-info">アプリ情報</a>
  50                 <a id="task-ctx-sshot">スクリーンショット</a>
  51                 <a id="task-ctx-min">最小化／復元</a>
  52                 <a id="task-ctx-close">窓を閉じる</a>
  53                 <a id="task-ctx-kill">アプリ終了</a>
  54         </div>
  55
  56         <div id="launcher">
  57                         <div id="launcher-header">アプリケーション
  58                                 <a class="kit-button" onclick="$('#launch').click();launch('appman')">アプリの管理</a>
  59                         </div>
  60                         <div id="launcher-apps"></div>
  61         </div>
  62
  63         <div id="kit-milp">
  64                 <span id="kit-milp-text"></span>について
  65                 <a id="kit-milp-launch"></a><a id="kit-milp-search"></a><a id="kit-milp-wikipedia"></a>
  66         </div>
  67
  68         <footer>
  69                 <a class="fa fa-shapes" id="launch"></a>
  70                 <a id="footer-tasks" class="fa fa-table"></a>
  71                 <div id="tasks"></div>
  72                 <a id="footer-noti"><span class="fas fa-comment-alt"></span> 通知</a>
  73         </footer>
  74
  75         <div id="kit-context">
  76                 <div id="kit-context-elem">要素</div>
  77                 <div id="kit-context-size"></div>
  78                 <a id="kit-context-open"><span class="fa fa-external-link-alt"></span> 要素を開く</a>
  79                 <a id="kit-context-save"><span class="fa fa-file-download"></span> 要素を保存</a>
  80                 <input type="text" class="textbox" placeholder="Web検索" id="kit-context-input">
  81                 <a id="kit-context-search"><span class="fa fa-search"></span> 検索する</a>
  82                 <a onclick="launch('settings', {'view': 'wallpaper'})"><span class="fa fa-image"></span> 壁紙の設定</a>
  83         </div>
  84
  85         <div id="kit-tasks"></div>
  86
  87         <div id="last-notification">
  88                 <a id="last-notification-close"></a><div id="last-notification-title"></div>
  89                 <div id="last-notification-content"></div><div id="last-notification-app"></div>
  90         </div>
  91
  92         <div id="notifications"><a id="notifications-show-history" class="kit-hyperlink" onclick="launch('ntflist')">通知の履歴</a></div>
  93
  94         <header>
  95                         <a id="desktops"><span class="far fa-clone"></span>Desktop</a>
  96                         <input type="text" class="kit-selectable" id="milp" placeholder="検索" autocomplete="off">
  97                         <div id="header-right">
  98                                 <a id="kit-header-user"><span class="fa fa-user"></span><span id="kit-header-username"></span></a>
  99                                 <a onclick="launch('clock')"><span class="fas fa-clock"></span><span class="os-time"></span></a>
 100                                 <a class="power-button"><span class="fa fa-power-off"></span>電源</a>
 101                         </div>
 102                 </header>
 103
 104         <div id="kit-power">
 105                         <a id="kit-power-back">もどる</a>
 106                         <a id="kit-power-shutdown">シャットダウン</a>
 107                         <a id="kit-power-reboot">再起動</a>
 108                         <a id="kit-power-suspend">サスペンド</a>
 109                         <a id="kit-power-lock">ロック</a>
 110         </div>
 111 </body>
 112
 113 </html>