From 36a717fb297e6a6c1fdeee26dba0e900e0593c9c Mon Sep 17 00:00:00 2001 From: Drew Galbraith Date: Wed, 3 May 2023 16:52:28 -0700 Subject: [PATCH] Fix image links again --- blog/2023-04-10-sudoku.md | 20 ++++++++++---------- blog/{ => images}/sudoku-1.png | Bin blog/{ => images}/sudoku-10.png | Bin blog/{ => images}/sudoku-2.png | Bin blog/{ => images}/sudoku-3.png | Bin blog/{ => images}/sudoku-4.png | Bin blog/{ => images}/sudoku-5.png | Bin blog/{ => images}/sudoku-6.png | Bin blog/{ => images}/sudoku-7.png | Bin blog/{ => images}/sudoku-8.png | Bin blog/{ => images}/sudoku-9.png | Bin 11 files changed, 10 insertions(+), 10 deletions(-) rename blog/{ => images}/sudoku-1.png (100%) rename blog/{ => images}/sudoku-10.png (100%) rename blog/{ => images}/sudoku-2.png (100%) rename blog/{ => images}/sudoku-3.png (100%) rename blog/{ => images}/sudoku-4.png (100%) rename blog/{ => images}/sudoku-5.png (100%) rename blog/{ => images}/sudoku-6.png (100%) rename blog/{ => images}/sudoku-7.png (100%) rename blog/{ => images}/sudoku-8.png (100%) rename blog/{ => images}/sudoku-9.png (100%) diff --git a/blog/2023-04-10-sudoku.md b/blog/2023-04-10-sudoku.md index 5543640..b75a335 100644 --- a/blog/2023-04-10-sudoku.md +++ b/blog/2023-04-10-sudoku.md @@ -37,7 +37,7 @@ puzzle with nothing in it. } ``` -[border](sudoku-1.png) +![border](images/sudoku-1.png) I'm not joking when I say I'm going to have to do baby steps here. @@ -64,13 +64,13 @@ want a narrower one for the cells. } ``` -[boxes](sudoku-2.png) +![boxes](images/sudoku-2.png) Reload that and... right div's auto linebreak after them. I think we can "float: left" these bad boys and... -[boxes2](sudoku-3.png) +![boxes2](images/sudoku-3.png) Right, now I'm pretty sure the boxes are 210 + 4 pixels wide because the border isn't included. While I'm tempted to just math my way out of this I recall that you can specify the border-box @@ -79,7 +79,7 @@ sizing to avoid this. Now this works! Now the astute of you may have noticed that there were 10 not 9 boxes in the screenshot with the 2 columns. That became even more obvious in the full grid. -[boxes3](sudoku-4.png) +![boxes3](images/sudoku-4.png) Ok now we can just recreate all of this with the cells and should be good to go right? @@ -90,7 +90,7 @@ just use flexbox). Finally this works! -[grid](sudoku-5.png) +![grid](images/sudoku-5.png) ## Displaying a puzzle @@ -111,7 +111,7 @@ StackOverflow answer convinced me. } ``` -[cell number](sudoku-6.png) +![cell number](images/sudoku-6.png) ### Taking the puzzle from the URL @@ -150,7 +150,7 @@ window.onload = (event) => { And hooray it works super well! -[bad puzzles](sudoku-7.png) +![bad puzzles](images/sudoku-7.png) Oh wait... I didn't think about the fact that the elements in the HTMLCollection from the document.getElementsByClassName call wouldn't be in the row order of the puzzle (all of the cells @@ -173,7 +173,7 @@ for (i = 0; i < 81; i++) { It works! -[good puzzle](sudoku-8.png) +![good puzzle](images/sudoku-8.png) Still some goofiness like the border on the outside being thinner than the interiors but I'm pretty happy with this for now. @@ -199,7 +199,7 @@ string and let the browser break them up into multiple lines for us. This comes out quite nicely: -[pencil marks](sudoku-9.png) +![pencil marks](images/sudoku-9.png) ### Reading the pencil marks from the url @@ -235,4 +235,4 @@ Using the string above we can use the following javascript code to parse and ins Which also comes out nicely: -[full puzzle](sudoku-10.png) +![full puzzle](images/sudoku-10.png) diff --git a/blog/sudoku-1.png b/blog/images/sudoku-1.png similarity index 100% rename from blog/sudoku-1.png rename to blog/images/sudoku-1.png diff --git a/blog/sudoku-10.png b/blog/images/sudoku-10.png similarity index 100% rename from blog/sudoku-10.png rename to blog/images/sudoku-10.png diff --git a/blog/sudoku-2.png b/blog/images/sudoku-2.png similarity index 100% rename from blog/sudoku-2.png rename to blog/images/sudoku-2.png diff --git a/blog/sudoku-3.png b/blog/images/sudoku-3.png similarity index 100% rename from blog/sudoku-3.png rename to blog/images/sudoku-3.png diff --git a/blog/sudoku-4.png b/blog/images/sudoku-4.png similarity index 100% rename from blog/sudoku-4.png rename to blog/images/sudoku-4.png diff --git a/blog/sudoku-5.png b/blog/images/sudoku-5.png similarity index 100% rename from blog/sudoku-5.png rename to blog/images/sudoku-5.png diff --git a/blog/sudoku-6.png b/blog/images/sudoku-6.png similarity index 100% rename from blog/sudoku-6.png rename to blog/images/sudoku-6.png diff --git a/blog/sudoku-7.png b/blog/images/sudoku-7.png similarity index 100% rename from blog/sudoku-7.png rename to blog/images/sudoku-7.png diff --git a/blog/sudoku-8.png b/blog/images/sudoku-8.png similarity index 100% rename from blog/sudoku-8.png rename to blog/images/sudoku-8.png diff --git a/blog/sudoku-9.png b/blog/images/sudoku-9.png similarity index 100% rename from blog/sudoku-9.png rename to blog/images/sudoku-9.png