-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
126 lines (102 loc) · 7.33 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
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
<!DOCTYPE html>
<html lang="ja">
<meta charset='utf-8'>
<head>
<!-- CSS only -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
<!-- JavaScript Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW" crossorigin="anonymous"></script>
<script src="lib/js/p5.js"></script>
<script src="lib/js/jquery.js"></script>
<link rel="stylesheet" href="css\style.css">
</head>
<body oncontextmenu="return false;">
<button id="start-btn">start</button>
<button id="stop-btn">stop</button>
<!-- <div id="result-div"></div> -->
<script src="js/index.js"></script>
<script src="js/background.js"></script>
<script src="js/back.js"></script>
<script src="js/star.js"></script>
<script src="js/fib.js"></script>
<header>
</header>
<main>
<img class="title-delta" src="lib/img/867D91FA-FA45-4257-AAAA-C963896CB375_4_5005_c-removebg.png" alt="Δdelta">
<form action="" onsubmit="search();return false;">
<div id="search-wrapper" class="active">
<div class="input-holder">
<input type="text" id="search-input" placeholder="検索" autocomplete="off" onInput="check_words();" autofocus/>
<button class="search-icon" onclick="searchToggle(this, event);"><span></span></button>
</div>
</div>
</form>
<!-- Toast -->
<div class="toast" id="myToast">
<div class="toast-header">
<strong class="mr-auto">新作のお知らせ</strong>
<small>今日</small>
<button type="button" class="ml-2 mb-1 close" data-dismiss="toast">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="toast-body" style="color: rgb(50,50,50);">
<iframe src="https://preview.p5js.org/gatolifechannel/embed/isIgBXzkX"></iframe>
<div><br>リンクは
<a href="https://preview.p5js.org/gatolifechannel/present/jNfrvxmxg" target="_blank">こちら</a>
</div>
</div>
</div>
<div class="bookmark-table">
<div class="bookmark add-button" data-bs-toggle="modal" data-bs-target="#bookmark-modal">+</div>
<div class="bookmark"><a href="https://www.youtube.com">YouTube</a></div>
<div class="bookmark"><a href="https://github.com/">GitHub</a></div>
</div>
<!-- Modal -->
<div class="modal fade" id="bookmark-modal" tabindex="-1" aria-labelledby="bookmark-modal-label" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content p-3 mb-2 bg-secondary text-white">
<div class="modal-header">
<h5 class="modal-title" id="bookmark-modal-label">ブックマークを追加する</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<form>
<div class="mb-3">
<label for="input-title" class="form-label">タイトル</label>
<input type="text" class="form-control" id="input-title">
</div>
<div class="mb-3">
<label for="input-url" class="form-label">URL</label>
<input type="text" class="form-control" id="input-url">
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-bs-dismiss="modal" onsubmit="">決定</button>
</div>
</div>
</div>
</div>
</main>
<footer class="d-flex flex-wrap justify-content-between align-items-center py-3 my-4 border-top" style="background-color: rgba(0,125,255,0.5);">
<div class="col-md-4 d-flex align-items-center">
<a href="/" class="mb-3 me-2 mb-md-0 text-muted text-decoration-none lh-1">
<svg class="bi" width="30" height="24"><use xlink:href="#bootstrap"/></svg>
</a>
<span>© 2021 Delta, Inc</span>
</div>
<ul class="nav col-md-4 justify-content-end list-unstyled d-flex" style="margin-right: 20px;">
<li class="ms-3"><a class="text-muted" href="#"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-youtube" viewBox="0 0 16 16">
<path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408L6.4 5.209z"/>
</svg></a></li>
<li class="ms-3"><a class="text-muted" href="#"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-twitter" viewBox="0 0 16 16">
<path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"/>
</svg></a></li>
<li class="ms-3"><a class="text-muted" href="#"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-github" viewBox="0 0 16 16">
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"/>
</svg></a></li>
</ul>
</footer>
</body>
</html>