feat: improve loading page

LaercioSR · Oct 16, 2024 · bbc0665 · bbc0665
1 parent e8b2222
commit bbc0665
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 6 deletions.
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
@@ -2,6 +2,7 @@
   "recommendations": [
     "EditorConfig.EditorConfig",
     "dbaeumer.vscode-eslint",
-    "github.vscode-github-actions"
+    "github.vscode-github-actions",
+    "clinyong.vscode-css-modules"
   ]
 }
diff --git a/src/app/assets/logo.svg b/src/app/assets/logo.svg
diff --git a/src/app/components/BuyMeACoffee/index.tsx b/src/app/components/BuyMeACoffee/index.tsx
@@ -14,6 +14,7 @@ export default function BuyMeACoffee() {
       href={BUY_ME_A_COFFEE_LINK}
       target="_blank"
       rel="noreferrer"
+      aria-label="Buy me a coffee"
     >
       <Typography variant="h4">{t("components.buyMeACoffee.label")}</Typography>
       <CoffeeSvg className={styles["buy_me_a_coffee-icon"]} />

diff --git a/src/app/components/PresentationCard/index.tsx b/src/app/components/PresentationCard/index.tsx
@@ -24,6 +24,7 @@ export default function PresentationCard({
         allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
         referrerPolicy="strict-origin-when-cross-origin"
         allowFullScreen
+        loading="lazy"
       ></iframe>
       <div className={styles["presentation-info"]}>
         <div className={styles["presentation-info-header"]}>

diff --git a/src/app/page.module.css b/src/app/page.module.css
@@ -41,19 +41,21 @@
   justify-content: center;
   align-items: center;
   flex-direction: column;
-  padding: 1rem 2rem;
+  padding: 0 2rem;
 
   @media (min-width: 768px) {
-    padding: 1.5rem 10rem;
+    padding: 0 10rem;
   }
 }
 
 .home-intro_section-logo {
   filter: drop-shadow(4px 8px 32px rgba(0, 0, 0, 0.25));
+  width: auto;
+  height: 10rem;
 }
 
 .home-intro_section-title {
-  margin-top: 2rem;
+  margin-top: 1rem;
   display: flex;
   justify-content: center;
   align-items: center;