updated with better links

Author: dannycab

content/iop-book/chapter-1/chapter-1.md

@@ -12,7 +12,10 @@ author: "Danny Caballero"
 
 
 I've just posted the first chapter of our book, ["Computing in Physics Education"](/iop-book/), which is going through the editorial process at the [Institute of Physics Publishing](https://ioppublishing.org/). This chapter serves as an introduction to the book, outlining its key themes and objectives.
+{{< embed-pdf url="/pdf/iop-book/CH01.pdf" >}}
 
-IOP agreed to let me post the first chapter online, so you can get a sneak peek at what the book is all about. The chapter discusses the importance of integrating computing into physics education and sets the stage for the contributions from various educators that will follow in subsequent chapters.
+<br>
+
+📂 [Download First Chapter](/pdf/iop-book/CH01.pdf)
 
-You can read the first chapter [here](/iop-book/chapter-1/). 
+IOP agreed to let me post the first chapter online, so you can get a sneak peek at what the book is all about. The chapter discusses the importance of integrating computing into physics education and sets the stage for the contributions from various educators that will follow in subsequent chapters.

content/posts/iop-book-chapter-posted.md

@@ -175,7 +175,7 @@ <h2 class="entry-hint-parent">First chapter of Computing in Physics Education bo
   <div class="entry-content">
     <p>The first chapter of the book ‘Computing in Physics Education’ is now available online. This chapter introduces the key themes and objectives of the book, setting the stage for the contributions from various educators.</p>
   </div>
-  <footer class="entry-footer"><span title='2025-08-01 00:00:00 +0000 UTC'>August 2025</span>&nbsp;&middot;&nbsp;1 min&nbsp;&middot;&nbsp;99 words&nbsp;&middot;&nbsp;Danny Caballero</footer>
+  <footer class="entry-footer"><span title='2025-08-01 00:00:00 +0000 UTC'>August 2025</span>&nbsp;&middot;&nbsp;1 min&nbsp;&middot;&nbsp;107 words&nbsp;&middot;&nbsp;Danny Caballero</footer>
   <a class="entry-link" aria-label="post link to First chapter of Computing in Physics Education book available" href="http://localhost:1313/posts/iop-book-chapter-posted/"></a>
 </article>
 

content/iop-book/chapter-1/download/IOP-Comp-Book-CH01.pdf renamed to public/pdf/iop-book/CH01.pdf

@@ -76,8 +76,8 @@
   "keywords": [
     "book", "IOP", "computing education", "physics education"
   ],
-  "articleBody": "I’ve just posted the first chapter of our book, “Computing in Physics Education”, which is going through the editorial process at the Institute of Physics Publishing. This chapter serves as an introduction to the book, outlining its key themes and objectives.\nIOP agreed to let me post the first chapter online, so you can get a sneak peek at what the book is all about. The chapter discusses the importance of integrating computing into physics education and sets the stage for the contributions from various educators that will follow in subsequent chapters.\nYou can read the first chapter here.\n",
-  "wordCount" : "99",
+  "articleBody": "I’ve just posted the first chapter of our book, “Computing in Physics Education”, which is going through the editorial process at the Institute of Physics Publishing. This chapter serves as an introduction to the book, outlining its key themes and objectives. Previous Next / [pdf] View the PDF file here. 📂 Download First Chapter\nIOP agreed to let me post the first chapter online, so you can get a sneak peek at what the book is all about. The chapter discusses the importance of integrating computing into physics education and sets the stage for the contributions from various educators that will follow in subsequent chapters.\n",
+  "wordCount" : "107",
   "inLanguage": "en",
   "image": "http://localhost:1313/img/IOP/cover.png","datePublished": "2025-08-01T00:00:00Z",
   "dateModified": "2025-08-01T00:00:00Z",
@@ -211,13 +211,262 @@
     <h1 class="post-title entry-hint-parent">
       First chapter of Computing in Physics Education book available
     </h1>
-    <div class="post-meta"><span title='2025-08-01 00:00:00 +0000 UTC'>August 2025</span>&nbsp;&middot;&nbsp;1 min&nbsp;&middot;&nbsp;99 words&nbsp;&middot;&nbsp;Danny Caballero
+    <div class="post-meta"><span title='2025-08-01 00:00:00 +0000 UTC'>August 2025</span>&nbsp;&middot;&nbsp;1 min&nbsp;&middot;&nbsp;107 words&nbsp;&middot;&nbsp;Danny Caballero
 
 </div>
   </header> 
