Skip to content

Commit 1862096

Browse files
UserArhamUserArham
authored
Create story.html
1 parent 226c411 commit 1862096

1 file changed

Lines changed: 63 additions & 0 deletions

File tree

‎story.html‎

Lines changed: 63 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,63 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<link href="fonts.googleapis.com" rel="stylesheet">
5+
<style>
6+
.terminal-container {
7+
font-family: 'Ubuntu Mono', 'Consolas', monospace;
8+
background-color: #300a24; /* Ubuntu Aubergine */
9+
color: #ffffff;
10+
padding: 20px;
11+
border-radius: 8px;
12+
line-height: 1.6;
13+
max-width: 800px;
14+
border-top: 25px solid #481434; /* Title bar effect */
15+
position: relative;
16+
}
17+
18+
/* Terminal Window Buttons */
19+
.terminal-container::before {
20+
content: "● ● ●";
21+
color: #ff5f56; /* Red, Yellow, Green mockup */
22+
letter-spacing: 5px;
23+
position: absolute;
24+
top: -22px;
25+
left: 10px;
26+
font-size: 12px;
27+
}
28+
29+
.prompt { color: #87ff5f; font-weight: bold; } /* User prompt green */
30+
.path { color: #5fafff; font-weight: bold; } /* Directory blue */
31+
.keyword { color: #E95420; font-weight: bold; } /* Ubuntu Orange */
32+
.history-text { color: #dfd8c8; } /* Ubuntu light gray text */
33+
.link { color: #5fafff; text-decoration: underline; }
34+
</style>
35+
</head>
36+
<body>
37+
38+
<div class="terminal-container">
39+
<div><span class="prompt">user@jpclinux</span>:<span class="path">~</span>$ cat history.txt</div>
40+
41+
<div class="history-text">
42+
<p><span class="keyword">[Seoul, 2018]</span> App not ready yet, but moderators of NanoTech appeared in Vercel while I was in Seoul, South Korea. They asked to form an emulator. Some suggested "Linux Run" or "PreLinux," but I chose <span class="keyword">JPCLinux</span>.</p>
43+
44+
<p><span class="keyword">[April 2018]</span> As teenagers, we couldn't do it alone. We formed it in a lab, and upon my return to Japan, I developed JPCLinux myself.</p>
45+
46+
<p><span class="keyword">[2023]</span> My moderators worked from 6am to 7pm in Japan. I launched a website on Google Sites, though it was eventually influenced by DistroSea and OnWorks.</p>
47+
48+
<p><span class="keyword">[April 2024]</span> We published JPCLinux as a Svelte app on CodeSandbox, but it didn't go as planned.</p>
49+
50+
<p><span class="keyword">[January 2025]</span> Successfully published via LlamaCoder at a /share/ website.</p>
51+
</div>
52+
53+
<div><span class="prompt">user@jpclinux</span>:<span class="path">~</span>$ git diff v3.0...v4.0</div>
54+
<div style="color: #87ff5f;">+ Full Changelog: v3.0...v4.0 successfully deployed.</div>
55+
<div><span class="prompt">user@jpclinux</span>:<span class="path">~</span>$ <span style="animation: blink 1s step-end infinite;">_</span></div>
56+
</div>
57+
58+
<style>
59+
@keyframes blink { 50% { opacity: 0; } }
60+
</style>
61+
62+
</body>
63+
</html>

0 commit comments

Comments
 (0)