∆

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,15 +133,15 @@ header {
 
 @media(max-width: 800px) {
   #logo {
-    width: 10em;
+    width: clamp(5em, 25vw, 10em);
   }
 }
 
 #logo img {
   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 {

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>

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.