chore: add LLM limitations and "Site powered by 11ty"

plus some minor text improvements on About Page
engineervix · Jun 2, 2023 · b07350c · b07350c
1 parent a69ea21
commit b07350c
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 25 deletions.
diff --git a/app/web/_includes/base.njk b/app/web/_includes/base.njk
@@ -158,34 +158,31 @@
     {# footer #}
     <footer class="footer mt-auto py-3 bg-light">
       <div class="container">
-        <div class="d-flex justify-content-between align-items-center py-3">
-          <div class="text-emphasis-light">
-            © {% year %}
-            <a href="https://twitter.com/engineervix">Victor Miti</a>.<br />Last
-            updated <span class="fw-semibold">{{ site.builtAt | timeago }}</span>
+        <div class="d-flex flex-column flex-md-row justify-content-between align-items-center py-3">
+          <div class="text-emphasis-light text-center text-md-start mb-3 mb-md-0">
+            © {% year %} <a href="https://twitter.com/engineervix">Victor Miti</a><br />
+            Site powered by <a href="https://www.11ty.dev/" target="_blank" rel="noopener noreferrer">11ty</a>. Last rebuilt <span class="fw-semibold">{{ site.builtAt | timeago }}</span>.
           </div>
-          <ul class="list-inline list-unstyled mb-0">
+          <ul class="list-inline list-unstyled mb-0 text-center text-md-end">
             <li class="list-inline-item">
               <a class="social-tw"
-                 href="https://twitter.com/engineervix"
-                 target="_blank"
-                 rel="noopener noreferrer"
-                 aria-label="Follow me on Twitter"
-                 data-bs-toggle="tooltip"
-                 data-bs-placement="top"
-                 data-bs-title="Follow me on Twitter"
-                ><i class="fa-brands fa-twitter fa-2x"></i
-              ></a>
+                href="https://twitter.com/engineervix"
+                target="_blank"
+                rel="noopener noreferrer"
+                aria-label="Follow me on Twitter"
+                data-bs-toggle="tooltip"
+                data-bs-placement="top"
+                data-bs-title="Follow me on Twitter"
+              ><i class="fa-brands fa-twitter fa-2x"></i></a>
             </li>
             <li class="list-inline-item">
               <a class="social-rss"
-                 href="/feed.xml"
-                 aria-label="RSS Feed"
-                 data-bs-toggle="tooltip"
-                 data-bs-placement="top"
-                 data-bs-title="RSS Feed"
-                ><i class="fa-solid fa-rss fa-2x"></i
-              ></a>
+                href="/feed.xml"
+                aria-label="RSS Feed"
+                data-bs-toggle="tooltip"
+                data-bs-placement="top"
+                data-bs-title="RSS Feed"
+              ><i class="fa-solid fa-rss fa-2x"></i></a>
             </li>
           </ul>
         </div>

diff --git a/app/web/_includes/pages/about.njk b/app/web/_includes/pages/about.njk
@@ -71,7 +71,7 @@
             mentioned in each podcast episode).
           </p>
           <p class="lead text-white">
-            Each news item is then summarized using a <a href="https://www.deepset.ai/blog/what-is-a-language-model"class="link-warning link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover"target="_blank"rel="noopener noreferrer">language model</a>, and a python script compiles everything into some
+            Each news item is then summarized using a <a href="https://www.deepset.ai/blog/what-is-a-language-model" class="link-warning link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover" target="_blank" rel="noopener noreferrer">language model</a>, and a <a href="https://www.python.org/" class="link-warning link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover" target="_blank" rel="noopener noreferrer">Python</a> script compiles everything into some
             kind of transcript for the podcast episode.
           </p>
           <p class="lead text-white">
@@ -81,11 +81,11 @@
               class="link-warning link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover"
               target="_blank"
               rel="noopener noreferrer"
-              >text-to-speech technology from AWS</a
+              >text-to-speech technology</a
             >.
           </p>
           <p class="lead text-white">
-            Next, some <em>basic</em> <a href="https://online.berklee.edu/takenote/mixing-music-what-is-sound-audio-mixing/"class="link-warning link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover"target="_blank"rel="noopener noreferrer">sound mixing</a> is done, which includes addition of an opening and
+            Next, some <em>basic</em> <a href="https://online.berklee.edu/takenote/mixing-music-what-is-sound-audio-mixing/" class="link-warning link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover" target="_blank" rel="noopener noreferrer">sound mixing</a> is done, which includes addition of an opening and
             closing jingle. Podcast metadata is then added to the audio
             file. At this point, the episode is ready to be published.
           </p>
@@ -171,6 +171,12 @@
               No opinions are expressed in the podcast. The news items are
               presented as they are, without any commentary.
             </li>
+            <li>
+              <span class="fa-li">
+                <i class="text-success fa-solid fa-caret-right"></i>
+              </span>
+               Summaries generated using <a href="https://www.wired.co.uk/article/how-chatgpt-works-large-language-model">LLMs</a> may lack full context, nuance, and may inadvertently introduce biases or inaccuracies due to the limitations of the model and the potential for misinterpretation of input. That's why the links to the articles are there for you to go and check for yourself if you need to!
+            </li>
             <li>
               <span class="fa-li">
                 <i class="text-success fa-solid fa-caret-right"></i>