info & help pages

packages/imagetools/astroViteConfigs.js

@@ -1,12 +1,12 @@
 export default {
-  "environment": "build",
+  "environment": "dev",
   "isSsrBuild": false,
   "projectBase": "",
   "publicDir": "C:\\Users\\zx\\Desktop\\polymech\\polymech-site\\public\\",
   "rootDir": "C:\\Users\\zx\\Desktop\\polymech\\polymech-site\\",
-  "mode": "production",
-  "outDir": "C:\\Users\\zx\\Desktop\\polymech\\polymech-site\\dist\\",
-  "assetsDir": "_astro",
+  "mode": "dev",
+  "outDir": "dist",
+  "assetsDir": "/_astro",
   "sourcemap": false,
   "assetFileNames": "/_astro/[name]@[width].[hash][extname]"
 }

src/app/config.json

@@ -24,15 +24,7 @@
     },
     {
       "href": "/helpcenter/home",
-      "text": "Home"
-    },
-    {
-      "href": "/infopages/dpa",
-      "text": "DPA"
-    },
-    {
-      "href": "/infopages/cookies",
-      "text": "Cookies"
+      "text": "Help"
     },
     {
       "href": "/infopages/terms",
@@ -42,10 +34,6 @@
       "href": "/infopages/privacy",
       "text": "Privacy"
     },
