Skip to content

Commit

Permalink
*
Browse files Browse the repository at this point in the history
  • Loading branch information
@neauoire
neauoire committed Nov 29, 2024
1 parent c8979ae commit 5828818
Show file tree
Hide file tree
Showing 5 changed files with 445 additions and 62 deletions.
2 changes: 1 addition & 1 deletion links/main.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@ nav a img { width:144px; height:auto; display:block; }
nav .hidden {position:absolute; overflow:hidden; left: -9999px}

main { padding: 0px 45px 45px 45px; max-width:900px; }
main img { display:block; width:100%; height:auto; max-width: 900px; margin-bottom: 15px;}
main img { display:block; width:100%; height:auto; max-width: 900px; margin-bottom: 30px;}
main > * { max-width: 900px; margin-bottom: 30px }
main > h1 { font-size:45px; text-transform: capitalize; display: none}
main > h2 { font-size:30px; text-transform: capitalize}
Expand Down
2 changes: 1 addition & 1 deletion site/index.html
View file

Large diffs are not rendered by default.

370 changes: 370 additions & 0 deletions site/shining_sand.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,370 @@
<!DOCTYPE html><html lang='en'><head><meta charset='utf-8'><meta name='thumbnail' content='https://100r.co/media/services/rss.jpg' /><meta name='viewport' content='width=device-width,initial-scale=1'><meta name='color-scheme' content='light dark'><link rel='alternate' type='application/rss+xml' title='RSS Feed' href='../links/rss.xml' /><link rel='stylesheet' type='text/css' href='../links/main.css'><link rel='shortcut icon' type='image/png' href='../media/services/shortcut.png'><title>100R &mdash; shining sand</title></head><body class='page_shining_sand'><nav class='hidden'>
<ul>
<li><a href="home.html" target="_blank">Home</a></li>
<li><a href="about.html" target="_blank">About</a></li>
<li><a href="knowledge.html" target="_blank">Knowledge</a></li>
<li><a href="articles.html" target="_blank">Articles</a></li>
<li><a href="projects.html" target="_blank">Projects</a></li>
<li><a href="travel.html" target="_blank">Travel</a></li>
</ul>
</nav>
<nav>
<a href='home.html' class='nav_link home_rabbit' aria-label='Home'>
<img src='../media/interface/home.png' alt='a rabbit wearing a funky sweater' width='200' height='200'/>
<img class='text inactive' src='../media/interface/home_txt.png' alt='Home' width='200' height='35'/>
<img class='text active' src='../media/interface/home_txt_underline.png' alt='Home' width='200' height='35'/>
</a>
<a href='about.html' class='nav_link about_rabbit' aria-label='About'>
<img src='../media/interface/about.png' alt='a mariner rabbit with a spyglass, coiled in ropes' width='200' height='200'/>
<img class='text inactive' src='../media/interface/about_txt.png' alt='About' width='200' height='35'/>
<img class='text active' src='../media/interface/about_txt_underline.png' alt='About' width='200' height='35'/>
</a>
<a href='knowledge.html' class='nav_link knowledge_rabbit' aria-label='Knowledge'>
<img src='../media/interface/knowledge.png' alt='a rabbit holding some rolled up documents' width='200' height='200'/>
<img class='text inactive' src='../media/interface/knowledge_txt.png' alt='Knowledge' width='200' height='35'/>
<img class='text active' src='../media/interface/knowledge_txt_underline.png' alt='Knowledge' width='200' height='35'/>
</a>
<a href='articles.html' class='nav_link articles_rabbit' aria-label='Articles'>
<img src='../media/interface/articles.png' alt='a rabbit laying on their belly and writing into a book' width='200' height='200'/>
<img class='text inactive' src='../media/interface/articles_txt.png' alt='Articles' width='200' height='35'/>
<img class='text active' src='../media/interface/articles_txt_underline.png' alt='Articles' width='200' height='35'/>
</a>
<a href='projects.html' class='nav_link projects_rabbit' aria-label='Projects'>
<img src='../media/interface/projects.png' alt='a rabbit working on a project, taking measurements while while a hard hat' width='200' height='200'/>
<img class='text inactive' src='../media/interface/projects_txt.png' alt='Projects' width='200' height='35'/>
<img class='text active' src='../media/interface/projects_txt_underline.png' alt='Projects' width='200' height='35'/>
</a>
<a href='travel.html' class='nav_link travel_rabbit' aria-label='Travel'>
<img src='../media/interface/travel.png' alt='a rabbit sitting in a small boat wearing a rain coat' width='200' height='200'/>
<img class='text inactive' src='../media/interface/travel_txt.png' alt='Travel' width='200' height='35'/>
<img class='text active' src='../media/interface/travel_txt_underline.png' alt='Travel' width='200' height='35'/>
</a>
</nav><main>

