-
Notifications
You must be signed in to change notification settings - Fork 0
/
list.html
101 lines (83 loc) · 2.18 KB
/
list.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Junr.me - 俊峰</title>
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<script src="http://cdn.bootcss.com/jquery/2.2.0/jquery.min.js"></script>
<script src="./js/logo.js" type="text/javascript"></script>
<link rel="stylesheet" href="./css/list.css" />
<style>
</style>
</head>
<body>
<div class="J-page">
<div id="logo-bg" class="logo-bg">
<canvas id="yugen-logo-canvas" style="display: none;"></canvas>
<canvas id="yugen-shadow-canvas" style="display: none;"></canvas>
</div>
<div class="logo">
<h1><a href="#" rel="nofollow">俊峰</a></h1>
</div>
</div>
<script type="text/javascript">
$(document).ready(function () {
changeBannerHeight();
$(window).resize(function () {
changeBannerHeight();
});
YugenLogo.initialize( {
framerate: 80,
width: 160,
height: 320,
colorSpeedFactor: 0.4,
morphSpeedFactor: 0.4,
introSpeedFactor: 2,
outroSpeedFactor: 2,
morphStrengthFactor: 0.8,
morphBaseSpeedFactor: 0.2,
normalOffsetFactor: 1.5,
maxShapeRotation: 0.3,
wordOffsetX: 0,
wordOffsetY: 0,
wordScale: 1,
foregroundScaleX: 0.42,
foregroundScaleY: 0.58,
backgroundScaleX: 0.37,
backgroundScaleY: 0.72,
shadowAlpha: 0.1,
shapeQuality: 9,
containerID: "logo-bg",
logoCanvasID: "yugen-logo-canvas",
colors:[
[new YugenLogo.util.Color(250, 250, 250), new YugenLogo.util.Color(0, 0, 0)],
[new YugenLogo.util.Color(0, 0, 0), new YugenLogo.util.Color(250, 250, 250)]
],
inputs: [
YugenLogo.input.move,
YugenLogo.input.press
],
fallbackImages: [
]
});
});
function changeBannerHeight() {
if ($(window).width() < 767) {
$(".index-banner").css({
"height":$(document).height()
});
} else {
$(".index-banner").css({
"height":$(window).height()
});
}
$(".banner-cover").css({
"background-position":"50% 0",
"opacity":1
});
}
</script>
</body>
</html>