2.20.2 Release

README.md

@@ -1,7 +1,7 @@
 <div align="center">
  <a href="https://atproducts.xyz"><img src="/public/media/images/ATProductsLLC.png" alt="AT Products LLC" width="75%"></a>
  <br><br>
- <p>
+ <p> 
   <img src="https://img.shields.io/badge/made%20with-love-E760A4.svg" alt="Made with love"> 
   <a href="https://opensource.org/licenses/MIT" target="_blank"><img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License"></a>
   <a href="https://atproducts.xyz#what-new"><img src="https://img.shields.io/badge/stable_version-2.20-blue" alt="Stable Version"></a>
@@ -32,4 +32,4 @@ AT Products LLC, otherwise known as AT Products, is an informative technology co
 The "AT" in AT Products does stand for Alex Toucan.
 <hr>
 <h6>atproducts.xyz is under a MIT license. <a href="https://atproducts.xyz/licenses#ours">View more information</a>.
-<h6>Last Recorded Version: 2.20.1</h6>
+<h6>Last Recorded Version: 2.20.2</h6>

SECURITY.md

@@ -1,17 +1,17 @@
 # Security Policy
-##### Last Updated: April 10th, 2024.
-##### Into Effect: May 15th, 2024.
-##### Version: v2
+##### Last Updated: November 21st, 2024
+##### Into Effect: December 11th, 2024
+##### Version: v3
 <hr>
 
 ## Where We Look for Vulnerabilities
-We look for and fix vulnerabilities as soon as possible with internal website code, external (outside domain) files, and files distributed by our products and communities.
+We actively look for and address vulnerabilities in internal website code, external (outside domain) files, and files distributed by our products and communities.
 
 ## Reporting a Vulnerability
-**DO NOT** report security vulnerabilities as an issue, pull request (PR), or discussion here on GitHub and the other external sites of Discord (applies to communities) and other online forums. Vulnerabilities should not be publicly known. Please report all vulnerabilities at [email protected] for private reporting.
+**DO NOT** report security vulnerabilities as an issue, pull request (PR), or discussion on GitHub, Discord communities, or other online forums. Vulnerabilities should not be publicly disclosed. Please report all vulnerabilities privately at [[email protected]](mailto:[email protected]).
 
 ## Fixing Vulnerabilities
-Our team attempts to fix these security vulnerabilities as soon as possible. All vulnerability patches trump scheduled release dates and should be released as soon as the patch is ready. These patches should only include vulnerability patches with no other content alongside them. This policy will be even more important as the upcoming updates may feature account-based components, making our security more prioritized. 
+Our team prioritizes fixing security vulnerabilities as soon as possible. All vulnerability patches take precedence over scheduled release dates and should be released as soon as the patch is ready. These patches should only include vulnerability fixes with no additional content. This policy is crucial as upcoming updates may consist of account-based components, making security even more vital.
 
 ## Embargo Policy / Team Disclosure
