Update blog & fix python server deploy (#184)

* trigger new build

* build: update action

* build: old state

* build: add source folder

* feat: update blog, use dynamic slug, add cover images

* feat: add testimonial & meta tags

neurofusion/next-client/public/posts/2021-12-13-inception.md

@@ -0,0 +1,91 @@
+---
+title: "Fusion - towards better understanding of self"
+description: Helping you better understand yourself & the world around you. Using the data from apps you use daily!
+publishedDate: 2021/12/13
+coverImage: /images/blog/fusion-screenshot.jpg
+slug: inception
+tags:
+  - fusion
+authors:
+  - Ore Ogundipe
+  - Adaobi Adibe
+---
+
+> In 2021, my friend & I (Ore) did some analysis on my data and birth the initial version of Fusion. Here's a summary of what we learnt and what we envisioned Fusion to evolve to. Fusion has evolved a lot since then but the essence is still the same.
+
+<video class="fusion-video" width="100%" autoplay muted>
+    <source src="/images/blog/fusion-demo-final.mp4" type="video/mp4">
+    Your browser does not support the video tag.
+</video>
+
+## What is fusion?
+
+‘Software is eating the world.’ - Marc Andreesen
+
+Spotify knows what type of music I like. Google Chrome knows what I spend my time on. My iPhone knows my sleeping pattern. Twitter knows what I’m thinking (many of us have alt accounts, lets not pretend).
+
+The point is we have more data on ourselves than ever, surely we can do more with it than just really targeted ads (no shade to ads by the way, it helps make a lot of things accessible, which we appreciate.)
+
+Turns out we aren’t the only ones who think this. There is a whole field dedicated to this called [quantified self](https://en.wikipedia.org/wiki/Quantified_self")
+
+So, we decided to put this theory to the test - could we aggregate all of our data and paint an objective picture of ourselves? What could we discover about ourselves that we otherwise couldn’t have guessed? And thus, fusion was born.
+
+## How does fusion work?
+
+We aggregate all of your data (with your consent), and provide you with actionable insights on your behaviour to help you better live the life you want to live - both professionally and personally.
+
+As a user we don’t require you to do anything, apart from getting your consent to extract data from your apps.
+
+For now we aren’t monetising this. We are more interested in seeing if we can produce something of value. If it turns out that we were right then we will consider the following models: freemium, saas or tokens. We won't sell your data or do targeted ads, <em>ever.</em>
+
+## How is data stored & processed?
+
+Data is stored in a database, encrypted with a key that is stored on the users device. We use this to process & display To see trend/aggragate data over time.
+
+## Results!
+
+So...let’s see fusion work.
+
+We tested fusion on Ore (one of our co-founders) and the results were… interesting.
+
+For Ore, the biggest question he had about himself was “what helps me do more neurotech work?”
+
+These were his top 3 results:
+
+- He spent more time doing neurotech work when he listened to music with a slow tempo
+- He spent more time doing neurotech work when he had a low sleep heart rate
+- He spent more time doing neurotech work when he did more exercise
+
+With further investigation we were able to figure out some of the driving behaviours behind these correlations.
+
+For example, we found out that the best time for Ore to do exercise (if he wants to do more neurotech work) is to do so in the early hours of the morning between 5-7AM.
+
+This is just the tip of the ice-berg. We as humans are complex systems, whose outputs depend on a number of different variables, so it is unsurprising that we only get weak correlations when we compare two variables.
+
+### Why is it important?
+
+What would happen if you were 1% more productive? Or if everyone was x% more productive, happier etc? To be honest, neither of us are sure, but we believe it’s a question worth exploring.
+
+## What is our vision for fusion?
+
+We see fusion being used with healthcare data, enterprise data and much much more. We hope that fusion can be the tool that helps people better understand themselves, and eventually the world.
+
+## Roadmap
+
+For now, our next steps are the following:
+
+- Compare more than two variables at the same time to take into consideration the impact of different environments and hidden relationships between certain behaviours. An example would be finding out that Ore does more neurotech work, when a, b, c occurs at x, y, z time.
+- Integrate with more apps
+- Begin work on predictions i.e helpful behavioural tips that help you achieve your desired outcome
+
+This, however, is subject to change depending on the input of our community members.
+
+## Call to action
+
+We have accomplished quite a bit as a small team of two, but we still need some help - that’s where you come in.
+
+We are looking for community members who are passionate about using data to improve themselves. We are still in the super early stages of our product, so input from these community members will be key. If this is you, [Join us on Discord](https://discord.gg/nVdMxZFA4n)
+
+It’s time to build.
+
+\\\ Adaobi & Ore

neurofusion/next-client/public/posts/entry.md → neurofusion/next-client/public/posts/2022-12-20-entry.md

@@ -2,9 +2,12 @@
 title: "Entry #00: Risking it all for the sake of my passion"
 description: I’ve only scratched the surface of neurotechnology and I’m convinced this is where I want to spend the bulk of my creative energy.
 publishedDate: 2022/12/20
-coverImage: /images/fusion_banner.jpg
+coverImage: /images/blog/allin.webp
+slug: going-fulltime
 tags:
   - fusion
+authors:
+  - Ore Ogundipe
 ---
 
 I’ve only scratched the surface of neurotechnology and I’m convinced this is where I want to spend the bulk of my creative energy. I believe doing this puts me on track for what I want to do with the rest of my life, so I’ve resigned from my role at Microsoft to do this full time.

neurofusion/next-client/public/posts/entry1.md → neurofusion/next-client/public/posts/2023-01-31-entry1.md

@@ -2,9 +2,12 @@
 title: "Entry #01: What does making your health & behaviour data accessible even mean?"
 description: notes on what I've gathered so far!
 publishedDate: 2023/01/31
-coverImage: /images/fusion_banner.jpg
+coverImage: /images/blog/health-behavior.webp
+slug: making-health-behavior-data-accessible
 tags:
   - fusion
+authors:
+  - Ore Ogundipe
 ---
 
 Sometime in the past month, I watched “Brain On Fire”1 on Netflix and - in true Ore fashion - found myself googling “how to be a trained neurologist?”

neurofusion/next-client/public/posts/entry2.md → neurofusion/next-client/public/posts/2023-03-07-entry2.md

@@ -2,9 +2,12 @@
 title: "Entry #02: Personalized Prompts with Fusion!"
 description: Tracking your emotional and behavioural patterns over time
 publishedDate: 2023/03/07
-coverImage: ""
+coverImage: /images/blog/prompts.webp
 tags:
   - fusion
+slug: personalized-prompts
+authors:
+  - Ore Ogundipe
 ---
 
 Tracking behavioural patterns over time can help identify triggers for certain emotional states or behaviours, track progress towards personal goals, and provide insights into overall mental and emotional well-being.

neurofusion/next-client/public/posts/launch.md → neurofusion/next-client/public/posts/2023-08-15-appstore-launch.md

@@ -1,10 +1,13 @@
 ---
 title: We launched!
-description: sort of...
+description: Fusion is now available on App Stores!
 publishedDate: 2023/08/15
-coverImage: ""
+coverImage: /images/blog/fusion-app-stores.webp
 tags:
   - fusion
+slug: fusion-launch
+authors:
+  - Ore Ogundipe
 ---
 
 Over the weekend, we released the Fusion app on the iOS app store! Pretty exciting right?

neurofusion/next-client/public/posts/user-story.md → neurofusion/next-client/public/posts/2023-08-29-user-story.md

@@ -2,9 +2,12 @@
 title: "User Story: How Fusion Reshaped my Health Journey"
 description: Understanding the relationship between my diet & well-being
 publishedDate: 2023/08/29
-coverImage: ""
+coverImage: /images/blog/user-story-health.webp
 tags:
   - fusion
+slug: how-fusion-reshaped-my-health-journey
+authors:
+  - Gabriel Price
 ---
 
 Navigating the complexities of celiac disease - a reaction to eating gluten - and an unpredictable immune system has been my journey for years. Due to my genetic makeup, my health struggles are complicated which means my symptoms are in subtle hints rather than glaring signals. It took almost two decades and consistent talks with my doctor to find some clarity.

neurofusion/next-client/public/posts/spark.md → neurofusion/next-client/public/posts/2023-09-12-fusion-community.md

@@ -2,9 +2,12 @@
 title: Can't light a fire without a spark 🔥
 description: Recap of our Lagos Community Event
 publishedDate: 2023/09/12
-coverImage: ""
+coverImage: /images/blog/lagos-community.webp
 tags:
   - fusion
+slug: fusion-community-lagos
+authors:
+  - Ore Ogundipe
 ---
 
 We hosted our first community event, in Lagos! Although, a heavy rain tried to stop our fun, we experienced a fantastic turnout. We were so excited to finally connect with users who want to take control of their health, productivity, well-being.

neurofusion/next-client/public/posts/fusion.md → neurofusion/next-client/public/posts/2023-10-30-fusion-copilot.md

@@ -2,9 +2,12 @@
 title: Introducing Fusion Copilot
 description: Personalized recommendations just for you.
 publishedDate: 2023/10/30
-coverImage: ""
+coverImage: /images/blog/fusion-copilot.webp
 tags:
   - fusion
+slug: fusion-copilot
+authors:
+  - Ore Ogundipe
 ---
 
 Since our launch, Fusion has helped you manage and improve your productivity, health and wellbeing. In the past, we took your responses and showed you how they changed over time using visuals. Now, with Fusion Copilot, you receive summaries and recommendations to act on based on your personalized context.

neurofusion/next-client/src/components/features/landing/feature-section/feature-section.tsx

@@ -79,7 +79,7 @@ export const FeatureSection: FC = () => {
           <div className="flex flex-col md:flex-row items-center justify-between gap-y-6">
             <div>
               <FusionFeature feature={fusionFeatures[2]} />
-              <ButtonLink intent="filled" href="/playground" size="xl" className="mt-4 w-full md:w-11/12">
+              <ButtonLink intent="outlined" href="/playground" size="xl" className="mt-4 w-full md:w-11/12">
                 Use Fusion Explorer!
               </ButtonLink>
             </div>

neurofusion/next-client/src/components/features/landing/testimonials-section/data.ts

@@ -13,8 +13,15 @@ export const testimonials: Testimonial[] = [
     id: 2,
     name: "Sabby A.",
     location: "Vancouver, BC",
-    highlight:
-      "It's helped me track my eating habits, exercise routine, and progress towards my personal goals 💪🏽",
+    highlight: "It's helped me track my eating habits, exercise routine, and progress towards my personal goals 💪🏽",
     image: "/images/testimonials/sabby.jpeg",
   },
+  {
+    id: 3,
+    name: "Gabriel P.",
+    location: "Ann Arbor, MI",
+    highlight:
+      "Fusion revealed to me patterns in my behavior I did not know were there, and enabled me to implement beneficial changes in my life I would not have been able to come up with on my own",
+    image: "/images/team/gabriel.png",
+  },
 ];

neurofusion/next-client/src/components/features/landing/testimonials-section/testimonials-section.tsx

@@ -20,8 +20,7 @@ export const TestimonialSection = () => {
           </h2>
         ) : (
           <h2 className="w-11/12 text-left text-3xl font-semibold md:text-5xl lg:text-6xl">
-            Navigate your days with{" "}
-            <span className="text-primary-gradient"> more agency, awareness & less guesswork</span>
+            Live with <span className="text-primary-gradient"> more agency and awareness</span>
           </h2>
         )}
       </div>

neurofusion/next-client/src/components/ui/card/blog-card.tsx

@@ -14,13 +14,20 @@ const BlogCard = ({ posts }: any) => {
             .map((post: any) => {
               return (
                 <Link href={{ pathname: `/blog/${post.slug}` }} key={post.slug}>
-                  <article key={post.slug} className="flex justify-between p-2">
-                    <div className="flex flex-col mr-8 gap-y-4">
-                      <h2>{post.frontMatter.title}</h2>
-                      <p>{post.frontMatter.description}</p>
-                      <p>{dayjs(post.frontMatter.publishedDate).format("MMM DD, YYYY")}</p>
-                    </div>
-                  </article>
+                  <div className="flex flex-row justify-between mb-5">
+                    <article key={post.slug} className="flex justify-between p-2">
+                      <div className="flex flex-col mr-8 gap-y-4">
+                        <h2>{post.frontMatter.title}</h2>
+                        <p>{post.frontMatter.description}</p>
+                        <p>{dayjs(post.frontMatter.publishedDate).format("MMM DD, YYYY")}</p>
+                      </div>
+                    </article>
+                    <img
+                      src={post.frontMatter.coverImage}
+                      alt={post.frontMatter.title}
+                      className="w-1/3 object-contain ml-3 br-10"
+                    />
+                  </div>
                 </Link>
               );
             })}

neurofusion/next-client/src/components/ui/layouts/navigation/navigation.tsx

@@ -25,7 +25,7 @@ export const Navbar: FC = () => {
         <div className="items-center justify-between hidden md:flex">
           <div className="flex items-center">
             {navigationLinks.map((link) => {
-              const active = link.persona === pagePersona;
+              const active = false;
 
               return (
                 <Link

neurofusion/next-client/src/pages/blog/[slug].tsx

@@ -1,15 +1,20 @@
-import { getFiles, getPostBySlug } from "~/utils/blog";
-import md from "markdown-it";
-import { MainLayout } from "~/components/layouts";
+import { getAllPostsWithFrontMatter, getFiles, getPostBySlug } from "~/utils/blog";
+import MarkdownIt from "markdown-it";
+import { MainLayout, Meta } from "~/components/layouts";
+import dayjs from "dayjs";
+
+const md = new MarkdownIt({ html: true });
 
 export async function getStaticPaths() {
-  const posts = await getFiles();
+  const posts = await getAllPostsWithFrontMatter();
 
-  const paths = posts.map((filename: string) => ({
-    params: {
-      slug: filename.replace(/\.md/, ""),
-    },
-  }));
+  const paths = Array.isArray(posts)
+    ? posts.map((post: any) => ({
+        params: {
+          slug: post.frontMatter.slug,
+        },
+      }))
+    : [];
 
   return {
     paths,
@@ -33,9 +38,17 @@ function BlogPost({ frontMatter, markdownBody }: any) {
 
   return (
     <MainLayout>
-      <div className="container px-4 mx-auto mt-8 prose md:px-0">
+      <Meta
+        meta={{
+          title: `${frontMatter.title} | Fusion Blog`,
+          description: frontMatter.description,
+          image: frontMatter.coverImage,
+        }}
+      />
+      <div className="container px-4 mx-auto mt-10 prose md:px-0 mb-10">
         <h1>{frontMatter.title}</h1>
-        <div dangerouslySetInnerHTML={{ __html: md().render(markdownBody) }} />
+        <p>{dayjs(frontMatter.publishedDate).format("MMM DD, YYYY")}</p>
+        <div dangerouslySetInnerHTML={{ __html: md.render(markdownBody) }} />
       </div>
     </MainLayout>
   );

neurofusion/next-client/src/pages/blog/index.tsx

@@ -1,4 +1,4 @@
-import { MainLayout } from "~/components/layouts";
+import { MainLayout, Meta } from "~/components/layouts";
 import BlogCard from "~/components/ui/card/blog-card";
 
 import { getAllPostsWithFrontMatter } from "~/utils/blog";
@@ -9,8 +9,8 @@ export async function getStaticProps() {
   return {
     props: {
       posts,
-      title: "Blog",
-      description: "Posts on software engineering",
+      title: "NeuroFusion Blog",
+      description: "Updates on our products & research.",
     },
   };
 }
@@ -20,13 +20,15 @@ function Blog({ posts }: any) {
     maxWidth: "65ch", // Adjust the max-width according to your needs
     margin: "48px auto",
     overflow: "hidden",
-    // backgroundColor: "white",
-    // borderRadius: "0.375rem", // Adjust the border-radius according to your needs
-    // boxShadow: "0 4px 6px rgba(0, 0, 0, 0.1)",
   };
 
   return (
     <MainLayout>
+      <Meta
+        meta={{
+          title: "Blog | Fusion - Personal Insights from your daily habits and actions",
+        }}
+      />
       <div style={containerStyles}>
         <BlogCard posts={posts} />
       </div>