Update docs

joone · Mar 27, 2024 · 34bdc76 · 34bdc76
1 parent 29cc820
commit 34bdc76
Show file tree

Hide file tree

Showing 10 changed files with 78 additions and 50 deletions.
diff --git a/docs/1. Charles Babbage and Ada Lovelace/index.html b/docs/1. Charles Babbage and Ada Lovelace/index.html
@@ -178,11 +178,14 @@ <h2>References</h2>
                     </nav>
                   </div>
               </article>
-              <nav role="navigation" class="post-navigation">
-			          <h1 class="assistive-text">Post navigation</h1>
+              <ul class="pagination-post">
+                <span class="page-item page-prev">
 
-                <div class="nav-next"><a href="../2. Alan Turing and Von Neumann">2. Alan Turing and Von Neumann<span class="meta-nav">→</span></a></div>
-              </nav>
+                </span>
+                <span class="page-item page-next">
+                <a href="../2. Alan Turing and Von Neumann" class="page-link" aria-label="Next"><span aria-hidden="true">2. Alan Turing and Von Neumann →</span></a>
+                </span>
+              </ul>
               <div class="comments border">
                 <script src="https://utteranc.es/client.js"
                             repo="joone/fosscomics"

diff --git a/docs/2. Alan Turing and Von Neumann/index.html b/docs/2. Alan Turing and Von Neumann/index.html
@@ -222,11 +222,14 @@ <h2>References</h2>
                     </nav>
                   </div>
               </article>
-              <nav role="navigation" class="post-navigation">
-			          <h1 class="assistive-text">Post navigation</h1>
-                <div class="nav-previous"><a href="../1. Charles Babbage and Ada Lovelace"><span class="meta-nav">←</span>1. Charles Babbage and Ada Lovelace</a></div>
-                <div class="nav-next"><a href="../3. The Era of Commercial Computers">3. The Era of Commercial Computers<span class="meta-nav">→</span></a></div>
-              </nav>
+              <ul class="pagination-post">
+                <span class="page-item page-prev">
+                <a href="../1. Charles Babbage and Ada Lovelace" class="page-link" aria-label="Previous"><span aria-hidden="true">← 1. Charles Babbage and Ada Lovelace</span></a>
+                </span>
+                <span class="page-item page-next">
+                <a href="../3. The Era of Commercial Computers" class="page-link" aria-label="Next"><span aria-hidden="true">3. The Era of Commercial Computers →</span></a>
+                </span>
+              </ul>
               <div class="comments border">
                 <script src="https://utteranc.es/client.js"
                             repo="joone/fosscomics"

diff --git a/docs/3. The Era of Commercial Computers/index.html b/docs/3. The Era of Commercial Computers/index.html
@@ -176,11 +176,14 @@ <h2>References</h2>
                     </nav>
                   </div>
               </article>
-              <nav role="navigation" class="post-navigation">
-			          <h1 class="assistive-text">Post navigation</h1>
-                <div class="nav-previous"><a href="../2. Alan Turing and Von Neumann"><span class="meta-nav">←</span>2. Alan Turing and Von Neumann</a></div>
-                <div class="nav-next"><a href="../4. how did people write code in the early days of computing">4. how did people write code in the early days of computing?<span class="meta-nav">→</span></a></div>
-              </nav>
+              <ul class="pagination-post">
+                <span class="page-item page-prev">
+                <a href="../2. Alan Turing and Von Neumann" class="page-link" aria-label="Previous"><span aria-hidden="true">← 2. Alan Turing and Von Neumann</span></a>
+                </span>
+                <span class="page-item page-next">
+                <a href="../4. how did people write code in the early days of computing" class="page-link" aria-label="Next"><span aria-hidden="true">4. how did people write code in the early days of computing? →</span></a>
+                </span>
+              </ul>
               <div class="comments border">
                 <script src="https://utteranc.es/client.js"
                             repo="joone/fosscomics"

diff --git a/docs/4. how did people write code in the early days of computing/index.html b/docs/4. how did people write code in the early days of computing/index.html
@@ -180,11 +180,14 @@ <h2>References</h2>
                     </nav>
                   </div>
               </article>