<!-- Generated file, do not edit -->

<h1>shining sand</h1><img src='../media/content/blog/shin_01.png'/>

<p>This is a blog post based on a transcript of a talk Devine gave at <a
href="https://handmade-seattle.com/" target="_blank">Handmade Seattle</a> on
November 26th 2024. Watch the video version(<a
href="https://www.youtube.com/watch?v=OfnEfFb8yks&t=1908s"
target="_blank">youtube</a>). The slideshow presentation was made using <a
href="adelie.html" class="local">Adelie</a>.</p>

<h2>A Shining Place Built Upon The Sand</h2>

<p>I dreamt I was in a <i>Library</i>, but it didn't look like a library at all.
You know how in dreams you feel like you know someone to be a specific person
without them necessarily having their appearance. This is how I knew this was a
library.</p>

<img style='max-width:700px' src='../media/content/blog/shin_02.png'/>

<p>Not that it mattered to most people in it, as it was more of a backdrop to
their lives, in fact, most people didn't pick up a single book in their
lifetime. These lives are spent within the walls of large octagonal rooms. In
each room, there are 4 hallways connecting to other rooms. Restrooms and
bedrooms, and other facilities are found in the gaps. A perpetual day radiates
from the translucent glassy floor. At the center of some octagons grows a fruit
tree.</p>

<img style='max-width:350px;float:left' src='../media/content/blog/shin_03.png'/>
<img style='max-width:350px' src='../media/content/blog/shin_04.png'/>

<p> In the silence of the library, people communicate by signing to each other.
Every conceivable meaning is transmitted quietly that way. Each sign
corresponds to either one of 32 word, or one of 16 numbers. The children learn
to count with their fingers, only they count in base-16, or
hexadecimal. They'd say there are 4 fingers in a hand and a thumb. Each hand can
count to 16, 32 if you use the thumb Both hands can count to 256.</p>

<!--
(
@|Language )
-->

<img style='max-width:700px' src='../media/content/blog/shin_05.png'/>

<p>In each octagon, 4 of the walls each hold 8 shelves. On the shelves, instead of
Borges' books of 410 pages, each of 40 high, and line some 80 characters
wide. The books in this library are perfectly square, each page is 16 lines long,
each line 16 letters wide. Each book contains exactly 256 pages.</p>

<img style='max-width:700px' src='../media/content/blog/shin_06.png'/>

<p>The pages are made of a material that feels like bark, on it grows a kind of
moss, which can be marked with a reed and erased by rubbing your thumb over the
marks, like how you can draw on some carpets, and erase by passing your hand
the other way and realign the fibers.</p>

<img style='max-width:700px' src='../media/content/blog/shin_07.png'/>

<p>In my dream, the <b>alphabet</b> used these 32 letters. You do not need to learn
these characters, I won't be teaching you a new language. I will only show you
some of its attributes.</p>
<img style='max-width:700px' src='../media/content/blog/shin_08.png'/>

<p>It also has 16 <b>numbers</b>.</p>
<img style='max-width:700px' src='../media/content/blog/shin_09.png'/>

<p>Its alphabet has some properties that you'll find in some natural languages,
where letters are equivalent to numbers, and vice versa.</p>

<img style='max-width:700px' src='../media/content/blog/shin_10.png'/>

<p>Unlike the latin alphabet, in which most organizations of letters are
meaningless.</p>

<img style='max-width:700px' src='../media/content/blog/shin_11.png'/>

<p>Or, sometimes intelligible, but equally meaningless.</p>

<img style='max-width:700px' src='../media/content/blog/shin_12.png'/>

<p>Every combination of letters of this alphabet means something.</p>

<img style='max-width:700px' src='../media/content/blog/shin_13.png'/>

<p>But that also means that the cost of a single letter mistake throws the
story into an entirely different direction.</p>

<img style='max-width:700px' src='../media/content/blog/shin_14.png'/>

<p>Whereas, in natural languages, a wrong letter, or a shuffled word might still
preserve some of its meaning, making natural languages more robust. </p>

<img style='max-width:700px' src='../media/content/blog/shin_15.png'/>

<p>The language's grammar departs from that of natural languages, in that the same
line might be read multiple times. It's common to read a sentence that says to
read that same line once again. It's also common to be told to skip everything
until the end, only to come back. The text carries the reader to different
places in the book. For example, here it says to read this 5 five times:</p>