-    {
-      "href": "/infopages/cookies",
-      "text": "Cookies"
-    },
     {
       "href": "/forms/contact",
       "text": "Contact"
@@ -53,11 +41,7 @@
     {
       "href": "/infopages/about",
       "text": "About us"
-    },
-    {
-      "href": "/404",
-      "text": "Error 404"
-    }
+    }    
   ],
   "footer_right": [
     

src/components/blog/EntriesOne.astro

@@ -1,35 +1,39 @@
 ---
 const { title, url, author, pubDate, description, image } = Astro.props;
+import { Img } from "imagetools/components"
 ---
 
 <div
-  class="group relative flex flex-col h-full justify-between items-start p-4 bg-white aspect-[4/4] text-sm text-neutral-500 rounded-2xl font-mono">
+  class="group relative flex flex-col h-full justify-between items-start p-4 bg-white text-sm text-neutral-500 rounded-2xl font-mono"
+>
   <dt>
-    <span class="text-xs text-neutral-400 z-10 relative "
-      >{author}
-    </span>
     <h2 class="uppercase group-hover:text-orange-500 text-balance">
       <div
-        class="absolute -inset-x-4 -inset-y-6 z-0 scale-95  transition group-hover:scale-100   sm:-inset-x-6 ">
-      </div>
-      <a
-        href={url}
-        title={title}
-        ><span
-          class="absolute -inset-x-4 -inset-y-6 z-20 sm:-inset-x-6 "
-        ></span><span class="relative z-10">{title}</span></a
+        class="z-0 scale-95 transition group-hover:scale-100"
       >
+      </div>
+      <a href={url} title={title}>
+        <span class="absolute -inset-x-4 -inset-y-6 z-20 sm:-inset-x-6"></span><span class="relative z-10">{title}</span><br/><span class="text-sm">{pubDate}</span></a>
       <div class="">
-        <img
-          class="w-full aspect-[4/2] rounded-2xl relative object-cover lg:-mt-2"
+        <Img
           src={image.url}
           alt={image.alt}
-        />      
+          sizes={`
+            (min-width: 1024px) 33vw,
+            (min-width: 640px) 50vw,
+            100vw
+          `}
+          attributes={{
+            img:{
+              class: "w-full p-2 rounded-2xl relative object-contain lg:mt-2"
+            }
+          }}
+        />
       </div>
     </h2>
   </dt>
   <dd>
-    <p class="relative z-10 line-clamp-2 ">
+    <p class="relative z-10 line-clamp-2">
       {description}
     </p>
   </dd>

src/components/helpcenter/HelpEntries.astro

@@ -1,10 +1,9 @@
 ---
 const { title, url } = Astro.props;
 ---
-
 <div class="group relative bg-white overflow-hidden group rounded-xl font-mono">
   <div
-    class="p-4 text-sm text-neutral-500 uppercase group-hover:text-orange-600 ">
+    class="p-4 text-sm text-neutral-500 group-hover:text-orange-600 ">
     <h3>
       <a
         href={url}

src/content/infopages/cookies.md

@@ -2,10 +2,4 @@
 page: Cookies
 pubDate: 2024-01-01
 ---
-This cookie policy describes how Simplexity (Simplexity) uses “cookies” and other similar technologies, in connection with our Site and Services. For more information on Simplexity privacy practices, please see our Privacy Policy.
-### About cookies
-A cookie is a small piece of information stored on your computer via the web browser you use. Cookies are used to personalize your web experience with a website. They help with things like understanding how you use a website, remembering your login details, and storing site preferences.
-### How Simplexity uses cookies
-Simplexity uses two types of cookies: first and third-party cookies. First party cookies are set and read by us when you use Simplexity. Third party cookies are set by companies other than Simplexity and collect information about you which may be sent to a third party. Simplexity uses third party cookies for site analytics purposes.
-### Opting out
-You can customize your web browser to accept, reject, or delete cookies. All major browsers will give you the option to block some or all cookies and to clear existing cookie data.
+

src/content/resources/community.md

@@ -144,14 +144,6 @@ tags: ["community", "blogging", "c++"]
 - https://www.resak.org
 - https://laplastiquerie.com
 
-#### Projects
-
-- https://www.theflipflopi.com
-- https://plastikirafiki.com
-- https://www.instagram.com/noplasticsunday
-- https://www.thepolyflossfactory.com/work
-- [The Scottish Marine Animal Stranding Scheme](https://strandings.org/)
-
 #### Trade
 
 - [https://scrapo.com/](https://scrapo.com/)

src/layouts/HelpcenterLayout.astro

@@ -1,22 +1,14 @@
 ---
 import BaseLayout from "./BaseLayout.astro";
-const { frontmatter } = Astro.props;
+import Wrapper from "@/components/containers/Wrapper.astro";
 ---
 
 <BaseLayout>
   <section>
-    <div class="grid sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-3 gap-2">
-      <div class="flex flex-col h-full">
-
-        <p
-          class="text-lg text-neutral-600 uppercase font-mono tracking-tight text-balance">
-          {frontmatter.title}
-        </p>
-      </div>
-      <div class="simple-prose-styles py-2 lg:col-start-3 justify-end p-4">
+    <Wrapper>
+    <div class="grid sm:grid-cols-1 lg:grid-cols-1 xl:grid-cols-1 gap-2 text-neutral-500 p-4">
         <slot />
-      </div>  
     </div>
+  </Wrapper>
   </section>
-
 </BaseLayout>

src/layouts/InfoPagesLayout.astro

@@ -1,25 +1,16 @@
 ---
 import BaseLayout from "./BaseLayout.astro";
 const { frontmatter } = Astro.props;
+import Wrapper from "@/components/containers/Wrapper.astro";
 ---
-
 <BaseLayout>
+<Wrapper>
   <section>
-    <div class="grid sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-3 gap-2">
-      <div class="flex flex-col h-full">
-
-        <p
-          class="text-lg text-neutral-600 font-mono tracking-tight text-balance uppercase">
-          {frontmatter.page}
-        </p>
-        <p class="text-sm text-balance text-neutral-500">
-          <time datetime={frontmatter.pubDate.toString().slice(3, 16)}>
-            {frontmatter.pubDate.toString().slice(3, 16)}</time>
-        </p>
-      </div>
+    <div class="grid sm:grid-cols-1 lg:grid-cols-1 xl:grid-cols-1 gap-2">      
       <div class="simple-prose-styles py-2 lg:col-start-3 justify-end p-4">
         <slot />
       </div>
     </div>
   </section>
+</Wrapper>
 </BaseLayout>

src/pages/forms/contact.astro

@@ -1,7 +1,10 @@
 ---
 import BaseLayout from "@/layouts/BaseLayout.astro";
 import Contact from "@/components/forms/Contact.astro";
+import Wrapper from "@/components/containers/Wrapper.astro";
 ---
 <BaseLayout>
+<Wrapper>
   <Contact />
+</Wrapper>
 </BaseLayout>

src/pages/helpcenter/home.astro

@@ -3,9 +3,11 @@ import BaseLayout from "@/layouts/BaseLayout.astro";
 import HelpEntries from "@/components/helpcenter/HelpEntries.astro";
 import { getCollection } from "astro:content";
 const allEntries = await getCollection("helpcenter");
+import Wrapper from "@/components/containers/Wrapper.astro";
 ---
 
 <BaseLayout>
+  <Wrapper>
   <section>
     <div
       class="flex flex-col gap-12 h-full justify-between p-4 text-center py-20">
@@ -34,5 +36,5 @@ const allEntries = await getCollection("helpcenter");
       }
     </div>
   </section>
-
+</Wrapper>
 </BaseLayout>

src/pages/infopages/[...slug].astro

@@ -1,6 +1,6 @@
 ---
 import { getCollection } from 'astro:content';
-import InfoPagesLayout from '../../layouts/InfoPagesLayout.astro';
+import InfoPagesLayout from '@/layouts/InfoPagesLayout.astro';
 export async function getStaticPaths() {
   const infoPages = await getCollection('infopages');
   const paths = infoPages.map(page => {
@@ -17,5 +17,5 @@ const { page } = Astro.props;
 const { Content } = await page.render();
 ---
 <InfoPagesLayout frontmatter={page.data}>
-  <Content>
+    <Content />
 </InfoPagesLayout>

src/pages/resources/home.astro

@@ -8,7 +8,7 @@ const allPosts = await getCollection("resources")
 <BaseLayout>
   <Wrapper>
     <section>
-      <div class="grid sm:grid-cols-2 lg:grid-cols-2 xl:grid-cols-2 gap-2 py-2">
+      <div class="grid sm:grid-cols-1 lg:grid-cols-3 xl:grid-cols-3 gap-2 py-2">
         {
           allPosts
             .slice()
@@ -20,7 +20,7 @@ const allPosts = await getCollection("resources")
                 alt={post.data.title}
                 pubDate={post.data.pubDate.toString().slice(0, 10)}
                 author={post.data.author}
-                image={post.data.image.url}
+                image={post.data.image}
               />
             ))
         }

src/styles/global.css

@@ -9,7 +9,7 @@
     @apply prose max-w-3xl pt-0 mx-auto;
   }
   .simple-prose-styles {
-    @apply prose text-xs uppercase prose-headings:text-xs  prose-pre:normal-case;
+    @apply prose text-xs prose-headings:text-xs  prose-pre:normal-case;
   }  
 }
 @layer base {

tsconfig.json

@@ -21,5 +21,5 @@
         "config/*": ["src/app/*"]
       }
     },
-    "include": [".astro/types.d.ts", "**/*.ts", "**/*.tsx", "**/*.astro"],
+    "include": [".astro/types.d.ts", "**/*.ts", "**/*.tsx", "**/*.astro", "src/content/resources/software-as.mdx"],
   }