Create grid template and begin fleshing out project grids

Signed-off-by: johnmhoran <[email protected]>

Author: johnmhoran

website/docusaurus.config.js

@@ -180,7 +180,7 @@ const config = {
                         html: `<a href="mailto:[email protected]" target="_blank" rel="noopener noreferrer" aria-label="Email"><img src="/www.aboutcode.org/img/email-svgrepo-com.svg" alt="" width="25" height="20"></a>`,
                     },
 
-                    { label: 'Privacy Policy', to: '/about' },
+                    { label: 'Privacy Policy', to: '/privacy' },
                     { label: 'Terms of Service', to: '/terms' },
                 ],
                 copyright: `Copyright AboutCode Foundation ASBL. &nbsp; All rights reserved. &nbsp; Built with Docusaurus.`,

website/src/components/HomepageContent/HomeInfo.mdx

@@ -1 +1,2 @@
-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+[to come]
+{/* Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. */}

website/src/components/HomepageContent/index.js

@@ -4,9 +4,14 @@ import HomeInfo from './HomeInfo.mdx';
 // import GeneralInfo from '@site/src/components/GeneralInfo';
 // import SpecGrid from '@site/src/components/SpecGrid';
 // import ToolGrid from '@site/src/components/ToolGrid';
-import ProjectGrid from '@site/src/components/ProjectGrid';
+// import ProjectGrid from '@site/src/components/ProjectGrid';
 import SupporterGrid from '@site/src/components/SupporterGrid';
 
+import ProjectGridTemplate from '@site/src/components/ProjectGridTemplate';
+// import projects from '@site/src/data/projects-v02.json';
+// import projects_library from '@site/src/data/projects-library.json';
+// import projects_main from '@site/src/data/projects-main.json';
+
 import styles from './styles.module.css';
 
 export default function HomepageContent() {
@@ -48,6 +53,36 @@ export default function HomepageContent() {
                 <div className={styles.sectionIntro}>[to come]</div>
             </section>
 
+            {/* <section className={styles.sectionContainer}>
+                <div
+                    className={styles.sectionHeader}
+                    style={{ marginBottom: '15px', marginTop: '15px' }}
+                >
+                    <h1>AboutCode Projects Overview</h1>
+                </div>
+                <div className={styles.sectionHeader}>
+                    <h2>Main</h2>
+                </div>
+                <div className={styles.sectionIntro}>[intro]</div>
+                <ProjectGrid />
+            </section>
+
+
+
+            <section className={styles.sectionContainer}>
+                <div className={styles.sectionHeader}>
+                    <h2>Library</h2>
+                </div>
+                <div
+                    className={styles.sectionIntro}
+                >
+                    [intro]
+                </div>
+                <ProjectGrid />
+            </section> */}
+
+
+
             <section className={styles.sectionContainer}>
                 <div
                     className={styles.sectionHeader}
@@ -56,12 +91,18 @@ export default function HomepageContent() {
                     <h1>AboutCode Projects Overview</h1>
                 </div>
                 {/* <div className={styles.sectionHeader}>
-                    <h2>[sub-category?]</h2>
+                    <h2>ProjectGridTemplate</h2>
                 </div> */}
-                <div className={styles.sectionIntro}>[intro]</div>
-                <ProjectGrid />
+                <div
+                    className={styles.sectionIntro}
+                >
+                    [intro]
+                </div>
+                <ProjectGridTemplate />
             </section>
 
+
+
             <section className={styles.sectionContainer}>
                 <div
                     className={styles.sectionHeader}

website/src/components/HomepageContent/styles.module.css

@@ -178,6 +178,7 @@
   margin: 0 auto;
   padding: 1rem 0;
   padding: 0.5rem 0;
+  padding: 0;
 
   /* background-color: #ffffcc; */
   line-height: 1.4rem;