-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
113 lines (111 loc) · 6.02 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
<!DOCTYPE>
<html prefix="og: http://ogp.me/ns#">
<head>
<title>小捲 Xquid</title>
<link rel="stylesheet" type="text/css" href="/style.css">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content='width=device-width, initial-scale=1.0' name='viewport' />
<meta name="viewport" content="width=device-width" />
<meta name="description" content="小捲的網站～" />
<meta property="og:title" content="小捲 Xquid" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://www.xquid.work/" />
<meta property="og:image" content="http://www.xquid.work/og.jpg" />
<meta property="og:image:width" content="1160" />
<meta property="og:image:height" content="652" />
<meta property="og:site_name" content="小捲 Xquid" />
<meta property="og:description" content="小捲的網站～" />
<meta property="twitter:title" content="小捲 Xquid" />
<meta property="twitter:description" content="小捲的網站～" />
<link href="/favicon.ico" rel="shortcut icon">
<link href="/favicon.ico" rel="icon">
<script src="/scripts/particles.min.js"></script>
</head>
<body id="top">
<div class="fullpage">
<div id="welcomeMsg"><h1>小捲 Xquid</h1><h4>Motion Graphics | Programming | Music Creation</h4></div>
<div id="mylogo">
<img id="mylogoImg" src="/images/LOGO.png" style="display: inline-block;margin: 0;"/>
<div class="linkbtn" id = "link0"><a href="https://www.facebook.com/benzngf" target="_blank"><img src="/images/facebook.png"></a></div>
<div class="linkbtn" id = "link1"><a href="https://www.plurk.com/benzngf" target="_blank"><img src="/images/plurk.png"></a></div>
<div class="linkbtn" id = "link2"><a href="http://space.bilibili.com/11756234/" target="_blank"><img src="/images/bili.png"></a></div>
<div class="linkbtn" id = "link3"><a href="http://www.nicovideo.jp/my/mylist/#/53278706" target="_blank"><img src="/images/nico.png"></a></div>
<div class="linkbtn" id = "link4"><a href="https://www.youtube.com/channel/UC1T-KkV7zeaAfdWsPzo5ekw" target="_blank"><img src="/images/youtube.png"></a></div>
<div class="linkbtn" id = "link5"><a href="https://soundcloud.com/xquid" target="_blank"><img src="/images/soundcloud.png"></a></div>
<div class="linkbtn" id = "link6"><a href="https://github.com/benzngf" target="_blank"><img src="/images/github.png"></a></div>
<div class="linkbtn" id = "link7"><a href="https://steamcommunity.com/id/Xquid/" target="_blank"><img src="/images/steam.png"></a></div>
</div>
<div id="scrollDown"><a href="#navbar"><img src="/images/arrow.png" style="width: 100%;"></a></div>
</div>
<div class="bg" id="start">
<h2>最新作品</h2>
<h1>《FREEZE / lixound feat. 薛南》</h1>
<div class="content">
<div style="position: relative; width: 100%; padding-top: 56.25%;">
<div id="YouTubeVideoPlayer" style="position: absolute; top: 0; left: 0; bottom: 0; right: 0;"></div>
</div>
</div>
<h1>關於小捲</h1>
<div class="content">
<ul>
<li>現居台灣</li>
<li>致力創作中文Vocaloid™及其他虛擬歌手歌曲，已有10餘首自創詞曲</li>
<li>喜歡影像創作，並曾製作多部音樂PV、Motion Graphics動畫等</li>
<li>自主開發Adobe® After Effects插件數款</li>
<li>目前鑽研前端、UI/UX、遊戲設計中</li>
</ul>
<p>～歡迎至我的 <a href="https://www.facebook.com/XJ.Xquid/">Facebook</a>, <a href="https://www.youtube.com/channel/UC1T-KkV7zeaAfdWsPzo5ekw">YouTube</a>, <a href="https://github.com/benzngf">GitHub</a> 等社群網站追蹤～</p>
<p>E-mail: <a href="mailto:[email protected]">benzngf[AT]gmail.com</a>（委託請盡量使用 <a href="https://www.facebook.com/XJ.Xquid/">Facebook</a> 溝通，謝謝！）</p>
</div>
<div class="content">
<h2>經歷</h2>
<ul>
<li>第六屆臺大數位影片創作社社長</li>
<li>臺中一中75屆畢業紀念冊主編、畢業典禮影片組長</li>
<li>宏碁數位創作獎第七、九屆優等，第八屆佳作，第十屆首獎</li>
<li>2016、2017 SITCON學生計算機年會 主視覺影片負責人、直播組員</li>
<li>臺大藝術季23屆主視覺動態製作</li>
<li>臺大藝術季21屆舞劇Mapping動態影像製作</li>
<li>第四屆臺大音樂節主視覺動態製作、Life MV導演</li>
<li>106全國大專學生運動會 主視覺動態製作、開幕影片導演</li>
<li>Vocaloid心華×廣三SOGO徵曲比賽第一名</li>
</ul>
</div>
</div>
<script src="/scripts/header.js"></script>
<script async src="https://www.youtube.com/iframe_api"></script>
<script>
function onYouTubeIframeAPIReady() {
var player;
player = new YT.Player('YouTubeVideoPlayer', {
videoId: 'jNeOybmntaw', // YouTube 影片ID
width: "100%", // 播放器寬度 (px)
height: "100%", // 播放器高度 (px)
playerVars: {
autoplay: 0, // 在讀取時自動播放影片
controls: 1, // 在播放器顯示暫停／播放按鈕
showinfo: 0, // 隱藏影片標題
modestbranding: 1, // 隱藏YouTube Logo
loop: 1, // 讓影片循環播放
fs: 1, // 隱藏全螢幕按鈕
cc_load_policty: 0, // 隱藏字幕
iv_load_policy: 3, // 隱藏影片註解
autohide: 0, // 當播放影片時隱藏影片控制列
color: "white",
rel: 0
},
events: {
onReady: function(e) {
//e.target.mute();
}
}
});
}
// Written by @labnol
</script>
<script src="/scripts/zenscroll-min.js"></script>
<script src="/scripts/footer.js"></script>
<script src="/scripts/logo.js"></script>
</body>
</html>