everything except the headers

stefdude1999 · Dec 24, 2023 · 0de929f · 0de929f
1 parent c220f93
commit 0de929f
Show file tree

Hide file tree

Showing 18 changed files with 41 additions and 17 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -11,6 +11,7 @@
     "react-awesome-reveal": "^4.2.7",
     "react-dom": "^18.2.0",
     "react-draggable": "^4.4.6",
+    "react-resizable": "^3.0.5",
     "react-scripts": "^5.0.1",
     "scrollreveal": "^4.0.9",
     "web-vitals": "^2.1.4"

diff --git a/public/IMG_4908.png b/public/IMG_4908.png
diff --git a/src/assets/Stefan_Caloian_Resume_2023.pdf → public/Stefan_Caloian_Resume_2023.pdf b/src/assets/Stefan_Caloian_Resume_2023.pdf → public/Stefan_Caloian_Resume_2023.pdf
diff --git a/public/index.html b/public/index.html
@@ -7,9 +7,9 @@
     <meta name="theme-color" content="#000000" />
     <meta
       name="description"
-      content="Web site created using create-react-app"
+      content="Stefan Caloian personal website"
     />
-    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
+    <link rel="apple-touch-icon" href="%PUBLIC_URL%/IMG_4908.png" />
     <!--
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
@@ -24,7 +24,7 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <title>Stefan</title>
+    <title>Stefan Caloian</title>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>

diff --git a/public/logo192.png b/public/logo192.png
diff --git a/public/logo512.png b/public/logo512.png
diff --git a/public/manifest.json b/public/manifest.json
@@ -1,19 +1,19 @@
 {
-  "short_name": "Stefan",
-  "name": "Stefan's site",
+  "short_name": "Stefan Caloian",
+  "name": "Stefan Caloian's site",
   "icons": [
     {
       "src": "favicon.ico",
       "sizes": "64x64 32x32 24x24 16x16",
       "type": "image/x-icon"
     },
     {
-      "src": "logo192.png",
+      "src": "IMG_4908.png",
       "type": "image/png",
       "sizes": "192x192"
     },
     {
-      "src": "logo512.png",
+      "src": "IMG_4908.png",
       "type": "image/png",
       "sizes": "512x512"
     }

diff --git a/src/App.css b/src/App.css
@@ -7,7 +7,7 @@
 }
 
 body {
-  background: linear-gradient(to right, #fff, #ffdefb, #ff98f3, #ff57db, #ff00d4);
+  background: linear-gradient(to right, #fff, #89a292, #3f7d5f, #146132, #007c34);
   background-size: 500% 100%; 
   animation: gradientShift 20s infinite linear alternate;
   margin: 0;

diff --git a/src/assets/IMG_4908.png b/src/assets/IMG_4908.png
diff --git a/src/assets/Stefan.png b/src/assets/Stefan.png
diff --git a/src/assets/blog.png b/src/assets/blog.png
diff --git a/src/assets/player_front.png b/src/assets/player_front.png
diff --git a/src/assets/player_sprite.png b/src/assets/player_sprite.png
diff --git a/src/assets/projects.png b/src/assets/projects.png
diff --git a/src/assets/resume.png b/src/assets/resume.png
diff --git a/src/components/FileExplorer.js b/src/components/FileExplorer.js
@@ -7,14 +7,16 @@ const FileExplorer = () => {
     '/home/user/contactme': {},
     '/home/user/contactme/email.txt': '[email protected]',
     '/home/user/contactme/phone.txt': '519 504 7597',
-    '/home/user/contactme/linkedin.txt': 'linkedin.com/in/stefancaloian/',
-    '/home/user/contactme/github.txt': 'github.com/stefdude1999',
+    '/home/user/contactme/linkedin.txt': '<a href="https://www.linkedin.com/in/stefancaloian/" target="_blank">linkedin.com/in/stefancaloian/</a>',
+    '/home/user/contactme/github.txt': '<a href="https://github.com/stefdude1999" target="_blank">github.com/stefdude1999</a>',
     '/home/user/resume': {},
     '/home/user/myskills': {},
-    '/home/user/resume/stefanresume.txt': 'my resume',
-    '/home/user/myskills/individualskills.txt': 'my skills',
+    '/home/user/resume/stefanresume.txt': '<a href="https://drive.google.com/file/d/1PX0XXilUk6X7mGJmjomr_nWY0X3PQ2JG/view?usp=sharing" target="_blank">Resume</a>',
+    '/home/user/myskills/proficientskills.txt': 'C++, C, C#, React, Rust, Java, Python, SQL',
+    '/home/user/myskills/developingskills.txt': 'Go, Spring Boot, Ruby',
   });
 
+
   const [parentDirectory, setParentDirectory] = useState(null);
 
   const getCurrentDirectoryContents = () => {

diff --git a/src/components/Terminal.js b/src/components/Terminal.js
@@ -46,7 +46,11 @@ const Terminal = () => {
       const command = input.trim();
       setOutput([...output, { type: 'input', value: command }]);
       const commandOutput = executeCommand(command);
-      setOutput([...output, { type: 'output', value: `user@stefanswebsite ~ % ${command}` }, { type: 'output', value: commandOutput }]);
+      setOutput([
+        ...output,
+        { type: 'output', value: `user@stefanswebsite ~ % ${command}` },
+        { type: 'output', value: commandOutput },
+      ]);
       setInput('');
     }
   };
@@ -76,14 +80,18 @@ const Terminal = () => {
 
         {showIntro && (
           <div className="output">
-            <div>I'm Stefan, Welcome to my website! You can drag this terminal around if you wish. Type help to begin to learn about me.</div>
+            <div>
+              I'm Stefan, Welcome to my website! You can drag this terminal around if you wish. Type help to begin to learn about me.
+            </div>
           </div>
         )}
 
         {output.map((item, index) => (
-          <div key={index} className={item.type}>
-            {item.value}
-          </div>
+          <div
+            key={index}
+            className={item.type}
+            dangerouslySetInnerHTML={item.type === 'output' ? { __html: item.value } : null}
+          />
         ))}
         <div className="input">
           <span>user@stefanswebsite ~ %</span>