-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
140 lines (96 loc) · 4.66 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
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<!DOCTYPE html>
<head>
<title>Yi-Ting Chiu's Website</title>
<link href="terminal.css" type="text/css" rel="stylesheet">
<link href="upper-level.css" type="text/css" rel="stylesheet">
<link href="./glitch.css" type="text/css" rel="stylesheet">
<link rel="icon" href="/assets/icon.png">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Tab theme color for Chrome, Firefox OS and Opera -->
<meta name="theme-color" content="#2a2a2a">
<!-- status bar color for ios safari-->
<meta name="apple-mobile-web-app-status-bar-style" content="#2a2a2a">
</head>
<body style="background-color: #0f0f0f">
<div id='star-container' hidden>
<div id="stars"></div><div id="stars2"></div><div id="stars3"></div>
</div>
<div id = "terminal" class="console-box" onclick="setFocusOnCmdEntry()">
<!-- <div id = "terminal" class="console-box"> -->
<!--cmd output area-->
<div id="cmd-output">
</div>
<!--cmd input line-->
<label class="cmd-text">
<span style="color:rgb(0, 255, 0)" id="user-sig">guest@DESKTOP</span>:
<span style="color:dodgerblue">~</span>$
<input type="text" id="console-text-entry" class="cmd-text" autocomplete="off" spellcheck="false" autofocus
onkeydown="receiveCommand(event)">
</label>
</div>
<!-- Upper Level -->
<div id="upper-container">
<!--the white canvas-->
<div id="upper-white-canvas"></div>
<div id="upper-center-container">
<!--Upper most Title-->
<h1 id='hello-title' class="upper-heading"></h1>
<!--Social & Contacts-->
<div id="contacts-container">
<!--LinkedIn-->
<a href="https://www.linkedin.com/in/yi-ting-chiu/" target="_blank">
<img id="linkedin-icon" class="icon" src="./assets/linkedIn-icon.png">
</a>
<!--GitHub-->
<a href="https://github.com/t41372" target="_blank">
<img id="github-icon" class="icon" src="./assets/GitHub-icon.png">
</a>
<!--Email-->
<a href="mailto:[email protected]">
<img id="email-icon" class="icon" src="./assets/Mail-icon.png">
</a>
<!--About me-->
<!--<button id="about-me-button" class="icon" onclick="location.href = './about.html'">About me</button>-->
</div>
<!--"Build with" Text-->
<h2 class="upper-heading" id="build-with-prompt"><label id="build-with"></label><label id='build-with-technology'></label></h2>
<!--font loader: load the fonts before the animation start-->
<p id="font-loader">font-loader</p>
</div>
</div> <!--upper level divider-->
<button id="terminal-switcher" onclick="switchToTerminal()">Go to Terminal</button>
<!-- Scripts -->
<!-- Import Particles.js and app.js files -->
<script src="./assets/particlesjs/particles.js"></script>
<script src="./assets/particlesjs/app.js"></script>
<!--jQuery for http request-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<!--string-similarity for recommendation of mistype commands. source: https://www.npmjs.com/package/string-similarity-->
<script src="//unpkg.com/string-similarity/umd/string-similarity.min.js"></script>
<!--TypeIt. Source: https://typeitjs.com/-->
<script src="https://unpkg.com/[email protected]/dist/index.umd.js"></script>
<script src="cmd.js"></script>
<script src="upper-level.js"></script>
<!--version number-->
<script>
const version = "v.0.14";
document.getElementById('hello_ver').innerHTML = document.getElementById('hello_ver').innerHTML + " " + version + "!!";
</script>
<script> //console-box onclick: set focus on text-entry
function setFocusOnCmdEntry() {
document.getElementById("console-text-entry").focus();
}
</script>
<!--get user ip, region-->
<script>
$.getJSON('https://json.geoiplookup.io/?callback=?', function (data) {
// console.log("ip == " + data.ip);
// user_sig = "root_" + data.country_code + "@" + data.ip;
user_sig = "root@" + data.ip;
user_data = data;
document.getElementById("user-sig").innerHTML = user_sig;
// console.log(JSON.stringify(data));
});
</script>
<script async defer src="https://scripts.withcabin.com/hello.js"></script>
</body>