-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
41 lines (32 loc) · 2.86 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
<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8" http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
<meta name="viewport" content="initial-scale=1, minimum-scale=1">
<link rel="icon" href="imgs/bocchi.png">
<link rel="stylesheet" href="designs.css">
<title>Bocchi!</title>
</head>
<body class="background">
<!-- air resistence -->
<div id="air_res" class="air_res" style="opacity : 0;">
Air resistence
</div>
<a id="github_link" class="github_link" target="_blank" style="opacity : 0; cursor : pointer; z-index : 990; text-decoration : none;" href="https://github.com/Wallpapers-Projects-ABER/bocchi">
Github
</a>
<input id="air_res_bar" class="air_res_bar" type="range" min="0" max="400" value="296" style="opacity : 0;">
<div id="bocchi_bg" class="bocchi_bg" style="transition-timing-function:ease-out; background-color : #e0c1c6; width : 260px; height : 2000px; position : absolute; left : 17%; top : -2100px; transition : top 1.4s;"></div>
<div id="nijika_bg" class="nijika_bg" style="transition-timing-function:ease-out; background-color : #e0be55; width : 260px; height : 2000px; position : absolute; left : 34.5%; top : -2100px; transition : top 1.4s;"></div>
<div id="ryo_bg" class="ryo_bg" style="transition-timing-function:ease-out; background-color : #7eabcb; width : 260px; height : 2000px; position : absolute; left : 52.5%; top : -2100px; transition : top 1.4s;"></div>
<div id="kita_bg" class="kita_bg" style="transition-timing-function:ease-out; background-color : #db8374; width : 260px; height : 2000px; position : absolute; left : 70%; top : -2100px; transition : top 1.4s;"></div>
<!-- <div id="bocchi_stick" class="bocchi_stick" style="background-color : #ffffff; width : 5px; height : 2000px; position : absolute; left : 23.9%; top : -1540px; opacity : 1;"></div>
<div id="kita_stick" class="kita_stick" style="background-color : #ffffff; width : 5px; height : 2000px; position : absolute; left : 34.5%; opacity : 0.8;"></div>
<div id="nijika_stick" class="nijika_stick" style="background-color : #ffffff; width : 5px; height : 2000px; position : absolute; left : 52.5%; opacity : 0.8;"></div>
<div id="ryo_stick" class="ryo_stick" style="background-color : #ffffff; width : 5px; height : 2000px; position : absolute; left : 70%; opacity : 0.8;"></div> -->
<script class="jsbin" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script class="jsbin" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.0/jquery-ui.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/ABER1047/Forme@main/scripts.js"></script>
<script src="scripts.js"></script>
</body>
</html>