Move all assets to source folder

src/css/extra.css

@@ -0,0 +1,63 @@
+:root {
+    --admonition-border-color: #FF8D1A;
+    --admonition-bg-color-base: rgba(155, 120, 43, 0.1);
+    --icon-frequent-question: url(/assets/frequent-question.svg);
+    --icon-faq: url(/assets/faq.svg);
+}
+
+.md-typeset {
+    .admonition.frequent-question,
+    details.frequent-question,
+    .admonition.faq,
+    details.faq {
+        border-color: var(--admonition-border-color);
+    }
+
+    .frequent-question, .faq {
+        & > .admonition-title, & > summary {
+            background-color: var(--admonition-bg-color-base);
+        }
+
+        & > .admonition-title::before, & > summary::before {
+            background-color: var(--admonition-border-color);
+        }
+    }
+
+    .frequent-question {
+        & > .admonition-title::before, & > summary::before {
+            -webkit-mask-image: var(--icon-frequent-question);
+            mask-image: var(--icon-frequent-question);
+        }
+    }
+
+    .faq {
+        & > .admonition-title::before, & > summary::before {
+            -webkit-mask-image: var(--icon-faq);
+            mask-image: var(--icon-faq);
+        }
+    }
+}
+
+mark.state1 {
+    background-color: #ffd699; /* A somewhat orange color */
+}
+
+mark.state2 {
+    background-color: #ffcccc;
+}
+  
+mark.state3 {
+    background-color: #ccccff;
+}
+  
+mark.state4 {
+    background-color: #ccffcc;
+}
+
+.youtube {
+    color: #EE0F0F;
+}
+
+.faq {
+    color: #FF8D1A
+}

src/css/signup_form.css

@@ -0,0 +1,158 @@
+/* Signup Form Styles */
+.signup-form-container {
+    width: 100%;
+    max-width: 400px;
+    margin: 1rem auto;
+}
+
+#form_signup {
+    background: transparent;
+    border-radius: 4px;
+    padding: 1rem;
+    width: 100%;
+    box-sizing: border-box;
+}
+
+#form_signup h2 {
+    color: var(--md-footer-fg-color);
+    font-size: 1.2rem;
+    margin-top: 0;
+    margin-bottom: 0.5rem;
+}
+
+#form_signup .gf-field-group {
+    margin-bottom: 0.5rem;
+}
+
+#form_signup input[type="text"],
+#form_signup input[type="email"] {
+    width: 100%;
+    padding: 0.5rem;
+    border: 1px solid rgba(255, 255, 255, 0.3);
+    border-radius: 4px;
+    background-color: rgba(255, 255, 255, 0.1);
+    color: var(--md-footer-fg-color);
+}
+
+#form_signup input[type="text"]::placeholder,
+#form_signup input[type="email"]::placeholder {
+    color: rgba(255, 255, 255, 0.6);
+}
+
+#form_signup .button {
+    background-color: var(--md-accent-fg-color);
+    color: var(--md-accent-bg-color);
+    border: none;
+    padding: 0.5rem 1rem;
+    border-radius: 4px;
+    cursor: pointer;
+    font-weight: bold;
+    transition: background-color 0.3s ease, color 0.3s ease;
+    width: 100%;
+}
+
+#form_signup .button:hover {
+    background-color: #FAA22B;
+    color: var(--md-accent-bg-color);
+}
+
+#form_signup .footnote {
+    text-align: center;
+    font-size: 0.6rem;
+    color: rgba(255, 255, 255, 0.6);
+}
+
+/* Media Queries for Responsive Design */
+@media screen and (max-width: 76.1875em) {
+    .signup-form-container {
+        max-width: 100%;
+    }
+}
+
+@media screen and (max-width: 60em) {
+    #form_signup h2 {
+        font-size: 1rem;
+    }
+}
+
+
+/* Footer flex container */
+.footer-flex-container {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+}
+
+.footer-flex-item {
+    flex: 1 1 auto;
+}
+
+/* Default order for larger screens */
+.signup-form-container {
+    order: 2;
+    max-width: 400px;
+}
+
+.footer-copyright {
+    order: 1;
+}
+
+.footer-social {
+    order: 3;
+}
+
+/* Media query for larger screens */
+@media screen and (min-width: 76.25em) {
+    .footer-flex-container {
+        flex-wrap: nowrap;
+    }
+
+    .signup-form-container {
+        flex: 0 1 auto;
+        margin: 0 1rem;
+    }
+
+    .footer-copyright {
+        text-align: left;
+    }
+
+    .footer-social {
+        text-align: right;
+    }
+}
+
+/* Media query for smaller screens */
+@media screen and (max-width: 76.1875em) {
+    .footer-flex-container {
+        flex-direction: column;
+    }
+
+    .signup-form-container {
+        order: 1;
+        max-width: 100%;
+    }
+
+    .footer-copyright {
+        order: 2;
+        text-align: center;
+    }
+
+    .footer-social {
+        order: 3;
+    }
+
+    /* Center align the content inside the copyright container */
+    .footer-copyright .md-copyright {
+        text-align: center;
+    }
+
+    .footer-copyright .md-copyright__highlight {
+        display: block;
+        margin-bottom: 0.5rem;
+    }
+}
+
+#form-message {
+    font-size: 0.8rem;
+    margin-top: 0.5rem;
+}

