commit 3e6f7f5837a807d270da79414fdee8715b2538c2
parent 1394387014b863468657a84e154f4549a2037986
Author: Suzanne Soy <jsmaniac.github@suzanne.soy>
Date: Mon, 7 Oct 2024 16:37:45 +0100
new portfolio version
Diffstat:
4 files changed, 45 insertions(+), 117 deletions(-)
diff --git a/index.css b/index.css
@@ -0,0 +1,7 @@
+li.validator {
+ list-style-type: "✅"
+}
+
+li.certification {
+ list-style-type: "📜"
+}
diff --git a/index.html b/index.html
@@ -2,125 +2,40 @@
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-GB" xml:lang="en-GB">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <title>Suzanne Soy’s page</title>
+ <title>Suzanne Soy — Procedural Designer</title>
<script src="target-within-shim.js"></script>
- <link rel="stylesheet" href="test.css">
- <link rel="stylesheet" href="3d.css">
+ <link rel="stylesheet" href="index.css">
</head>
<body>
<h1>Suzanne Soy</h1>
- <div id="temp-other-content" style="position: relative; z-index: 1;">
- <h2>Procedural Designer</h2>
- <p>Latest version of my <a href="phc-thesis/">Ph.D draft</a></p>
- <p><a href="git-tutorial/">GIT tutorial</a></p>
- </div>
- <div class="css3d" style="display: none;">
- <div id="detector"></div>
- <div tabindex="0" id="a">
- A
- <div tabindex="0" id="a1">
- A1
- <iframe srcdoc="<h1>title</h1>"></iframe>
- </div>
- <div tabindex="0" id="a2">
- A2
- </div>
- </div>
- <div tabindex="0" id="b">
- B<a href="#a">goto a</a><a href="#b">goto b</a>
- </div>
- </div>
- <div class="view3d">
- <div class="scene" id="main">
- <a class="go" href="#main">→ Enter ←</a>
- <div class="rest"></div>
- <div tabindex="0" class="three-d room hover room-test">
- <div class="three-d object test" id="hello">Hello world
- <a class="go" href="#hello">hello</a>
- <div class="scene">
- <div class="rest"></div>
- <div tabindex="0" class="three-d room hover room-test">
- <div class="three-d object test" id="turtles">It's turtles all the way down!
- <a class="go" href="#turtles">turtles</a>
- <div class="scene">
- <div class="rest"></div>
- <div tabindex="0" class="three-d room hover room-test">
- <div class="three-d object test" id="table.js">
- <a class="go" href="#table.js">table editor</a>
- <iframe
- style="width:100%; height:90%;"
- src="table.js"></iframe>
- </div>
- </div>
- <div tabindex="0" class="three-d room hover room-test2">
- <div class="three-d object test2" id="css-only-virtual-world">
- <a class="go" href="#css-only-virtual-world">useful tip</a>
- Don't use CSS to do this.</div>
- </div>
- <div class="three-d room">
- <div class="three-d wall wall-l"></div>
- <div class="three-d wall wall-r"></div>
- <div class="three-d wall wall-u"></div>
- <div class="three-d wall wall-d"></div>
- <div class="three-d wall wall-b"></div>
- <div class="three-d wall wall-f"></div>
- </div>
- </div>
- </div>
- </div>
- <div tabindex="0" class="three-d room hover room-test2">
- <div class="three-d object test2" id="nested-rooms">
- <a class="go" href="#nested-rooms">nested-rooms</a>
- Nested rooms!
- </div>
- </div>
- <div class="three-d room">
- <div class="three-d wall wall-l"></div>
- <div class="three-d wall wall-r"></div>
- <div class="three-d wall wall-u"></div>
- <div class="three-d wall wall-d"></div>
- <div class="three-d wall wall-b"></div>
- <div class="three-d wall wall-f"></div>
- </div>
- </div>
- </div>
- </div>
- <div tabindex="0" class="three-d room hover room-test2">
- <div class="three-d object test2" id="mental-palace">Mental palace
- <a class="go" href="#mental-palace">mental-palace</a>
- <div class="scene">
- <div tabindex="0" class="three-d room hover room-test">
- <div class="three-d object test" id="mental-palace-2001">
- <a class="go" href="#mental-palace-2001"></a>
- Oh my…
- </div>
- </div>
- <div tabindex="0" class="three-d room hover room-test2">
- <div class="three-d object test2" id="mental-palace-stars">
- <a class="go" href="#mental-palace-stars"></a>
- It's full of <div>s
- </div>
- </div>
- <div class="three-d room">
- <div class="three-d wall wall-l"></div>
- <div class="three-d wall wall-r"></div>
- <div class="three-d wall wall-u"></div>
- <div class="three-d wall wall-d"></div>
- <div class="three-d wall wall-b"></div>
- <div class="three-d wall wall-f"></div>
- </div>
- </div>
- </div>
- </div>
- <div class="three-d room">
- <div class="three-d wall wall-l"></div>
- <div class="three-d wall wall-r"></div>
- <div class="three-d wall wall-u"></div>
- <div class="three-d wall wall-d"></div>
- <div class="three-d wall wall-b"></div>
- <div class="three-d wall wall-f"></div>
- </div>
- </div>
- </div>
-</body>
+ <h2>Procedural Designer</h2>
+
+ <article>
+ <h3>Research</h3>
+ <ul>
+ <li>Latest version of my <a href="https://phc-thesis.suzanne.soy">Ph.D draft</a></li>
+ </ul>
+ </article>
+ <article>
+ <h3>Interactive tutorials</h3>
+ <ul>
+ <li><a href="https://git-tutorial.suzanne.soy">GIT tutorial</a>: implement a binary-compatible local git in 470 of JavaScript</li>
+ <ul>
+ </article>
+ <article>
+ <h3>System administration</h3>
+ This web site is self-hosted, using some of the latest technologies and security enhancements:
+ <ul>
+ <li class="validator"><a href="https://hstspreload.org/?domain=suzanne.soy">HSTS</a></li>
+ <li class="validator"><a href="https://www.ssllabs.com/ssltest/analyze.html?d=suzanne.soy">SSL Labs A+ score</a></li>
+ <li class="validator"><a href="https://www.zonemaster.net/en/result/4ba40f89d5c815aa">ZoneMaster all-green</a> for self-hosted DNS server</li>
+ </ul>
+ </article>
+ <article>
+ <h3>Web design</h3>
+ <ul>
+ <li><a href="index3d.html">3D CSS</a></li>
+ </ul>
+ </article>
+ </body>
</html>
diff --git a/index.html b/index3d.html
diff --git a/ipfs-add.sh b/ipfs-add.sh
@@ -0,0 +1,5 @@
+#!/usr/bin/env bash
+
+set -euET -o pipefail
+
+ipfs cid base32 "$(ipfs add --ignore-rules-path .ipfsignore --pin=false --hidden -Qr .)"
+\ No newline at end of file