-              <nav role="navigation" class="post-navigation">
-			          <h1 class="assistive-text">Post navigation</h1>
-                <div class="nav-previous"><a href="../3. The Era of Commercial Computers"><span class="meta-nav">←</span>3. The Era of Commercial Computers</a></div>
-                <div class="nav-next"><a href="../5. The beginning of software engineering">5. The beginning of software engineering<span class="meta-nav">→</span></a></div>
-              </nav>
+              <ul class="pagination-post">
+                <span class="page-item page-prev">
+                <a href="../3. The Era of Commercial Computers" class="page-link" aria-label="Previous"><span aria-hidden="true">← 3. The Era of Commercial Computers</span></a>
+                </span>
+                <span class="page-item page-next">
+                <a href="../5. The beginning of software engineering" class="page-link" aria-label="Next"><span aria-hidden="true">5. The beginning of software engineering →</span></a>
+                </span>
+              </ul>
               <div class="comments border">
                 <script src="https://utteranc.es/client.js"
                             repo="joone/fosscomics"

diff --git a/docs/5. The beginning of software engineering/index.html b/docs/5. The beginning of software engineering/index.html
@@ -201,11 +201,14 @@ <h2>References</h2>
                     </nav>
                   </div>
               </article>
-              <nav role="navigation" class="post-navigation">
-			          <h1 class="assistive-text">Post navigation</h1>
-                <div class="nav-previous"><a href="../4. how did people write code in the early days of computing"><span class="meta-nav">←</span>4. how did people write code in the early days of computing?</a></div>
-                <div class="nav-next"><a href="../6. The origin of the hacker culture">6. The origin of the hacker culture<span class="meta-nav">→</span></a></div>
-              </nav>
+              <ul class="pagination-post">
+                <span class="page-item page-prev">
+                <a href="../4. how did people write code in the early days of computing" class="page-link" aria-label="Previous"><span aria-hidden="true">← 4. how did people write code in the early days of computing?</span></a>
+                </span>
+                <span class="page-item page-next">
+                <a href="../6. The origin of the hacker culture" class="page-link" aria-label="Next"><span aria-hidden="true">6. The origin of the hacker culture →</span></a>
+                </span>
+              </ul>
               <div class="comments border">
                 <script src="https://utteranc.es/client.js"
                             repo="joone/fosscomics"

diff --git a/docs/6. The origin of the hacker culture/index.html b/docs/6. The origin of the hacker culture/index.html
@@ -155,11 +155,14 @@ <h2>References</h2>
                     </nav>
                   </div>
               </article>
-              <nav role="navigation" class="post-navigation">
-			          <h1 class="assistive-text">Post navigation</h1>
-                <div class="nav-previous"><a href="../5. The beginning of software engineering"><span class="meta-nav">←</span>5. The beginning of software engineering</a></div>
-                <div class="nav-next"><a href="../7. ITS and hacker culture">7. ITS and hacker culture<span class="meta-nav">→</span></a></div>
-              </nav>
+              <ul class="pagination-post">
+                <span class="page-item page-prev">
+                <a href="../5. The beginning of software engineering" class="page-link" aria-label="Previous"><span aria-hidden="true">← 5. The beginning of software engineering</span></a>
+                </span>
+                <span class="page-item page-next">
+                <a href="../7. ITS and hacker culture" class="page-link" aria-label="Next"><span aria-hidden="true">7. ITS and hacker culture →</span></a>
+                </span>
+              </ul>
               <div class="comments border">
                 <script src="https://utteranc.es/client.js"
                             repo="joone/fosscomics"

diff --git a/docs/7. ITS and hacker culture/index.html b/docs/7. ITS and hacker culture/index.html
@@ -257,11 +257,14 @@ <h2>References</h2>
                     </nav>
                   </div>
               </article>
-              <nav role="navigation" class="post-navigation">
-			          <h1 class="assistive-text">Post navigation</h1>
-                <div class="nav-previous"><a href="../6. The origin of the hacker culture"><span class="meta-nav">←</span>6. The origin of the hacker culture</a></div>
-                <div class="nav-next"><a href="../8. UNIX and C Language">8. UNIX and C Language<span class="meta-nav">→</span></a></div>
-              </nav>
+              <ul class="pagination-post">
+                <span class="page-item page-prev">
+                <a href="../6. The origin of the hacker culture" class="page-link" aria-label="Previous"><span aria-hidden="true">← 6. The origin of the hacker culture</span></a>
+                </span>
+                <span class="page-item page-next">
+                <a href="../8. UNIX and C Language" class="page-link" aria-label="Next"><span aria-hidden="true">8. UNIX and C Language →</span></a>
+                </span>
+              </ul>
               <div class="comments border">
                 <script src="https://utteranc.es/client.js"
                             repo="joone/fosscomics"

