\n A\n B\n O\n U\n T\n \n M\n E\n .\n
\n);\n\nexport default LoadingText;\n","import LoadingText from \"./titleText\";\nimport pic from \"./Image/pfp.PNG\";\nimport React, { useState } from 'react';\n\nconst InfoPage = () => {\n const [times, setTimes] = useState(0);\n\n const handleOnClick = () => {\n setTimes(prevTimes => prevTimes + 1); // Increment the `times` state\n if (times === 9) {\n alert(\"Surprise(hope it's your birthday)\");\n \n }\n };\n return (\n \n \n
\n \n
\n \n );\n};\n\nexport default InfoPage","import league from \"./Image/league.PNG\";\nimport league2 from \"./Image/league2.gif\"\nimport cook from \"./Image/cook.png\"\nimport cook2 from \"./Image/cook2.gif\"\nimport smiling from \"./Image/smiling.png\"\nimport smiling2 from \"./Image/smiling2.gif\"\nimport coding from \"./Image/coding.png\"\nimport coding2 from \"./Image/coding2.gif\"\nconst InterestPage = () => {\n return (\n \n \n
\n {times >= 10 && \n 
\n
}\n \n
\n \n
\n Name: Emrys Dai
\n\n
\n Degree: Bachelor of CS (Not the Coutner Strike one)
\n\n
\n Age: Old enough to do anything
\n\n
\n Difficulties: Asian
\n\n
\n Personality: biased
\n\n
\n That's all I have to say.\n
\n You may now click on the icons on the sidebar to see something else. \n
\n Or you can click on the red button beneath\n this textbox that does alsolutly nothing.\n
\n (Something may happen if you click it 10 times)\n
\n \n
\n \n
\n You have clicked the button {times} times.
\n\n My Top 4
\n Interests\n
\n \n
\n \n );\n}\n\nexport default InterestPage;\n","const contactPage = () => {\n return (\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n );\n}\n\nexport default contactPage;","import hello from \"./Image/hello.gif\"\nconst defaultPage = () => {\n return (\n \n \n Contacts\n
\n\n Not Going to Put My personal information here. But you could reach me through dreams, telepathy or this random email address that is totaly not mine: daishuming4@gamil.com.\n
\n \n
\n );\n};\n\n// Sidebar Icon Component\nconst SideIcon = ({ icon, initialColor, text, active, onClick }) => {\n const bgColor = active ? 'bg-yellow-400' : initialColor;\n const borderRadius = active ? 'rounded-full' : 'rounded-none';\n\n return (\n \n );\n};\n\n// Main Content Component\nconst MainContent = ({ activeContent }) => {\n let ContentComponent;\n\n switch (activeContent) {\n case 'Info':\n ContentComponent = InfoPage;\n break;\n case 'Interests':\n ContentComponent = interestPage;\n break;\n case 'Contacts':\n ContentComponent = contactPage;\n break;\n default:\n ContentComponent = defaultPage;\n break;\n }\n\n return (\n \n
\n );\n};\n\n\n// Main App Component\nconst App = () => {\n const [activeContent, setActiveContent] = useState(null);\n\n const handleIconClick = (content) => {\n setActiveContent(content);\n };\n\n return (\n \n \n \n
\n );\n};\n\nexport default App;\n","import SideBar from \"./SideBar.js\"\nimport './App.css';\nimport \"./warning\"\n\nfunction App() {\n return (\n \n \n A\n B\n O\n U\n T\n \n M\n E\n .\n
\n);\n\nexport default LoadingText;\n","import LoadingText from \"./titleText\";\nimport pic from \"./Image/pfp.PNG\";\nimport React, { useState } from 'react';\n\nconst InfoPage = () => {\n const [times, setTimes] = useState(0);\n\n const handleOnClick = () => {\n setTimes(prevTimes => prevTimes + 1); // Increment the `times` state\n if (times === 9) {\n alert(\"Surprise(hope it's your birthday)\");\n \n }\n };\n return (\n \n \n
\n \n
\n \n );\n};\n\nexport default InfoPage","import league from \"./Image/league.PNG\";\nimport league2 from \"./Image/league2.gif\"\nimport cook from \"./Image/cook.png\"\nimport cook2 from \"./Image/cook2.gif\"\nimport smiling from \"./Image/smiling.png\"\nimport smiling2 from \"./Image/smiling2.gif\"\nimport coding from \"./Image/coding.png\"\nimport coding2 from \"./Image/coding2.gif\"\nconst InterestPage = () => {\n return (\n \n \n
\n {times >= 10 && \n \n
}\n \n
\n \n
\n Name: Emrys Dai
\n\n
\n Degree: Bachelor of CS (Not the Coutner Strike one)
\n\n
\n Age: Old enough to do anything
\n\n
\n Difficulties: Asian
\n\n
\n Personality: biased
\n\n
\n That's all I have to say.\n
\n You may now click on the icons on the sidebar to see something else. \n
\n Or you can click on the red button beneath\n this textbox that does alsolutly nothing.\n
\n (Something may happen if you click it 10 times)\n
\n \n
\n \n
\n You have clicked the button {times} times.
\n\n My Top 4
\n Interests\n
\n \n
\n \n );\n}\n\nexport default InterestPage;\n","const contactPage = () => {\n return (\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n );\n}\n\nexport default contactPage;","import hello from \"./Image/hello.gif\"\nconst defaultPage = () => {\n return (\n \n \n Contacts\n
\n\n Not Going to Put My personal information here. But you could reach me through dreams, telepathy or this random email address that is totaly not mine: daishuming4@gamil.com.\n
\n \n
\n );\n};\n\n// Sidebar Icon Component\nconst SideIcon = ({ icon, initialColor, text, active, onClick }) => {\n const bgColor = active ? 'bg-yellow-400' : initialColor;\n const borderRadius = active ? 'rounded-full' : 'rounded-none';\n\n return (\n \n );\n};\n\n// Main Content Component\nconst MainContent = ({ activeContent }) => {\n let ContentComponent;\n\n switch (activeContent) {\n case 'Info':\n ContentComponent = InfoPage;\n break;\n case 'Interests':\n ContentComponent = interestPage;\n break;\n case 'Contacts':\n ContentComponent = contactPage;\n break;\n default:\n ContentComponent = defaultPage;\n break;\n }\n\n return (\n \n
\n );\n};\n\n\n// Main App Component\nconst App = () => {\n const [activeContent, setActiveContent] = useState(null);\n\n const handleIconClick = (content) => {\n setActiveContent(content);\n };\n\n return (\n \n \n \n
\n );\n};\n\nexport default App;\n","import SideBar from \"./SideBar.js\"\nimport './App.css';\nimport \"./warning\"\n\nfunction App() {\n return (\n \n