harshverma27.github.io/index.html at main · harshverma27/harshverma27.github.io · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Harsh Verma | Terminal Portfolio</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/devicons/devicon@v2.15.1/devicon.min.css">
    <link rel="stylesheet" href="css/terminal.css">
</head>
<body class="theme-dark">
    <div id="window-bar">
        <div class="window-buttons">
            <span class="close"></span>
            <span class="minimize"></span>
            <span class="maximize"></span>
        </div>
        <div class="window-title">guest@harshos: ~</div>
    </div>
    <div id="terminal-container" onclick="document.getElementById('command-input').focus()">
        <div class="banner">
            <div class="banner-content">
                <div class="icon-cluster left-icons">
                    <i class="devicon-kotlin-plain colored"></i>
                    <i class="devicon-python-plain colored"></i>
                    <i class="devicon-cplusplus-plain colored"></i>
                    <i class="devicon-bash-plain"></i>
                </div>
<pre style="margin: 0; font-family: 'Fira Code', monospace; line-height: 1.2;">
  _   _                 _      ____   _____
 | | | | __ _ _ __  ___| |__  / __ \ / ____|
 | |_| |/ _` | '__|/ __| '_ \| |  | | (___
 |  _  | (_| | |   \__ \ | | | |  | |\___ \
 | | |_|\__,_|_|   |___/_| |_|\____/ |____/
</pre>
                <div class="icon-cluster right-icons">
                    <i class="devicon-android-plain colored"></i>
                    <i class="devicon-django-plain colored"></i>
                    <i class="devicon-firebase-plain colored"></i>
                    <i class="devicon-mysql-plain colored"></i>
                </div>
            </div>
            <div style="margin-top: 15px; font-weight: 700; color: var(--text-color);">Welcome to HarshOS v1.0.0 (tty1)</div>
            <div class="color-text" style="margin-top: 5px;">Type <span class="color-exe">'help'</span> to see available commands.</div>
            <div class="color-text">To view my details, try executing <span class="color-exe">'./about.sh'</span>.</div>
        </div>
        <div id="output"></div>
        <div id="input-line">
            <span class="prompt"><span class="prompt-user">guest@harshos</span><span class="prompt-symbol">:</span><span id="prompt-dir" class="prompt-dir">~</span><span class="prompt-symbol">$</span></span>
            <input type="text" id="command-input" autocomplete="off" spellcheck="false" autofocus>
        </div>
    </div>
    <script src="js/terminal.js"></script>
</body>
</html>