<img style='max-width:700px' src='../media/content/blog/shin_16.png'/>

<p>They are called "lazy", the readers who will come across a word like <b>infinity</b>,
And instead of reading it infinitely, understand the word to mean infinity, and
read over it.</p>

<img style='max-width:700px' src='../media/content/blog/shin_17.png'/>

<p>In these seemingly infinite recursions, many spend their entire life going in
circle, expecting to someday reach the book's end, even tho it might not end.
And so, you find these people going round and round in their book, hoping to
get to the end, there is no clear process of elimination that will tell you if
a book will end or not. Some books are so convoluted that people still
believe that they might terminate, but they can never be sure.</p>

<img style='max-width:700px' src='../media/content/blog/shin_18.png'/>

<p>For example, this snippet of text above is also known as the tak() function.<br/>
Let me show you what this does in a familiar language:</p>

<img style='max-width:350px' src='../media/content/blog/shin_19.png'/>

<p>Which you can understand how this sentence has consumed a lot reading time.
Confounding the reader to recurse near infinitely back over the same passages.</p>

<p>Here is a fragment of a book which can be read in both directions, in which
every letter is read(not jumped over) and just so happen to reveal the letters "T
E N E T" in ASCII values.</p>

<img style='max-width:700px' src='../media/content/blog/shin_20.png'/>

<p>Notice how this program begins and and with the same things. This is called a
<i>palindromic program</i>. Some suggested that reading the books forward and backward
reduces the search for meaninful books by half. Others have said that, instead,
this doubles the work of searching for meaningful books as one is now fearing
to come across The Book, only to now fearing to having read it the wrong way
around.</p>

<!--
(
@|Other-Worlds )
-->

<p>Some inhabitants of the library believed that the astronomical number of
permutations of these 65536 letters books were too few, that the books
don't have enough pages, that the alphabet has too few letters.</p>

<p>"Get with the times!" We need bigger books!"</p>

<p>We haven't even begun to explore this one and you want a bigger one? But, even
my dream, I had in my mind the idea that other libraries must exist where the
symbols on the pages are different.</p>

<p>And others believed in the opposite, that our usage of so many characters is
frivolous. They suggest that the alphabet could be encoded entirely in two
characters, a dot and a dash, capable of encoding all possible meaning. So
why write this complex thing..</p>

<img style='max-width:700px' src='../media/content/blog/shin_21.png'/>

<p>.. When you can simply write this!</p>

<img style='max-width:700px' src='../media/content/blog/shin_22.png'/>

<p>And so, in the library, dialects have emerged where might people use restricted sets of
letters.</p>

<img style='max-width:700px' src='../media/content/blog/shin_24.png'/>

<p>In fact, in my dream, after wandering the halls for what seemed a long time, I
found an ancient stairway that lead me downward closer to the sun. As I was going
down, my fingers traced the walls, and I noticed the brickwork began to change,
it appeared that my familiar library was a rather new construction, built on top of a
much older foundation. There, I met an inhabitant of the sublevels of the
library. This person, whom for some reason evoked in me, a sense of loss, told
me that the only letters anyone needs is these 4. I was incredulous at first,
it took me a while to understand what this person meant, so let me try to
explain what I was told:</p>

<!--
(
@|Fractran )
-->

<img style='max-width:700px' src='../media/content/blog/shin_25.png'/>

<p>I will use decimal numbers from now on so I can communicate this to you
properly. To understand what I'm about to tell you, it's important to
understand that: <b>the prime factoring of a number is to break it down into
indivisible parts</b>.</p>

<img style='max-width:700px' src='../media/content/blog/shin_26.png'/>

<p>When you multiply a number by a fraction, what you really are doing is
decrement the prime factors in the denumerator, and incrementing those in the
numerator. For example: we remove one amount of 2 and add one amount of 3, in
3/2. We remove one amount of 3 and add one amount of 2, in 2/3.</p>

<img style='max-width:700px' src='../media/content/blog/shin_27.png'/>

<p>So we can think of any number as a bag, containing items of different
numerical values, or prime values. Primes are like the DNA of numbers. So,
these books begins with an initial number or bag, followed by a series of
fractions.</p>

<p>Keeping that initial number in mind, we walk through each fraction on the
page, if the modulo of our accumulator and the denominator of a fractionis
zero, we update our accumulator by the product of our accumulator and the
fraction, and start over at the first fraction, otherwise we try the next
fraction.</p>

<img style='max-width:400px' src='../media/content/blog/shin_29.png'/>

