add first featured blog! nonono review

asl3 · Mar 7, 2024 · 2c8d1d6 · 2c8d1d6
1 parent 3a4bffd
commit 2c8d1d6
Show file tree

Hide file tree

Showing 6 changed files with 21 additions and 21 deletions.
diff --git a/content/featured/Coming Soon/index.md b/content/featured/Coming Soon/index.md
diff --git a/content/featured/Coming Soon/placeholder.jpeg b/content/featured/Coming Soon/placeholder.jpeg
diff --git a/content/featured/Coming Soon/demo.png → content/featured/nonono/demo.png b/content/featured/Coming Soon/demo.png → content/featured/nonono/demo.png
diff --git a/content/featured/nonono/index.md b/content/featured/nonono/index.md
@@ -0,0 +1,11 @@
+---
+date: '1'
+title: 'NONONO? More like YESYESYES'
+cover: './nonono_cover.jpg'
+github: ''
+external: 'https://mandymade.digitalpress.blog/nonono/'
+keywords:
+  - food
+---
+
+Tamago bacon yakitori and saucy ramen broth were the stars.
diff --git a/content/featured/nonono/nonono_cover.jpg b/content/featured/nonono/nonono_cover.jpg
diff --git a/src/components/sections/featured.js b/src/components/sections/featured.js
@@ -56,7 +56,7 @@ const StyledProject = styled.li`
         padding: 25px 25px 20px;
       }
     }
-    .project-tech-list {
+    .project-keywords-list {
       justify-content: flex-end;
 
       @media (max-width: 768px) {
@@ -181,7 +181,7 @@ const StyledProject = styled.li`
     }
   }
 
-  .project-tech-list {
+  .project-keywords-list {
     display: flex;
     flex-wrap: wrap;
     position: relative;
@@ -319,7 +319,7 @@ const Featured = () => {
                   gatsbyImageData(width: 700, placeholder: BLURRED, formats: [AUTO, WEBP, AVIF])
                 }
               }
-              tech
+              keywords
               github
               external
               cta
@@ -348,21 +348,21 @@ const Featured = () => {
   return (
     <section id="projects">
       <h2 className="numbered-heading" ref={revealTitle}>
-        Blog Posts
+        Featured Blog Posts
       </h2>
 
       <StyledProjectsGrid>
         {featuredProjects &&
           featuredProjects.map(({ node }, i) => {
             const { frontmatter, html } = node;
-            const { external, title, tech, github, cover, cta } = frontmatter;
+            const { external, title, keywords, github, cover, cta } = frontmatter;
             const image = getImage(cover);
 
             return (
               <StyledProject key={i} ref={el => (revealProjects.current[i] = el)}>
                 <div className="project-content">
                   <div>
-                    <p className="project-overline">Featured Blog</p>
+                    <p className="project-overline">Restaurant review</p>
 
                     <h3 className="project-title">
                       <a href={external}>{title}</a>
@@ -373,10 +373,10 @@ const Featured = () => {
                       dangerouslySetInnerHTML={{ __html: html }}
                     />
 
-                    {tech.length && (
-                      <ul className="project-tech-list">
-                        {tech.map((tech, i) => (
-                          <li key={i}>{tech}</li>
+                    {keywords.length && (
+                      <ul className="project-keywords-list">
+                        {keywords.map((keywords, i) => (
+                          <li key={i}>{keywords}</li>
                         ))}
                       </ul>
                     )}