-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
48 lines (40 loc) · 3 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Kuan's Message Board</title>
<link rel="icon" type="image/png" href="images/ka10.png">
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="Yi-Shiuan Chen,yschen,yschen25,Ka,Ka Ka,陳翊萱,(https://github.com/yschen25)">
<meta name="keywords" content="html,css,rwd,javascript,jQuery,php,sql,database,db,canvas,three.js,webgl,ui,ux,design,photoshop,illustrator,cubemap,cubemap textures,website building,website designing,colorful console.log,funny console.log,panorama,720° surround random background,message board,mouse wheel zoom,pinch zoom,全景,720°環繞,留言板,線上留言板">
<meta name="description" content="A mysterious message board for the company, who's the employee of this company can leave a message to boss. 720° surround random background makes you feel like you can leave a message wherever you are. Enable mouse wheel zoom on PC, enable pinch zoom or touch screen to rotate on mobile (There is a hot tip in the console). 寫給公司用的留言板，720°環繞且背景隨機，在PC上可以用滑鼠去操控旋轉背景，用滾輪可放大縮小；在手機上則可用手去旋轉和放大縮小。" />
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/media.css">
<link rel="stylesheet" href="css/messageBoard.css">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="js/three.js"></script>
<script src="js/CanvasRenderer.js"></script>
<script src="js/Projector.js"></script>
<script src="js/messageBoard.js"></script>
</head>
<body>
<div id="container">
<h1 class="title text">Welcome to Kuan's Message Board</h1>
<h2 class="desc text">Just type whatever you want to say and send it!</h2>
<h3 class="motto text">No matter where you are, or what you’re doing, or who you’re with. I will always, honestly, truly, completely accompany you.” — Kuan</h3>
<h3 class="motto2 text">The answer to the ultimate question of life, the universe and everything is Kuan==God</h3>
<textarea class="message col-xs-push-1 col-xs-10 col-sm-push-2 col-sm-8 col-lg-push-3 col-lg-6" autofocus></textarea>
<div class="clear"></div>
<a class="btn">Send It</a>
<p class="aurthor ka"><a href="mailto:[email protected]">Front-end : Ka</a></p>
<p class="aurthor dino">Back-end : Dino</p>
<p class="statement col-xs-12 col-sm-12 col-lg-12">These textures are licensed under a <a href="https://creativecommons.org/licenses/by/3.0/" target="_blank">Creative Commons Attribution 3.0 Unported License</a></p>
</div>
</body>
<div class="alert col-xs-push-1 col-xs-10 col-sm-push-3 col-sm-6 col-lg-push-4 col-lg-4">
<div class="close"></div>
<p class="alertText">U dont want to type something T^T?</p>
</div>
</html>