-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
61 lines (61 loc) · 2.46 KB
/
index.html
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
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="robots" content="noindex,nofollow">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="copyright" content="© 2020-2024 created by PusyuuWanko/">
<title>時報、カレンダー付き、時刻表示アプリ</title>
<script src="./script.js"></script>
<link href="./style.css" rel="stylesheet">
<!--
*----------------------------------
| ThisPageVersion: 1.13.0 |
| © 2021-2024 By PusyuuWanko/ |
| LastUpdate: 2024-03-22 |
| License: MITLicense |
| ClockWithTimeSignal |
----------------------------------*
-->
</head>
<body>
<main>
<div class="center">
<article class="article">
<div id="calendar"><p style="color: #ff0000; font-size: 50px;">JavaScriptが有効になっていないようです。</p></div>
</article>
</div>
</main>
<a href="#settings" class="settings_button">
<img src="./settings.png" width="35px" height="35px" alt="settings icon" oncontextmenu="return false;" onselectstart="return false;" onmousedown="return false;">
</a>
<div class="modal" id="settings">
<div class="modal_wrapper">
<a class="modal_close" href="#mc"></a>
<div class="modal_content-wrapper">
<div class="modal_header">setting display</div>
<div class="modal_border"></div>
<div class="modal_message-box">
<h4>設定変更はこちらからできます</h4>
<p>※ブラウザキャッシュを削除すると戻ってしまうのでご注意ください。</p>
<h5>あなたの好きな画像を壁紙を追加↓</h5>
<input type="file" id="upload-input">
<h5>壁紙を選択↓</h5>
<select id="background-select">
</select>
<h5>チャイム音の追加</h5>
<input type="file" id="upload-chime">
<h5>00分のチャイムを選択</h5>
<select id="chime00-select">
</select>
<h5>30分のチャイムを選択</h5>
<select id="chime30-select">
</select>
<h5>チャイムのON、OFF切り替え</h5>
<div id="chime-toggle"></div>
</div>
</div>
</div>
</div>
</body>
</html>