From 2560e337014c16b22e8a56a76be6118f8ce5b9ef Mon Sep 17 00:00:00 2001
From: "pre-commit-ci[bot]"
 <66853113+pre-commit-ci[bot]@users.noreply.github.com>
Date: Sun, 23 Jun 2024 23:06:50 +0000
Subject: [PATCH] [pre-commit.ci] auto fixes from pre-commit.com hooks

for more information, see https://pre-commit.ci
---
 src/_globalColor.scss                         |  2 +-
 .../experienceCard/ExperienceCard.js          | 12 +--
 src/components/socialMedia/SocialMedia.js     | 24 ++---
 src/containers/Main.js                        |  2 +-
 src/containers/donation/donation.js           | 56 +++++------
 src/containers/donation/donation.scss         | 71 +++++++-------
 .../workExperience/WorkExperience.js          | 44 ++++-----
 src/portfolio.js                              | 94 +++++++++----------
 8 files changed, 152 insertions(+), 153 deletions(-)

diff --git a/src/_globalColor.scss b/src/_globalColor.scss
index ae1cd25207..f0b90b208b 100644
--- a/src/_globalColor.scss
+++ b/src/_globalColor.scss
@@ -90,4 +90,4 @@ $instagram: #c13584;
 $kaggle: #20beff;
 $crowdin: #000;
 $telegram: #28a8e9;
-$discord: #5865F2;
\ No newline at end of file
+$discord: #5865f2;
diff --git a/src/components/experienceCard/ExperienceCard.js b/src/components/experienceCard/ExperienceCard.js
index 1451516ef9..c8e1a3067f 100644
--- a/src/components/experienceCard/ExperienceCard.js
+++ b/src/components/experienceCard/ExperienceCard.js
@@ -81,12 +81,12 @@ export default function ExperienceCard({cardInfo, isDark}) {
         </ul>
       </div>
       <div className="experience-card-footer">
-      <Button
-                      text={"Check it out"}
-                      className="button-experience-div"
-                      href={cardInfo.url}
-                      newTab={true}
-                      />
+        <Button
+          text={"Check it out"}
+          className="button-experience-div"
+          href={cardInfo.url}
+          newTab={true}
+        />
       </div>
     </div>
   );
