From 5b5cb6da499787289a911389e1f883f807d0462a Mon Sep 17 00:00:00 2001 From: Manuel Ernesto Garcia Date: Sun, 23 Oct 2022 16:50:09 -0400 Subject: [PATCH] adding store section and store horizontal component --- public/squared_item.png | Bin 0 -> 8207 bytes src/components/HorizontalShopItem.astro | 24 ++++++++++++++ src/components/SideBar.astro | 1 + src/pages/blog/[page].astro | 2 +- src/pages/cv.astro | 2 +- src/pages/projects.astro | 2 +- src/pages/store/[page].astro | 42 ++++++++++++++++++++++++ src/pages/store/item1.md | 15 +++++++++ src/pages/store/item2.md | 14 ++++++++ 9 files changed, 99 insertions(+), 3 deletions(-) create mode 100644 public/squared_item.png create mode 100644 src/components/HorizontalShopItem.astro create mode 100644 src/pages/store/[page].astro create mode 100644 src/pages/store/item1.md create mode 100644 src/pages/store/item2.md diff --git a/public/squared_item.png b/public/squared_item.png new file mode 100644 index 0000000000000000000000000000000000000000..fbe3cd1f28c1fd2b90eaf4742ae0caa230196449 GIT binary patch literal 8207 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 +
+ {title} +
+

+ {title} + {badge &&
{badge}
} +

+
+ {pricing} + {oldPricing} +
+

{desc}

+
+ Buy Now + Details +
+
+
+ diff --git a/src/components/SideBar.astro b/src/components/SideBar.astro index 1808f6b..16dddef 100644 --- a/src/components/SideBar.astro +++ b/src/components/SideBar.astro @@ -14,6 +14,7 @@
  • Home
  • Projects
    • +
  • Store
  • Blog
  • CV
  • Support my Work
    • diff --git a/src/pages/blog/[page].astro b/src/pages/blog/[page].astro index da67336..ce52f3e 100644 --- a/src/pages/blog/[page].astro +++ b/src/pages/blog/[page].astro @@ -12,7 +12,7 @@ export async function getStaticPaths({ paginate }) { const { page } = Astro.props; --- - +
      {page.data.map(( post ) => ( diff --git a/src/pages/cv.astro b/src/pages/cv.astro index a98ce5d..f0f14d8 100644 --- a/src/pages/cv.astro +++ b/src/pages/cv.astro @@ -3,7 +3,7 @@ import BaseLayout from "../layouts/BaseLayout.astro"; import TimeLineElement from "../components/cv/TimeLine.astro"; --- - +
      Profile
      diff --git a/src/pages/projects.astro b/src/pages/projects.astro index b872091..f2852c2 100644 --- a/src/pages/projects.astro +++ b/src/pages/projects.astro @@ -3,7 +3,7 @@ import BaseLayout from "../layouts/BaseLayout.astro"; import HorizontalCard from "../components/HorizontalCard.astro"; --- - +
      Projects Header
      diff --git a/src/pages/store/[page].astro b/src/pages/store/[page].astro new file mode 100644 index 0000000..0ac600b --- /dev/null +++ b/src/pages/store/[page].astro @@ -0,0 +1,42 @@ +--- +import BaseLayout from "../../layouts/BaseLayout.astro"; +import HorizontalShopItem from "../../components/HorizontalShopItem.astro"; + +export async function getStaticPaths({ paginate }) { + const posts = (await Astro.glob("./*.{md,mdx}")).sort( + (a, b) => new Date(b.frontmatter.pubDate).valueOf() - new Date(a.frontmatter.pubDate).valueOf() + ); + + return paginate(posts, { pageSize: 10 }); +} +const { page } = Astro.props; +--- + + +
        + + {page.data.map(( post ) => ( + +
        + + ))} +
      + + +
      + {page.url.prev ? Recent posts :
      } + {page.url.next ? Older Posts :
      } +
      + +       diff --git a/src/pages/store/item1.md b/src/pages/store/item1.md new file mode 100644 index 0000000..ec93a95 --- /dev/null +++ b/src/pages/store/item1.md @@ -0,0 +1,15 @@ +--- +layout: "../../layouts/PostLayout.astro" +title: "Demo Item 1" +description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." +pubDate: "Sep 10 2022" +pricing: "$15" +badge: "Featured" +tags: ['Tag1','Tag2'] +checkoutUrl: "https://github.com/" +heroImage: "/squared_item.png" +--- + +Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Vitae ultricies leo integer malesuada nunc vel risus commodo viverra. Adipiscing enim eu turpis egestas pretium. Euismod elementum nisi quis eleifend quam adipiscing. In hac habitasse platea dictumst vestibulum. Sagittis purus sit amet volutpat. Netus et malesuada fames ac turpis egestas. Eget magna fermentum iaculis eu non diam phasellus vestibulum lorem. Varius sit amet mattis vulputate enim. Habitasse platea dictumst quisque sagittis. Integer quis auctor elit sed vulputate mi. Dictumst quisque sagittis purus sit amet. + +Morbi tristique senectus et netus. Id semper risus in hendrerit gravida rutrum quisque non tellus. Habitasse platea dictumst quisque sagittis purus sit amet. Tellus molestie nunc non blandit massa. Cursus vitae congue mauris rhoncus. Accumsan tortor posuere ac ut. Fringilla urna porttitor rhoncus dolor. Elit ullamcorper dignissim cras tincidunt lobortis. In cursus turpis massa tincidunt dui ut ornare lectus. Integer feugiat scelerisque varius morbi enim nunc. Bibendum neque egestas congue quisque egestas diam. Cras ornare arcu dui vivamus arcu felis bibendum. Dignissim suspendisse in est ante in nibh mauris. Sed tempus urna et pharetra pharetra massa massa ultricies mi. \ No newline at end of file diff --git a/src/pages/store/item2.md b/src/pages/store/item2.md new file mode 100644 index 0000000..686af79 --- /dev/null +++ b/src/pages/store/item2.md @@ -0,0 +1,14 @@ +--- +layout: "../../layouts/PostLayout.astro" +title: "Demo Item 2" +description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." +pubDate: "Sep 11 2022" +pricing: "$10" +oldPricing: "$25.5" +checkoutUrl: "https://github.com/" +heroImage: "/squared_item.png" +--- + +Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Vitae ultricies leo integer malesuada nunc vel risus commodo viverra. Adipiscing enim eu turpis egestas pretium. Euismod elementum nisi quis eleifend quam adipiscing. In hac habitasse platea dictumst vestibulum. Sagittis purus sit amet volutpat. Netus et malesuada fames ac turpis egestas. Eget magna fermentum iaculis eu non diam phasellus vestibulum lorem. Varius sit amet mattis vulputate enim. Habitasse platea dictumst quisque sagittis. Integer quis auctor elit sed vulputate mi. Dictumst quisque sagittis purus sit amet. + +Morbi tristique senectus et netus. Id semper risus in hendrerit gravida rutrum quisque non tellus. Habitasse platea dictumst quisque sagittis purus sit amet. Tellus molestie nunc non blandit massa. Cursus vitae congue mauris rhoncus. Accumsan tortor posuere ac ut. Fringilla urna porttitor rhoncus dolor. Elit ullamcorper dignissim cras tincidunt lobortis. In cursus turpis massa tincidunt dui ut ornare lectus. Integer feugiat scelerisque varius morbi enim nunc. Bibendum neque egestas congue quisque egestas diam. Cras ornare arcu dui vivamus arcu felis bibendum. Dignissim suspendisse in est ante in nibh mauris. Sed tempus urna et pharetra pharetra massa massa ultricies mi. \ No newline at end of file