Add actual content
This commit is contained in:
askiiart
parent
2f308c4cd6
commit
e911b82bd7
7 changed files with 147 additions and 28 deletions
97
index.html
97
index.html
|
|
@ -2,24 +2,91 @@
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta content="width=device-width, initial-scale=1" charset="utf-8" />
|
<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>Lorem ipsum</title>
|
<title>This website runs on a textbook</title>
|
||||||
<link href="/style.css" type="text/css" rel="stylesheet" />
|
<link href="/style.css" type="text/css" rel="stylesheet" />
|
||||||
</head>
|
</head>
|
||||||
<body class="line-numbers">
|
<body>
|
||||||
<h1 id="lorem-ipsum">Lorem ipsum</h1>
|
<h1 id="this-website-runs-on-a-textbook">This website runs on a
|
||||||
<h2 id="dolor-sit-amet">Dolor sit amet</h2>
|
textbook</h1>
|
||||||
<p>Consectetuer adipiscing elit. Aenean commodo ligula eget
|
<h2 id="what-exactlys-going-on">What exactly's going on</h2>
|
||||||
dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis
|
<p>My Java class uses Zybooks, which uses some software that
|
||||||
parturient montes, nascetur ridiculus mus.</p>
|
lets me pick what language and IDE to use, then gives me an
|
||||||
<ul>
|
Ubuntu container to code in, hosted on AWS. For example, here's
|
||||||
<li>Lorem ipsum dolor sit amet, consectetuer adipiscing
|
<a
|
||||||
elit.</li>
|
href="https://github.com/coder/code-server"><code>code-server</code></a>
|
||||||
<li>Aenean commodo ligula eget dolor.</li>
|
with Java 11. And I also have remote desktop access over VNC via
|
||||||
<li>Aenean massa.</li>
|
Apache Guacamole. But more interestingly, <strong>I have root
|
||||||
</ul>
|
access.</strong></p>
|
||||||
|
<figure>
|
||||||
|
<img src="/media/zybooks-java-code.png"
|
||||||
|
alt="code-server running in Zybooks, configured for Java. There is a "Submit for Grading" 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>
|
</body>
|
||||||
<footer>
|
<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>
|
</footer>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
58
index.md
58
index.md
|
|
@ -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.
|
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!
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
## 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,8 +1,8 @@
|
||||||
#!/usr/bin/env bash
|
#!/usr/bin/env bash
|
||||||
set -e
|
set -e
|
||||||
dir=$(cd -- "$( dirname -- "${BASH_SOURCE[0]}" )" &> /dev/null && pwd)
|
dir=$(cd -- "$(dirname -- "${BASH_SOURCE[0]}")" &>/dev/null && pwd)
|
||||||
|
|
||||||
git status --porcelain | awk 'match($1, "(M|A|\?\?)"){print $2}' | while read -r item ; do
|
git status --porcelain | awk 'match($1, "(M|A|\?\?)"){print $2}' | while read -r item; do
|
||||||
if [[ ${item} == *.md ]]; then
|
if [[ ${item} == *.md ]]; then
|
||||||
item="${item%.*}"
|
item="${item%.*}"
|
||||||
echo "Currently processing ${item}"
|
echo "Currently processing ${item}"
|
||||||
|
|
@ -10,4 +10,5 @@ git status --porcelain | awk 'match($1, "(M|A|\?\?)"){print $2}' | while read -r
|
||||||
fi
|
fi
|
||||||
done
|
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'
|
find . \( ! -regex './md2html.sh' \) -type f | xargs sed -i 's/sourceCode /language-/g'
|
||||||
BIN
media/doom.png
Normal file
BIN
media/doom.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 382 KiB |
BIN
media/zybooks-java-code.png
Normal file
BIN
media/zybooks-java-code.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 74 KiB |
|
|
@ -4,7 +4,7 @@ body {
|
||||||
margin: 1em auto;
|
margin: 1em auto;
|
||||||
max-width: 90vw;
|
max-width: 90vw;
|
||||||
padding: 0 .62em;
|
padding: 0 .62em;
|
||||||
font: 1.0em/1.35 sans-serif
|
font: 1.05em/1.35 sans-serif
|
||||||
}
|
}
|
||||||
|
|
||||||
a:link,
|
a:link,
|
||||||
|
|
@ -36,6 +36,11 @@ wrap {
|
||||||
word-wrap: break-word
|
word-wrap: break-word
|
||||||
}
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
max-width: 80vw;
|
||||||
|
max-height: 50vh;
|
||||||
|
}
|
||||||
|
|
||||||
@media (max-device-width: 1200px) {
|
@media (max-device-width: 1200px) {
|
||||||
h1 {
|
h1 {
|
||||||
line-height: 1.2;
|
line-height: 1.2;
|
||||||
|
|
|
||||||
|
|
@ -2,14 +2,14 @@
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta content="width=device-width, initial-scale=1" charset="utf-8" />
|
<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>
|
<title>$title$</title>
|
||||||
<link href="/style.css" type="text/css" rel="stylesheet" />
|
<link href="/style.css" type="text/css" rel="stylesheet" />
|
||||||
</head>
|
</head>
|
||||||
<body class="line-numbers">
|
<body>
|
||||||
$body$
|
$body$
|
||||||
</body>
|
</body>
|
||||||
<footer>
|
<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>
|
</footer>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue