updating projects

erlisakulla · Apr 21, 2021 · c6bdb45 · c6bdb45
1 parent d6f1a26
commit c6bdb45
Show file tree

Hide file tree

Showing 4 changed files with 63 additions and 48 deletions.
diff --git a/src/main/Home/HomePage.css b/src/main/Home/HomePage.css
@@ -434,4 +434,12 @@ h3 {
 
 #bmw-paper {
   cursor: pointer;
+}
+
+#video-link {
+  transform: translateY(-1px);
+}
+
+#contact-form-cont {
+  z-index: 510;
 }
diff --git a/src/main/Home/HomePage.js b/src/main/Home/HomePage.js
@@ -89,7 +89,7 @@ class Home extends React.Component {
             </p>
 
             <div id="experience">
-              <h3 style={{padding:30}}>Work Experience</h3>
+              <h3 style={{padding:30}}>Experience</h3>
               <Experience/>
             </div>
 

diff --git a/src/main/sections/Experience.js b/src/main/sections/Experience.js
@@ -12,7 +12,7 @@ import bmw from '../../img/bmw-logo.png';
 import jsc from '../../img/jsc-logo.jpg';
 import idmc from '../../img/idmc-logo.jpg';
 import { FiGlobe } from 'react-icons/fi';
-import { FiChevronDown, FiChevronUp } from 'react-icons/fi';
+import { FiChevronDown, FiChevronUp, FiExternalLink } from 'react-icons/fi';
 
 const useStyles = makeStyles((theme) => ({
   paper: {
@@ -156,7 +156,10 @@ export default function CustomizedTimeline() {
                   Created several videos for their project called “Communist Terminologue”
                 </li>
                 <li>
-                  Animated a 4-minute-long video titled “The Train of Dictatorship” and won 1st place at their national contest
+                  Animated a 4-minute-long video titled “The Train of Dictatorship” and won 1st place at their national contest 
+                  <a href={`https://www.youtube.com/watch?v=7gBE8CJcYOw&t=2s`} target="_blank" rel="noreferrer noopener" style={{paddingLeft:'5px'}}>
+                    <FiExternalLink id="video-link"/>
+                  </a>
                 </li>
               </ul>
             </Collapse>

diff --git a/src/main/sections/Projects.js b/src/main/sections/Projects.js
@@ -6,52 +6,56 @@ import { FiGithub, FiGlobe } from 'react-icons/fi';
 
 export const Projects = () => {
   return (
-    <Grid container spacing={3}>
-      <Grid item xs={12} md={6} className="projects-grid" style={{justifyContent:'center'}}>
-        <Card
-          className="project-card"
-          hoverable
-          style={{width:400, left:'0', right:'0', margin:'auto', borderRadius:'4px'}}
-          cover={
-            <img
-              alt="personal-website"
-              src="https://kinsta.com/wp-content/uploads/2018/04/what-is-github-1-1.png"
-            />
-          }
-          actions={[
-            <a href="https://github.com/erlisakulla/site" target="_blank" rel="noreferrer"><FiGithub key="github" size={15}/></a>,
-            <a href="https://erlisakulla.github.io"><FiGlobe key="link" size={15}/></a>,
-          ]}
-        >
-          <h5>Personal Website</h5>
-          <hr/>
-          The repository for this website.<br></br>
-          <i style={{color:'#3f51b5'}}>React, HTML, CSS</i>
-        </Card>
-      </Grid>
+    <>
+      <Grid container spacing={3}>
+        <Grid item xs={12} md={6} className="projects-grid" style={{justifyContent:'center'}}>
+          <Card
+            className="project-card"
+            hoverable
+            style={{width:400, left:'0', right:'0', margin:'auto', borderRadius:'4px'}}
+            // cover={
+            //   <img
+            //     alt="personal-website"
+            //     src="https://kinsta.com/wp-content/uploads/2018/04/what-is-github-1-1.png"
+            //   />
+            // }
+            actions={[
+              <a href="https://github.com/erlisakulla/site" target="_blank" rel="noreferrer"><FiGithub key="github" size={15}/></a>,
+              <a href="https://erlisakulla.github.io"><FiGlobe key="link" size={15}/></a>,
+            ]}
+          >
+            <h5>Personal Website</h5>
+            <hr/>
+            The repository for this website.<br></br>
+            <i style={{color:'#3f51b5'}}>React, HTML, CSS</i>
+          </Card>
+        </Grid>
 
-      <Grid item xs={12} md={6} className="projects-grid">
-        <Card
-          className="project-card"
-          hoverable
-          style={{width:400, left:'0', right:'0', margin:'auto', borderRadius:'4px'}}
-          cover={
-            <img
-              alt="example"
-              src="https://kinsta.com/wp-content/uploads/2018/04/what-is-github-1-1.png"
-            />
-          }
-          actions={[
-            <FiGithub key="github" size={15}/>,
-            <FiGlobe key="link" size={15}/>,
-          ]}
-        >
-          <h5>Beer Distribution Game</h5>
-          <hr/>
-          Implementation of the Beer Distribution Game.<br></br>
-          <i style={{color:'#f50057'}}>React, Django, HTML, CSS</i>
-        </Card>
+        <Grid item xs={12} md={6} className="projects-grid">
+          <Card
+            className="project-card"
+            hoverable
+            style={{width:400, left:'0', right:'0', margin:'auto', borderRadius:'4px'}}
+            // cover={
+            //   <img
+            //     alt="example"
+            //     src="https://kinsta.com/wp-content/uploads/2018/04/what-is-github-1-1.png"
+            //   />
+            // }
+            actions={[
+              <a title="3rd Sprint" href="https://github.com/erlisakulla/beer-distribution-game-django-react-xp3" target="_blank" rel="noreferrer"><FiGithub key="link" size={15}/></a>,
+              <a title="2nd Sprint" href="https://github.com/erlisakulla/beer-distribution-game-django-xp2" target="_blank" rel="noreferrer"><FiGithub key="link" size={15}/></a>,
+              <a title="1st Sprint" href="https://github.com/erlisakulla/beer-distribution-game-django-xp1" target="_blank" rel="noreferrer"><FiGithub key="link" size={15}/></a>,
+              // <FiGlobe key="github" size={15} style={{color:'rgb(0 0 0 / 45%)'}}/>,
+            ]}
+          >
+            <h5>Beer Distribution Game</h5>
+            <hr/>
+            Implementation of the Beer Distribution Game.<br></br>
+            <i style={{color:'#f50057'}}>React, Django, HTML, CSS</i>
+          </Card>
+        </Grid>
       </Grid>
-    </Grid>
+    </>
   );
 };