From f4c6ea3d66b2a1a2d690673bafbcd42bced4c5ea Mon Sep 17 00:00:00 2001
From: Ivan Reese <ivanreese@gmail.com>
Date: Mon, 12 Aug 2024 18:26:12 -0600
Subject: [PATCH] =?UTF-8?q?=E2=88=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/edit.svg     |  2 +-
 assets/initials.svg |  2 +-
 assets/styles.css   | 54 ++++++++++++++++++++++++++++++++++-----------
 build/layout.html   |  7 +++---
 pages/index.md      | 15 ++++++-------
 5 files changed, 54 insertions(+), 26 deletions(-)

diff --git a/assets/edit.svg b/assets/edit.svg
index 18cd086..2890865 100644
--- a/assets/edit.svg
+++ b/assets/edit.svg
@@ -1 +1 @@
-<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" fill="none"><path stroke="#000b" stroke-width="4" d="M26 11l2 2v17H6V4h13l2 2"/><path fill="#000b" d="M15 14L29 0l3 3-14 14-5 2z"/></svg>
+<svg viewBox="4 0 28 32" xmlns="http://www.w3.org/2000/svg" fill="none"><path stroke="#000b" stroke-width="4" d="M26 11l2 2v17H6V4h13l2 2"/><path fill="#000b" d="M15 14L29 0l3 3-14 14-5 2z"/></svg>
diff --git a/assets/initials.svg b/assets/initials.svg
index 757346e..aafad3d 100644
--- a/assets/initials.svg
+++ b/assets/initials.svg
@@ -1 +1 @@
-<svg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"><g fill="none"><path fill="#0C8" d="M0 0H256V256H0z"/><g transform="translate(40 87)" fill="#FFF"><path d="M9.92825112 71L9.92825112 42.4516971 39.3452915 42.4516971 39.3452915 34.2950392 9.92825112 34.2950392 9.92825112 8.34203655 41 8.34203655 41 0 0 0 0 71z"/><path d="M89.09 64.586c8.64 0 15.258-2.953 19.854-9.228a46.28 46.28 0 0 0 6.985-27.13 43.954 43.954 0 0 1-27.023 0C84.494 22.322 77.876 19 69.42 19c-8.824 0-15.442 3.322-20.221 9.228 8.824-2.584 18.383-2.584 27.023 0 0 12.18 2.39 21.224 6.985 27.499 4.228 6.275 11.03 9.228 19.486 9.228l-13.603-.37zm0-7.752c-4.964 0-9.192-2.584-11.765-7.382 21.45 5.361 35.546 25.943 32.856 47.97C107.49 119.447 88.859 136 66.755 136c-22.104 0-40.737-16.552-43.427-38.579-2.69-22.026 11.407-42.608 32.856-47.97 0-18.64 5.515-27.867 16.361-27.867 10.662 0 15.993 9.228 15.993 27.683 0 9.228-1.286 16.61-3.676 21.409-6.123-1.833-9.98-7.898-9.057-14.246.923-6.347 6.344-11.053 12.733-11.053 6.39 0 11.811 4.706 12.734 11.053.922 6.348-2.934 12.413-9.057 14.246L89.09 56.834zM123 37.878c11.628 0 20.117-6.316 25.285-19.318l-8.305-3.344c-1.846 5.016-4.43 8.73-7.383 11.145 1.956-6.27 7.815-10.468 14.343-10.273 6.527.194 12.13 4.732 13.714 11.108 1.584 6.376-1.238 13.035-6.906 16.298a14.51 14.51 0 0 1-17.46-2.273c0-9.473 1.293-16.717 4.246-21.175a14.738 14.738 0 0 1 13.288-6.873c3.691 0 6.644 1.3 9.228 3.53a20.438 20.438 0 0 1 6.276 9.287L178 22.646C173.57 10.944 165.45 5 153.638 5c-18.457 0-27.87 12.074-27.87 36.407 0 11.888 2.4 20.99 7.383 27.305C137.95 75.028 145.148 78 154.191 78L123 37.878z"/></g></g></svg>
\ No newline at end of file
+<svg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"><g fill="none"><g transform="translate(40 87)" fill="#FFF"><path d="M9.92825112 71L9.92825112 42.4516971 39.3452915 42.4516971 39.3452915 34.2950392 9.92825112 34.2950392 9.92825112 8.34203655 41 8.34203655 41 0 0 0 0 71z"/><path d="M89.09 64.586c8.64 0 15.258-2.953 19.854-9.228a46.28 46.28 0 0 0 6.985-27.13 43.954 43.954 0 0 1-27.023 0C84.494 22.322 77.876 19 69.42 19c-8.824 0-15.442 3.322-20.221 9.228 8.824-2.584 18.383-2.584 27.023 0 0 12.18 2.39 21.224 6.985 27.499 4.228 6.275 11.03 9.228 19.486 9.228l-13.603-.37zm0-7.752c-4.964 0-9.192-2.584-11.765-7.382 21.45 5.361 35.546 25.943 32.856 47.97C107.49 119.447 88.859 136 66.755 136c-22.104 0-40.737-16.552-43.427-38.579-2.69-22.026 11.407-42.608 32.856-47.97 0-18.64 5.515-27.867 16.361-27.867 10.662 0 15.993 9.228 15.993 27.683 0 9.228-1.286 16.61-3.676 21.409-6.123-1.833-9.98-7.898-9.057-14.246.923-6.347 6.344-11.053 12.733-11.053 6.39 0 11.811 4.706 12.734 11.053.922 6.348-2.934 12.413-9.057 14.246L89.09 56.834zM123 37.878c11.628 0 20.117-6.316 25.285-19.318l-8.305-3.344c-1.846 5.016-4.43 8.73-7.383 11.145 1.956-6.27 7.815-10.468 14.343-10.273 6.527.194 12.13 4.732 13.714 11.108 1.584 6.376-1.238 13.035-6.906 16.298a14.51 14.51 0 0 1-17.46-2.273c0-9.473 1.293-16.717 4.246-21.175a14.738 14.738 0 0 1 13.288-6.873c3.691 0 6.644 1.3 9.228 3.53a20.438 20.438 0 0 1 6.276 9.287L178 22.646C173.57 10.944 165.45 5 153.638 5c-18.457 0-27.87 12.074-27.87 36.407 0 11.888 2.4 20.99 7.383 27.305C137.95 75.028 145.148 78 154.191 78L123 37.878z"/></g></g></svg>
diff --git a/assets/styles.css b/assets/styles.css
index 08f63f5..3061e65 100644
--- a/assets/styles.css
+++ b/assets/styles.css
@@ -22,6 +22,9 @@
   --link-color: var(--mid-green);
   --nav-link-hover-bg: hsl(160, 50%, 90%);
   --nav-link-border: hsl(160, 40%, 80%);
