2.20.2 Release (#338)

* Merge branch "main" to "beta". (#261)

* Update Astro from v4.14.4 to v4.14.5. (#253)

* Update `actions/checkout` from v3 to v4.  (#255)

* Update Astro from v4.14.4 to v4.14.5. (Beta)

* Update `actions/checkout` from v3 to v4.

This is to get rid of any deprecation warning from CodeQL.

* Update `micromatch` from v4.0.7 to v4.0.8. (#257)

* Update Astro from v4.14.4 to v4.14.5. (Beta)

* Update actions/checkout from v3 to v4. (Up to date with #255)

* Update `micromatch` from v4.0.7 to v4.0.8.

* Add renovate.json (#258)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

* Bump website version to 2.19.2.1. (#262)

* Update version.js

* Update package.json

* Update package-lock.json

* Update README.md

* Update archive.astro

* Update dependency.

* Simplify hero buttons. (#263)

* Upgrade Astro from v4.14.5 to v4.15.6 (complies with #264)

* Add `sourcemaking.com` a resource in CodingHome. (#265)

* Upgrade Astro from v4.14.6 to v4.15.1 (complies with #266)

* Merge branch 'main' into beta

* Comply with #267

* Update astro to from v4.15.1 to v4.15.2.

* Keep archive buttons consistent.

* Turn off the alert.

* Add changelog.

* fix small oversight

* no more space

* Rename the directory for the Contact Form from `/form` to `/contact`. (#316)

* Rename success.astro to success.astro

* Update and rename index.astro to index.astro

* Update index.astro

* Update paid.astro

* Update Footer.astro

* Update privacy.astro

* Change the text in the navbar from 'AT Products' to 'Home'.

* Bump version to 2.20.1

* Changed the donations card's content to be a flexbox.

* Removed vr from previous commit

* Move a phrase around in paid terms.

* Rename some main IDs for paidterms and terms.

* Update licenses to include highlight.js and dracula themes

* Update Navbar.astro

* Update licenses to include highlight.js and dracula themes (#318)

* Enable alert.

* Update stories to have a professional layout. (#319)

* Update licenses to include highlight.js and dracula themes

* Update stories to have a professional layout

* Update index.astro

* Update component to include more customize options

* fix

* fix

* fix

* fix

* fix

* fix

* fix

* fix

* fix

* fix

* final fix for tonight

* final final fix

* final final fix

* final final fix

* Add story.

* Commit 2 of story

* Commit 3 of story

* Update Navbar.astro

* Update div.astro

* Update cctv.astro

* Commit 4 of story

* Commit 5 of story

* Commit 6 of story

* Update cctv.astro

* Update Navbar.astro

* Commit 7 of story

* Commit 8 of story

* Commit 9 of story

* Commit 9 of story

* Update cctv.astro

* Update Navbar.astro

* Update Navbar.astro

* Update Navbar.astro

* Update Navbar.astro

* Update cctv.astro

* Update div.astro

* Update cctv.astro

* Update Navbar.astro

* Update Navbar.astro

* Update Navbar.astro

* Update Navbar.astro

* Update div.astro

* Update other.css

* Update div.astro

* Update div.astro

* Update index.astro

* Update Navbar.astro

* Update index.astro

* Update alert-1.js

* Update alert-1.js

* Update alert-2.js

* Update codinghome.astro

* Update codinghome.astro

* Update codinghome.astro

* Update codinghome.astro

* Add more resources to CodingHome. (#322)

* Update codinghome.astro

* Update codinghome.astro

* Update codinghome.astro

* Update privacy.astro

* Added more resources into CodingHome. (#326)

* Add 2 sections to C++ Basics in CodingHome. (#327)

* Add 2 sections to C++ Basics

* Small little fix

* Small little fix 2

* Small little fix 3

* Update codinghome.astro

* Update codinghome.astro

* Small little fix 4

* Add buttons to most basics in CodingHome. (#328)

* Update stories to contain source references.

* Add StoryViewer icon + Redo alt attributes.

* Fix a invaild link.

* Fix a invaild link.

* Reverse logos

* Fix

* Fix

* Replace logos

* Revert "Replace logos"

This reverts commit b1dc39d.

* Replace logos

* Revert "Replace logos"

This reverts commit d2aa7a8.

* Replace logos

* Final fix

* Remove ms on navbar.

* Kept the stories navbar up-to-date.

* Add 2.20.1 Changelog. (#330)

* Add 2.20.1 Changelog

* Add media.

* Fix error in changelog.

* Revise changelog

* Update archive.astro

* Update archive.astro

* Update changelog to reflect #331.

* Properly update

* Add a new section just in case if there is no sections to scroll to in stories.

* Replace logo.

* Add new a story, 'The Internet Now is Dull and Gray'. (#332)

* Add new a story, 'The Internet Now is Dull and Gray'.

* Revert "Add new a story, 'The Internet Now is Dull and Gray'."

This reverts commit 7fb3366.

* Add new a story, 'The Internet Now is Dull and Gray'.

* Revert "Add new a story, 'The Internet Now is Dull and Gray'."

This reverts commit 92b2b38.

* Add new a story, 'The Internet Now is Dull and Gray'.

* Revert "Add new a story, 'The Internet Now is Dull and Gray'."

This reverts commit 7e41695.

* Add media.

* Where did the page go...?

* Add card + replace author

* Add new scrollable section.

* Replace link.

* Add more tabs.

* Add italics

* Fix names

* Replace link.

* Add text-wrap to sources

* Add one more thing...

* Good enough

* Add tabs.

* Replace logos

* Fix date on div story.

* Fix changelog.

* Fix changelog.

* Replace logos.

* Fix Public Archive's flexbox.

* Replace StoryViewer logos

* fix

* Update MDickie's Project to be current

* Replace logos, again.

* Update the progress bar to support overflow the future years. (#334)

* Update the progress bar to support overflow the future years.

* Update the progress bar to support overflow the future years.

* Fix progress bar.

* Fix overflow.

* Fix overflow.

* Simplify

* Add resources.

* Update website version to 2.20.1.1

* Update gaps to be 2 from md.

* Update website version to 2.20.1.1

* Reformat some text in Flash Documentation's scrollspies as headers.

* Fix reformat errors

* Update the Title II and VII policy to be more proper. (#336)

* Update the Title II and VII policy to be more proper.

* Replaced text-wrap with overflow-auto

* Revert "Replaced text-wrap with overflow-auto"

This reverts commit 03166a0.

* Fix 1 -  Flash Documentation

* Update flash.astro

* Update discord.astro

* Update cctv.astro

* Fix 3 -  Flash Documentation

* Remove halloween bulletin

* Bump website version to 2.20.2. (#343)

* Update dependency astro to v4.16.8 (#339)

* Update dependency astro to v4.16.8

* Upgrade Astro to v4.16.8 (PROPERLY)

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Alex-Toucan <[email protected]>

* Remove halloween bulletin

* Update dependency astro to v4.16.9 (#341)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

* Properly update Astro.

* Fix carousel.

* Bump website version to 2.20.2

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

* Delete public/.well-known directory

* Update stories to have a container. (#342)

* Update dependency astro to v4.16.8 (#339)

* Update dependency astro to v4.16.8

* Upgrade Astro to v4.16.8 (PROPERLY)

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Alex-Toucan <[email protected]>

* Remove halloween bulletin

* Update dependency astro to v4.16.9 (#341)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

* Properly update Astro.

* Add width to the bodies of stories.

* Fix

* Fix carousel.

* Center the story body.

* Change column size.

* Fix.

* Fix + convert md to lg.

* Finalizling touches

* Fix

* Update Scrollspy.astro

* Update Scrollspy.astro

* Update Scrollspy.astro

* Update other.css

* Update Scrollspy.astro

* Update Scrollspy.astro

* Update Scrollspy.astro

* Update Scrollspy.astro

* Update Scrollspy.astro

* Update other.css

* Update other.css

* Update Scrollspy.astro

* Update other.css

* Update Scrollspy.astro

* Update websites.astro

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

* Add PDF buttons to stories. (#344)

* Create CardPage.astro

* Update index.astro

* Update Scrollspy.astro

* Fix errors.

* Update index.astro

* Add files via upload

* Update CardPage.astro

* Update CardPage.astro

* Update cctv.astro

* Update div.astro

* Update websites.astro

* Add files via upload

* Add files via upload

* Add resources to CodingHome. (#345)

* Update codinghome.astro

* Update codinghome.astro

* Added the Arcade patch w/ Federation Online. (MDickie Projects) (#346)

* Update dependency astro to v4.16.8 (#339)

* Update dependency astro to v4.16.8

* Upgrade Astro to v4.16.8 (PROPERLY)

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Alex-Toucan <[email protected]>

* Remove halloween bulletin

* Update dependency astro to v4.16.9 (#341)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

* Properly update Astro.

* Fix carousel.

* Added the Arcade patch w/ Federation Online. (MDickie Projects)

* Update mdickie.astro

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

* Add more files into MDickie Projects. (#348)

* Add MDickie files.

* Update sizes.

* Update sizes.

* Add links to WM2008CE.

* Update sizes 2.

* Update mdickie.astro

* Update mdickie.astro

* Update mdickie.astro

* Add files via upload

* Add files via upload

* Add files via upload

* Add a new story, "Technology Influences Young Audiences". (#349)

* Upload PDF

* Add files via upload

* Update index.astro

* Update index.astro

* Create youngaudiences.astro

* Update youngaudiences.astro

* Update websites.astro

* Update cctv.astro

* Update div.astro

* Update other.css

* Update Scrollspy.astro

* Update youngaudiences.astro

* Update youngaudiences.astro

* Update youngaudiences.astro

* Update youngaudiences.astro

* Update websites.astro

* Update div.astro

* Update cctv.astro

* Update div.astro

* Add files via upload

* Update youngaudiences.astro

* Recommit.

* Update youngaudiences.astro

* Add files via upload

* Update youngaudiences.astro

* Add files via upload

* Update youngaudiences.astro

* Update titleiiandvii.astro

* Add files via upload

* Update youngaudiences.astro

* Update youngaudiences.astro

* Add files via upload

* Update security policy. (#353)

* Update security policy.

* Update version.

* Remove additional programming languages for PSON. (#354)

* Update security policy.

* Update version.

* Remove additional programming languages for PSON.

* Rewording.

* Fix title

* Add NyaOS. (#356)

* Add NyaOS.

* Add word.

* Add MORE words.

* Reword.

* Reword.

* Add system requirements.

* Add system requirements.

* Fix system requirements.

* Rename section.

* Add story 'Sci-Fi Stories Become Reality'. (#355)

* Add story 'Sci-Fi Stories Become Reality'

* Fix spacing.

* Add files via upload

* Update scifi.astro

* Add RFC Editor to CodingHome Resources. (#357)

* Update NyaOS.iso file.

* Add files via upload

* Add files via upload

* Update scifi.astro

* Update other.css

* Fix accessibility issue with skip to main content button.

* Add Git Cheatsheet into CodingHome. (#360)

* Rename + Update story "Sci-Fi Stories Reflect (Become) Reality". (#361)

* Rename + Update story "Sci-FI Stories Reflect (Become) Reality".

* Add files via upload

* Update scifi.astro

* Update NyaOS. (#359)

* Update NyaOS.

* Fix.

* Fix tabbing.

* Fix tabbing 2.

* Fix tabbing 4.

* Fix tabbing 5.

* Add stats to the ISO.

* Update formatting.

* Update NyaOS's ISO and other contents.

* Add space.

* Fixed spacing.

* Fix spacing 2.

* Fix spacing 3

* fix spelling mistake

* Fix write command.

* Update nyaos.astro

* Revert "Update NyaOS. (#359)"

This reverts commit 5b3c38d.

* Reapply "Update NyaOS. (#359)"

This reverts commit 1ce0ca3.

* Fix tabs.

* Fix typos in NyaOS.

* Add 2.20.2 changelog. (#366)

* Add changelog.

* Fix carousel.

* Add PDF.

* Update script for History Tabs to automatically detect buttons for the progress bar. (#367)

* Update script for History Tabs to automatically detect buttons for the progress bar.

So I don't have to manually update this!!!

* Update changelog.

* Add FlavioCopes into CodingHome Resources. (#368)

* Add FlavioCopes into CodingHome Resources.

* Update changelog.

* Update "Technology Influences Young Audiences" for grammar fixes. (#369)

* Update "Technology Influences Young Audiences" for grammar fixes.

* Update changelog.

* Update changelog to reflect #370.

* Update favicons. (#371)

* Add files via upload

* Update site.webmanifest

* Update site.webmanifest

* Updated favicon.png

* Update more favicons.

* Update icons.

* Testing

* Testing

* Testing 3

* Update changelog to reflect.

* Update changelog to reflect #372.

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

public/media/favicon/site.webmanifest

@@ -1,28 +1,22 @@
 {
-    "name": "AT Products LLC",
-    "short_name": "AT Products LLC",
-    "theme_color": "#212529",
-    "background_color": "#ffffff",
-    "display": "standalone",
-    "id": "2.17",
-    "start_url": "/",
-    "prefer_related_applications": false,
-    "icons": [
-        {
-            "src": "/media/favicon/android-chrome-192x192.png",
-            "sizes": "192x192",
-            "type": "image/png"
-        },
-        {
-            "src": "/media/favicon/favicon.png",
-            "sizes": "512x512",
-            "type": "image/png"
-        },
-        {
-          "src": "/media/favicon/android.png",
-          "sizes": "230x230",
-          "type": "image/png",
-          "purpose": "any maskable"
-        }
-    ]
-}
+  "name": "AT Products LLC",
+  "short_name": "AT Products LLC",
+  "theme_color": "#212529",
+  "background_color": "#ffffff",
+  "display": "standalone",
+  "id": "2.20.2",
+  "start_url": "/",
+  "prefer_related_applications": false,
+  "icons": [
+    {
+        "src": "/media/favicon/favicon.png",
+        "sizes": "512x512",
+        "type": "image/png"
+    },
+    {
+      "src": "/media/favicon/web-app-manifest-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    }
+  ]
+}

public/static/index.js

@@ -29,56 +29,70 @@ $(function () {
     };
 });
 
-// History tabs
+// History Tabs
 $(document).ready(function() {
-    // Initialize the active button and set btn-primary for past years
-    let activeYear = 1;
+  // Initialize the active button and set btn-primary for past years
+  let activeYear = 1;
+  const yearButtons = $("#history-buttons button");
+  const totalYears = yearButtons.length;
 
-    updateTimeline(activeYear);
-    // Add click event handlers to timeline buttons
-    for (let i = 1; i <= 5; i++) $(`#history-${i}`).click(() => updateTimeline(i));
-    const debounce = 500;
-    let isDebounced = false;
-    let debounceTimeout;
-    document.addEventListener("keydown", event => {
-        if(isDebounced) return;
-        switch (event.code) {
-            case "ArrowLeft":
-                updateTimeline(activeYear - 1);
-                break;
-
-            case "ArrowRight":
-                updateTimeline(activeYear + 1);
-                break;
-            default:
-                return;
-        }
-        isDebounced = true;
-        debounceTimeout = setTimeout(() => isDebounced = false, debounce);
-    });
-    document.addEventListener("keyup", event => {
-        if(event.code != "ArrowLeft" && event.code != "ArrowRight") return;
-        if(!debounceTimeout) return;
-        debounceTimeout = clearTimeout(debounceTimeout);
-        isDebounced = false;
-    });
-    // Function to update the timeline based on the selected year
-    function updateTimeline(year) {
-        // Make sure year is within the min and max
-        year = Math.min(Math.max(year, 1), 5);
-        if(year == activeYear) return;
-        // Remove the "active" class from all buttons
-        for (let i = 1; i <= 5; i++) {
-            $(`#history-${i}`).toggleClass("active", i == year).toggleClass("btn-secondary", i > year).toggleClass("btn-primary", i <= year);
-            $(`#history-${i}-pane`).toggleClass("active", i == year).removeClass("show");
-        }
-        setTimeout(() => {
-            $(`#history-${year}-pane`).addClass("show");  
-        }, 50);
-        // Update the progress bar width
-        const progressBarWidth = (year - 1) * 25;
-        $("#history-progress").css("width", `${progressBarWidth}%`);
-        // Update the active year
-        activeYear = year;
+  updateTimeline(activeYear);
+
+  // Add click event handlers to timeline buttons
+  yearButtons.each((index, button) => {
+    $(button).click(() => updateTimeline(index + 1));
+  });
+
+  const debounce = 500;
+  let isDebounced = false;
+  let debounceTimeout;
+
+  document.addEventListener("keydown", event => {
+    if (isDebounced) return;
+    switch (event.code) {
+      case "ArrowLeft":
+        updateTimeline(activeYear - 1);
+        break;
+      case "ArrowRight":
+        updateTimeline(activeYear + 1);
+        break;
+      default:
+        return;
     }
+    isDebounced = true;
+    debounceTimeout = setTimeout(() => isDebounced = false, debounce);
+  });
+
+  document.addEventListener("keyup", event => {
+    if (event.code != "ArrowLeft" && event.code != "ArrowRight") return;
+    if (!debounceTimeout) return;
+    debounceTimeout = clearTimeout(debounceTimeout);
+    isDebounced = false;
+  });
+
+  // Function to update the timeline based on the selected year
+  function updateTimeline(year) {
+    // Make sure year is within the min and max
+    year = Math.min(Math.max(year, 1), totalYears);
+    if (year == activeYear) return;
+
+    // Remove the "active" class from all buttons and update classes
+    yearButtons.each((index, button) => {
+      $(button).toggleClass("active", index + 1 == year)
+        .toggleClass("btn-secondary", index + 1 > year)
+        .toggleClass("btn-primary", index + 1 <= year);
+      $(`#history-${index + 1}-pane`).toggleClass("active", index + 1 == year).removeClass("show");
+    });
+
+    setTimeout(() => {
+      $(`#history-${year}-pane`).addClass("show");
+    }, 50);
+
+    // Update the progress bar width
+    const progressBarWidth = (year - 1) * (100 / (totalYears - 1));
+    $("#history-progress").css("width", `${progressBarWidth}%`);
+
+    // Update the active year
+    activeYear = year;
+  }
 });

src/components/Modal.astro

@@ -5,22 +5,22 @@ const { id, title } = Astro.props;
 <button class="btn btn-dl btn-resource" type="button" data-bs-toggle="modal" data-bs-target={`#${id}`}>
   {title}
 </button>
-  <div class="modal fade" id={id} data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby={`${id}-title`} aria-hidden="true">
-    <div class="modal-dialog modal-lg">
-      <div class="modal-content">
-        <div class="modal-header">
-          <h5 class="modal-title" id={`${id}-title`}>
-            {title}
-          </h5>
-          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
-        </div>
-        <div class="modal-body">
-          <i>To close this page, click the X or "Close" button to close. Clicking off the pop-up will not work.</i>
-          <h2 class="modal-body-title">{title}</h2>
-          <slot name="modal-content" />
-        </div>
-          <div class="modal-footer">
-            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
+<div class="modal fade" id={id} data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby={`${id}-title`} aria-hidden="true">
+  <div class="modal-dialog modal-lg">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h5 class="modal-title" id={`${id}-title`}>
+          {title}
+        </h5>
+        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+      </div>
+      <div class="modal-body">
+        <i>To close this page, click the X or "Close" button to close. Clicking off the pop-up will not work.</i>
+        <h2 class="modal-body-title">{title}</h2>
+        <slot name="modal-content" />
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
       </div>
     </div>
   </div>

src/components/Navbar.astro

@@ -2,7 +2,7 @@
 
 ---
 
-<a href="#main-content" class="visually-hidden-focusable btn btn-primary position-fixed m-2 hero-filter" style="z-index: 2000;">Skip to main content</a>
+<a href="#main-content" class="visually-hidden-focusable btn btn-primary position-fixed m-2 hero-filter" style="z-index: 2000;" title="Skip to main content">Skip to main content</a>
 
 <header>
 <nav class="navbar navbar-expand-lg fixed-top main-navbar">

src/pages/backup/codinghome.astro

@@ -617,6 +617,7 @@ FLUSH PRIVILEGES;
                           <a href="https://www.gitkraken.com/">GitKraken</a><br>
                           <a href="https://bitbucket.org/">BitBucket</a><br>
                           <a href="https://youtu.be/RxHJdapz2p0?si=H3teosorRjwVNE7P">How Git Actually Works</a><br>
+                          <a href="https://about.gitlab.com/images/press/git-cheat-sheet.pdf">Git Cheat Sheet</a><br>
                           <a href="https://gitmoji.dev">GitMoji</a>
                         </p>
                       </Fragment>
@@ -1018,6 +1019,11 @@ FLUSH PRIVILEGES;
                   <a class="btn btn-primary" href="https://books.goalkicker.com/">View</a>
                 </div>
                 <hr>
+                <div class="my-1">
+                  <h3>Free Coding Handbooks!</h3>
+                  <a class="btn btn-primary" href="https://flaviocopes.com/access/">View</a>
+                </div>
+                <hr>
                 <div class="my-1">
                   <h4>1,000 I.T books!</h4>
                   <a class="btn btn-primary" href="https://drive.google.com/drive/folders/1F7D5c30nP-y_Q7SFqoRTRvJ7tl0UcY3q">View</a>

src/pages/codinghome.astro

@@ -608,6 +608,7 @@ FLUSH PRIVILEGES;
                               <a href="https://www.gitkraken.com/">GitKraken</a><br>
                               <a href="https://bitbucket.org/">BitBucket</a><br>
                               <a href="https://youtu.be/RxHJdapz2p0?si=H3teosorRjwVNE7P">How Git Actually Works</a><br>
+                              <a href="https://about.gitlab.com/images/press/git-cheat-sheet.pdf">Git Cheat Sheet</a><br>
                               <a href="https://gitmoji.dev">GitMoji</a>
                             </p>
                           </Fragment>
@@ -1004,6 +1005,11 @@ FLUSH PRIVILEGES;
                       <a class="btn btn-primary" href="/media/pdf/clean-architecture-a-craftsmans-guide-to-software-structure-and-design_compress.pdf">View</a>
                     </div>
                     <hr>
+                    <div class="my-1">
+                      <h3>Free Coding Handbooks!</h3>
+                      <a class="btn btn-primary" href="https://flaviocopes.com/access/">View</a>
+                    </div>
+                    <hr>
                     <div class="my-1">
                       <h3>Free coding books!</h3>
                       <a class="btn btn-primary" href="https://books.goalkicker.com/">View</a>