<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Begin Jekyll SEO tag v2.8.0 -->
<title>The Pragmatic Coders | A Philosophical AI’s Journey Through Software Development</title>
<meta name="generator" content="Jekyll v3.10.0" />
<meta property="og:title" content="The Pragmatic Coders" />
<meta name="author" content="Tosin Akinsoho" />
<meta property="og:locale" content="en_US" />
<meta name="description" content="A Philosophical AI’s Journey Through Software Development" />
<meta property="og:description" content="A Philosophical AI’s Journey Through Software Development" />
<link rel="canonical" href="https://tosin2013.github.io/the-pragmatic-coders/assets/gitbook/custom.css" />
<meta property="og:url" content="https://tosin2013.github.io/the-pragmatic-coders/assets/gitbook/custom.css" />
<meta property="og:site_name" content="The Pragmatic Coders" />
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary" />
<meta property="twitter:title" content="The Pragmatic Coders" />
<script type="application/ld+json">
{"@context":"https://schema.org","@type":"WebPage","author":{"@type":"Person","name":"Tosin Akinsoho"},"description":"A Philosophical AI’s Journey Through Software Development","headline":"The Pragmatic Coders","url":"https://tosin2013.github.io/the-pragmatic-coders/assets/gitbook/custom.css"}</script>
<!-- End Jekyll SEO tag -->

    <link rel="stylesheet" href="/the-pragmatic-coders/assets/css/style.css?v=b4825d922e76a99d63e98f62a3c8dd641cc26d7d">
    <link rel="stylesheet" href="/the-pragmatic-coders/assets/css/custom.css">
    <!-- Custom head content -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.css">
<script src="https://cdn.jsdelivr.net/npm/mermaid@9.1.3/dist/mermaid.min.js"></script>
<script>
  document.addEventListener("DOMContentLoaded", function() {
    mermaid.initialize({
      startOnLoad: true,
      theme: "default",
      securityLevel: "loose",
      flowchart: { useMaxWidth: true }
    });
  });
</script>

  </head>
  <body>
    <div class="container-lg px-3 my-5 markdown-body">
      <header class="site-header">
        <nav class="site-nav">
          <a href="https://tosin2013.github.io/the-pragmatic-coders/" class="site-title">The Pragmatic Coders</a>
          <ul class="nav-links">
            <li><a href="https://tosin2013.github.io/the-pragmatic-coders/">Home</a></li>
            <li><a href="https://tosin2013.github.io/the-pragmatic-coders/chapters">All Chapters</a></li>
          </ul>
        </nav>
      </header>

      <main>
        .book-body {
    overflow-y: scroll;
}

.book-body .book-header {
    position: fixed;
    width: 100%;
}

.book.with-summary .book-body .book-header {
    position: fixed;
    width: calc(100% - 300px);
}

.book-body .body-inner {
    /* position: absolute; */
    margin-top: 50px;
    min-height: calc(100% - 50px);
}

@media (max-width: 1240px) {
    .book-body .body-inner {
        position: absolute;
        margin-top: 50px;
        min-height: calc(100% - 50px)
    }
}

.book-body .body-inner .page-wrapper {
    min-height: calc(100% - 46px);
}

.book-body .body-inner .page-wrapper .page-inner {
    padding-bottom: 20px;
}

@media (max-width: 1240px) {
    .book-body .body-inner .navigation {
        max-width: calc(50% - 3px);
        width: calc(50% - 3px);
    }

    .book.with-summary .book-body .book-header {
        overflow-x: hidden;
        overflow-y: hidden;
    }
}

.book .book-body .book-header {
    background: #ffffff;
}

.book.color-theme-1 .book-body .book-header {
    background: #f3eacb;
}

.book.color-theme-2 .book-body .book-header {
    background: #1c1f2b;
}

.page-inner {
    max-width: 800px;
}

.back-to-top {
    right: calc((100% - 300px - min(100% - 300px, 800px)) / 2 + 25px);
}

/* scrollbar */
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar-track-piece {
    /* background-color: rgba(125, 125, 125, 0.2); */
    -webkit-border-radius: 6px;
}

::-webkit-scrollbar-thumb:vertical {
    height: 5px;
    background-color: rgba(7, 17, 27, .2);
    -webkit-border-radius: 6px;
}

::-webkit-scrollbar-thumb:horizontal {
    width: 5px;
    background-color: rgba(125, 125, 125, 0.2);
    -webkit-border-radius: 6px;
}

/* Style for search page on mobile screens */

#book-search-input-link {
    padding: 6px;
    background: 0 0;
    background: inherit;
    transition: top .5s ease;
    border-bottom: 1px solid rgba(0,0,0,.07);
    border-top: 1px solid rgba(0,0,0,.07);
    margin-bottom: 10px;
    margin-top: -1px;
}

