Merge pull request #4 from anthonypena97/feature/feedback

updated site april 2022
anthonypena97 · Apr 9, 2022 · 6504c39 · 6504c39
2 parents 4b005ef + d6b624a
commit 6504c39
Show file tree

Hide file tree

Showing 7 changed files with 26 additions and 24 deletions.
diff --git a/src/assets/.DS_Store b/src/assets/.DS_Store
diff --git a/src/assets/documents/.DS_Store b/src/assets/documents/.DS_Store
diff --git a/src/assets/documents/AnthonyPena_Resume_2022.pdf b/src/assets/documents/AnthonyPena_Resume_2022.pdf
diff --git a/src/assets/documents/AnthonyPena_Resume_April2022.pdf b/src/assets/documents/AnthonyPena_Resume_April2022.pdf
diff --git a/src/components/Contact/index.js b/src/components/Contact/index.js
@@ -5,15 +5,11 @@ function ContactForm() {
       <div>
 
         <div>
-          <a href="https://www.anthony-e-pena.com/">artist website</a>
+          <a className="contactItem" href="https://www.anthony-e-pena.com">artist website</a>
         </div>
 
         <div>
-          <p>apena5@alumni.jh.edu</p>
-        </div>
-
-        <div>
-          <p>anthony.e.p3na@gmail.com</p>
+          <a className="contactItem" href="mailto: anthony.e.p3na@gmail.com">anthony.e.p3na@gmail.com</a>
         </div>
 
       </div>

diff --git a/src/components/Resume/index.js b/src/components/Resume/index.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import ResumeFile from '../../assets/documents/AnthonyPena_Resume_2022.pdf'
+import ResumeFile from '../../assets/documents/AnthonyPena_Resume_April2022.pdf'
 
 function Resume(props) {
 
@@ -46,7 +46,7 @@ function Resume(props) {
               BACK END
               <br></br>
               <br></br>
-              JAVSCRIPT
+              JAVASCRIPT
               <br></br>
               TYPESCRIPT
               <br></br>
@@ -63,6 +63,8 @@ function Resume(props) {
               MONGODB
               <br></br>
               GRAPHQL
+              <br></br>
+              AWS
             </div>
 
             {/* DEVELOPERS TOOLS UNDER MY BELT */}
@@ -98,7 +100,7 @@ function Resume(props) {
         {/* DOWNLOAD TO MY RESUME */}
         <div className="resumeDownload">
 
-          <a href={ResumeFile} className="resumeButton" download="ANTHONYPENA_RESUME_2021.pdf" target="_blank" rel="noopener noreferrer" >
+          <a href={ResumeFile} className="resumeButton" download="ANTHONYPENA_RESUME_2022.pdf" target="_blank" rel="noopener noreferrer" >
             DOWNLOAD RESUME
           </a>
 

diff --git a/src/sec-index.css b/src/sec-index.css
@@ -114,6 +114,7 @@ ul {
   /* margin-top: 8%; */
   padding-left: 5%;
   padding-right: 5%;
+  padding-top: 5%;
   display: inline-block;
   align-items: center;
   justify-content: center;
@@ -157,26 +158,22 @@ ul {
   font-style: italic;
 }
 
-.contactItem input,
-textarea {
-  /* display: flex;
-  justify-content: space-between; */
-  width: 70%;
-  /* display: inline; */
-  /* background-color: red; */
-}
-
-.submitContact button {
-  margin-top: 5%;
-  width: 100%;
-}
-
 .pageStyle {
   /* background-color: hotpink; */
   height: 100vh;
   width: 100vw;
 }
 
+.contactItem {
+  text-decoration: none;
+  color: white;
+}
+
+.contactItem:hover {
+  text-decoration: none;
+  color: blue;
+}
+
 /* ============================ ABOUT PAGE ======================= */
 
 .aboutStyle {
@@ -326,8 +323,15 @@ textarea {
   opacity: 50%;
 }
 
-/* ====================  ~~~~ iphone ~~~~~ ======================== */
+/* ===================  ~~~~ smaller screen ~~~~~ ===================== */
+
+@media screen and (max-height: 640px) {
+  .resumeItem {
+    font-size: 2.5vh;
+  }
+}
 
+/* ==================== ~~~~ iphone ~~~~~ ======================== */
 @media screen and (max-width: 600px) {
   html {
     width: 100%;