Update

content/en/about.md

@@ -7,11 +7,11 @@ tagline = "who are we? a mystery."
 
 # About us
 
-a39 studios is a multimedia entertainment studio based in Québec City, Canada. It focuses mainly on art and storytelling, although you can also see us experimenting. A lot.
+a39 studios is a one-person multimedia entertainment studio. Based in Québec City, Canada, it released all sorts of experiments and attempts at web art some would variously consider as not very good or brillant, no inbetweens. It focuses mainly on art and storytelling, although you can also see it experimenting. A lot.
 
 ## History
 
-Née Julosoft Multimedia in the late 2000s, it rebranded as a39 studios in 2021. For most of its history it was a one-person band that released all sorts of experiments and attempts at web art JP's family would qualify as not very good.
+Née Julosoft Multimedia in the late 2000s, it rebranded as a39 studios in 2021. You can see a non-exhaustive timeline on the [portfolio](/projects) page.
 
 ## Team
 
@@ -22,9 +22,11 @@ Née Julosoft Multimedia in the late 2000s, it rebranded as a39 studios in 2021.
 * **Born**: 1991
 * **Pronouns**: any
 
-Founder of a39. Writer, artist, programmer, probably not in this order but sometimes at the same time. Mainly works as a .NET dev, but is also a jack of all trades. Has way more ideas than is able to keep up with.
+Founder of a39. Writer, artist, programmer, probably not in this order but sometimes at the same time. Started making websites in 2004, at the tender age of 12, after reading a HTML for Dummies book. Mainly works as a .NET dev, but is also a jack of all trades. Has way more ideas than is able to keep up with. May or may not be a wizard, although they won't help you fix your printer.
 
 ## Fun facts
 
 * 39 is pronounced kind of like "thank you" in Japanese. Or Miku, as in Hatsune Miku.
-* In *The Twelve Tasks of Asterix* (1976), Asterix and Obelix were set to retrieve a permit A38 from a bureaucratic building. They solve the problem by asking for permit A39 instead.
+* In *The Twelve Tasks of Asterix* (1976), Asterix and Obelix are set to retrieve a permit A38 from a bureaucratic building, which is impossible without giving up your sanity. They solve the problem by asking for permit A39 instead, leading to everyone in the building collectively lose their sanity.
+* A39 also refers to a man on two giraffes holding them by the neck in Egyptian hieroglyphics. 𓀬
+* A39 is an highway starting from Dijon, France, which is well known for its mustard. Interestingly, Dijon mustard is no longer made in Dijon since 2009, and 80% of the mustard seeds used to manufacture it comes from Canada.

content/en/docs/cards.md

