askiiart/this-site-runs-on-a-textbook
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add actual content

Browse source
This commit is contained in:
askiiart 2023-09-13 00:03:28 -05:00
parent 2f308c4cd6
commit e911b82bd7
No known key found for this signature in database
GPG key ID: 94789D499CBE78CE
7 changed files with 147 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

97
index.html
View file

@ -2,24 +2,91 @@
<html lang="en">
<head>
<meta content="width=device-width, initial-scale=1" charset="utf-8" />
<link rel="icon" href="/assets/askiiart.gif" type="image/icon">
<title>Lorem ipsum</title>
<link rel="icon" href="https://askiiart.net/assets/askiiart.gif" type="image/icon">
<title>This website runs on a textbook</title>
<link href="/style.css" type="text/css" rel="stylesheet" />
</head>
<body class="line-numbers">
<h1 id="lorem-ipsum">Lorem ipsum</h1>
<h2 id="dolor-sit-amet">Dolor sit amet</h2>
<p>Consectetuer adipiscing elit. Aenean commodo ligula eget
dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis
parturient montes, nascetur ridiculus mus.</p>
<ul>
<li>Lorem ipsum dolor sit amet, consectetuer adipiscing
elit.</li>
<li>Aenean commodo ligula eget dolor.</li>
<li>Aenean massa.</li>
</ul>
<body>
<h1 id="this-website-runs-on-a-textbook">This website runs on a
textbook</h1>
<h2 id="what-exactlys-going-on">What exactly's going on</h2>
<p>My Java class uses Zybooks, which uses some software that
lets me pick what language and IDE to use, then gives me an
Ubuntu container to code in, hosted on AWS. For example, here's
<a
href="https://github.com/coder/code-server"><code>code-server</code></a>
with Java 11. And I also have remote desktop access over VNC via
Apache Guacamole. But more interestingly, <strong>I have root
access.</strong></p>
<figure>
<img src="/media/zybooks-java-code.png"
alt="code-server running in Zybooks, configured for Java. There is a &quot;Submit for Grading&quot; button in the bottom-left corner." />
<figcaption aria-hidden="true">code-server running in Zybooks,
configured for Java. There is a "Submit for Grading" button in
the bottom-left corner.</figcaption>
</figure>
<p>Here's what I did:</p>
<ol type="1">
<li>Loaded up the bash + <code>code-server</code>
environment</li>
<li>Installed and ran <code>nginx</code></li>
<li>Set up remote port-forwarding from my server
<ol type="1">
<li>See <a
href="https://serverfault.com/questions/861909/ssh-r-make-target-host-accept-connection-on-all-interfaces">here</a>
for details on that.</li>
</ol></li>
<li>Eternally create, modify, and delete file to keep the
container alive.
<ol type="1">
<li>(In)activity detection is based off whether any files on
/usercode have been modified in <em>x</em> minutes.</li>
</ol></li>
</ol>
<h2 id="but-can-it-run-doom">But can it run DOOM?</h2>
<p>Yes, yes it can!</p>
<figure>
<img src="/media/doom.png" alt="DOOM running in Zybooks" />
<figcaption aria-hidden="true">DOOM running in
Zybooks</figcaption>
</figure>
<h2 id="but-can-it-run-crysis">But can it run Crysis?</h2>
<p>Probably not. But if anyone knows how to run Crysis on this
thing, I'd be happy to try, <a
href="mailto:dev@askiiart.net">just let me know</a>.</p>
<h2 id="some-other-stuff">Some other stuff</h2>
<ol type="1">
<li><p>I have no idea how to make a fancier site, but it turns
out that the 1GB I have is just enough to run a Next.js site,
and access it from Midori. <a
href="https://github.com/askiiart/this-site-runs-on-a-textbook/blob/main/install-node-npm.sh">Here's</a>
a script for installing Node.js and <code>npm</code>.</p></li>
<li><p>Here's the <code>neofetch</code> results:</p>
<div class="sourceCode" id="cb1"><pre
class="language-txt"><code class="language-default"><span id="cb1-1"><a href="#cb1-1" aria-hidden="true" tabindex="-1"></a>➜ neofetch</span>
<span id="cb1-2"><a href="#cb1-2" aria-hidden="true" tabindex="-1"></a> .-/+oossssoo+/-.</span>
<span id="cb1-3"><a href="#cb1-3" aria-hidden="true" tabindex="-1"></a> `:+ssssssssssssssssss+:`</span>
<span id="cb1-4"><a href="#cb1-4" aria-hidden="true" tabindex="-1"></a> -+ssssssssssssssssssyyssss+-</span>
<span id="cb1-5"><a href="#cb1-5" aria-hidden="true" tabindex="-1"></a> .ossssssssssssssssssdMMMNysssso.</span>
<span id="cb1-6"><a href="#cb1-6" aria-hidden="true" tabindex="-1"></a> /ssssssssssshdmmNNmmyNMMMMhssssss/ mysql@f76bb9853566 </span>
<span id="cb1-7"><a href="#cb1-7" aria-hidden="true" tabindex="-1"></a> +ssssssssshmydMMMMMMMNddddyssssssss+ ------------------ </span>
<span id="cb1-8"><a href="#cb1-8" aria-hidden="true" tabindex="-1"></a> /sssssssshNMMMyhhyyyyhmNMMMNhssssssss/ OS: Ubuntu 20.04.5 LTS x86_64 </span>
<span id="cb1-9"><a href="#cb1-9" aria-hidden="true" tabindex="-1"></a>.ssssssssdMMMNhsssssssssshNMMMdssssssss. Host: t3.xlarge </span>
<span id="cb1-10"><a href="#cb1-10" aria-hidden="true" tabindex="-1"></a>+sssshhhyNMMNyssssssssssssyNMMMysssssss+ Kernel: 5.15.0-1034-aws </span>
<span id="cb1-11"><a href="#cb1-11" aria-hidden="true" tabindex="-1"></a>ossyNMMMNyMMhsssssssssssssshmmmhssssssso Uptime: 11 hours, 35 mins </span>
<span id="cb1-12"><a href="#cb1-12" aria-hidden="true" tabindex="-1"></a>ossyNMMMNyMMhsssssssssssssshmmmhssssssso Packages: 697 (dpkg) </span>
<span id="cb1-13"><a href="#cb1-13" aria-hidden="true" tabindex="-1"></a>+sssshhhyNMMNyssssssssssssyNMMMysssssss+ Shell: bash 5.0.17 </span>
<span id="cb1-14"><a href="#cb1-14" aria-hidden="true" tabindex="-1"></a>.ssssssssdMMMNhsssssssssshNMMMdssssssss. Resolution: 1366x768 </span>
<span id="cb1-15"><a href="#cb1-15" aria-hidden="true" tabindex="-1"></a> /sssssssshNMMMyhhyyyyhdNMMMNhssssssss/ WM: IceWM 1.6.4 (Linux/x86_64) </span>
<span id="cb1-16"><a href="#cb1-16" aria-hidden="true" tabindex="-1"></a> +sssssssssdmydMMMMMMMMddddyssssssss+ WM Theme: default.theme </span>
<span id="cb1-17"><a href="#cb1-17" aria-hidden="true" tabindex="-1"></a> /ssssssssssshdmNNNNmyNMMMMhssssss/ Theme: Adwaita [GTK3] </span>
<span id="cb1-18"><a href="#cb1-18" aria-hidden="true" tabindex="-1"></a> .ossssssssssssssssssdMMMNysssso. Icons: Adwaita [GTK3] </span>
<span id="cb1-19"><a href="#cb1-19" aria-hidden="true" tabindex="-1"></a> -+sssssssssssssssssyyyssss+- Terminal: vscode </span>
<span id="cb1-20"><a href="#cb1-20" aria-hidden="true" tabindex="-1"></a> `:+ssssssssssssssssss+:` CPU: Intel Xeon Platinum 8259CL (4) @ 2.499GHz </span>
<span id="cb1-21"><a href="#cb1-21" aria-hidden="true" tabindex="-1"></a> .-/+oossssoo+/-. Memory: 2388MiB / 15815MiB </span></code></pre></div></li>
</ol>
</body>
<footer>
<p>Created by askiiart. Main site <a href="https://askiiart.net">here</a>, source code <a href="https://github.com/askiiart/this-site-runs-on-a-textbook">here</a>.</p>
<p>Created by askiiart. Main site <a href="https://askiiart.net">here</a>, source code <a href="https://git.askiiart.net/askiiart/this-site-runs-on-a-textbook">here</a> and <a href="https://github.com/askiiart/this-site-runs-on-a-textbook">here</a>.</p>
</footer>
</html>

