Simplify and clean up
This commit is contained in:
parent
97e028aebd
commit
b365195bae
10 changed files with 55 additions and 124 deletions
|
|
@ -1,14 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>How To Host Minecraft From Scratch</title>
|
||||
<meta charset="utf-8" />
|
||||
<link rel="stylesheet" href="style-3.css" />
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<h1>How To Host Minecraft From Scratch</h1>
|
||||
<div class="subtitle">A Noob's Guide</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 672 B |
Binary file not shown.
|
Before Width: | Height: | Size: 672 B |
Binary file not shown.
|
Before Width: | Height: | Size: 665 B |
Binary file not shown.
|
Before Width: | Height: | Size: 663 B |
Binary file not shown.
92
index.html
92
index.html
|
|
@ -3,59 +3,59 @@
|
|||
<head>
|
||||
<title>Nupa's Page</title>
|
||||
<meta charset='utf-8'/>
|
||||
<link rel='stylesheet' href='style-3.css'>
|
||||
<link rel='stylesheet' href='style.css'>
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<h1>Nupa's Page</h1>
|
||||
<div class='subtitle'>A place to show off my projects.</div>
|
||||
<main>
|
||||
<h1>Nupa's Page</h1>
|
||||
<div class='subtitle'>A place to show off my projects.</div>
|
||||
|
||||
<article>
|
||||
<h2>Braceless Javascript</h2>
|
||||
2018. A couple of short programs written in a subset of javascript. Specifically, javascript but you can't use anything with curly braces in it, like 'if' or 'for'. Instead, ternaries and lambdas give you all the flow control you need. Has a lispy flavor.
|
||||
<a href='https://nupanick.github.io/braceless-javascript/fizzbuzz.html'>FizzBuzz</a> (<a href='https://github.com/nupanick/braceless-javascript/blob/master/fizzbuzz.html'>Source</a>),
|
||||
<a href='https://nupanick.github.io/braceless-javascript/bottles.html'>Bottles</a> (<a href='https://github.com/nupanick/braceless-javascript/blob/master/bottles.html'>Source</a>).
|
||||
</article>
|
||||
<section>
|
||||
<h2>Braceless Javascript</h2>
|
||||
2018. A couple of short programs written in a subset of javascript. Specifically, javascript but you can't use anything with curly braces in it, like 'if' or 'for'. Instead, ternaries and lambdas give you all the flow control you need. Has a lispy flavor.
|
||||
<a href='https://nupanick.github.io/braceless-javascript/fizzbuzz.html'>FizzBuzz</a> (<a href='https://github.com/nupanick/braceless-javascript/blob/master/fizzbuzz.html'>Source</a>),
|
||||
<a href='https://nupanick.github.io/braceless-javascript/bottles.html'>Bottles</a> (<a href='https://github.com/nupanick/braceless-javascript/blob/master/bottles.html'>Source</a>).
|
||||
</section>
|
||||
|
||||
<article>
|
||||
<h2>Flistify</h2>
|
||||
2018. A script to bulk-resize images for an f-list gallery, using windows batch and imagemagick. <a href='https://github.com/nupanick/flistify'>Flistify source on GitHub.</a>
|
||||
</article>
|
||||
<section>
|
||||
<h2>Flistify</h2>
|
||||
2018. A script to bulk-resize images for an f-list gallery, using windows batch and imagemagick. <a href='https://github.com/nupanick/flistify'>Flistify source on GitHub.</a>
|
||||
</section>
|
||||
|
||||
<article>
|
||||
<h2>Portal ZZT</h2>
|
||||
2008. A portal clone in the ZZT Engine. Available at the Museum of ZZT. <a href='https://museumofzzt.com/file/p/PortalZZT_v0_5.zip'>PortalZZT in the Museum of ZZT.</a>
|
||||
</article>
|
||||
<section>
|
||||
<h2>Portal ZZT</h2>
|
||||
2008. A portal clone in the ZZT Engine. Available at the Museum of ZZT. <a href='https://museumofzzt.com/file/p/PortalZZT_v0_5.zip'>PortalZZT in the Museum of ZZT.</a>
|
||||
</section>
|
||||
|
||||
<article>
|
||||
<h2>ZZT Nanogames</h2>
|
||||
2008. A collection of ZZT games that use only one screen each. Also includes <em>Eight Legged Express</em>, which I believe was made in one weekend as a challenge. <a href='https://museumofzzt.com/file/n/nanopack01.zip'>ZZT Nanogames in the Museum of ZZT.</a>
|
||||
</article>
|
||||
<section>
|
||||
<h2>ZZT Nanogames</h2>
|
||||
2008. A collection of ZZT games that use only one screen each. Also includes <em>Eight Legged Express</em>, which I believe was made in one weekend as a challenge. <a href='https://museumofzzt.com/file/n/nanopack01.zip'>ZZT Nanogames in the Museum of ZZT.</a>
|
||||
</section>
|
||||
|
||||
<article>
|
||||
<h2>Collabyrinth</h2>
|
||||
<img src='images/collabyrinth-title.png' alt='The title screen for the game Collabyrinth. The twelve letters of the word "COLLABYRINTH" are arranged in a 3 by 4 grid. Most of them are just an ordinary letter, but the O, L, L, Y, and R have been decorated in a variety of mismatched styles.'/>
|
||||
<p>2008. A collaborative labyrinth ZZT game. I organized this on the z2 forums.</p>
|
||||
<p>Credits:
|
||||
<ul>
|
||||
<li>Alexis Janson</li>
|
||||
<li>Commodore</li>
|
||||
<li>Infosponge</li>
|
||||
<li>Jur</li>
|
||||
<li>Nupanick</li>
|
||||
<li>Oof, aka Superbowl Shuffle</li>
|
||||
<li>Quantum P</li>
|
||||
<li>RobertP</li>
|
||||
</ul>
|
||||
</p>
|
||||
<a href='https://museumofzzt.com/file/c/clbrnth1.zip'>Collabyrinth in the Museum of ZZT.</a>
|
||||
</article>
|
||||
<section>
|
||||
<h2>Collabyrinth</h2>
|
||||
<img src='images/collabyrinth-title.png' alt='The title screen for the game Collabyrinth. The twelve letters of the word "COLLABYRINTH" are arranged in a 3 by 4 grid. Most of them are just an ordinary letter, but the O, L, L, Y, and R have been decorated in a variety of mismatched styles.'/>
|
||||
<p>2008. A collaborative labyrinth ZZT game. I organized this on the z2 forums.</p>
|
||||
<p>Credits:
|
||||
<ul>
|
||||
<li>Alexis Janson</li>
|
||||
<li>Commodore</li>
|
||||
<li>Infosponge</li>
|
||||
<li>Jur</li>
|
||||
<li>Nupanick</li>
|
||||
<li>Oof, aka Superbowl Shuffle</li>
|
||||
<li>Quantum P</li>
|
||||
<li>RobertP</li>
|
||||
</ul>
|
||||
</p>
|
||||
<a href='https://museumofzzt.com/file/c/clbrnth1.zip'>Collabyrinth in the Museum of ZZT.</a>
|
||||
</section>
|
||||
|
||||
<article>
|
||||
<h2>Traps and Zoids</h2>
|
||||
<img src='images/traps-and-zoids_home.png' alt='A screenshot of an old website. Red text on a light blue background says "Welcome to Nick.Lamicela.Org!". There is a compass rose at an angle, so that the letters read "NEWS" from top to bottom, and a link underneath says "News". There is a black and white cartoon face that looks like a folded boat or paper airplane, and a link underneath that says "Cartoons". At the bottom of the page is the text "Last Updated: 08/01/07.'>
|
||||
2007. Some hand-drawn cartoons and very old web design. Good old HTML 4.0 Transitional. <a href='https://web.archive.org/web/20071101001849/http://nick.lamicela.org/'>Traps and Zoids in the Internet Archive.</a>
|
||||
</article>
|
||||
</main>
|
||||
<section>
|
||||
<h2>Traps and Zoids</h2>
|
||||
<img src='images/traps-and-zoids_home.png' alt='A screenshot of an old website. Red text on a light blue background says "Welcome to Nick.Lamicela.Org!". There is a compass rose at an angle, so that the letters read "NEWS" from top to bottom, and a link underneath says "News". There is a black and white cartoon face that looks like a folded boat or paper airplane, and a link underneath that says "Cartoons". At the bottom of the page is the text "Last Updated: 08/01/07.'>
|
||||
2007. Some hand-drawn cartoons and very old web design. Good old HTML 4.0 Transitional. <a href='https://web.archive.org/web/20071101001849/http://nick.lamicela.org/'>Traps and Zoids in the Internet Archive.</a>
|
||||
</section>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
29
style-1.css
29
style-1.css
|
|
@ -1,29 +0,0 @@
|
|||
html {
|
||||
margin: 0 auto;
|
||||
max-width: 80ch;
|
||||
}
|
||||
|
||||
body {
|
||||
background-image: url('images/magenta-tile-1.png');
|
||||
background-size: 2rem;
|
||||
color: white;
|
||||
text-shadow: 2px 2px black;
|
||||
font-family: sans-serif;
|
||||
font-weight: bold;
|
||||
max-width: 120ch;
|
||||
}
|
||||
|
||||
h1, h3 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style: none;
|
||||
padding-left: 0px;
|
||||
}
|
||||
|
||||
li:before {
|
||||
content: '●';
|
||||
padding: 20px;
|
||||
text-shadow: 2px 2px black;
|
||||
}
|
||||
29
style-2.css
29
style-2.css
|
|
@ -1,29 +0,0 @@
|
|||
html {
|
||||
margin: 0 auto;
|
||||
max-width: 80ch;
|
||||
}
|
||||
|
||||
body {
|
||||
background-image: url('images/magenta-tile-4.png');
|
||||
background-size: 2rem;
|
||||
color: darkgray;
|
||||
text-shadow: 2px 2px black;
|
||||
font-family: sans-serif;
|
||||
font-weight: bold;
|
||||
max-width: 120ch;
|
||||
}
|
||||
|
||||
h1, h3 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style: none;
|
||||
padding-left: 0px;
|
||||
}
|
||||
|
||||
li:before {
|
||||
content: '●';
|
||||
padding: 20px;
|
||||
text-shadow: 2px 2px black;
|
||||
}
|
||||
|
|
@ -1,15 +1,13 @@
|
|||
|
||||
body {
|
||||
background-image: url('images/magenta-tile-4.png');
|
||||
max-width: min(90vw, 40rem);
|
||||
background-color: black;
|
||||
max-width: 100ch;
|
||||
margin: 1rem auto;
|
||||
}
|
||||
|
||||
main {
|
||||
font-family: sans-serif;
|
||||
background-color: black;
|
||||
color: hotpink;
|
||||
border: 1rem double purple;
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
|
|
@ -17,7 +15,7 @@ h1 {
|
|||
text-align: center;
|
||||
}
|
||||
|
||||
.subtitle {
|
||||
div.subtitle {
|
||||
text-align: center;
|
||||
font-style: italic;
|
||||
}
|
||||
|
|
@ -30,7 +28,12 @@ a:visited {
|
|||
color: gray;
|
||||
}
|
||||
|
||||
article img {
|
||||
section {
|
||||
margin-top: 2ch;
|
||||
border-top: 1ch double mediumvioletred;
|
||||
}
|
||||
|
||||
section img {
|
||||
display: block;
|
||||
border: 0.25rem solid skyblue;
|
||||
margin-left: auto;
|
||||
Loading…
Add table
Reference in a new issue