diff --git a/docs/8. UNIX and C Language/index.html b/docs/8. UNIX and C Language/index.html
@@ -259,11 +259,14 @@ <h2>References</h2>
                     </nav>
                   </div>
               </article>
-              <nav role="navigation" class="post-navigation">
-			          <h1 class="assistive-text">Post navigation</h1>
-                <div class="nav-previous"><a href="../7. ITS and hacker culture"><span class="meta-nav">←</span>7. ITS and hacker culture</a></div>
+              <ul class="pagination-post">
+                <span class="page-item page-prev">
+                <a href="../7. ITS and hacker culture" class="page-link" aria-label="Previous"><span aria-hidden="true">← 7. ITS and hacker culture</span></a>
+                </span>
+                <span class="page-item page-next">
 
-              </nav>
+                </span>
+              </ul>
               <div class="comments border">
                 <script src="https://utteranc.es/client.js"
                             repo="joone/fosscomics"

diff --git a/docs/index.html b/docs/index.html
@@ -86,13 +86,15 @@ <h1><a href="/4. how did people write code in the early days of computing">4. ho
                       <div class="description">In the early days of computing, programming was done at the hardware level, with functionality embedded in circuits. ENIAC, for example, ran programs by manual rewiring. With the advent of stored-program computers like EDVAC and EDSAC, programming involved writing machine code, a binary language difficult for humans. Assembly language, using mnemonics for machine instructions, simplified the process. Programmers wrote code on paper, debugged it mentally, then transferred it to punch cards for execution, a tedious process that involved waiting for machine time and results...</div>
                       <a class="readmore" href="/4. how did people write code in the early days of computing">Read more ⟶</a>
                     </section>
+              <ul class="pagination">
+                <span class="page-item page-prev">
+                <span class="page-link disable-link" aria-label="Previous"><span aria-hidden="true">← Prev</span></span>
+                </span>
+                <span class="page-item page-next">
+                <a href="page/2.html" class="page-link" aria-label="Next"><span aria-hidden="true">Next →</span></a>
+                </span>
+              </ul>
             </main>
-            <nav role="navigation" class="post-navigation">
-              <h1 class="assistive-text">Post navigation</h1>
-              <div class="nav-previous disable-link"><span class="meta-nav">←</span>prev</div>
-              <div class="nav-next"><a href="page/2.html">next<span class="meta-nav">→</span></a></div>
-            </nav>
-
             <footer>
               <div style="display:flex">
                 <a class="soc" href="https://github.com/joone/fosscomics" rel="me" title="GitHub"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-github"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></a>

diff --git a/docs/page/2.html b/docs/page/2.html
@@ -70,13 +70,15 @@ <h1><a href="/1. Charles Babbage and Ada Lovelace">1. Charles Babbage and Ada Lo
                       <div class="description">In the 19th century, Charles Babbage designed the difference engine, and Ada Lovelace created the first algorithm, shaping the foundation of modern computing and programming concepts.</div>
                       <a class="readmore" href="/1. Charles Babbage and Ada Lovelace">Read more ⟶</a>
                     </section>
+              <ul class="pagination">
+                <span class="page-item page-prev">
+                <a href="/page/1.html" class="page-link" aria-label="Previous"><span aria-hidden="true">← Prev</span></a>
+                </span>
+                <span class="page-item page-next">
+                <span class="page-link disable-link" aria-label="Next"><span aria-hidden="true">Next →</span></span>
+                </span>
+              </ul>
             </main>
-            <nav role="navigation" class="post-navigation">
-              <h1 class="assistive-text">Post navigation</h1>
-              <div class="nav-previous"><a href="/page/1.html"><span class="meta-nav">←</span>prev</a></div>
-              <div class="nav-next disable-link">next<span class="meta-nav">→</span></div>
-            </nav>
-
             <footer>
               <div style="display:flex">
                 <a class="soc" href="https://github.com/joone/fosscomics" rel="me" title="GitHub"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-github"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></a>