diff --git a/src/components/terminal-content.tsx b/src/components/terminal-content.tsx
index 161fce8..55f68d2 100644
--- a/src/components/terminal-content.tsx
+++ b/src/components/terminal-content.tsx
@@ -1,13 +1,18 @@
import React from 'react'
-import { getWelcomeMessage } from '@/lib/commands';
import { useTerminalState } from '@/app/providers'
+import { getFormattedDate } from '@/lib/utils';
export const TerminalContent = () => {
const { showWelcome, inputs, outputs, prompt } = useTerminalState();
return (
- {showWelcome &&
{getWelcomeMessage()}}
+ {showWelcome && (
+
+ soohoonchoi ({getFormattedDate()})
+ Type "help", "credits" or "license" for more.
+
+ )}
{inputs.map((input, index) => (
{`${prompt} ${input}`}
diff --git a/src/lib/commands.tsx b/src/lib/commands.tsx
index abf3ae8..d1406fc 100644
--- a/src/lib/commands.tsx
+++ b/src/lib/commands.tsx
@@ -1,35 +1,5 @@
"use client"
-import { getFormattedDate } from './utils';
-
-export const getWelcomeMessage = () => {
- return (
-
- soohoonchoi ({getFormattedDate()})
- Type "help", "credits" or "license" for more.
-
- )
-};
-
-const commands: { [key: string] : string} = {
- 'about': 'about me',
- 'resume': 'view my resume',
- 'source': 'view the source code',
- 'clear': 'clear the terminal screen',
- '(+ more)': 'try messing around, still in the works',
-};
-
-const about = () => {
- return (
-
- soohoonchoi
- i am a cofounder over at onboard ai.
- recently graduated from gt with a degree in math and cs.
- i also like to art
-
- )
-}
-
export const handleCommand = (command: string) => {
// still better than yandere dev
switch(command.split(' ')[0]) {
@@ -44,7 +14,7 @@ export const handleCommand = (command: string) => {
case 'cp':
return nope, not yet
case 'cat':
- return 🐱🐱🐱 meow 🐱🐱🐱
+ return meow
case 'whoami':
return guest
case 'echo':
@@ -60,7 +30,7 @@ export const handleCommand = (command: string) => {
return (
- [command]: [description]
- {Object.keys(commands).map((key, index) => (
+ {Object.keys(listedCommands).map((key, index) => (
-
{key}
@@ -69,27 +39,119 @@ export const handleCommand = (command: string) => {
{': '}
- {commands[key]}
+ {listedCommands[key]}
))}
)
case 'license':
- return (MIT
)
+ return (MIT
)
case 'credits':
return (
- soohoonchoi
+ soohoonchoi
)
case 'about':
return about();
case 'resume':
- return see my resume
+ return see my resume
+ case 'timeline':
+ return (
+
+ -
+ [time]:
+ [location]
+ :{" "}[event]
+ {timeline.map((item, index) => (
+ -
+
+ {item.time}
+
+
+ {': '}
+
+
+ {item.location}
+
+
+ {': '}
+
+
+ {item.event}
+
+
+ ))}
+
+ )
case 'source':
- return github
+ return github
case '':
return
default:
return {`${command.split(' ')[0]}: command not found`}
}
-}
\ No newline at end of file
+}
+
+const listedCommands: { [key: string] : string} = {
+ 'about': 'about me',
+ 'resume': 'view my resume',
+ 'timeline': 'some of my notable moments',
+ 'source': 'view the source code',
+ 'clear': 'clear the terminal screen',
+ '(+ more)': 'try messing around, still in the works',
+};
+
+const about = () => {
+ return (
+
+ soohoonchoi
+ i am a cofounder over at onboard ai.
+ recently graduated from gt with a degree in math and cs.
+ i also like to art
+
+ )
+}
+
+interface Timeline {
+ time: string
+ event: React.ReactElement
+ location: React.ReactElement
+}
+
+const timeline: Timeline[] = [
+ {
+ time: '1998',
+ event: born,
+ location: seoul
+ },
+ {
+ time: '2001',
+ event: move to philippines,
+ location: makati
+ },
+ {
+ time: '2018',
+ event: graduate highschool,
+ location: faith academy
+ },
+ {
+ time: '2018',
+ event: move to us,
+ location: atlanta
+ },
+ {
+ time: '2019',
+ event: start college,
+ location: georgia tech
+ },
+ {
+ time: '2023',
+ event: graduate college,
+ location: georgia tech
+ },
+ {
+ time: '2023',
+ event: start ups full time,
+ location: san francisco
+ },
+]
\ No newline at end of file
diff --git a/src/styles/globals.css b/src/styles/globals.css
index 3cff4e2..e06fd78 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -68,6 +68,10 @@
--radius: 0.5rem;
}
+
+ .link {
+ color: rgb(129 140 248);
+ }
}
@layer base {