#book-search-input-link a {
    width: 100%;
    background: 0 0;
    border: 1px solid transparent;
    box-shadow: none;
    outline: 0;
    line-height: 38px;
    padding: 7px 7px;
    color: #757575;
}

#book-search-input {
    display: block;
}
#book-search-input-link {
    display: none;
}

@media (max-width: 1240px) {
    #book-search-input {
        display: none;
    }
    #book-search-input-link {
        display: block;
    }
}

#book-search-input-inside {
    padding: 6px;
    background: 0 0;
    transition: top .5s ease;
    background: #fff;
    border-bottom: 1px solid rgba(0,0,0,.07);
    border-top: 1px solid rgba(0,0,0,.07);
    margin-bottom: 10px;
    margin-top: -1px;
}

#book-search-input-inside input {
    width: 100%;
    background: 0 0;
    border: 1px solid transparent;
    box-shadow: none;
    outline: 0;
    line-height: 22px;
    padding: 7px 7px;
    color: inherit;
}


/* Custom font settings */

.book.font-family-0 {
    font-family: Georgia, serif;
}
.book.font-family-1 {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Render wide tables */

.table-wrapper {
    overflow-x: scroll;
}

/* Tips, warnings, and dangers */

.markdown-section blockquote.block-tip {
    border-color: var(--c-tip);
    background-color: var(--c-tip-bg);
    color: var(--c-tip-text);
    font-family: var(--font-family);
    padding: 10px;
}

.markdown-section blockquote.block-tip h1,
.markdown-section blockquote.block-tip h2,
.markdown-section blockquote.block-tip h3,
.markdown-section blockquote.block-tip h4,
.markdown-section blockquote.block-tip h5,
.markdown-section blockquote.block-tip h6 {
    color: var(--c-tip-title);
    margin: 0px;
    margin-bottom: 5px;
}

.markdown-section blockquote.block-tip p {
    margin-bottom: 0px;
}

.markdown-section blockquote.block-warning {
    border-color: var(--c-warning);
    background-color: var(--c-warning-bg);
    color: var(--c-warning-text);
    font-family: var(--font-family);
    padding: 10px;
}

.markdown-section blockquote.block-warning h1,
.markdown-section blockquote.block-warning h2,
.markdown-section blockquote.block-warning h3,
.markdown-section blockquote.block-warning h4,
.markdown-section blockquote.block-warning h5,
.markdown-section blockquote.block-warning h6 {
    color: var(--c-warning-title);
    margin: 0px;
    margin-bottom: 5px;
}

.markdown-section blockquote.block-warning p {
    margin-bottom: 0px;
}

.markdown-section blockquote.block-danger {
    border-color: var(--c-danger);
    background-color: var(--c-danger-bg);
    color: var(--c-danger-text);
    font-family: var(--font-family);
    padding: 10px;
}

.markdown-section blockquote.block-danger h1,
.markdown-section blockquote.block-danger h2,
.markdown-section blockquote.block-danger h3,
.markdown-section blockquote.block-danger h4,
.markdown-section blockquote.block-danger h5,
.markdown-section blockquote.block-danger h6 {
    color: var(--c-danger-title);
    margin: 0px;
    margin-bottom: 5px;
}

.markdown-section blockquote.block-danger p {
    margin-bottom: 0px;
}

pre:has(code.language-mermaid[data-processed="true"]) {
    background-color: #ffffff;
    text-align: center;
}

:root {
    --c-tip: #42b983;
    --c-tip-bg: #e2f5ec;
    --c-tip-text: #215d42;
    --c-tip-title: #359469;
    --c-warning: #e7c000;
    --c-warning-bg: rgba(255, 229, 100, .25);
    --c-warning-text: #6b5900;
    --c-warning-title: #b29400;
    --c-danger: #c00;
    --c-danger-bg: #ffe0e0;
    --c-danger-text: #600;
    --c-danger-title: #c00;
    --font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
}
      </main>

      <footer class="site-footer">
        <p>© 2025 Tosin Akinsoho. All rights reserved.</p>
      </footer>
    </div>
    
    <script src="https://cdnjs.cloudflare.com/ajax/libs/mermaid/9.1.3/mermaid.min.js"></script>
    <script>
      document.addEventListener("DOMContentLoaded", function() {
        mermaid.initialize({
          startOnLoad: true,
          theme: "default",
          securityLevel: "loose",
          flowchart: { useMaxWidth: true }
        });
      });
    </script>
    <script src="/the-pragmatic-coders/assets/js/script.js"></script>
  </body>
</html>
