added updated comments to all articles

rctilford · Jan 15, 2024 · d1f1701 · d1f1701
1 parent 2fb6aae
commit d1f1701
Show file tree

Hide file tree

Showing 31 changed files with 952 additions and 192 deletions.
diff --git a/_quarto.yml b/_quarto.yml
@@ -31,8 +31,9 @@ website:
         href: https://open.spotify.com/user/reesecupt?si=7f1c8e2d270d4a10
         target: _blank
   page-footer: 
-    center: "<span class='copyright'>Rhys Tilford | © 2023</span>"
-    background: rgb(89,49,150)
+    center: "<svg class='footer' viewbox='-790 -1245 1600 1245'><path></path></svg>"
+    left: "<span class='name'>Rhys Tilford</span>"
+    right: "<span class='copyright'>© 2023 - 2024</span></span>"
 
   favicon: images/embosser.png
   back-to-top-navigation: true

diff --git a/articles/article_01/index.qmd b/articles/article_01/index.qmd
@@ -104,3 +104,38 @@ The JavaScript file is [here](Day2.js).
 <script src="Day2.js"></script>
 ```
 
+<div id="vssue"></div>
+
+  <!-- Introduce Vue first -->
+
+  <!-- vue runtime build (runtime only)  -->
+  <script src="https://unpkg.com/[email protected]/dist/vue.runtime.min.js"></script>
+  <!-- OR: vue full build (runtime + compiler)  -->
+  <script src="https://unpkg.com/[email protected]/dist/vue.min.js"></script>
+
+  <!-- Introduce Vssue after Vue -->
+
+  <!-- Vssue Github build -->
+  <script src="https://unpkg.com/vssue/dist/vssue.github.min.js"></script>
+
+  <!-- use render function for vue runtime build -->
+  <script>
+    new Vue({
+      el: '#vssue',
+
+      render: h => h('Vssue', {
+        props: {
+          // here set the title of issue of current page
+          title: 'Vssue_article_01',
+
+          // here set the options for your OAuth App
+          options: {
+            owner: 'rctilford',
+            repo: 'personal-rhys-tilford',
+            clientId: '9f2e6bf389986dd77793',
+            clientSecret: '667ab6fd63d934d8e8fe1c3763e98351469e1195', // only required for some of the platforms
+          },
+        }
+      })
+    })
+  </script>
diff --git a/articles/article_02/index.qmd b/articles/article_02/index.qmd
@@ -183,4 +183,41 @@ function shuffle() {
 
 *Some parts of the above code were adapted from suggestions by Github Copilot.*
 
-### If you would like to see the code in action click [here](https://rctilford.github.io/CSC324/).
+### If you would like to see the code in action click [here](https://rctilford.github.io/CSC324/).
+
+
+<div id="vssue"></div>
+
+  <!-- Introduce Vue first -->
+
+  <!-- vue runtime build (runtime only)  -->
+  <script src="https://unpkg.com/[email protected]/dist/vue.runtime.min.js"></script>
+  <!-- OR: vue full build (runtime + compiler)  -->
+  <script src="https://unpkg.com/[email protected]/dist/vue.min.js"></script>
+
+  <!-- Introduce Vssue after Vue -->
+
+  <!-- Vssue Github build -->
+  <script src="https://unpkg.com/vssue/dist/vssue.github.min.js"></script>
+
+  <!-- use render function for vue runtime build -->
+  <script>
+    new Vue({
+      el: '#vssue',
+
+      render: h => h('Vssue', {
+        props: {
+          // here set the title of issue of current page
+          title: 'Vssue_article_02',
+
+          // here set the options for your OAuth App
+          options: {
+            owner: 'rctilford',
+            repo: 'personal-rhys-tilford',
+            clientId: '9f2e6bf389986dd77793',
+            clientSecret: '667ab6fd63d934d8e8fe1c3763e98351469e1195', // only required for some of the platforms
+          },
+        }
+      })
+    })
+  </script>
diff --git a/articles/article_03/index.qmd b/articles/article_03/index.qmd
@@ -156,4 +156,40 @@ Now that we know it can be written as a decimal, we will go on to the proof.
    - **Ninth** Now we circle back to *Theorem 2.5.5* which contradicts the result of Step $8$ [$\bigstar$](shock.html).
    - **Tenth** Now that we have found a contradiction, we can apply *Reductio Ad Absurdum* to eliminate $1$ of the assumptions we used to get here and conclude the negation of that assumption. In our case, we conclude $\mathbb{F}$ is uncountable. [$\square$](cantorMemes.html)
 
-$\mathbfcal{Thank}$ $\mathbfcal{you}$ $\mathbfcal{for}$ $\mathbfcal{viewing}$ $\mathbfcal{this}$ $\mathbfcal{Queer}$ $\mathbfcal{Educational}$ $\mathbfcal{Demonstration}$ $\mathbfcal{(Q.E.D.)}$ 
+$\mathbfcal{Thank}$ $\mathbfcal{you}$ $\mathbfcal{for}$ $\mathbfcal{viewing}$ $\mathbfcal{this}$ $\mathbfcal{Queer}$ $\mathbfcal{Educational}$ $\mathbfcal{Demonstration}$ $\mathbfcal{(Q.E.D.)}$ 
+
+<div id="vssue"></div>
+
+  <!-- Introduce Vue first -->
+
+  <!-- vue runtime build (runtime only)  -->
+  <script src="https://unpkg.com/[email protected]/dist/vue.runtime.min.js"></script>
+  <!-- OR: vue full build (runtime + compiler)  -->
+  <script src="https://unpkg.com/[email protected]/dist/vue.min.js"></script>
+
+  <!-- Introduce Vssue after Vue -->
+
+  <!-- Vssue Github build -->
+  <script src="https://unpkg.com/vssue/dist/vssue.github.min.js"></script>
+
+  <!-- use render function for vue runtime build -->
+  <script>
+    new Vue({
+      el: '#vssue',
+
+      render: h => h('Vssue', {
+        props: {
+          // here set the title of issue of current page
+          title: 'Vssue_article_03',
+
+          // here set the options for your OAuth App
+          options: {
+            owner: 'rctilford',
+            repo: 'personal-rhys-tilford',
+            clientId: '9f2e6bf389986dd77793',
+            clientSecret: '667ab6fd63d934d8e8fe1c3763e98351469e1195', // only required for some of the platforms
+          },
+        }
+      })
+    })
+  </script>
diff --git a/articles/article_04/index.qmd b/articles/article_04/index.qmd
@@ -433,3 +433,40 @@ Plot.plot({
   ]
 })
 ```