@@ -0,0 +1,94 @@
++++
+title = "Card trick.doc"
+slug = "cards"
+description = "nice trick"
+date = "2023-08-01"
+icon = "https://win98icons.alexmeub.com/icons/png/game_solitaire-0.png"
+icon16 = "https://win98icons.alexmeub.com/icons/png/game_solitaire-1.png"
+ispage = false
++++
+<style>
+    #cards,#res
+    {
+        font-size: 64pt;
+    }
+    #two,#three
+    {
+        display: none;
+    }
+</style>
+<div id="one">
+
+# The greatest card trick ever
+
+Here's a nice magic trick I like doing, and the fun thing, it even works through a computer! Wanna play? Yes? Okay.
+
+Get your favourite card deck and pick a card. Any card. Or generate one through random.org, I don't care. The thing is that I can't see it until the end. Got it?
+
+<button onclick="reset()">I picked a card.</button>
+</div>
+
+<div id="two">
+
+Cool. Now I'm gonna shuffle my imaginary deck, cut it roughly in the middle, put these cards side up and you're going to tell me if you see your card. I'm going to repeat this a few times.
+
+<span id="cards"></span>
+
+Can you see your card?
+
+<button onclick="yes()">Yes</button><button onclick="no()">No</button><button onclick="$('#two').style.display='none';$('#one').style.display='block'">Try again</button>
+</div>
+
+<div id="three">
+
+I think I have enough info now. Imagine me doing a bunch of fancy shuffles and then pick a card. Is this your card?
+
+<span id="res"></span>
+
+<button onclick="$('#three').style.display='none';$('#one').style.display='block'">Try again</button>
+</div>
+
+<script>
+    String.prototype.hashCode = function(seed = 0) { // cyrb53
+        let h1 = 0xdeadbeef ^ seed, h2 = 0x41c6ce57 ^ seed;
+        for(let i = 0, ch; i < this.length; i++) {
+            ch = this.charCodeAt(i);
+            h1 = Math.imul(h1 ^ ch, 2654435761);
+            h2 = Math.imul(h2 ^ ch, 1597334677);
+        }
+        h1  = Math.imul(h1 ^ (h1 >>> 16), 2246822507);
+        h1 ^= Math.imul(h2 ^ (h2 >>> 13), 3266489909);
+        h2  = Math.imul(h2 ^ (h2 >>> 16), 2246822507);
+        h2 ^= Math.imul(h1 ^ (h1 >>> 13), 3266489909);
+        //return 4294967296n * BigInt(h2) + BigInt(h1);
+        return 4294967296 * (2097151 & h2) + (h1 >>> 0);
+    }
+    var $ = a=>document.querySelector(a);
+    var cards = (A=a=>Array(a).fill(0))(52).map((_,x)=>String.fromCodePoint(7946+x/13<<4|A(13).map((_,x)=>-~x*13/12)[x%13]));
+    var shuffle = cards.sort((a,b) => a.hashCode()-b.hashCode());
+    var ccards = shuffle.map((x,i)=>`<span style="color:${["#000","#F00","#00F","#0C0"][x.codePointAt(0)/16-7946|0]}">${x}</span>`);
+
+    var i = .5;
+    var val = 0;
+    function yes(){
+        val |= i;
+        no();
+    }
+    function no(){
+        i*=2;
+        $("#res").innerHTML = ccards[val];
+        $("#cards").innerHTML = ccards.filter((_,x)=>x&i).sort((a,b) => a.hashCode(i)-b.hashCode(i)).join``;
+        if(i>=64)
+        {
+            $("#two").style.display="none";
+            $("#three").style.display="block";
+        }
+    }
+    function reset(){
+        i = .5;
+        val = 0;
+        $("#one").style.display="none";
+        $("#two").style.display="block";
+        no();
+    }
+</script>

content/en/projects/pouet.md

@@ -0,0 +1,9 @@
++++
+title = "pouet.quebec"
+slug = "pouet"
+description = "this is the most website of all time."
+date = "2023-04-28"
+link = "https://pouet.quebec/"
+tags = ["Website"]
++++
+A new social network for Quebecers, part of the Fediverse.

hugo.toml

@@ -120,6 +120,18 @@ disqusShortname = "juju2143"
   weight = 3
 [[menu.friends]]
   name = "silk.ms"
-  pre = "https://silk.ms/button.gif"
+  pre = "/img/buttons/silk.png"
   url = "https://silk.ms/"
   weight = 4
+[[menu.friends]]
+  name = "Skye's website"
+  pre = "/img/buttons/skye.png"
+  url = "https://skyeweeb.weebly.com"
+  weight = 5
+
+
+[server]
+[[server.headers]]
+  for = '/**.wasm'
+  [server.headers.values]
+    Content-Type = 'application/wasm'

netlify.toml

@@ -0,0 +1,10 @@
+# example netlify.toml
+[build]
+  command = "hugo"
+  functions = "netlify/functions"
+  publish = "public"
+
+[dev]
+  command = "hugo server"
+  port = 1313
+  publish = "public"

themes/a39/static/css/styles.css

@@ -1,4 +1,7 @@
-
+@font-face {
+  font-family: "WebPlus IBM VGA 8x16";
+  src: url("/fonts/WebPlus_IBM_VGA_8x16.woff");
+}
 body
 {
   /*background: #008080;*/

themes/a39/theme.toml

@@ -9,6 +9,7 @@ homepage = "https://a39.ca/"
 tags = []
 features = []
 min_version = "0.112.3"
+version = 2
 
 [author]
   name = "J.P. Savard"