Minimum commit

Author: nasubi-dev

src/assets/picture.png

@@ -127,7 +127,7 @@ export default function Experiences(): ReactElement {
         </Text>
       </Center>
       <Center>
-        <p.div h={1300} m={3} w={isMobile ? 500 : 700}>
+        <p.div h={1300} m={3} mb={20} w={isMobile ? 500 : 700}>
           {ExperiencesList.map((experience, index) => (
             <Experience
               key={experience.name}

src/components/sections/Experiences.tsx

@@ -42,7 +42,7 @@ const hobbiesList: HobbyData[] = [
     こんなあらすじだけでは伝わらない良さが詰まっているのでぜひ読んでください｡なんなら私が貸します｡
     他にも伊藤計劃のユートピアな近未来に馴染めない女の子達の壮大な自殺と世界の話｢ハーモニー｣､
     チャック・パラニュークの独特の読み応えの文章がクセになる｢ファイト・クラブ｣も大好きな本です｡
-    なので布教計画を立案中...`,
+    布教計画を立案中...`,
   },
   {
     name: "Anime",
@@ -128,11 +128,7 @@ function Hobby({
           <Text inherit>{name}</Text>
         </Flex>
         <p.div fontSize={16}>
-          <Spoiler
-            hideLabel="オタクの長尺の語りウザいから消すボタン"
-            maxHeight={200}
-            showLabel="もっとみせる"
-          >
+          <Spoiler hideLabel="" maxHeight={200} showLabel="もっとみせる">
             <Text inherit>{description}</Text>
           </Spoiler>
         </p.div>
@@ -169,6 +165,7 @@ export default function Hobbies(): ReactElement {
               gridColor={colorScheme === "light" ? "gray.9" : "gray.3"}
               h={300}
               legendProps={{ verticalAlign: "bottom" }}
+              mb={10}
               series={[
                 { name: "Program", color: "red.6" },
                 { name: "Read", color: "orange.6" },

src/components/sections/Hobbies.tsx

@@ -16,7 +16,7 @@ export default function Top(): ReactElement {
         src={picture}
       />
       <p.div
-        bottom={20}
+        bottom={isMobile ? 10 : 20}
         color="white"
         fontFamily="Noto serif JP"
         fontSize={isMobile ? 30 : 50}

src/components/sections/Top.tsx

@@ -11,8 +11,6 @@ import Skills from "@/components/sections/Skills";
 import Experiences from "@/components/sections/Experiences";
 import Hobbies from "@/components/sections/Hobbies";
 import { $colorScheme } from "@/stores/option";
-// import Awards from "@/components/sections/Awards";
-// import Works from "@/components/sections/Works";
 // import Products from "@/components/sections/Products";
 // import Blogs from "@/components/sections/Blogs";
 
@@ -114,8 +112,6 @@ export default function Home(): ReactElement {
           <Experiences />
           <Hobbies />
           {/*
-        <Awards />
-        <Works />
         <Products />
         <Blogs />
       */}