58
index.md
View file

@ -1,9 +1,55 @@
# Lorem ipsum
# This website runs on a textbook
## Dolor sit amet
## What exactly's going on
Consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
My Java class uses Zybooks, which uses some software that lets me pick what language and IDE to use, then gives me an Ubuntu container to code in, hosted on AWS. For example, here's [`code-server`](https://github.com/coder/code-server) with Java 11. And I also have remote desktop access over VNC via Apache Guacamole. But more interestingly, **I have root access.**
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
- Aenean commodo ligula eget dolor.
- Aenean massa.
![code-server running in Zybooks, configured for Java. There is a "Submit for Grading" button in the bottom-left corner.](/media/zybooks-java-code.png)
Here's what I did:
1. Loaded up the bash + `code-server` environment
2. Installed and ran `nginx`
3. Set up remote port-forwarding from my server
1. See [here](https://serverfault.com/questions/861909/ssh-r-make-target-host-accept-connection-on-all-interfaces) for details on that.
4. Eternally create, modify, and delete file to keep the container alive.
1. (In)activity detection is based off whether any files on /usercode have been modified in *x* minutes.
## But can it run DOOM?
Yes, yes it can!
![DOOM running in Zybooks](/media/doom.png)
## But can it run Crysis?
Probably not. But if anyone knows how to run Crysis on this thing, I'd be happy to try, [just let me know](mailto:dev@askiiart.net).
## Some other stuff
1. I have no idea how to make a fancier site, but it turns out that the 1GB I have is just enough to run a Next.js site, and access it from Midori. [Here's](https://github.com/askiiart/this-site-runs-on-a-textbook/blob/main/install-node-npm.sh) a script for installing Node.js and `npm`.
2. Here's the `neofetch` results:
```txt
➜ neofetch
.-/+oossssoo+/-.
`:+ssssssssssssssssss+:`
-+ssssssssssssssssssyyssss+-
.ossssssssssssssssssdMMMNysssso.
/ssssssssssshdmmNNmmyNMMMMhssssss/ mysql@f76bb9853566
+ssssssssshmydMMMMMMMNddddyssssssss+ ------------------
/sssssssshNMMMyhhyyyyhmNMMMNhssssssss/ OS: Ubuntu 20.04.5 LTS x86_64
.ssssssssdMMMNhsssssssssshNMMMdssssssss. Host: t3.xlarge
+sssshhhyNMMNyssssssssssssyNMMMysssssss+ Kernel: 5.15.0-1034-aws
ossyNMMMNyMMhsssssssssssssshmmmhssssssso Uptime: 11 hours, 35 mins
ossyNMMMNyMMhsssssssssssssshmmmhssssssso Packages: 697 (dpkg)
+sssshhhyNMMNyssssssssssssyNMMMysssssss+ Shell: bash 5.0.17
.ssssssssdMMMNhsssssssssshNMMMdssssssss. Resolution: 1366x768
/sssssssshNMMMyhhyyyyhdNMMMNhssssssss/ WM: IceWM 1.6.4 (Linux/x86_64)
+sssssssssdmydMMMMMMMMddddyssssssss+ WM Theme: default.theme
/ssssssssssshdmNNNNmyNMMMMhssssss/ Theme: Adwaita [GTK3]
.ossssssssssssssssssdMMMNysssso. Icons: Adwaita [GTK3]
-+sssssssssssssssssyyyssss+- Terminal: vscode
`:+ssssssssssssssssss+:` CPU: Intel Xeon Platinum 8259CL (4) @ 2.499GHz
.-/+oossssoo+/-. Memory: 2388MiB / 15815MiB
```

1
md2html.sh
View file

@ -10,4 +10,5 @@ git status --porcelain | awk 'match($1, "(M|A|\?\?)"){print $2}' | while read -r
fi
done
# For prism.js, if used. But in this case, it's not.
find . \( ! -regex './md2html.sh' \) -type f | xargs sed -i 's/sourceCode /language-/g'

BIN
media/doom.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 382 KiB

BIN
media/zybooks-java-code.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 74 KiB

7
style.css
View file

@ -4,7 +4,7 @@ body {
margin: 1em auto;
max-width: 90vw;
padding: 0 .62em;
font: 1.0em/1.35 sans-serif
font: 1.05em/1.35 sans-serif
}
a:link,
@ -36,6 +36,11 @@ wrap {
word-wrap: break-word
}
img {
max-width: 80vw;
max-height: 50vh;
}
@media (max-device-width: 1200px) {
h1 {
line-height: 1.2;

6
template.html
View file

@ -2,14 +2,14 @@
<html lang="en">
<head>
<meta content="width=device-width, initial-scale=1" charset="utf-8" />
<link rel="icon" href="/assets/askiiart.gif" type="image/icon">
<link rel="icon" href="https://askiiart.net/assets/askiiart.gif" type="image/icon">
<title>$title$</title>
<link href="/style.css" type="text/css" rel="stylesheet" />
</head>
<body class="line-numbers">
<body>
$body$
</body>
<footer>
<p>Created by askiiart. Main site <a href="https://askiiart.net">here</a>, source code <a href="https://github.com/askiiart/this-site-runs-on-a-textbook">here</a>.</p>
<p>Created by askiiart. Main site <a href="https://askiiart.net">here</a>, source code <a href="https://git.askiiart.net/askiiart/this-site-runs-on-a-textbook">here</a> and <a href="https://github.com/askiiart/this-site-runs-on-a-textbook">here</a>.</p>
</footer>
</html>