+
+
+<div id="vssue"></div>
+
+  <!-- Introduce Vue first -->
+
+  <!-- vue runtime build (runtime only)  -->
+  <script src="https://unpkg.com/[email protected]/dist/vue.runtime.min.js"></script>
+  <!-- OR: vue full build (runtime + compiler)  -->
+  <script src="https://unpkg.com/[email protected]/dist/vue.min.js"></script>
+
+  <!-- Introduce Vssue after Vue -->
+
+  <!-- Vssue Github build -->
+  <script src="https://unpkg.com/vssue/dist/vssue.github.min.js"></script>
+
+  <!-- use render function for vue runtime build -->
+  <script>
+    new Vue({
+      el: '#vssue',
+
+      render: h => h('Vssue', {
+        props: {
+          // here set the title of issue of current page
+          title: 'Vssue_article_04',
+
+          // here set the options for your OAuth App
+          options: {
+            owner: 'rctilford',
+            repo: 'personal-rhys-tilford',
+            clientId: '9f2e6bf389986dd77793',
+            clientSecret: '667ab6fd63d934d8e8fe1c3763e98351469e1195', // only required for some of the platforms
+          },
+        }
+      })
+    })
+  </script>
diff --git a/articles/article_05/index.qmd b/articles/article_05/index.qmd
@@ -51,4 +51,40 @@ This step is likely the most straightforward of the whole process. In the `_quar
 website:
   google-analytics: "UA-XXXXXXXX"
 ```
