diff --git a/public/manifest.json b/public/manifest.json index 9d17ad1..0be8766 100755 --- a/public/manifest.json +++ b/public/manifest.json @@ -1,43 +1,47 @@ { - "name": "Rafael González | Links", - "display": "standalone", - "start_url": "/", - "icons": [ - { - "src": "\/android-icon-36x36.png", - "sizes": "36x36", - "type": "image\/png", - "density": "0.75" - }, - { - "src": "\/android-icon-48x48.png", - "sizes": "48x48", - "type": "image\/png", - "density": "1.0" - }, - { - "src": "\/android-icon-72x72.png", - "sizes": "72x72", - "type": "image\/png", - "density": "1.5" - }, - { - "src": "\/android-icon-96x96.png", - "sizes": "96x96", - "type": "image\/png", - "density": "2.0" - }, - { - "src": "\/android-icon-144x144.png", - "sizes": "144x144", - "type": "image\/png", - "density": "3.0" - }, - { - "src": "\/android-icon-192x192.png", - "sizes": "192x192", - "type": "image\/png", - "density": "4.0" - } - ] -} \ No newline at end of file + "name": "Rafael González Page, Links and Blog", + "display": "standalone", + "start_url": "/", + "short_name": "Rafael González", + "theme_color": "#111827", + "background_color": "#111827", + "description": "Mexican web developer, Shopify Expert and founder of Acromático Developement. Husband and father, allways builiding stuff personally and professionally 🚀", + "icons": [ + { + "src": "/android-icon-36x36.png", + "sizes": "36x36", + "type": "image/png", + "density": "0.75" + }, + { + "src": "/android-icon-48x48.png", + "sizes": "48x48", + "type": "image/png", + "density": "1.0" + }, + { + "src": "/android-icon-72x72.png", + "sizes": "72x72", + "type": "image/png", + "density": "1.5" + }, + { + "src": "/android-icon-96x96.png", + "sizes": "96x96", + "type": "image/png", + "density": "2.0" + }, + { + "src": "/android-icon-144x144.png", + "sizes": "144x144", + "type": "image/png", + "density": "3.0" + }, + { + "src": "/android-icon-192x192.png", + "sizes": "192x192", + "type": "image/png", + "density": "4.0" + } + ] +} diff --git a/src/data/profile.json b/src/data/profile.json index 05d2bdd..a2e5e3c 100644 --- a/src/data/profile.json +++ b/src/data/profile.json @@ -1,6 +1,6 @@ { "name": "Rafael González", - "description": "Mexican web developer, Shopify Expert and foundero of Acromático Developement. Husband and father, allways builiding stuff personally and professionally 🚀", + "description": "Mexican web developer, Shopify Expert and founder of Acromático Developement. Husband and father, allways builiding stuff personally and professionally 🚀", "personalLinks": [ { "name": "GitHub", diff --git a/src/layouts/main.astro b/src/layouts/main.astro index 1714f2c..23489f7 100644 --- a/src/layouts/main.astro +++ b/src/layouts/main.astro @@ -1,58 +1,168 @@ --- -import profileData from '../data/profile.json'; -import '../styles/base.css'; +import profileData from "../data/profile.json"; +import "../styles/base.css"; const profileName = profileData.name; -const { frontmatter, title: titleProp, description: descriptionProp, blog } = Astro.props; +const { + frontmatter, + title: titleProp, + description: descriptionProp, + blog, +} = Astro.props; --- + - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + - {frontmatter?.title ? `${frontmatter?.title} | ${profileName} Blog` : titleProp ? `${titleProp} | ${profileName} Blog` : `${profileName} | Links`} - - + + { + frontmatter?.title + ? `${frontmatter?.title} | ${profileName} Blog` + : titleProp + ? `${titleProp} | ${profileName} Blog` + : `${profileName} | Links` + } + + + - - - - - - + + + + + + + + + + + { + frontmatter && ( + + -
+
Rafael González +

-

{profileName}

-

{profileData.description}

- + {profileName} + +

+ {profileData.description} +

+ +
-
- +
+
- \ No newline at end of file + diff --git a/src/pages/blog.astro b/src/pages/blog.astro index c72e562..e245091 100644 --- a/src/pages/blog.astro +++ b/src/pages/blog.astro @@ -1,10 +1,43 @@ --- import MainLayout from "../layouts/main.astro"; +const posts = await Astro.glob("../pages/blog/*.mdx"); + +const postByDate = posts + .sort((a, b) => { + return ( + new Date(b.frontmatter.date).getTime() - + new Date(a.frontmatter.date).getTime() + ); + }) + .reverse(); --- - -

Recent Blog Entries

-
- -
- \ No newline at end of file + +

Recent Blog Entries

+
+ { + postByDate.map((post) => ( + +
+ +
+

+ {post.frontmatter.title} +

+

+ {post.frontmatter.exerpt} +

+

+ {new Date(post.frontmatter.date).toLocaleDateString("es-US")} +

+
+
+ + )) + } +
+ diff --git a/src/pages/blog/optimizeing-shopify-theme.mdx b/src/pages/blog/optimizeing-shopify-theme.mdx index 018bdd0..46807ce 100644 --- a/src/pages/blog/optimizeing-shopify-theme.mdx +++ b/src/pages/blog/optimizeing-shopify-theme.mdx @@ -1,14 +1,14 @@ --- layout: ../../layouts/main.astro +date: 2022-08-18 title: Optimizing performance of an old Shopify Theme description: Some tips and recommendations for optimizing and boosting performance of an old Shopify theme. exerpt: - In this first blog post I want to share some of the things I've learned during - this process, that way maybe I can help other jump through some of the hard - parts of successfully optimizing a Shopify theme. -image: https://images.unsplash.com/photo-1506818144585-74b29c980d4b?crop=entropy&cs=tinysrgb&fm=jpg&ixid=MnwzNTMzMzl8MHwxfGFsbHx8fHx8fHx8fDE2NjA3OTI2NjA&ixlib=rb-1.2.1&q=80&w=1600&ar=16:9&fit=crop + Some tips and recommendations for optimizing and boosting performance of an + old Shopify theme. +image: https://images.unsplash.com/photo-1506818144585-74b29c980d4b?crop=entropy&cs=tinysrgb&fm=jpg&ixid=MnwzNTMzMzl8MHwxfGFsbHx8fHx8fHx8fDE2NjA3OTI2NjA&ixlib=rb-1.2.1&q=80&w=350&ar=16:9&fit=crop --- # Optimizing an old Shopify Theme diff --git a/src/styles/base.css b/src/styles/base.css index 171cb2a..bc3c407 100644 --- a/src/styles/base.css +++ b/src/styles/base.css @@ -3,7 +3,7 @@ @tailwind components; @tailwind utilities; -@layer components { +@layer utilities { main.blog h1 { @apply text-4xl font-bold mb-8 text-center uppercase; }