+  --edit-link-color: var(--deep-green);
+  --edit-link-bg: var(--green);
+  --edit-link-border: #0003;
 }
 
 /* Dark theme */
@@ -34,13 +37,32 @@
     --link-color: var(--green);
     --nav-link-hover-bg: var(--dark-grey);
     --nav-link-border: #0003;
+    --edit-link-color: var(--deep-green);
+    --edit-link-bg: var(--green);
+    --edit-link-border: #0003;
   }
 }
 
+/* Colorful theme */
+/* @media (prefers-color-scheme: dark) {
+  :root {
+    --page-bg: hsl(160, 20%, 4%);
+    --main-bg: hsl(240, 20%, 9%);
+    --main-shadow: #000;
+    --text-color: hsl(160, 30%, 90%);
+    --link-color: hsl(38, 100%, 50%);
+    --nav-link-hover-bg: hsl(220, 50%, 15%);
+    --nav-link-border: #0003;
+    --edit-link-color: hsl(160, 0%, 100%);
+    --edit-link-bg: hsl(220, 70%, 40%);
+    --edit-link-border: #0003;
+  }
+} */
+
 /* Wide layout */
 @media(min-width: 801px) {
   :root {
-    --logo-width: 12em;
+    --logo-width: 11em;
   }
 }
 