-From the <a href="#reporting-a-vulnerability">Reporting a Vulnerability</a> section, **all members in the team behind security patches and ones who are aware of such security vulnerabilities shall not disclose the security vulnerabilities until the agreed-upon public disclosure date/time is satisfied by all higher-ups/team members**. Repeated offenses may lead to termination of the contributor team and your volunteerment/employment AT Products LLC.
+Per the [Reporting a Vulnerability](#reporting-a-vulnerability) section, **all team members involved in security patches or aware of security vulnerabilities must not disclose these vulnerabilities until the agreed-upon public disclosure date/time is approved by all higher-ups/team members**. Repeated violations may lead to termination from the contributor team and your volunteer/employment status with AT Products LLC.

package.json

@@ -1,6 +1,6 @@
 {
   "name": "atproducts.xyz",
-  "version": "2.20.1",
+  "version": "2.20.2",
   "config": {
     "version_short": "2.20"
   },

public/static/other.css

@@ -5968,13 +5968,13 @@ a:not(p a), p, code:not(p code), b:not(p b), i:not(p i) { /* Custom */
 }
 
 @media (max-width:767.98px) {
-  .disbr {
-    display: none;
-  }
+	.disbr {
+		display: none;
+	}
 	.imgdiv {
-    width: 30%;
-    margin-left: auto;
-    margin-right: auto;
+		width: 30%;
+		margin-left: auto;
+		margin-right: auto;
 	}
 }
 
@@ -5998,15 +5998,15 @@ a:not(p a), p, code:not(p code), b:not(p b), i:not(p i) { /* Custom */
 
 @media (min-width: 645.98px) {
 	.custom-lrpad {
-	margin-left: 10px !important; 
-  	  margin-right: 10px !important;
+		margin-left: 10px !important; 
+		margin-right: 10px !important;
 	}
 }
 
 @media (max-width:645.98px) {
    .nolrpadding {
-	margin-left: 0 !Important;
-      margin-right: 0 !important;
+		margin-left: 0 !Important;
+		margin-right: 0 !important;
    }
 }
 
@@ -6034,23 +6034,23 @@ a:not(p a), p, code:not(p code), b:not(p b), i:not(p i) { /* Custom */
 }
 
 @media (min-width:767.98px) {
-      .padright {
-        margin-right: 5px;
-      }
-      
-      .padleft {
-        margin-left: 5px;
-      }
+  .padright {
+	margin-right: 5px;
+  }
+
+  .padleft {
+	margin-left: 5px;
+  }
 }
 
 
 .sw-feature-box {
 	display: flex;
-  flex-wrap: wrap;
+	flex-wrap: wrap;
 	justify-content: center;
-  background-color: grey;
-  padding: 10px;
-  border: 1px solid black;
+	background-color: grey;
+	padding: 10px;
+	border: 1px solid black;
 }
 
 .sw-link {
@@ -6251,7 +6251,7 @@ html.fixedtopnavimage {
 
 [data-bs-theme=dark] .back-to-top:hover {
   color: black;
-  background-color: #f2f2f2;
+  background-colostr: #f2f2f2;
 }
 
 [data-bs-theme=dark] .back-to-top:active {
@@ -6260,30 +6260,31 @@ html.fixedtopnavimage {
 }
 
 @media (min-width: 901.98px) {
-.bd-toc {
-    position: -webkit-fixed;
-    position: fixed;
-    right: 0;
-    z-index: 2;
-    height: calc(100vh - 7rem);
-    overflow-y: auto;
-}
+	.bd-toc {
+		position: -webkit-fixed;
+		position: fixed;
+		right: 0;
+		z-index: 2;
+		height: calc(100vh - 7rem);
+		overflow-y: auto;
+	}
 
 	.story-top-body {
-margin-top: 25px;
-}
+		margin-top: 25px;
+	}
 }
 
+
 @media (min-width: 767.98px) and (max-width: 901.98px) {
-.bd-toc {
-    position: -webkit-fixed;
-    position: fixed;
-    top: calc(72px + .75rem);
-    right: 0;
-    z-index: 2;
-    height: calc(100vh - 7rem);
-    overflow-y: auto;
-}
+	.bd-toc {
+		position: -webkit-fixed;
+		position: fixed;
+		top: calc(72px + .75rem);
+		right: 0;
+		z-index: 2;
+		height: calc(100vh - 7rem);
+		overflow-y: auto;
+	}
 }
 
 .hero-drappear {
@@ -6292,7 +6293,7 @@ margin-top: 25px;
 
 @media (max-width: 645.98px) {
 	.border-custom-fix {
-    border-bottom: solid 1px #dee2e6;
+		border-bottom: solid 1px #dee2e6;
 	}
 }
 
@@ -6326,16 +6327,43 @@ margin-top: 25px;
 }
 
 @media (max-width:767.98px) and (min-height: 675.98px) {
-				.story-scroll {
-height: calc(100vh - 448px);
-					overflow-y: scroll;
-
+	.story-scroll {
+		height: calc(100vh - 448px);
+		overflow-y: scroll;
 	}
 }
 
 @media (max-width:767.98px) {
-  .back-to-top {
-    bottom: 60px !important;
+	.back-to-top {
+		bottom: 60px !important;
+	}
+}
+
+@media (min-width: 645.98px) {
+  .container-story, .story-buttons {
+    max-width: 65ch;
+    margin-right: auto;
+    margin-left: auto;
+  }
+}
+@media (min-width: 768px) {
+  .container-story {
+    max-width: 70ch;
+  }
+}
+@media (min-width: 992px) {
+  .container-story {
+    max-width: 75ch;
+  }
+}
+@media (min-width: 1200px) {
+  .container-story {
+    max-width: 80ch;
+  }
+}
+@media (min-width: 1400px) {
+  .container-story {
+    max-width: 85ch;
   }
 }
 
@@ -6370,7 +6398,7 @@ height: calc(100vh - 448px);
 
 @media (max-width:767.98px) {
 	.products-tabContent {
-  	height: 20rem !important;
+		height: 20rem !important;
 	}
 	.products-2 img {
 		width: 75%;
@@ -6405,20 +6433,20 @@ height: calc(100vh - 448px);
   text-decoration: none !important;
 }
 
-.start-25 {
-  left: 25% !important;
-}
-
-.start-33 {
-  left: 33.3333333% !important;
-}
-
-.start-66 {
-  left: 66.6666667% !important;
+.progress-wrapper, .progress {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 100%;
+  height: 1px !important;
+  z-index: -1;
 }
 
-.start-75 {
-  left: 75% !important;
+.historyTabs {
+  display: flex;
+  flex-direction: column;
+  min-width: 300px;
 }
 
 .text-wrap {
@@ -6454,16 +6482,13 @@ height: calc(100vh - 448px);
 	.rounded-md-pill {
 		border-radius: var(--bs-border-radius-pill);
 	}
+
 }
 
 .rounded-6 {
 	border-radius: var(--bs-border-radius-2xl) !important;
 }
 
-iframe {
+.container-story iframe {
 	padding-bottom: 1rem;
 }
-
-.tab {
-  tab-size: 8;
-}

public/static/version.js

@@ -1 +1 @@
-document.write("2.20.1");
+document.write("2.20.2");

src/layouts/stories/CardPage.astro

@@ -0,0 +1,39 @@
+---
+const { id, title, description, cardLinks, size } = Astro.props;
+---
+
+<div class={`hero hero-${id}`} data-bs-theme="dark">
+  <div class="hero-back h-100">
+    <div class="hero-filter">
+      <h1 class="display-4 fw-bold title pt-3 pb-2" set:html={title}></h1>
+      {description && (
+        <p class="fs-4 mt-0 mb-3 text-body-secondary container">{description}</p>
+      )}
+      <div class={`d-${size}-flex flex-wrap mx-2`}>
+        {cardLinks && cardLinks.map(({ cardTitle, cardDescription, cardImage, cardWidth, cardHref, pdfHref, additionalImageClasses }, index) => (
+          <div class="col-md mt-1 mb-3 m-1">
+            <div class="card text-center permcard shadow-sm h-100">
+              {cardImage && (
+                <div class="bg-white card-img-top">
+                  <img src={cardImage} alt={cardTitle} class={additionalImageClasses} width="100%">
+                </div>
+              )}
+              <div class="card-body">
+                <h2 class="card-title">{cardTitle}</h2>
+                <p class="card-text" set:html={cardDescription}></p>
+                <div class="tab-link d-flex gap-2">
+                  <a href={cardHref} class="btn btn-primary w-100 d-grid">
+                    <span class="align-self-center">Visit</span>
+                  </a>
+                  <a href={pdfHref} class="btn btn-secondary px-2 py-1 fs-4" target="_blank" rel="noopener noreferrer">
+                    <i class="bi bi-filetype-pdf"></i>
+                  </a>
+                </div>
+              </div>
+            </div>
+          </div>
+        ))}
+      </div>
+    </div>
+  </div>
+</div>

src/layouts/stories/Scrollspy.astro

@@ -4,7 +4,7 @@ const { id, scrollcontent } = Astro.props;
 
 <main id={id}>
   <div class="bd-toc col-md-3 p-3 pb-0 story-top-buttons">
-    <div id={`${id}-list`} class="list-group">
+    <div id={`${id}-list`} class="list-group story-buttons">
       {scrollcontent ? (
         scrollcontent.map(({ name, href, additionalClasses }, index) => (
           <a class={`list-group-item list-group-item-action ${additionalClasses}`} href={href} key={index}>
@@ -17,6 +17,9 @@ const { id, scrollcontent } = Astro.props;
     </div>
   </div>
   <div class="col-md-9 p-3 story-top-scroll story-top-body story-scroll" tabindex="0" data-bs-smooth-scroll="true" data-bs-target={`${id}-list`} data-bs-spy="scroll">
-    <slot name="scrollspy-content" />
+	<div class="mx-lg-auto text-justify container-story">
+		<slot name="scrollspy-content" />
+        </div>
+    </div>
   </div>
 </main>