-After this change is deployed, It may take some time for Google Analytics to link with the site. I didn't notice any changes for about a half hour.
+After this change is deployed, It may take some time for Google Analytics to link with the site. I didn't notice any changes for about a half hour.
+
+<div id="vssue"></div>
+
+  <!-- Introduce Vue first -->
+
+  <!-- vue runtime build (runtime only)  -->
+  <script src="https://unpkg.com/[email protected]/dist/vue.runtime.min.js"></script>
+  <!-- OR: vue full build (runtime + compiler)  -->
+  <script src="https://unpkg.com/[email protected]/dist/vue.min.js"></script>
+
+  <!-- Introduce Vssue after Vue -->
+
+  <!-- Vssue Github build -->
+  <script src="https://unpkg.com/vssue/dist/vssue.github.min.js"></script>
+
+  <!-- use render function for vue runtime build -->
+  <script>
+    new Vue({
+      el: '#vssue',
+
+      render: h => h('Vssue', {
+        props: {
+          // here set the title of issue of current page
+          title: 'Vssue_article_05',
+
+          // here set the options for your OAuth App
+          options: {
+            owner: 'rctilford',
+            repo: 'personal-rhys-tilford',
+            clientId: '9f2e6bf389986dd77793',
+            clientSecret: '667ab6fd63d934d8e8fe1c3763e98351469e1195', // only required for some of the platforms
+          },
+        }
+      })
+    })
+  </script>
diff --git a/articles/article_06/index.qmd b/articles/article_06/index.qmd
@@ -21,4 +21,40 @@ In order to make any changes to the element we have to find it's container. To d
 
 ```{=html}
 <iframe src="https://assets.pinterest.com/ext/embed.html?id=984318062294243327" height="520" width="236" frameborder="0" scrolling="no" ></iframe>
-```
+```
+
+<div id="vssue"></div>
+
+  <!-- Introduce Vue first -->
+
+  <!-- vue runtime build (runtime only)  -->
+  <script src="https://unpkg.com/[email protected]/dist/vue.runtime.min.js"></script>
+  <!-- OR: vue full build (runtime + compiler)  -->
+  <script src="https://unpkg.com/[email protected]/dist/vue.min.js"></script>
+
+  <!-- Introduce Vssue after Vue -->
+
+  <!-- Vssue Github build -->
+  <script src="https://unpkg.com/vssue/dist/vssue.github.min.js"></script>
+
+  <!-- use render function for vue runtime build -->
+  <script>
+    new Vue({
+      el: '#vssue',
+
+      render: h => h('Vssue', {
+        props: {
+          // here set the title of issue of current page
+          title: 'Vssue_article_06',
+
+          // here set the options for your OAuth App
+          options: {
+            owner: 'rctilford',
+            repo: 'personal-rhys-tilford',
+            clientId: '9f2e6bf389986dd77793',
+            clientSecret: '667ab6fd63d934d8e8fe1c3763e98351469e1195', // only required for some of the platforms
+          },
+        }
+      })
+    })
+  </script>
diff --git a/articles/article_07/index.qmd b/articles/article_07/index.qmd
@@ -109,3 +109,38 @@ website:
     title: "<svg class='logo' viewbox='65 55 100 10'><path></path></svg>"
 ```
 
