<!DOCTYPE html>
<html lang="ja">
-
<head>
<meta charset="UTF-8">
<title>kitDesktop</title>
- <script src="system/jquery.min.js"></script>
- <script src="system/jquery.pep.js"></script>
- <link rel="stylesheet" href="system/jquery-ui-1.12.1/jquery-ui.min.css">
- <script src="system/jquery-ui-1.12.1/jquery-ui.js"></script>
- <script src="system/html2canvas.js"></script>
- <link href="fa/css/all.css" rel="stylesheet">
- <link href="system/noto.css" rel="stylesheet">
- <script src="system.js"></script>
- <link rel="stylesheet" href="system/simplebar.css">
- <script src="system/simplebar.js"></script>
- <link href="system/theme/theme-default.css" rel="stylesheet" id="kit-theme-file">
- <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
+ <meta name="viewport" content="initial-scale=1.0">
+ <link rel="stylesheet" href="./system/jquery-ui-1.12.1/jquery-ui.min.css">
+ <link href="./fa/css/all.css" rel="stylesheet">
+ <link href="./system/noto.css" rel="stylesheet">
+ <link rel="stylesheet" href="./system/simplebar.css">
+ <link rel="shortcut icon" href="./system/ico/favicon.ico" type="image/x-icon">
+ <link href="./system/system.css" rel="stylesheet">
+ <!-- kitstrap -->
+ <link href="./system/kitstrap/kitstrap.css" rel="stylesheet">
+ <link href="./system/kitstrap/kitstrap-font.css" rel="stylesheet">
+ <link href="./system/kitstrap/kitstrap-cursor.css" rel="stylesheet">
+ <!-- Theme -->
+ <link href="./system/theme/theme-default.css" rel="stylesheet" id="kit-theme-file">
+ <link rel="stylesheet" id="kit-darkmode">
+ <!-- アプリ固有CSS -->
</head>
-<body id="body">
-
+<body id="body" spellcheck="false">
<div id="kit-wallpaper"></div>
<section id="desktop-0">
</section>
<section id="desktop-1">
- <a onclick="launch('document')" class="home-icon"><span class="home-fa far fa-file-alt"></span>ドキュメント</a>
- <a onclick="launch('fivr')" class="home-icon"><span class="home-fa fa fa-folder-open"></span>ファイル</a>
- <a onclick="launch('browser')" class="home-icon"><span class="home-fa fa fa-globe-asia"></span>ブラウザ</a>
- <a onclick="launch('settings')" class="home-icon"><span class="home-fa fa fa-cogs"></span>設定</a>
- <a onclick="launch('grapes')" class="home-icon"><span class="home-fa fa fa-laptop-code"></span>Web作成</a>
- <a onclick="launch('console')" class="home-icon"><span class="home-fa fa fa-terminal"></span>コンソール</a>
- <a onclick="launch('ytplayer')" class="home-icon"><span class="home-fa fab fa-youtube"></span>動画閲覧</a>
+ <div class="desktop-icons"></div>
</section>
<section id="desktop-l">ロックされています<br>
<a id="task-ctx-sshot"><span class="fa fa-camera"></span> スクリーンショット</a>
<a id="task-ctx-min"><span class="fa fa-window-maximize"></span> 最小化/復元</a>
<a id="task-ctx-front"><span class="fa fa-layer-group"></span> 窓を一番手前へ</a>
- <a id="task-ctx-close"><span class="far fa-window-close"></span> 窓を閉じる</a>
+ <a id="task-ctx-close"><span class="far fa-times-circle"></span> 窓を閉じる</a>
<a id="task-ctx-kill"><span class="fa fa-ban"></span> アプリ終了</a>
</div>
<div id="launcher">
<div id="launcher-header">アプリケーション
- <a class="kit-button" onclick="$('#launch').click();launch('appman')">アプリの管理</a>
+ <a class="kit-button" onclick="$('#launch').click();launch('appman')"><i class="far fa-window-restore"></i>アプリの管理</a>
+ <a class="kit-button" onclick="$('#launch').click();launch('install')"><i class="fa fa-download"></i>インストール</a>
</div>
<div id="launcher-apps"></div>
</div>
- <div id="kit-milp">
- <span id="kit-milp-text"></span>について
- <a id="kit-milp-launch"></a><a id="kit-milp-search"></a><a id="kit-milp-wikipedia"></a>
- </div>
-
<footer>
<a class="fa fa-shapes" id="launch"></a>
<a id="footer-tasks" class="fa fa-table"></a>
<div id="kit-context">
<div id="kit-context-elem">要素</div>
- <div id="kit-context-size"></div>
- <a id="kit-context-open"><span class="fa fa-external-link-alt"></span> 要素を開く</a>
- <a id="kit-context-save"><span class="fa fa-file-download"></span> 要素を保存</a>
+ <div id="kit-contextgroup-elem">
+ <div id="kit-context-size"></div>
+ <a id="kit-context-open"><span class="fa fa-external-link-alt"></span> 要素を開く</a>
+ <a id="kit-context-save"><span class="fa fa-file-download"></span> 要素を保存</a>
+ </div>
+ <div id="kit-contextgroup-text">
+ <div id="kit-context-text">テキスト</div>
+ <a id="kit-context-copy"><span class="fa fa-copy"></span> コピー</a>
+ <a id="kit-context-search"><span class="fa fa-search"></span> 検索する</a>
+ </div>
<input type="text" class="textbox" placeholder="Web検索" id="kit-context-input">
- <a id="kit-context-search"><span class="fa fa-search"></span> 検索する</a>
- <a onclick="launch('settings', {'view': 'wallpaper'})"><span class="fa fa-image"></span> 壁紙の設定</a>
- <a onclick="launch('pmgr')"><span class="fa fa-tachometer-alt"></span> プロセス管理</a>
- <a id="kit-context-vacuum"><span class="fa fa-compress"></span> 吸い寄せる</a>
+ <div id="kit-contextgroup-desktop">
+ <div id="kit-context-desktop">デスクトップ</div>
+ <a onclick="launch('settings', {'view': 'wallpaper'})"><span class="fa fa-image"></span> 壁紙の設定</a>
+ <a onclick="launch('pmgr')"><span class="fa fa-tachometer-alt"></span> プロセス管理</a>
+ <a id="kit-context-vacuum"><span class="fa fa-compress"></span> 吸い寄せる</a>
+ <a id="kit-context-fusen"><span class="fa fa-sticky-note"></span> ふせんを追加する</a>
+ </div>
+ <div id="kit-contextgroup-custom">
+ <div id="kit-context-custom"></div>
+ </div>
</div>
<div id="kit-tasks"></div>
<div id="last-notification">
- <a id="last-notification-close"></a><div id="last-notification-title"></div>
- <div id="last-notification-content"></div><div id="last-notification-app"></div>
+ <img src="" alt="" id="last-notification-img">
+ <a id="last-notification-close"></a>
+ <div id="last-notification-app"></div>
+ <div id="last-notification-title"></div>
+ <div id="last-notification-content"></div>
+ <div id="last-notification-buttons"></div>
</div>
- <div id="notifications"><a id="notifications-show-history" class="kit-hyperlink" onclick="launch('ntflist')">通知の履歴</a></div>
+ <div id="notifications">
+ <a id="notifications-show-history" class="kit-hyperlink" onclick="launch('ntflist')">通知の履歴</a>
+ <label class="kit-toggle">
+ <input type="checkbox" id="notifications-dnp">非通知モード
+ <label for="notifications-dnp"></label>
+ <span class="fa fa-bed"></span>
+ </label>
+ </div>
+
+ <div class="dropdown" id="dropdown-clock"><canvas class="dropdown-clock-canvas"></canvas></div>
+ <div class="dropdown" id="dropdown-sound">
+ 音量:<span id="dropdown-sound-level">100</span>
+ <label class="kit-toggle">
+ <input type="checkbox" id="dropdown-sound-silent">サイレント
+ <label for="dropdown-sound-silent"></label>
+ <span class="fa fa-volume-off"></span>
+ </label>
+ <div id="dropdown-sound-slider"></div>
+ </div>
<header>
- <a id="desktops"><span class="far fa-clone"></span>Desktop</a>
- <input type="text" class="kit-selectable" id="milp" placeholder="検索" autocomplete="off">
- <div id="header-right">
- <a id="kit-header-user"><span class="fa fa-user"></span><span id="kit-header-username"></span></a>
- <a onclick="launch('clock')"><span class="fas fa-clock"></span><span class="os-time"></span></a>
- <a class="power-button"><span class="fa fa-power-off"></span>電源</a>
- </div>
- </header>
+ <a id="desktops"><span class="far fa-clone"></span>Desktop</a>
+ <a id="kit-header-sightre"><span class="fa fa-search"></span>さがす</a>
+ <div class="kit-right">
+ <a id="kit-header-fullscreen"><span class="fa fa-window-maximize"></span>最大化を解除</a>
+ <a id="kit-header-user"><span class="fa fa-user"></span><span id="kit-header-username"></span></a>
+ <a onclick="$('#dropdown-sound').toggle()"><span id="kit-header-sound-icon" class="fa fa-volume-up"></span></a>
+ <a onclick="$('#dropdown-clock').toggle()"><span class="fas fa-clock"></span><span class="os-time"></span></a>
+ <a class="power-button"><span class="fa fa-power-off"></span>終了</a>
+ </div>
+ </header>
+
+ <div id="kit-sightre">
+ <input id="kit-sightre-form" type="text" placeholder="Sightreで検索" class="kit-selectable">
+ <div id="kit-sightre-results"></div>
+ </div>
<div id="kit-power">
- <a id="kit-power-back">もどる</a>
- <a id="kit-power-shutdown">シャットダウン</a>
- <a id="kit-power-reboot">再起動</a>
- <a id="kit-power-suspend">サスペンド</a>
- <a id="kit-power-lock">ロック</a>
+ <a id="kit-power-back">もどる</a>
+ <a id="kit-power-shutdown">シャットダウン</a>
+ <a id="kit-power-reboot">再起動</a>
+ <a id="kit-power-suspend">高速な再起動</a>
+ <a id="kit-power-lock">ロック</a>
</div>
-</body>
-</html>
\ No newline at end of file
+ <!-- libs -->
+ <script src="./system/jquery.min.js"></script>
+ <script src="./system/jquery.pep.js"></script>
+ <script src="./system/jquery-ui-1.12.1/jquery-ui.js"></script>
+ <script src="./system/html2canvas.js"></script>
+
+ <script src="./system/simplebar.js"></script>
+ <script src="./system/jquery.windowResizable.js"></script>
+
+ <!-- system -->
+ <script src="./system.js"></script>
+</body>
+</html>