-  <div class="post-content"><p>I&rsquo;ve just posted the first chapter of our book, <a href="/iop-book/">&ldquo;Computing in Physics Education&rdquo;</a>, which is going through the editorial process at the <a href="https://ioppublishing.org/" target="_blank">Institute of Physics Publishing</a>. This chapter serves as an introduction to the book, outlining its key themes and objectives.</p>
+  <div class="post-content"><p>I&rsquo;ve just posted the first chapter of our book, <a href="/iop-book/">&ldquo;Computing in Physics Education&rdquo;</a>, which is going through the editorial process at the <a href="https://ioppublishing.org/" target="_blank">Institute of Physics Publishing</a>. This chapter serves as an introduction to the book, outlining its key themes and objectives.
+<script type="text/javascript" src= '/js/pdf-js/build/pdf.js'></script>
+
+<style>
+  #embed-pdf-container {
+    position: relative;
+    width: 100%;
+    height: auto;
+    min-height: 20vh;
+     
+  }
+  
+  .pdf-canvas {
+    border: 1px solid black;
+    direction: ltr;
+    width: 100%;
+    height: auto;
+    display: none;
+  }
+  
+  #the-canvas {
+    border: 1px solid black;
+    direction: ltr;
+    width: 100%;
+    height: auto;
+    display: none;
+  }
+  
+  
+  .pdf-loadingWrapper {
+    display: none;
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+    height: 350px;
+  }
+  
+  .pdf-loading {
+    display: inline-block;
+    width: 50px;
+    height: 50px;
+    border: 3px solid #d2d0d0;;
+    border-radius: 50%;
+    border-top-color: #383838;
+    animation: spin 1s ease-in-out infinite;
+    -webkit-animation: spin 1s ease-in-out infinite;
+  }
+  
+  
+  
+  
+  
+  #overlayText {
+    word-wrap: break-word;
+    display: grid;
+    justify-content: end;
+  }
+  
+  #overlayText a {
+    position: relative;
+    top: 10px;
+    right: 4px;
+    color: #000;
+    margin: auto;
+    background-color: #eeeeee;
+    padding: 0.3em 1em;
+    border: solid 2px;
+    border-radius: 12px;
+    border-color: #00000030;
+    text-decoration: none;
+  }
+  
+  #overlayText svg {
+    height: clamp(1em, 2vw, 1.4em);
+    width:  clamp(1em, 2vw, 1.4em);
+  }
+  
+  
+  
+  @keyframes spin {
+    to { -webkit-transform: rotate(360deg); }
+  }
+  @-webkit-keyframes spin {
+    to { -webkit-transform: rotate(360deg); }
+  }
+  </style><div class="embed-pdf-container" id="embed-pdf-container-ad450921">
+    <div class="pdf-loadingWrapper" id="pdf-loadingWrapper-ad450921">
+        <div class="pdf-loading" id="pdf-loading-ad450921"></div>
+    </div>
+    <div id="overlayText">
+      <a href="/pdf/iop-book/CH01.pdf" aria-label="Download" download>
+        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
+            <path d="M9 13c.3 0 .5-.1.7-.3L15.4 7 14 5.6l-4 4V1H8v8.6l-4-4L2.6 7l5.7 5.7c.2.2.4.3.7.3zm-7 2h14v2H2z" />
+        </svg>
+      </a>
+    </div>
+    <canvas class="pdf-canvas" id="pdf-canvas-ad450921"></canvas>
+</div>
+
+<div class="pdf-paginator" id="pdf-paginator-ad450921">
+    <button id="pdf-prev-ad450921">Previous</button>
+    <button id="pdf-next-ad450921">Next</button> &nbsp; &nbsp;
+    <span>
+      <span class="pdf-pagenum" id="pdf-pagenum-ad450921"></span> / <span class="pdf-pagecount" id="pdf-pagecount-ad450921"></span>
+    </span>
+    <a class="pdf-source" id="pdf-source-ad450921" href="/pdf/iop-book/CH01.pdf">[pdf]</a>
+</div>
+
+<noscript>
+View the PDF file <a class="pdf-source" id="pdf-source-noscript-ad450921" href="/pdf/iop-book/CH01.pdf">here</a>.
+</noscript>
+
+<script type="text/javascript">
+    (function(){
+    var url = '\/pdf\/iop-book\/CH01.pdf';
+
+    var hidePaginator = "" === "true";
+    var hideLoader = "" === "true";
+    var selectedPageNum = parseInt("") || 1;
+
+    
+    var pdfjsLib = window['pdfjs-dist/build/pdf'];
+
+    
+    if (pdfjsLib.GlobalWorkerOptions.workerSrc == '')
+      pdfjsLib.GlobalWorkerOptions.workerSrc = "http:\/\/localhost:1313\/" + 'js/pdf-js/build/pdf.worker.js';
+
+    
+    var pdfDoc = null,
+        pageNum = selectedPageNum,
+        pageRendering = false,
+        pageNumPending = null,
+        scale = 3,
+        canvas = document.getElementById('pdf-canvas-ad450921'),
+        ctx = canvas.getContext('2d'),
+        paginator = document.getElementById("pdf-paginator-ad450921"),
+        loadingWrapper = document.getElementById('pdf-loadingWrapper-ad450921');
+
+
+    
+    showPaginator();
+    showLoader();
+
+    
+
+    function renderPage(num) {
+      pageRendering = true;
+      
+      pdfDoc.getPage(num).then(function(page) {
+        var viewport = page.getViewport({scale: scale});
+        canvas.height = viewport.height;
+        canvas.width = viewport.width;
+
+        
+        var renderContext = {
+          canvasContext: ctx,
+          viewport: viewport
+        };
+        var renderTask = page.render(renderContext);
+
+        
+        renderTask.promise.then(function() {
+          pageRendering = false;
+          showContent();
+
+          if (pageNumPending !== null) {
+            
+            renderPage(pageNumPending);
+            pageNumPending = null;
+          }
+        });
+      });
+
+      
+      document.getElementById('pdf-pagenum-ad450921').textContent = num;
+    }
+
+    
+
+    function showContent() {
+      loadingWrapper.style.display = 'none';
+      canvas.style.display = 'block';
+    }
+
+    
+
+    function showLoader() {
+      if(hideLoader) return
+      loadingWrapper.style.display = 'flex';
+      canvas.style.display = 'none';
+    }
+
+    
+
+    function showPaginator() {
+      if(hidePaginator) return
+      paginator.style.display = 'block';
+    }
+
+    
+
+    function queueRenderPage(num) {
+      if (pageRendering) {
+        pageNumPending = num;
+      } else {
+        renderPage(num);
+      }
+    }
+
+    
+
+    function onPrevPage() {
+      if (pageNum <= 1) {
+        return;
+      }
+      pageNum--;
+      queueRenderPage(pageNum);
+    }
+    document.getElementById('pdf-prev-ad450921').addEventListener('click', onPrevPage);
+
+    
+
+    function onNextPage() {
+      if (pageNum >= pdfDoc.numPages) {
+        return;
+      }
+      pageNum++;
+      queueRenderPage(pageNum);
+    }
+    document.getElementById('pdf-next-ad450921').addEventListener('click', onNextPage);
+
+    
+
+    pdfjsLib.getDocument(url).promise.then(function(pdfDoc_) {
+      pdfDoc = pdfDoc_;
+      var numPages = pdfDoc.numPages;
+      document.getElementById('pdf-pagecount-ad450921').textContent = numPages;
+
+      
+      if(pageNum > numPages) {
+        pageNum = numPages
+      }
+
+      
+      renderPage(pageNum);
+    });
+    })();
+</script>
+</p>
+<br>
+<p>📂 <a href="/pdf/iop-book/CH01.pdf">Download First Chapter</a></p>
 <p>IOP agreed to let me post the first chapter online, so you can get a sneak peek at what the book is all about. The chapter discusses the importance of integrating computing into physics education and sets the stage for the contributions from various educators that will follow in subsequent chapters.</p>
-<p>You can read the first chapter <a href="/iop-book/chapter-1/">here</a>.</p>
 
 
   </div>