-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
106 lines (102 loc) · 11.6 KB
/
Copy pathindex.html
File metadata and controls
106 lines (102 loc) · 11.6 KB
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
<!DOCTYPE html>
<html>
<head>
<title>Portfolio</title>
<meta name="google-site-verification" content="EV5lr5usw3g2xU_41dkyAdQ5VInrthefPG47YgQ5USE" />
<link rel="stylesheet" type="text/css" media="screen" href="style.css" />
<link rel="stylesheet" type="text/css" media="screen" href="terminal.css" />
</head>
<body>
<div class="top-bar">
<div class="left">
<img src="assets/arch.png" class="icon" alt="linux" />
<div class="info">
<span>1 2 3 4</span>
<img src="assets/layout.png" class="icon" alt="layout" />
<span>monadtall</span>
</div>
</div>
<div class = "center">
<span id = "window_name">Desktop<span>
</div>
<div class="right">
<div class="item">
<img src="assets/internet.png" class="icon" alt="internet-speed" />
<span class="value" id="internet-speed"></span>
</div>
<div class="item">
<img src="assets/ram.png" class="icon" alt="cpu-utilization" />
<span class="value" id="cpu-utilization"></span>
</div>
<div class="item">
<img src="assets/ram-memory.png" class="icon" alt="memory-usage" />
<span class="value" id="memory-usage"></span>
</div>
<div class="item">
<img src="assets/clock.png" class="icon" alt="current-time" />
<span class="value" id="current-time"></span>
</div>
<div class="item" onclick="power()">
<svg class ="icon" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path fill-rule="evenodd" clip-rule="evenodd" d="M13 3C13 2.44772 12.5523 2 12 2C11.4477 2 11 2.44772 11 3V12C11 12.5523 11.4477 13 12 13C12.5523 13 13 12.5523 13 12V3ZM8.6092 5.8744C9.09211 5.60643 9.26636 4.99771 8.99839 4.5148C8.73042 4.03188 8.12171 3.85763 7.63879 4.1256C4.87453 5.65948 3 8.61014 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 8.66747 19.1882 5.75928 16.5007 4.20465C16.0227 3.92811 15.4109 4.09147 15.1344 4.56953C14.8579 5.04759 15.0212 5.65932 15.4993 5.93586C17.5942 7.14771 19 9.41027 19 12C19 15.866 15.866 19 12 19C8.13401 19 5 15.866 5 12C5 9.3658 6.45462 7.06997 8.6092 5.8744Z" fill="#CAA9E0"></path> </g></svg>
</div>
</div>
</div>
<div id="overlay"></div>
<!--Power button-->
<div id="power" class="power">
<div class="power-content">
<div class="left-section">
<img src="/home/patermars/Documents/portfolio/arch_interface/assets/1313942.png" alt="Server Image">
<div class="username">
<span> visitor@portfolio </span>
</div>
<div class="uptime">
<span id="uptime" >Uptime: 0 hours, 0 minutes, 0 seconds</span>
</div>
</div>
<div class="right-section">
<div class="button" onclick="shutdown()">
<svg width="256px" height="256px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path fill-rule="evenodd" clip-rule="evenodd" d="M13 3C13 2.44772 12.5523 2 12 2C11.4477 2 11 2.44772 11 3V12C11 12.5523 11.4477 13 12 13C12.5523 13 13 12.5523 13 12V3ZM8.6092 5.8744C9.09211 5.60643 9.26636 4.99771 8.99839 4.5148C8.73042 4.03188 8.12171 3.85763 7.63879 4.1256C4.87453 5.65948 3 8.61014 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 8.66747 19.1882 5.75928 16.5007 4.20465C16.0227 3.92811 15.4109 4.09147 15.1344 4.56953C14.8579 5.04759 15.0212 5.65932 15.4993 5.93586C17.5942 7.14771 19 9.41027 19 12C19 15.866 15.866 19 12 19C8.13401 19 5 15.866 5 12C5 9.3658 6.45462 7.06997 8.6092 5.8744Z" fill="#000000"></path> </g></svg>
</div>
<div class="button" onclick="restart()">
<svg width="256px" height="256px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g clip-path="url(#clip0_429_11071)"> <path d="M12 2.99982C16.9706 2.99982 21 7.02925 21 11.9998C21 16.9704 16.9706 20.9998 12 20.9998C7.02944 20.9998 3 16.9704 3 11.9998C3 9.17255 4.30367 6.64977 6.34267 4.99982" stroke="#000000" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M3 4.49982H7V8.49982" stroke="#000000" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path> </g> <defs> <clipPath id="clip0_429_11071"> <rect width="24" height="24" fill="white"></rect> </clipPath> </defs> </g></svg>
</div>
<div class="button" onclick="suspend()">
<svg fill="#000000" height="256px" width="256px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512.00 512.00" xml:space="preserve" stroke="#000000" stroke-width="0.00512"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round" stroke="#CCCCCC" stroke-width="26.624000000000002"></g><g id="SVGRepo_iconCarrier"> <g> <g> <g> <path d="M272.168,118.568c-19.317,0-35.032,15.716-35.032,35.032c0,19.316,15.715,35.032,35.032,35.032 c19.317,0,35.032-15.716,35.032-35.032C307.2,134.284,291.485,118.568,272.168,118.568z M272.168,172.463 c-10.401,0-18.863-8.463-18.863-18.863c0-10.401,8.463-18.863,18.863-18.863c10.401,0,18.863,8.463,18.863,18.863 C291.032,164.001,282.569,172.463,272.168,172.463z"></path> <path d="M125.693,35.569c13.489-12.511,31.055-19.401,49.465-19.401h43.116c40.119,0,72.758,32.639,72.758,72.758 c0,4.902-0.489,9.801-1.456,14.561c-0.887,4.375,1.94,8.643,6.315,9.53c0.542,0.11,1.083,0.163,1.616,0.163 c3.765,0,7.137-2.645,7.915-6.478c1.18-5.815,1.779-11.795,1.779-17.776C307.2,39.892,267.307,0,218.274,0h-43.116 c-22.5,0-43.972,8.422-60.46,23.714c-3.272,3.036-3.465,8.152-0.429,11.425C117.304,38.413,122.419,38.606,125.693,35.569z"></path> <path d="M217.381,55.312c2.242-1.5,3.587-4.021,3.587-6.717s-1.345-5.217-3.587-6.717c-9.323-6.241-20.195-9.54-31.444-9.54 c-31.203,0-56.589,25.385-56.589,56.589s25.387,56.589,56.589,56.589c11.249,0,22.122-3.298,31.444-9.539 c2.242-1.5,3.587-4.021,3.587-6.717c0-2.698-1.345-5.217-3.586-6.719c-11.254-7.533-17.972-20.099-17.972-33.614 S206.128,62.846,217.381,55.312z M198.338,127.408c-3.975,1.281-8.15,1.939-12.401,1.939c-22.289,0-40.421-18.132-40.421-40.421 s18.132-40.421,40.421-40.421c4.251,0,8.426,0.659,12.401,1.939c-9.609,10.351-15.096,24.028-15.096,38.482 S188.729,117.057,198.338,127.408z"></path> <path d="M512,288.337v-10.779c0-28.231-22.969-51.2-51.2-51.2h-78.785c-3.886-24.405-25.079-43.116-50.562-43.116 c-28.231,0-51.2,22.969-51.2,51.2c0,8.554,2.144,16.874,6.113,24.253H29.642C13.298,258.695,0,271.992,0,288.337v75.453 c0,16.345,13.298,29.642,29.642,29.642h291.032c16.344,0,29.642-13.297,29.642-29.642v-24.253h67.368 c4.466,0,8.084-3.62,8.084-8.084s-3.619-8.084-8.084-8.084h-67.368v-35.032c0-12.045-7.22-22.434-17.561-27.067 c5.94-11.333,17.786-18.744,31.035-18.744h97.01c19.317,0,35.032,15.716,35.032,35.032v10.779 c0,19.316-15.715,35.032-35.032,35.032h-10.779c-4.466,0-8.084,3.62-8.084,8.084s3.618,8.084,8.084,8.084h32.337 c7.43,0,13.474,6.044,13.474,13.474v13.474H385.347c-4.466,0-8.084,3.62-8.084,8.084s3.618,8.084,8.084,8.084h110.484v35.032 c0,7.43-6.044,13.474-13.474,13.474h-64.674c-4.466,0-8.084,3.62-8.084,8.084c0,4.465,3.619,8.084,8.084,8.084h2.695v35.032 c0,7.43-6.044,13.474-13.474,13.474h-21.558c-7.43,0-13.474-6.044-13.474-13.474v-35.032h13.474c4.466,0,8.084-3.62,8.084-8.084 c0-4.465-3.618-8.084-8.084-8.084H158.989c-4.466,0-8.084,3.62-8.084,8.084c0,4.465,3.618,8.084,8.084,8.084h2.695v35.032 c0,7.43-6.044,13.474-13.474,13.474h-21.558c-7.43,0-13.474-6.044-13.474-13.474v-35.032h13.474c4.466,0,8.084-3.62,8.084-8.084 c0-4.465-3.619-8.084-8.084-8.084H51.2c-7.43,0-13.474-6.044-13.474-13.474c0-4.465-3.618-8.084-8.084-8.084 c-4.466,0-8.084,3.62-8.084,8.084c0,16.345,13.298,29.642,29.642,29.642h45.811v35.032c0,4.848,1.171,9.429,3.243,13.474H8.084 c-4.466,0-8.084,3.62-8.084,8.084C0,508.38,3.619,512,8.084,512h291.032c4.466,0,8.084-3.62,8.084-8.084 c0-4.465-3.618-8.084-8.084-8.084H174.609c2.073-4.044,3.243-8.625,3.243-13.474v-35.032h177.853v35.032 c0,4.848,1.171,9.429,3.243,13.474h-27.496c-4.466,0-8.084,3.62-8.084,8.084c0,4.465,3.619,8.084,8.084,8.084h172.463 c4.466,0,8.084-3.62,8.084-8.084c0-4.465-3.618-8.084-8.084-8.084h-70.612c2.073-4.044,3.243-8.625,3.243-13.474v-35.032h45.811 c16.344,0,29.642-13.297,29.642-29.642V353.01c0-11.767-6.892-21.955-16.851-26.737C505.493,316.899,512,303.363,512,288.337z M334.147,288.337v75.453c0,7.43-6.044,13.474-13.474,13.474h-67.368v-78.147c0-4.465-3.618-8.084-8.084-8.084 c-4.466,0-8.084,3.62-8.084,8.084v78.147H29.642c-7.43,0-13.474-6.044-13.474-13.474v-75.453c0-7.43,6.044-13.474,13.474-13.474 h273.126c0.11,0.002,0.219,0.002,0.329,0h17.577C328.104,274.863,334.147,280.907,334.147,288.337z M363.789,226.358 c-21.223,0-39.984,13.017-47.616,32.337h-9.999c-6.23-6.499-9.754-15.184-9.754-24.253c0-19.316,15.715-35.032,35.032-35.032 c16.535,0,30.431,11.515,34.091,26.947H363.789z"></path> <path d="M175.158,177.853h43.116c4.466,0,8.084-3.62,8.084-8.084s-3.618-8.084-8.084-8.084h-43.116 c-40.119,0-72.758-32.639-72.758-72.758c0-11.83,2.9-23.569,8.388-33.948c2.087-3.946,0.578-8.838-3.37-10.924 c-3.946-2.09-8.838-0.579-10.926,3.368C89.78,60.121,86.232,74.473,86.232,88.926 C86.232,137.961,126.124,177.853,175.158,177.853z"></path> </g> </g> </g> </g></svg>
</div>
<div class="button" onclick="closeDialog()">
<svg width="256px" height="256px" viewBox="0 0 1024 1024" class="icon" version="1.1" xmlns="http://www.w3.org/2000/svg" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path d="M704 288h-281.6l177.6-202.88a32 32 0 0 0-48.32-42.24l-224 256a30.08 30.08 0 0 0-2.24 3.84 32 32 0 0 0-2.88 4.16v1.92a32 32 0 0 0 0 5.12A32 32 0 0 0 320 320a32 32 0 0 0 0 4.8 32 32 0 0 0 0 5.12v1.92a32 32 0 0 0 2.88 4.16 30.08 30.08 0 0 0 2.24 3.84l224 256a32 32 0 1 0 48.32-42.24L422.4 352H704a224 224 0 0 1 224 224v128a224 224 0 0 1-224 224H320a232 232 0 0 1-28.16-1.6 32 32 0 0 0-35.84 27.84 32 32 0 0 0 27.84 35.52A295.04 295.04 0 0 0 320 992h384a288 288 0 0 0 288-288v-128a288 288 0 0 0-288-288zM103.04 760a32 32 0 0 0-62.08 16A289.92 289.92 0 0 0 140.16 928a32 32 0 0 0 40-49.92 225.6 225.6 0 0 1-77.12-118.08zM64 672a32 32 0 0 0 22.72-9.28 37.12 37.12 0 0 0 6.72-10.56A32 32 0 0 0 96 640a33.6 33.6 0 0 0-9.28-22.72 32 32 0 0 0-10.56-6.72 32 32 0 0 0-34.88 6.72A32 32 0 0 0 32 640a32 32 0 0 0 2.56 12.16 37.12 37.12 0 0 0 6.72 10.56A32 32 0 0 0 64 672z" fill="#000000"></path></g></svg>
</div>
</div>
</div>
</div>
<!--Terminal-->
<div id="terminal" class="terminal">
<div class="terminal-header">
<span>Terminal</span>
<button onclick="closeTerminal()">X</button>
</div>
<div id="terminal-body" class="terminal-body">
<a id="before"></a>
</div>
<div id="command" onclick="$('texter').focus();">
<textarea
type="text"
id="texter"
onkeyup="typeIt(this, event)"
onkeydown="typeIt(this, event);
moveIt(this.value.length, event)"
onkeypress="typeIt(this, event);"
autofocus
></textarea>
<div id="liner">
<span id="typer"></span><b class="cursor" id="cursor">_</b>
</div>
</div>
</div>
</body>
<script src="script.js"></script>
<script src="caret.js"></script>
<script src="command.js"></script>
<script src="main.js"></script>
</html>