<p>For example: (18 % 2) = 0 means that the bag is divisible by the first
fraction, that our bag contains that item, we multiply 18 by 5, update the
accumulator and start over until it fails to match, then move onto the second
fraction, and stop upon reaching the end. This is page of a book adds two
numbers together stored in r2 and r3: We itterate like this, first emptying r2
into r5 Then r3 into r5. We have added 1+2=3</p>

<p>If we look at complete implementation of this program in pseudocode:</p>

<img style='max-width:700px' src='../media/content/blog/shin_30.png'/>

<p>This is how I came to learn that each book in each library, can be encoded in
nothing but fractions and multiplications. But anyways, this is all too
complicated, let's look at it another way. Basically what we have on the pages,
as a list of changes. We can give names to registers and do away with fractions
altogether: r2 = apple, r3 = orange, ..</p>

<img style='max-width:400px' src='../media/content/blog/shin_31.png'/>

<p>This one indicates to take an apple(r2) out of a bag, and put in two
orange(r3):</p>

<img style='max-width:400px' src='../media/content/blog/shin_32.png'/>

<p> If we look at the page from before, we can think of it as these changes:</p>

<img style='max-width:400px' src='../media/content/blog/shin_33.png'/>

<p> I'm using names for registers, but I could just as easily use shapes,
colors, tastes, smells..</p>

<img style='max-width:400px' src='../media/content/blog/shin_34.png'/>

<p> Here's what boolean logic looks like: If my bag contains the items x and y, I
take them out, and put in a true item -- otherwise a false one.</p>

<img style='max-width:400px' src='../media/content/blog/shin_35.png'/>

<p>If we want to compare the value of two registers</p>

<img style='max-width:400px' src='../media/content/blog/shin_36.png'/>

<p>To get a fibionnaci number:</p>

<img style='max-width:400px' src='../media/content/blog/shin_37.png'/>

<p>These books are reversible too, as long as numerators and denomerators are all
unique. Books can be read backward, from the end to the start, and recover the
original state. I think: This is fantastic!</p>

<img style='max-width:700px' src='../media/content/blog/shin_38.png'/>

<p> The mind reels, beholding all these possibilities, the implications of a
computation system so fundamental that it can be explained in 10 seconds,
transcends language, seems to be weeved in the fabric of the universe itself.
Why isn't this more known, we should rewrite our library! I'm dying to see the
library halls that hold these books. I would love to see all the different
libraries!</p>

<p>So, I ask: Are there halls without books?</p>

<p>"yes, there are halls where the people destroyed them"<br />
<p>What?! why, would anyone do that. It's
inconcievable, it's painful enough to think of those who don't ever pick a book
from the shelf. If it was up to me everyone should be forced to learn how to
read, a book in every hands! </p>

<img style='max-width:350px' src='../media/content/blog/shin_39.png'/>

<p>The person raises a finger, I stop talking.</p>

<p>"Why did do you think, the first person took one of
these books off of the shelf?"</p>

<p>I don't know, maybe they were looking to better
understand the universe, to learn about history, or just to waste some time
reading some fiction. I answer.</p>
<p>"It was to so they could more assuredly kill
someone at a distance."</p>

<p>Then I wake up. Dreams are silly like that.</p>

<p>It seems I fell asleep in front oh my terminal waiting for the ARM
architecture manual to open.</p>

<img style='max-width:700px' src='../media/content/blog/shin_40.png'/>

<p>And, it's still loading..</p>

<img style='max-width:700px' src='../media/content/blog/shin_41.png'/>



</main><footer>
<a class='logo' href="home.html">
<img src="../media/interface/logo.svg" aria-label='open homepage' alt="hundred rabbits logo consisting of one hundred white dots" width="100" height="100">
</a>
<span>
<b>Hundredrabbits</b> © 2024
</span>
<div class='mobile'>
<span>
<a href="../site/index.html">All Pages</a> |
<a href="../site/support.html">Support</a> |
<a href="../site/store.html">Store</a> |
<a href="../site/rabbits.html">Contact</a> |
<a href="https://github.com/hundredrabbits/100r.co/blob/main/LICENSE.by-nc-sa-4.0.md" target="_blank">BY-NC-SA 4.0</a>
</span>
</div>
<!-- Mastodon -->
<a href="https://merveilles.town/@neauoire" rel="me" class="hidden"></a>
<a href="https://merveilles.town/@rek" rel="me" class="hidden"></a>
</footer></body></html>
Loading

0 comments on commit 5828818

Please sign in to comment.