+<div id="vssue"></div>
+
+  <!-- Introduce Vue first -->
+
+  <!-- vue runtime build (runtime only)  -->
+  <script src="https://unpkg.com/[email protected]/dist/vue.runtime.min.js"></script>
+  <!-- OR: vue full build (runtime + compiler)  -->
+  <script src="https://unpkg.com/[email protected]/dist/vue.min.js"></script>
+
+  <!-- Introduce Vssue after Vue -->
+
+  <!-- Vssue Github build -->
+  <script src="https://unpkg.com/vssue/dist/vssue.github.min.js"></script>
+
+  <!-- use render function for vue runtime build -->
+  <script>
+    new Vue({
+      el: '#vssue',
+
+      render: h => h('Vssue', {
+        props: {
+          // here set the title of issue of current page
+          title: 'Vssue_article_07',
+
+          // here set the options for your OAuth App
+          options: {
+            owner: 'rctilford',
+            repo: 'personal-rhys-tilford',
+            clientId: '9f2e6bf389986dd77793',
+            clientSecret: '667ab6fd63d934d8e8fe1c3763e98351469e1195', // only required for some of the platforms
+          },
+        }
+      })
+    })
+  </script>
diff --git a/articles/article_08/index.qmd b/articles/article_08/index.qmd
@@ -10,4 +10,44 @@ categories: [Programming, Data Analysis, R, Just For Fun]
 
 Some time ago I came across a fascinating mural project on social media. Each mural was made of thousands of dice arranged in a frame so that each dice was a single pixel in the image. I had largely forgotten about the piece until I came across another example of it created by [Dice Ideas](https://diceideas.com/) which is an organization that makes these murals by comission. On their website they have a tool that lets users upload a photo and get a digital example of what a dice mural might look like for that photo. I was curious to see how I could go about getting a spreadsheet that would show me what side of a dice would be face up for any photo so I got to work.
 
-I realized early on that some of my work would be best expedited to professional image editing software. I prefer [GIMP](https://www.gimp.org/) because it is a free open source program with ample support documents online.
+I realized early on that some of my work would be best expedited to professional image editing software. I prefer [GIMP](https://www.gimp.org/) because it is a free open source program with ample support documents online.
+
+
+
+
+
+<div id="vssue"></div>
+
+  <!-- Introduce Vue first -->
+
+  <!-- vue runtime build (runtime only)  -->
+  <script src="https://unpkg.com/[email protected]/dist/vue.runtime.min.js"></script>
+  <!-- OR: vue full build (runtime + compiler)  -->
+  <script src="https://unpkg.com/[email protected]/dist/vue.min.js"></script>
+
+  <!-- Introduce Vssue after Vue -->
+
+  <!-- Vssue Github build -->
+  <script src="https://unpkg.com/vssue/dist/vssue.github.min.js"></script>
+
+  <!-- use render function for vue runtime build -->
+  <script>
+    new Vue({
+      el: '#vssue',
+
+      render: h => h('Vssue', {
+        props: {
+          // here set the title of issue of current page
+          title: 'Vssue_article_08',
+
+          // here set the options for your OAuth App
+          options: {
+            owner: 'rctilford',
+            repo: 'personal-rhys-tilford',
+            clientId: '9f2e6bf389986dd77793',
+            clientSecret: '667ab6fd63d934d8e8fe1c3763e98351469e1195', // only required for some of the platforms
+          },
+        }
+      })
+    })
+  </script>
diff --git a/custom.scss b/custom.scss
@@ -56,8 +56,33 @@ h6 {
     font-family: "GoogleSans";
 }
 
-.copyright {
-    font-family: "CoxxonFont";
+span.copyright {
+  font-family: "CoxxonFont";
+  margin-right: 50%;
+  font-size: 120%;
+  text-wrap: nowrap;
+  overflow: visible;
+}
+
+span.name {
+  font-family: "CoxxonFont";
+  margin-left: 50%;
+  font-size: 120%;
+}
+
+svg.footer path {
+  overflow: visible;
+  fill: $footer-fg;
+  stroke: $footer-fg;
+  stroke-width: 5px;
+  display: flex;
+  d: path("M2.8284 2.8284-692.9646-721.2489A10 10-45 00-762.2611-793.3738 10 10-45 00-692.9646-721.2489M-2.8284 2.8284 692.9646-721.2489A10 10-45 00762.2611-793.3738 10 10-45 00692.9646-721.2489M0 0-494.9747-636.3961A10 10-45 00-544.4722-700.0357 10 10-45 00-494.9747-636.3961M0 0 494.9747-636.3961A10 10-45 00544.4722-700.0357 10 10-45 00494.9747-636.3961M0 0-494.9747-777.8175A10 10-45 00-544.4722-855.5992 10 10-45 00-494.9747-777.8175M0 0 494.9747-777.8175A10 10-45 00544.4722-855.5992 10 10-45 00494.9747-777.8175M0 0-318.1981-671.7514A1 1-135 00-350.0179-738.9266 1 1-135 00-318.1981-671.7514M0 0 318.1981-671.7514A1 1-135 00350.0179-738.9266 1 1-135 00318.1981-671.7514M0 0-282.8427-848.5281A1 1-135 00-311.127-933.381 1 1-135 00-282.8427-848.5281M0 0 282.8427-848.5281A1 1-135 00311.127-933.381 1 1-135 00282.8427-848.5281M0 0-212.132-989.9495A1 1-135 00-233.3452-1088.9444 1 1-135 00-212.132-989.9495M0 0 212.132-989.9495A1 1-135 00233.3452-1088.9444 1 1-135 00212.132-989.9495M0 0-91.9239-756.6043A1 1-135 00-101.1163-832.2647 1 1-135 00-91.9239-756.6043M0 0 91.9239-756.6043A1 1-135 00101.1163-832.2647 1 1-135 0091.9239-756.6043M0 0 0-1131.3708A1 1-135 000-1244.5079 1 1-135 000-1131.3708");
+}
+
+svg.footer {
+  max-width: 50%;
+  height: auto;
+  align-items: center;
 }
 
 /* Make card images zoom on hover*/