-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
193 lines (188 loc) · 6.88 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
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
<!DOCTYPE html>
<html class="no-js" lang="sv">
<head>
<meta charset="utf-8" />
<title>Whisperlight Corporation</title>
<meta
name="description"
content="Whisperlight Corporation offers medical enhancements for people in need."
/>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta property="og:title" content="" />
<meta property="og:type" content="" />
<meta property="og:url" content="" />
<meta property="og:image" content="" />
<link rel="manifest" href="site.webmanifest" />
<link rel="icon" href="favicon.svg" />
<link rel="mask-icon" href="favicon.svg" color="#44658F" />
<link rel="apple-touch-icon" href="icon.png" />
<link rel="stylesheet" href="css/normalize.css" />
<link rel="stylesheet" href="node_modules/xterm/css/xterm.css" />
<link rel="stylesheet" href="css/main.css" />
<meta name="theme-color" content="#44658F" />
</head>
<body>
<header>
<a
href="https://github.com/falric/whisperlight-portholm-com"
class="github-corner"
aria-label="View source on GitHub"
>
<svg
width="80"
height="80"
viewBox="0 0 250 250"
style="
fill: transparent;
color: #314e7a;
position: absolute;
top: 0;
border: 0;
left: 0;
transform: scale(-1, 1);
"
aria-hidden="true"
>
<path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path>
<path
d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2"
fill="currentColor"
style="transform-origin: 130px 106px;"
class="octo-arm"
></path>
<path
d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z"
fill="currentColor"
class="octo-body"
></path>
</svg>
<style>
.github-corner:hover .octo-arm {
animation: octocat-wave 560ms ease-in-out;
}
@keyframes octocat-wave {
0%,
100% {
transform: rotate(0);
}
20%,
60% {
transform: rotate(-25deg);
}
40%,
80% {
transform: rotate(10deg);
}
}
@media (max-width: 500px) {
.github-corner:hover .octo-arm {
animation: none;
}
.github-corner .octo-arm {
animation: octocat-wave 560ms ease-in-out;
}
}
</style>
</a>
<button id="toggle-terminal">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 384 512"
width="32"
height="32"
style="fill: transparent; color: #314e7a; margin: 12px 6px 0 0;"
aria-hidden="true"
>
<path
fill="currentColor"
d="M176 96l24.5-74.8C204.2 10 194.9-1.3 183.1.1 80 12.4 0 101.6 0 208c0 114.9 93.1 208 208 208l-24.5 74.8c-3.7 11.2 5.6 22.5 17.4 21.1C304 499.6 384 410.4 384 304c0-114.9-93.1-208-208-208zm16 256c-53 0-96-43-96-96s43-96 96-96 96 43 96 96-43 96-96 96zm0-128c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32z"
/>
</svg>
</button>
<h1>Whisperlight</h1>
</header>
<main>
<section class="corporate-bs">
Leverage agile frameworks to provide a robust synopsis for high level
overviews. Iterative approaches to corporate strategy foster
collaborative thinking to further the overall value proposition.
Organically grow the holistic world view of disruptive innovation via
workplace diversity and empowerment.
</section>
<section class="corporate-bs">
Bring to the table win-win survival strategies to ensure proactive
domination. At the end of the day, going forward, a new normal that has
evolved from generation X is on the runway heading towards a streamlined
cloud solution. User generated content in real-time will have multiple
touchpoints for offshoring.
</section>
<section class="corporate-bs">
Capitalize on low hanging fruit to identify a ballpark value added
activity to beta test. Override the digital divide with additional
clickthroughs from DevOps. Nanotechnology immersion along the
information highway will close the loop on focusing solely on the bottom
line.
</section>
<section>
<div id="no-terminal" class="hidden">
Unable to start terminal. Use a wider display.
</div>
<div id="terminal" class="invisible"></div>
</section>
</main>
<footer>
<p>
Whisperlight is the antagonist in the roleplaying game
<a
target="_blank"
rel="noopener noreferrer"
href="https://gshowitt.itch.io/system-shutdown"
>System Shutdown</a
>
by
<a
target="_blank"
rel="noopener noreferrer"
href="https://rowanrookanddecard.com/"
>Rowan, Rook & Decard</a
>. The font
<a
target="_blank"
rel="noopener noreferrer"
href="https://www.behance.net/gallery/33704618/ANURATI-Free-font"
>Anurati</a
>
is made by
<a
target="_blank"
rel="noopener noreferrer"
href="https://www.behance.net/emmeranrichard"
>Emmeran Richard</a
>. Background
<a
target="_blank"
rel="noopener noreferrer"
href="https://unsplash.com/photos/Ys-DBJeX0nE"
>image</a
>
by
<a
target="_blank"
rel="noopener noreferrer"
href="https://unsplash.com/@agkdesign"
>Alex Knight</a
>. GitHub corner is based on
<a
target="_blank"
rel="noopener noreferrer"
href="https://github.com/tholman/github-corners"
>tholman/github-corners</a
>.
</p>
</footer>
<script src="js/vendor/modernizr-3.11.2.min.js"></script>
<script src="js/plugins.js"></script>
<script src="node_modules/xterm/lib/xterm.js"></script>
<script src="js/main.js"></script>
</body>
</html>