-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
128 lines (128 loc) · 4.51 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
<!doctype html>
<html>
<head>
<title>Terminal</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="icon" href="css/terminal.ico">
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/typed.min.js" type="text/javascript"></script>
<meta charset="UTF-8">
<script>
function load() {
window.location.href = "html5up-dimension/index.html";
}
</script>
</head>
<body>
<!-- css shell from: https://guides.codechewing.com/mac-terminal-shell-css-html -->
<div class="shell-wrap">
<p class="shell-top-bar">Terminal - kevin@yang:~</p>
<ul class="shell-body">
<span id="user0">kevin@yang:~$ </span><span id="lineone"></span><br>
<span id="linetwo"></span><br>
<span id="linethree"></span><br>
<span id="user1"></span><span id="linefour"></span><br>
<span id="user2"></span><span id="linefive"></span><br>
<span id="user3"></span><span id="linesix"></span><br>
<span id="css"></span>
<span id="html5up-dimension"></span>
<span id="indexhtml"></span>
<span id="js"></span><br>
<span id="LICENSE"></span>
<span id="READMEmd"></span><br>
<span id="user4"></span><span id="linenine"></span><br>
<span id="user5"></span><span id="lineten"></span><br>
<span id="user6"></span><br>
<button onclick="load()" id="skip">skip</button>
</ul>
</div>
<!-- typing effect from https://github.com/mattboldt/typed.js/ -->
<script>
var firsttype = new Typed("#lineone", {
strings: ["ls"],
typeSpeed: 50,
startDelay: 500,
cursorChar: "_",
onComplete: function(self) {
$("#user0").html("kevin@yang:~$ ls");
$("#linetwo").html("Desktop           Documents           Downloads           Dropbox");
$("#linethree").html("Games             Github              Music               Pictures");
$("#user1").html("kevin@yang:~$ ");
var second = new Typed("#linefour", secondtype);
self.destroy();
}
});
var secondtype = {
strings: ["cd Github"],
typeSpeed: 30,
startDelay: 200,
cursorChar: "_",
onComplete: function(self) {
$("#user1").html("kevin@yang:~$ cd Github/");
$(".shell-top-bar").html("Terminal - kevin@yang:~/Github");
$("#user2").html("kevin@yang:~/Github$ ");
var third = new Typed("#linefive", thirdtype);
self.destroy();
},
};
var thirdtype = {
strings: ["cd keyaa.github.io"],
typeSpeed: 30,
startDelay: 200,
cursorChar: "_",
onComplete: function(self) {
$(".shell-top-bar").html("Terminal - kevin@yang:~/Github/keyaa.github.io");
$("#user2").html("kevin@yang:~/Github$ cd keyaa.github.io/");
$("#user3").html("kevin@yang:~/Github/keyaa.github.io$ ");
var fourth = new Typed("#linesix", fourthtype);
self.destroy();
},
};
var fourthtype = {
strings: ["ls"],
typeSpeed: 30,
startDelay: 200,
cursorChar: "_",
onComplete: function(self) {
$("#user3").html("kevin@yang:~/Github/keyaa.github.io$ ls");
$("#user4").html("kevin@yang:~/Github/keyaa.github.io$ ");
$("#css").html("css              ");
$("#html5up-dimension").html("html5up-dimension     ");
$("#indexhtml").html("index.html         ");
$("#js").html("js");
$("#LICENSE").html("LICENSE          ");
$("#READMEmd").html("README.md");
var fifth = new Typed("#linenine", fifthtype);
self.destroy();
},
};
var fifthtype = {
strings: ["cd html5up-dimension"],
typeSpeed: 30,
startDelay: 500,
cursorChar: "_",
onComplete: function(self) {
$(".shell-top-bar").html("Terminal - kevin@yang:~/Github/keyaa.github.io/html5up-dimension");
$("#user4").html("kevin@yang:~/Github/keyaa.github.io$ cd html5up-dimension");
$("#user5").html("kevin@yang:~/Github/keyaa.github.io$ ");
var sixth = new Typed("#lineten", sixthtype);
self.destroy();
},
};
var sixthtype = {
strings: ["xdg-open index.html"],
typeSpeed: 30,
startDelay: 200,
cursorChar: "_",
onComplete: function(self) {
$("#user5").html("kevin@yang:~/Github/keyaa.github.io$ xdg-open index.html");
$("#user6").html("kevin@yang:~/Github/keyaa.github.io$ _");
self.destroy();
setTimeout(function() {
load(); // redirects to actual webpage
}, 400);
},
}
</script>
</body>
</html>