@@ -73,7 +95,7 @@ main {
     grid-template-columns: var(--logo-width) auto; /* Set the header/aside width */
     gap: var(--pad);
     margin: var(--pad);
-    border-radius: 2px;
+    border-radius: 3px;
   }
 }
 
@@ -111,7 +133,7 @@ header {
 
 @media(max-width: 800px) {
   #logo {
-    width: 10em;
+    width: clamp(5em, 25vw, 10em);
   }
 }
 
@@ -119,7 +141,7 @@ header {
   width: 100%;
   height: auto;
   border-radius: 1px; /* For consistency with <a> style */
-  border-bottom: 5px solid var(--mid-green);
+  border-bottom: 5px solid var(--edit-link-border);
   background: var(--green);
 }
 
@@ -132,18 +154,19 @@ nav {
 nav a {
   border-bottom: 5px solid transparent;
   font-weight: 700;
+  font-size: 0.9em;
 }
 
 @media(min-width: 801px) { /* Wide layout */
   nav a {
-    padding: .7em 1em .5em;
+    padding: .7rem 1rem .5rem;
   }
 }
 
 @media(max-width: 800px) { /* Narrow layout */
   nav a {
     align-self: end; /* Shrink the tappable area to just around the text */
-    padding: .4em .6em .3em;
+    padding: .4rem .6rem .3rem;
     border-bottom-width: 4px;
   }
 }
@@ -159,11 +182,12 @@ nav a:focus {
 #edit {
   display: flex;
   justify-content: space-between;
-  gap: .5em;
+  align-items: center;
+  gap: .5rem;
   margin-bottom: var(--half-pad);
-  border-bottom-color: var(--mid-green);
-  color: var(--deep-green);
-  background: var(--green);
+  border-bottom-color: var(--edit-link-border);
+  color: var(--edit-link-color);
+  background: var(--edit-link-bg);
 }
 
 @media(max-width: 800px) {
@@ -201,6 +225,10 @@ aside section ul {
   padding-left: 1em;
 }
 
+aside section ul {
+  word-break: break-word;
+}
+
 article {
   grid-area: article;
   max-width: 48em;
@@ -222,7 +250,7 @@ footer .initials {
   width: 40px;
   height: 40px;
   border-radius: 20px;
-  overflow: hidden;
+  background: var(--green);
 }
 
 /* MINOR ELEMENTS */
@@ -273,11 +301,11 @@ ul {
 }
 
 li {
-  line-height: 1.3;
+  line-height: 1.2;
 }
 
 li + li {
-  margin-top: .4em;
+  margin-top: .5em;
 }
 
 li a {
diff --git a/build/layout.html b/build/layout.html
index 518d17c..88ac555 100644
--- a/build/layout.html
+++ b/build/layout.html
@@ -14,9 +14,10 @@
         <img alt="Future of Coding" width="300" height="300" src="/wiki.svg">
       </a>
       <nav>
-        <a id="edit" href="https://github.com/futureofcoding/wiki/edit/main/{{path}}">
+        <!-- https://github.com/futureofcoding/wiki/edit/main/{{path}} -->
+        <a id="edit" href="#">
           <span>Edit This Page</span>
-          <img width="20" height="20" src="/edit.svg" alt="">
+          <img width="14" height="16" src="/edit.svg" alt="">
         </a>
         <a href="/">Home</a>
         <a href="/">Categories</a>
@@ -41,7 +42,7 @@ <h1>Backlinks</h1>
         <h1>Contributors</h1>
         <ul>
           <li>Ivan Reese</li>
-          <li>Reealllllly Looooong Nameeeeeeeee</li>
+          <li>Reeeeeeeeeeeeeeeeeealllllly Looooong Nameeeeeeeee</li>
           <li>Third Person</li>
         </ul>
       </section>
diff --git a/pages/index.md b/pages/index.md
index 89319f6..d3b6a02 100644
--- a/pages/index.md
+++ b/pages/index.md
@@ -2,17 +2,16 @@
 title: Future of Coding Wiki
 ---
 
-This is the **Future of Coding** Wiki!
+*The following is placeholder garbage.*
 
-*The following is GPT-generated placeholder.*
+Welcome to the future of whatever it once was. How is it now?
 
-Ah, the coding community of the future, where developers no longer need to worry about trivial matters like syntax errors or debugging. Why? Because AI will be doing all the coding for us! Imagine a world where you just need to think about an app, and voilà, it's already deployed. Of course, this means that we'll spend more time arguing about whose AI is superior rather than actually writing any code. Forget about Stack Overflow; our new hangout will be "Whose Bot Is It Anyway?" where the points don’t matter, and the bugs are made up.
+Comics have become an integral part of our code. Think about it some more. A world where boot camps have replaced spas, a relaxing space where you can contemplate the blessings of algorithms while treating yourself to tissue. Forget your weaknesses. The biggest challenge you'll face is choosing between stone and Swedish while coding.
 
-In this utopian future, the only skill developers will need is the ability to articulate their thoughts clearly to their AI assistants. Forget about learning new programming languages or frameworks; the real challenge will be mastering the art of conversation. "Hey AI, build me a scalable, multi-tenant SaaS platform with integrated blockchain and machine learning capabilities." Easy, right? Just make sure you say it nicely, or your AI might give you a platform that runs on Internet Explorer.
+In this new world, CodeHub. Instead of asking for a pull-up, developers post a "selfish" that shows off their best self. The number of requests in the bond determines which priority to enter. And let's not forget the "fluencies" who make money by streaming code through companies that make comfortable chairs and blue glasses.
 
-And let's not forget the coding meetups of the future. Instead of bringing laptops, we'll all bring our neural interfaces and compete to see whose brainwaves can generate the most efficient code. The phrase "thinking outside the box" will take on a whole new meaning when you can literally think your way through a coding problem. And for those who still enjoy the tactile feel of a keyboard, there will be retro coding sessions where you can type out your thoughts the old-fashioned way—how quaint!
+Our sessions are all about "hecking", which means a balance of planning and practical skills. For example, CEOs write live code, explain spreadsheets, write repetitive functions, and perform comment dance. The audience voted for their favorite work and the winners were awarded with the Toothy Plaque award. I forgot to explain the code. The new measure of a horse's success is the number of horses clapped.
 
-Of course, the job market will be a bit different too. Instead of hiring developers, companies will be on the lookout for "AI whisperers"—those rare individuals who can coax the best performance out of their digital minions. Job interviews will involve less whiteboard coding and more discussions about your relationship with your AI. "Tell us about a time when you and your AI had a disagreement and how you resolved it." The future is all about synergy, after all.
-
-Finally, let's not forget the open-source community of the future. Instead of contributing code, we'll be contributing "thought patterns" and "neural templates" to repositories. Pull requests will involve merging not just code but entire cognitive frameworks. And of course, there will still be the occasional flame war, but it will be about whose AI-generated code is more "elegant" or "idiomatic." Ah, the future of coding—where the only constant is change, and the only limit is your imagination (and your AI's processing power).
+There is cooking, programming language: cooking and code. Have you ever tried Python paella or JavaScript jambala in the future and the restaurant will serve you food on par with your favorite language? Imagine five dishes. Sugar? A beautiful oyster that perfectly reflects the idea of home.
 
+Finally, let's talk about the inevitable fashion trend: "dirty shoelaces". In the future, editors will be remembered only for their editing skills. Also for their beautiful style. Expect fashion shows with clothes made from binary. What do you like to it do to the most? A USB cable is used to solve the problem. Forget clothes. Work your personality.