diff --git a/src/components/socialMedia/SocialMedia.js b/src/components/socialMedia/SocialMedia.js
index d7a14c1c11..46519ba8cd 100644
--- a/src/components/socialMedia/SocialMedia.js
+++ b/src/components/socialMedia/SocialMedia.js
@@ -130,10 +130,10 @@ export default function socialMedia() {
 
       {socialMediaLinks.crowdin ? (
         <a
-        href={socialMediaLinks.crowdin}
-        className="icon-button language"
-        target="_blank"
-        rel="noopener noreferrer"
+          href={socialMediaLinks.crowdin}
+          className="icon-button language"
+          target="_blank"
+          rel="noopener noreferrer"
         >
           <i className="fas fa-language"></i>
           <span></span>
@@ -142,10 +142,10 @@ export default function socialMedia() {
 
       {socialMediaLinks.telegram ? (
         <a
-        href={socialMediaLinks.telegram}
-        className="icon-button telegram"
-        target="_blank"
-        rel="noopener noreferrer"
+          href={socialMediaLinks.telegram}
+          className="icon-button telegram"
+          target="_blank"
+          rel="noopener noreferrer"
         >
           <i className="fab fa-telegram"></i>
           <span></span>
@@ -154,10 +154,10 @@ export default function socialMedia() {
 
       {socialMediaLinks.discord ? (
         <a
-        href={socialMediaLinks.discord}
-        className="icon-button discord"
-        target="_blank"
-        rel="noopener noreferrer"
+          href={socialMediaLinks.discord}
+          className="icon-button discord"
+          target="_blank"
+          rel="noopener noreferrer"
         >
           <i className="fab fa-discord"></i>
           <span></span>
diff --git a/src/containers/Main.js b/src/containers/Main.js
index fb10c65ce1..978f2e6a39 100644
--- a/src/containers/Main.js
+++ b/src/containers/Main.js
@@ -1,7 +1,7 @@
 import React, {useEffect, useState} from "react";
 import Header from "../components/header/Header";
 import Greeting from "./greeting/Greeting";
-import Donation from "./donation/donation"
+import Donation from "./donation/donation";
 import Skills from "./skills/Skills";
 import StackProgress from "./skillProgress/skillProgress";
 import WorkExperience from "./workExperience/WorkExperience";
diff --git a/src/containers/donation/donation.js b/src/containers/donation/donation.js
index ea068e079a..6cc090b041 100644
--- a/src/containers/donation/donation.js
+++ b/src/containers/donation/donation.js
@@ -6,32 +6,32 @@ import StyleContext from "../../contexts/StyleContext";
 import Button from "../../components/button/Button";
 
 export default function Donation() {
-    const {isDark} = useContext(StyleContext);
-    return (
-        <Fade bottom duration={1000} distance="20px">
-            <div className="main donation-margin-top" id="donation">
-                <div className="donation-div-main">
-                    <div className="donation-header">
-                        <h1 className="heading donation-title">{donationInfo.title}</h1>
-                        <p
-                            className={
-                            isDark
-                            ? "dark-mode donation-subtitle"
-                            : "subTitle donation-subtitle"
-                            }
-                        >
-                        {donationInfo.subtitle}
-                        </p>
-                        <div className="button-donation-div">
-                        <Button
-                        text="Support me"
-                        href={donationInfo.link}
-                        newTab={true}
-                        ></Button>
-                        </div>
-                    </div>
-                </div>
+  const {isDark} = useContext(StyleContext);
+  return (
+    <Fade bottom duration={1000} distance="20px">
+      <div className="main donation-margin-top" id="donation">
+        <div className="donation-div-main">
+          <div className="donation-header">
+            <h1 className="heading donation-title">{donationInfo.title}</h1>
+            <p
+              className={
+                isDark
+                  ? "dark-mode donation-subtitle"
+                  : "subTitle donation-subtitle"
+              }
+            >
+              {donationInfo.subtitle}
+            </p>
+            <div className="button-donation-div">
+              <Button
+                text="Support me"
+                href={donationInfo.link}
+                newTab={true}
+              ></Button>
             </div>
-        </Fade>
-    );
-}
\ No newline at end of file
+          </div>
+        </div>
+      </div>
+    </Fade>
+  );
+}
diff --git a/src/containers/donation/donation.scss b/src/containers/donation/donation.scss
index a223b2d174..bfbe736a22 100644
--- a/src/containers/donation/donation.scss
+++ b/src/containers/donation/donation.scss
@@ -1,51 +1,50 @@
 @import "../../_globalColor";
 
 .donation-div-main {
-    display: flex;
-  }
-  
+  display: flex;
+}
+
 .dark-mode a {
-    color: $textColorDark;
-  }
-  
+  color: $textColorDark;
+}
+
 .donation-div-main > * {
-    flex: 1;
-  }
+  flex: 1;
+}
 
 .donation-margin-top {
-    margin-top: 4rem;
-  }
+  margin-top: 4rem;
+}
 
 .donation-title {
-    font-size: 65px;
+  font-size: 65px;
+  font-weight: 400;
+}
+
+.button-donation-div {
+  display: flex;
+  margin-top: 20px;
+}
+
+@media (max-width: 1380px), (max-width: 768px) {
+  .donation-title {
+    font-size: 56px;
     font-weight: 400;
+    text-align: center;
   }
 
-.button-donation-div {
-    display: flex;
-    margin-top: 20px;
+  .donation-title {
+    font-size: 40px;
+    text-align: center;
   }
 
+  .donation-subtitle {
+    font-size: 16px;
+    line-height: normal;
+    text-align: center;
+  }
 
-@media (max-width: 1380px), (max-width: 768px) {
-    .donation-title {
-      font-size: 56px;
-      font-weight: 400;
-      text-align: center;
-    }
-  
-    .donation-title {
-      font-size: 40px;
-      text-align: center;
-    }
-  
-    .donation-subtitle {
-      font-size: 16px;
-      line-height: normal;
-      text-align: center;
-    }
-
-    .button-donation-div {
-      justify-content: space-around;
-    }
-  }
\ No newline at end of file
+  .button-donation-div {
+    justify-content: space-around;
+  }
+}
diff --git a/src/containers/workExperience/WorkExperience.js b/src/containers/workExperience/WorkExperience.js
index 65babf16f0..d410730598 100644
--- a/src/containers/workExperience/WorkExperience.js
+++ b/src/containers/workExperience/WorkExperience.js
@@ -9,30 +9,30 @@ export default function WorkExperience() {
   if (workExperiences.display) {
     return (
       <div id="experience">
-          <div className="experience-container" id="workExperience">
-            <div>
-              <h1 className="experience-heading">Experiences</h1>
-              <div className="experience-cards-div">
-                {workExperiences.experience.map((card, i) => {
-                  return (
-                    <ExperienceCard
-                      key={i}
-                      isDark={isDark}
-                      cardInfo={{
-                        company: card.company,
-                        desc: card.desc,
-                        date: card.date,
-                        companylogo: card.companylogo,
-                        role: card.role,
-                        descBullets: card.descBullets,
-                        url: card.url
-                      }}
-                    />
-                  );
-                })}
-              </div>
+        <div className="experience-container" id="workExperience">
+          <div>
+            <h1 className="experience-heading">Experiences</h1>
+            <div className="experience-cards-div">
+              {workExperiences.experience.map((card, i) => {
+                return (
+                  <ExperienceCard
+                    key={i}
+                    isDark={isDark}
+                    cardInfo={{
+                      company: card.company,
+                      desc: card.desc,
+                      date: card.date,
+                      companylogo: card.companylogo,
+                      role: card.role,
+                      descBullets: card.descBullets,
+                      url: card.url
+                    }}
+                  />
+                );
+              })}
             </div>
           </div>
+        </div>
       </div>
     );
   }
diff --git a/src/portfolio.js b/src/portfolio.js
index 654e8a3a6e..64480b807c 100644
--- a/src/portfolio.js
+++ b/src/portfolio.js
@@ -25,14 +25,14 @@ const greeting = {
   subTitle: emoji(
     "An Italian translator that translates open-source apps for free. I have translated many well-known applications in the Android modding community."
   ),
-  resumeLink:
-    "", // Set to empty to hide the button
+  resumeLink: "", // Set to empty to hide the button
   displayGreeting: true // Set false to hide this section, defaults to true
 };
 
 const donationInfo = {
   title: emoji("Offer me a coffee ☕"),
-  subtitle: "Any donation is appreciated as it keeps me motivated while I translate. You can donate with Kofi clicking the button below or you can contact me if you prefer to use another payment method (crypto, PayPal...)",
+  subtitle:
+    "Any donation is appreciated as it keeps me motivated while I translate. You can donate with Kofi clicking the button below or you can contact me if you prefer to use another payment method (crypto, PayPal...)",
   link: "https://ko-fi.com/alpha4041"
 };
 
@@ -53,7 +53,8 @@ const socialMediaLinks = {
 
 const skillsSection = {
   title: "What I do",
-  subTitle: "ITALIAN TRANSLATOR THAT USES THEIR TIME TO TRANSLATE APPS WITHOUT GETTING PAID",
+  subTitle:
+    "ITALIAN TRANSLATOR THAT USES THEIR TIME TO TRANSLATE APPS WITHOUT GETTING PAID",
   skills: [
     emoji(
       "⚡ Develop highly interactive Front end / User Interfaces for your web and mobile applications"
@@ -134,7 +135,7 @@ const educationInfo = {
       logo: require("./assets/images/giua.png"),
       subHeader: "",
       duration: "September 2021 - August 2022",
-      desc: "",
+      desc: ""
     },
     {
       schoolName: "Siotto Pintor classical high school",
@@ -204,45 +205,45 @@ const workExperiences = {
       url: "https://songtube.github.io/"
     },
     {
-    role: "Admin",
-    company: "POPMods",
-    companylogo: require("./assets/images/popmods.jpg"),
-    date: "2022 - present",
-    desc: "POPMods is a tech channel on Telegram. I'm an active admin.",
-    url: "https://t.me/popmods/"
-  },
-  {
-    role: "Italian translator",
-    company: "PixelOS",
-    companylogo: require("./assets/images/pixelos.png"),
-    date: "2022 - present",
-    desc: "PixelOS is a custom ROM for Android.",
-    url: "https://pixelos.net"
-  },
-  {
-    role: "Italian translator",
-    company: "Inure",
-    companylogo: require("./assets/images/inure.jpg"),
-    date: "2023 - present",
-    desc: "Inure is an app manager for Android.",
-    url: "https://play.google.com/store/apps/details?id=app.simple.inure"
-  },
-  {
-    role: "Italian community admin",
-    company: "Xiaomiui",
-    companylogo: require("./assets/images/xiaomiui.jpg"),
-    date: "2021 - present",
-    desc: "Xiaomiui is the biggest community on Telegram about Xiaomi's devices. I'm one of the admins in the Italian group.",
-    url: "https://t.me/xiaomiui"
-  },
-  {
-    role: "Italian translator",
-    company: "MIUIHome",
-    companylogo: require("./assets/images/miuihome.jpg"),
-    date: "2021 - present",
-    desc: "MIUIHome is an app to customize the official launcher of MIUI.",
-    url: "https://github.com/qqlittleice/MiuiHome_R"
-  }
+      role: "Admin",
+      company: "POPMods",
+      companylogo: require("./assets/images/popmods.jpg"),
+      date: "2022 - present",
+      desc: "POPMods is a tech channel on Telegram. I'm an active admin.",
+      url: "https://t.me/popmods/"
+    },
+    {
+      role: "Italian translator",
+      company: "PixelOS",
+      companylogo: require("./assets/images/pixelos.png"),
+      date: "2022 - present",
+      desc: "PixelOS is a custom ROM for Android.",
+      url: "https://pixelos.net"
+    },
+    {
+      role: "Italian translator",
+      company: "Inure",
+      companylogo: require("./assets/images/inure.jpg"),
+      date: "2023 - present",
+      desc: "Inure is an app manager for Android.",
+      url: "https://play.google.com/store/apps/details?id=app.simple.inure"
+    },
+    {
+      role: "Italian community admin",
+      company: "Xiaomiui",
+      companylogo: require("./assets/images/xiaomiui.jpg"),
+      date: "2021 - present",
+      desc: "Xiaomiui is the biggest community on Telegram about Xiaomi's devices. I'm one of the admins in the Italian group.",
+      url: "https://t.me/xiaomiui"
+    },
+    {
+      role: "Italian translator",
+      company: "MIUIHome",
+      companylogo: require("./assets/images/miuihome.jpg"),
+      date: "2021 - present",
+      desc: "MIUIHome is an app to customize the official launcher of MIUI.",
+      url: "https://github.com/qqlittleice/MiuiHome_R"
+    }
   ]
 };
 
@@ -290,8 +291,7 @@ const bigProjects = {
 
 const achievementSection = {
   title: emoji("Certifications 🏆"),
-  subtitle:
-    "My certifications",
+  subtitle: "My certifications",
 
   achievementsCards: [
     {
@@ -306,7 +306,7 @@ const achievementSection = {
           url: "https://t.me/alph4"
         }
       ]
-    },
+    }
   ],
   display: true // Set false to hide this section, defaults to true
 };