weegs710.tngl.sh
this is how weegs.dev is put together
3.2 kB
85 lines
1<!doctype html>
2<html lang="en">
3 <head>
4 <meta charset="UTF-8" />
5 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6 <title>weegs.dev</title>
7 <link rel="icon" href="favicon.webp" type="image/webp" />
8 <link rel="stylesheet" href="eldritch.css" />
9 <link rel="stylesheet" href="style.css" />
10 </head>
11 <body>
12 <div class="editor">
13 <div class="prompt-chrome">
14 <div class="prompt-l1">
15 <nav class="powerline-nav">
16 <a class="nav-seg nav-seg-logo" href="/">weegs.dev</a>
17 <a class="nav-seg active" href="/">home</a>
18 <a class="nav-seg" href="gaming.html">gaming</a>
19 <a class="nav-seg" href="stuff.html">my stuff</a>
20 </nav>
21 <div class="r-segments">
22 <span class="r-status">λ</span
23 ><span class="r-exectime"
24 ><span class="r-icon"></span
25 ><span id="loadtime">...</span></span
26 >
27 </div>
28 </div>
29 <div class="prompt-l2">
30 <span class="p-frame">╭─</span>
31 <span class="p-time" id="clock">--:--:--</span>
32 <span class="p-sep"> | </span>
33 <span class="p-date" id="datestamp"></span>
34 <span class="p-sep"> | </span><span class="p-icon"></span
35 ><span class="p-sep"> in </span>
36 <span class="p-cwd">~</span>
37 </div>
38 <div class="prompt-l3">
39 <span
40 ><span class="p-frame">╰─</span><span class="p-arrow">❯</span></span
41 >
42 </div>
43 </div>
44
45 <main class="content">
46 <div class="content-inner">
47 <div class="tui-session" data-page="home">
48 <div class="tui-prompt-line">
49 <span class="p-arrow">❯</span><span class="cmd"> ls ~/</span>
50 </div>
51 <div class="tui-workspace">
52 <div class="tui-list">
53 <div class="tui-list-header">~/</div>
54 <div
55 class="tui-item tui-item-folder"
56 data-type="folder"
57 data-path="content/news/"
58 >
59 <span class="folder-arrow">+</span> news
60 </div>
61 <div class="tui-list-hint">
62 <span class="key">j</span><span class="key">k</span> move
63 <span class="key">l</span
64 ><span class="key">↵</span> open
65 <span class="key">h</span><span class="key">esc</span> back
66 </div>
67 </div>
68 <div class="tui-output-wrap">
69 <div class="tui-cmd-line" id="tui-cmd-line">
70 <span class="p-arrow">❯</span>
71 <span class="cmd" id="tui-cmd-text"></span>
72 </div>
73 <div id="tui-output"></div>
74 <div class="tui-empty-hint" id="tui-empty-hint">loading...</div>
75 </div>
76 </div>
77 </div>
78 </div>
79 </main>
80 </div>
81
82 <script src="prompt-chrome.js"></script>
83 <script type="module" src="tui.js"></script>
84 </body>
85</html>