src/images/feature-icons/icon-bios-access-d.svg

@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="47.5654" height="47.5652" viewBox="0 0 47.5654 47.5652">
+<defs>
+<clipPath id="clip_0">
+<path transform="matrix(1,0,0,-1,0,47.5652)" d="M0 47.565H47.565V0H0Z"/>
+</clipPath>
+</defs>
+<g clip-path="url(#clip_0)">
+<path transform="matrix(1,0,0,-1,2.9727,42.3629)" d="M0 0C0 .411 .333 .743 .743 .743H17.094C17.504 .743 17.837 .411 17.837 0 17.837-.41 17.504-.743 17.094-.743H.743C.333-.743 0-.41 0 0M1.486 6.689H16.351C17.171 6.689 17.837 6.023 17.837 5.203 17.837 4.381 17.171 3.716 16.351 3.716H1.486C.666 3.716 0 4.381 0 5.203 0 6.023 .666 6.689 1.486 6.689M38.647 5.203C38.647 6.023 39.313 6.689 40.133 6.689 40.954 6.689 41.62 6.023 41.62 5.203 41.62 4.381 40.954 3.716 40.133 3.716 39.313 3.716 38.647 4.381 38.647 5.203M32.701 5.203C32.701 6.023 33.367 6.689 34.188 6.689 35.009 6.689 35.674 6.023 35.674 5.203 35.674 4.381 35.009 3.716 34.188 3.716 33.367 3.716 32.701 4.381 32.701 5.203M1.486 39.39H40.133C40.954 39.39 41.62 38.725 41.62 37.904V17.094C41.62 16.273 40.954 15.607 40.133 15.607H1.486C.666 15.607 0 16.273 0 17.094V37.904C0 38.725 .666 39.39 1.486 39.39M1.486 42.363C-.976 42.363-2.973 40.367-2.973 37.904V17.094C-2.973 14.631-.976 12.635 1.486 12.635H14.864V9.662H0C-1.642 9.662-2.973 8.331-2.973 6.689V-2.229C-2.973-3.872-1.642-5.202 0-5.202H41.62C43.262-5.202 44.593-3.872 44.593-2.229V6.689C44.593 8.331 43.262 9.662 41.62 9.662H26.755V12.635H40.133C42.596 12.635 44.593 14.631 44.593 17.094V37.904C44.593 40.367 42.596 42.363 40.133 42.363Z" fill="#ffffff"/>
+<path transform="matrix(1,0,0,-1,11.1173,15.622702)" d="M0 0H-2.974V-3.784H.108C1.693-3.784 2.487-3.118 2.487-1.784 2.415-.63 1.585-.036 0 0M-.216 4.758H-2.974V1.352H-.216C1.261 1.387 2.019 1.982 2.054 3.136 2.019 4.217 1.261 4.758-.216 4.758M.378-5.027H-4.649V6.055H.108C2.451 5.983 3.694 5.1 3.839 3.407 3.802 2 3.045 1.136 1.568 .812V.757C3.262 .468 4.181-.414 4.325-1.892 4.325-3.982 3.009-5.027 .378-5.027" fill="#ffffff"/>
+<path transform="matrix(1,0,0,-1,0,47.5652)" d="M17.274 37.998H18.95V26.915H17.274Z" fill="#ffffff"/>
+<path transform="matrix(1,0,0,-1,26.0264,19.461102)" d="M0 0C2.306 .108 3.514 1.532 3.623 4.271 3.514 6.974 2.325 8.416 .054 8.597-2.217 8.416-3.425 6.974-3.568 4.271-3.46 1.604-2.271 .18 0 0M.108 10.056C3.46 9.84 5.262 7.911 5.514 4.271 5.334 .703 3.514-1.17 .054-1.352-3.406-1.17-5.209 .703-5.353 4.271-5.173 7.948-3.352 9.875 .108 10.056" fill="#ffffff"/>
+<path transform="matrix(1,0,0,-1,32.6695,17.2985)" d="M0 0 1.73 .378C1.982-1.388 3.009-2.271 4.812-2.271 6.398-2.235 7.227-1.604 7.299-.378 7.407 .45 6.667 1.082 5.083 1.514 4.938 1.586 4.631 1.676 4.164 1.785 4.019 1.82 3.91 1.838 3.838 1.838 1.424 2.343 .289 3.37 .433 4.92 .577 6.793 1.893 7.785 4.379 7.894 6.902 7.929 8.38 6.92 8.813 4.866L7.137 4.487C6.884 5.82 6.001 6.488 4.488 6.488 3.082 6.452 2.325 5.929 2.217 4.92 2.109 4.091 2.974 3.496 4.812 3.136 5.532 2.955 6.073 2.812 6.434 2.704 8.272 2.126 9.172 1.117 9.137-.324 9.065-2.379 7.641-3.441 4.866-3.514 2.09-3.585 .468-2.415 0 0" fill="#ffffff"/>
+</g>
+</svg>

src/images/feature-icons/icon-bios-access.svg

@@ -0,0 +1,49 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   viewBox="0 0 114.88773 114.8872"
+   height="114.8872"
+   width="114.88773"
+   xml:space="preserve"
+   id="svg2"
+   version="1.1"><metadata
+     id="metadata8"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs6"><clipPath
+       id="clipPath18"
+       clipPathUnits="userSpaceOnUse"><path
+         id="path16"
+         d="M 0,86.165 H 86.166 V 0 H 0 Z" /></clipPath></defs><g
+     transform="matrix(1.3333333,0,0,-1.3333333,0,114.8872)"
+     id="g10"><g
+       id="g12"><g
+         clip-path="url(#clipPath18)"
+         id="g14"><g
+           transform="translate(5.3858,9.4243)"
+           id="g20"><path
+             id="path22"
+             style="fill:#2b2b2b;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             d="m 0,0 c 0,0.743 0.603,1.346 1.346,1.346 h 29.619 c 0.744,0 1.347,-0.603 1.347,-1.346 0,-0.744 -0.603,-1.347 -1.347,-1.347 H 1.346 C 0.603,-1.347 0,-0.744 0,0 m 2.692,12.117 h 26.927 c 1.487,0 2.693,-1.206 2.693,-2.693 0,-1.487 -1.206,-2.693 -2.693,-2.693 H 2.692 C 1.205,6.731 0,7.937 0,9.424 c 0,1.487 1.205,2.693 2.692,2.693 M 70.009,9.424 c 0,1.487 1.206,2.693 2.693,2.693 1.487,0 2.693,-1.206 2.693,-2.693 0,-1.487 -1.206,-2.693 -2.693,-2.693 -1.487,0 -2.693,1.206 -2.693,2.693 m -10.771,0 c 0,1.487 1.206,2.693 2.693,2.693 1.487,0 2.693,-1.206 2.693,-2.693 0,-1.487 -1.206,-2.693 -2.693,-2.693 -1.487,0 -2.693,1.206 -2.693,2.693 M 2.692,71.355 h 70.01 c 1.487,0 2.693,-1.205 2.693,-2.692 V 30.965 c 0,-1.486 -1.206,-2.692 -2.693,-2.692 H 2.692 C 1.205,28.273 0,29.479 0,30.965 v 37.698 c 0,1.487 1.205,2.692 2.692,2.692 m 0,5.386 c -4.461,0 -8.078,-3.616 -8.078,-8.078 V 30.965 c 0,-4.461 3.617,-8.077 8.078,-8.077 H 26.927 V 17.502 H 0 c -2.975,0 -5.386,-2.411 -5.386,-5.385 V -4.039 c 0,-2.975 2.411,-5.385 5.386,-5.385 h 75.395 c 2.974,0 5.385,2.41 5.385,5.385 v 16.156 c 0,2.974 -2.411,5.385 -5.385,5.385 H 48.468 v 5.386 h 24.234 c 4.461,0 8.078,3.616 8.078,8.077 v 37.698 c 0,4.462 -3.617,8.078 -8.078,8.078 z" /></g><g
+           transform="translate(20.1387,57.8648)"
+           id="g24"><path
+             id="path26"
+             style="fill:#2b2b2b;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             d="m 0,0 h -5.387 v -6.855 h 5.584 c 2.871,0 4.309,1.207 4.309,3.624 C 4.374,-1.143 2.873,-0.065 0,0 M -0.391,8.62 H -5.387 V 2.449 h 4.996 C 2.286,2.513 3.657,3.591 3.722,5.681 3.657,7.639 2.286,8.62 -0.391,8.62 M 0.686,-9.107 H -8.421 V 10.969 H 0.197 C 4.439,10.837 6.693,9.239 6.955,6.171 6.889,3.624 5.517,2.057 2.841,1.47 V 1.372 c 3.068,-0.524 4.733,-2.122 4.994,-4.799 0,-3.788 -2.383,-5.68 -7.149,-5.68" /></g><path
+           id="path28"
+           style="fill:#2b2b2b;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 31.293,68.834 h 3.036 V 48.757 h -3.036 z" /><g
+           transform="translate(47.147,50.9117)"
+           id="g30"><path
+             id="path32"
+             style="fill:#2b2b2b;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             d="M 0,0 C 4.178,0.195 6.366,2.774 6.562,7.737 6.366,12.634 4.212,15.245 0.099,15.573 -4.016,15.245 -6.204,12.634 -6.463,7.737 -6.268,2.905 -4.112,0.326 0,0 M 0.197,18.217 C 6.268,17.825 9.533,14.331 9.99,7.737 9.663,1.273 6.366,-2.121 0.099,-2.449 c -6.268,0.328 -9.535,3.722 -9.795,10.186 0.326,6.66 3.624,10.152 9.893,10.48" /></g><g
+           transform="translate(59.1817,54.8286)"
+           id="g34"><path
+             id="path36"
+             style="fill:#2b2b2b;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             d="m 0,0 3.134,0.686 c 0.456,-3.2 2.317,-4.798 5.582,-4.798 2.873,0.064 4.375,1.206 4.507,3.426 C 13.417,0.816 12.079,1.96 9.207,2.743 8.945,2.873 8.39,3.036 7.542,3.233 7.28,3.297 7.083,3.33 6.953,3.33 2.579,4.244 0.522,6.104 0.784,8.914 c 0.26,3.393 2.644,5.19 7.149,5.386 4.569,0.064 7.248,-1.763 8.03,-5.485 L 12.929,8.129 c -0.458,2.415 -2.057,3.624 -4.8,3.624 C 5.583,11.688 4.212,10.74 4.016,8.914 3.82,7.411 5.387,6.333 8.716,5.681 10.021,5.354 11.002,5.093 11.654,4.898 14.984,3.853 16.616,2.024 16.552,-0.587 16.421,-4.309 13.842,-6.233 8.815,-6.366 3.786,-6.495 0.848,-4.374 0,0" /></g></g></g></g></svg>

src/images/feature-icons/icon-more-d.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="50" height="50" viewBox="0 0 50 50">
+<defs>
+<clipPath id="clip_0">
+<path transform="matrix(1,0,0,-1,0,50)" d="M0 50H50V0H0Z"/>
+</clipPath>
+</defs>
+<g clip-path="url(#clip_0)">
+<path transform="matrix(1,0,0,-1,35.3241,28.0974)" d="M0 0C-1.71 0-3.097 1.387-3.097 3.098-3.097 4.808-1.71 6.195 0 6.195 1.711 6.195 3.098 4.808 3.098 3.098 3.098 1.387 1.711 0 0 0M-10.324 0C-12.035 0-13.421 1.387-13.421 3.098-13.421 4.808-12.035 6.195-10.324 6.195-8.613 6.195-7.227 4.808-7.227 3.098-7.227 1.387-8.613 0-10.324 0M-20.648 0C-22.359 0-23.746 1.387-23.746 3.098-23.746 4.808-22.359 6.195-20.648 6.195-18.938 6.195-17.551 4.808-17.551 3.098-17.551 1.387-18.938 0-20.648 0" fill="#ffffff"/>
+</g>
+</svg>