Advent of Code: Explainerhttps://skenvy.github.io/advent-of-code-explainer/web/9999-12-31T23:59:00+00:00README9999-12-31T23:59:00+00:009999-12-31T23:59:00+00:00Skenvytag:skenvy.github.io,9999-12-31:/advent-of-code-explainer/web/articles/9999-12-31-readme/<p>Welcome! This <a href="https://getpelican.com/">pelican</a> site includes articles written with <a href="https://pyscript.net/">PyScript</a>. The articles have to be viewed individually to have the pyscript core load, as it's not loaded for non-article pages. You can view the pelican theme used <a href="https://github.com/Skenvy/advent-of-code-explainer/tree/main/web/theme">here</a>.</p>
<p>This site is a learning exercise / PoC. You can read the full <a href="https://github.com/Skenvy/advent-of-code-explainer/blob/main/devlog.md">devlog …</a></p><p>Welcome! This <a href="https://getpelican.com/">pelican</a> site includes articles written with <a href="https://pyscript.net/">PyScript</a>. The articles have to be viewed individually to have the pyscript core load, as it's not loaded for non-article pages. You can view the pelican theme used <a href="https://github.com/Skenvy/advent-of-code-explainer/tree/main/web/theme">here</a>.</p>
<p>This site is a learning exercise / PoC. You can read the full <a href="https://github.com/Skenvy/advent-of-code-explainer/blob/main/devlog.md">devlog here</a> and the <a href="https://github.com/Skenvy/advent-of-code-explainer/blob/main/README.md">README here</a>. Or read the TL;DR excerpt of the devlog here:</p>
<blockquote>
<p>... the <a href="https://adventofcode.com/">Advent of Code</a> is an annual fun code challenge exercise, done as an advent calender, so every December. Of course, part of the fun is finding something to use it as an excuse to learn, beyond the scope of just solving the actual puzzles.</p>
<p>This year I've decided to use Advent of Code as an excuse to play around with publishing a <a href="https://pypi.org/">PyPI</a> package and then using it in a static site that loads <a href="https://pyscript.net/">PyScript</a>. There are plenty of sites out there already that act as sites you can paste your input into and get the solution for, so this isn't trying to be the best at that thing, it's purely just to learn and play around with having one repo host the code for a package, and also the static site (generation) that consumes that package via <a href="https://pyscript.net/">PyScript</a>.</p>
</blockquote>Mull It Over2024-12-03T00:00:00+00:002024-12-03T00:00:00+00:00Skenvytag:skenvy.github.io,2024-12-03:/advent-of-code-explainer/web/articles/2024-12-03-mull-it-over/<p><a href="https://adventofcode.com/2024/day/3">Link to AoC</a>.</p>
<div style="border: 2px solid black;padding: 10px;">
<h1>Pyscript Test: AOCE</h1>
<p>Run AOCE function</p>
<input type="text" id="input_number" placeholder="Type number here..." />
<button py-click="do_a_thing">Get next value</button>
<div id="output_number"></div>
<script type="py" src="../../scripts/2024/1.py" config="../../scripts/pyscript.toml"></script>
</div>Red-Nosed Reports2024-12-02T00:00:00+00:002024-12-02T00:00:00+00:00Skenvytag:skenvy.github.io,2024-12-02:/advent-of-code-explainer/web/articles/2024-12-02-red-nosed-reports/<p><a href="https://adventofcode.com/2024/day/2">Link to AoC</a>.</p>
<div style="border: 2px solid black;padding: 10px;">
<h1>Pyscript Test: AOCE</h1>
<p>Run AOCE function</p>
<input type="text" id="input_number" placeholder="Type number here..." />
<button py-click="do_a_thing">Get next value</button>
<div id="output_number"></div>
<script type="py" src="../../scripts/2024/1.py" config="../../scripts/pyscript.toml"></script>
</div>Historian Hysteria2024-12-01T00:00:00+00:002024-12-01T00:00:00+00:00Skenvytag:skenvy.github.io,2024-12-01:/advent-of-code-explainer/web/articles/2024-12-01-historian-hysteria/<p><a href="https://adventofcode.com/2024/day/1">Link to AoC</a>.</p>
<div style="border: 2px solid black;padding: 10px;">
<h1>Pyscript Test: AOCE</h1>
<p>Run AOCE function</p>
<input type="text" id="input_number" placeholder="Type number here..." />
<button py-click="do_a_thing">Get next value</button>
<div id="output_number"></div>
<script type="py" src="../../scripts/2024/1.py" config="../../scripts/pyscript.toml"></script>
</div>My First Post with PyScript, with a custom version1970-01-03T00:00:00+00:001970-01-03T00:00:00+00:00Skenvytag:skenvy.github.io,1970-01-03:/advent-of-code-explainer/web/articles/1970-01-03-my-first-post-with-pyscript-with-a-custom-version/<p>This is an example article that demonstrates the <code><div></code> box, as well as the pyscript metadata on the article, using a non-default <code>PyScriptVersion</code>. All this will do is add one to the number in the box.</p>
<!-- TODO confirm that these relative src paths that work locally are ok once merge in gh-pages under a subdir -->
<div style="border: 2px solid black;padding: 10px;">
<h1>Pyscript Test: AOCE</h1>
<p>Run AOCE function</p>
<input type="text" id="input_number" placeholder="Type number here..." />
<button py-click="do_a_thing">Get next value</button>
<div id="output_number"></div>
<script type="py" src="../../scripts/example/example.py" config="../../scripts/example/pyscript.toml"></script>
</div>My First Post with PyScript1970-01-02T00:00:00+00:001970-01-02T00:00:00+00:00Skenvytag:skenvy.github.io,1970-01-02:/advent-of-code-explainer/web/articles/1970-01-02-my-first-post-with-pyscript/<p>This is an example article that demonstrates the <code><div></code> box, as well as the pyscript metadata on the article. All this will do is add one to the number in the box.</p>
<div style="border: 2px solid black;padding: 10px;">
<h1>Pyscript Test: AOCE</h1>
<p>Run AOCE function</p>
<input type="text" id="input_number" placeholder="Type number here..." />
<button id="do_a_thing_button" py-click="do_a_thing">Get next value</button>
<div id="output_number"></div>
<script type="py" src="../../scripts/example/example.py" config="../../scripts/pyscript.toml"></script>
<script type="py" src="../../tests/main.py" config="../../tests/pyscript.toml" terminal></script> <!-- Not allowed, can only use one config on page -->
</div>My First Post1970-01-01T00:00:00+00:001970-01-01T00:00:00+00:00Skenvytag:skenvy.github.io,1970-01-01:/advent-of-code-explainer/web/articles/1970-01-01-my-first-post/<p>Following is some example text! This is the most basic example article.</p>