Second build

sanchit2843 · May 3, 2020 · 0f9a3e2 · 0f9a3e2
1 parent dd774da
commit 0f9a3e2
Show file tree

Hide file tree

Showing 10 changed files with 42 additions and 41 deletions.
diff --git a/public/index.html b/public/index.html
@@ -3,6 +3,7 @@
   <head>
     <meta charset="utf-8" />
     <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+    <link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;700&display=swap" rel="stylesheet">
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
     <meta

diff --git a/src/components/AboutMe.js b/src/components/AboutMe.js
@@ -90,10 +90,14 @@ const TextContainer = styled.div`
     font-size: large;
     opacity: 0.5;
     a {
-        color: rgb(21,244,244);
+        color: #9400D3;
+        font-family: Ubuntu;
+        font-weight: 600;
     }
 `;
 const HeadingContainer = styled.div`
     opacity: 0.8;
     font-size: x-large;
+
+    font-family: Ubuntu;
 `;
diff --git a/src/components/Bio.js b/src/components/Bio.js
@@ -12,7 +12,7 @@ function Bio() {
         <img src={image} style={{width:"10rem", height:"auto", borderRadius:"50%"}} />
 
         <p className="name">
-            Kaustuv Karan
+            Sanchit Tanwar
         </p>
         <p>
             B.E. Graduate  @ TIET, Patiala
@@ -24,7 +24,7 @@ function Bio() {
             <FaGraduationCap /><a href="https://www.google.co.in">Google Scholar</a>
         </p>
         <p>
-            <AiFillGithub /><a href="https://www.github.com">Github</a>
+            <AiFillGithub /><a href="https://github.com/sanchit2843">Github</a>
         </p>
         <p>
            <MdEmail  />Email
@@ -35,7 +35,8 @@ function Bio() {
 export default Bio;
 const MainContainer = styled.div`
 
-
+font-family: Ubuntu;
+font-weight: 600;
 
 img {
     // align-self:center;

diff --git a/src/components/CVContent.js b/src/components/CVContent.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
 import styled from "styled-components";
 import Bio from "./Bio";
-import CVDoc from "./CVdoc"
+import CVdoc from "./CVdoc"
 
 
 class CVContent extends Component {
@@ -14,7 +14,7 @@ class CVContent extends Component {
         <div className="main">
             <p>This is my CV for your referrence: </p>
             <br />
-            <CVDoc />
+            <CVdoc />
         </div>
       </MainContainer>
     );

diff --git a/src/components/CVdoc.js b/src/components/CVdoc.js
@@ -1,31 +1,17 @@
 import React, { Component } from 'react';
 import { Document, Page } from 'react-pdf';
-
-class CVDoc extends Component {
-  state = {
-    numPages: null,
-    pageNumber: 1,
-  }
-
-  onDocumentLoadSuccess = ({ numPages }) => {
-    this.setState({ numPages });
-  }
-
+ import samplePDF from "./sample.pdf";
+class CVdoc extends Component {
   render() {
-    const { pageNumber, numPages } = this.state;
-
     return (
-      <div>
-        <Document
-          file="MTA_certificate.pdf"
-          onLoadSuccess={this.onDocumentLoadSuccess}
-        >
-          <Page pageNumber={pageNumber} />
-        </Document>
-        <p>Page {pageNumber} of {numPages}</p>
-      </div>
+      <Document
+        file={samplePDF}
+        onLoadSuccess={this.onDocumentLoadSuccess}
+      >
+        <Page pageNumber={1} />
+      </Document>
     );
   }
 }
 
-export default CVDoc;
+export default CVdoc;
diff --git a/src/components/Footer.js b/src/components/Footer.js
@@ -7,16 +7,20 @@ import { FaFacebookF } from "react-icons/fa";
 function Footer() {
   return (
     <MainContainer>
-        <p>
-                Made with love <BsHeartHalf background="#15F4EE"/>
-
-                <br />
-                <br />
-                <FiYoutube size={32} />
-                <AiFillInstagram size={32} />
-                <FaFacebookF size={32} />
-                <AiOutlineGitlab size={32} />
-        </p>
+      <p>
+        Made with love <BsHeartHalf background="#15F4EE" />
+        <br />
+        <br />
+        <a href="https://www.youtube.com/channel/UCGdakFWtLfWkyc6VMD5ViuA">
+          <FiYoutube size={32} />
+        </a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+        <a href="https://www.instagram.com">
+          <AiFillInstagram size={32} />
+        </a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+        <a href="https://www.facebook.com">
+          <FaFacebookF size={32} />
+        </a>
+      </p>
     </MainContainer>
   );
 }

diff --git a/src/components/HeaderBar.js b/src/components/HeaderBar.js
@@ -53,6 +53,7 @@ const HeaderContainer = styled.div`
     margin: 1rem;
     padding-top: 0rem;
     text-decoration: none;
+    font-family: Ubuntu;
     
   }
   .header-link2 {
@@ -62,6 +63,7 @@ const HeaderContainer = styled.div`
     margin: 1rem;
     padding-top: 0rem;
     text-decoration: none;
+    font-family: Ubuntu;
     
   }
   .header-link3 {
@@ -71,7 +73,7 @@ const HeaderContainer = styled.div`
     margin: 1rem;
     padding-top: 0rem;
     text-decoration: none;
-
+    font-family: Ubuntu;
   }
 `;
 const MainContainer = styled.div`
@@ -80,13 +82,16 @@ display: flex;
     background: url("https://source.unsplash.com/random");
     height: 50vh;
     width: 100%;
-    color: #15F4EE;
+    color: 	#9400D3;
     margin: 0;
   }
   .image-content p {
       padding-left: 10rem;
       padding-bottom: 2rem;
       justify-content: space-between;
+      font-family: Ubuntu;
+      font-weight: 600;
   }
 
+
 `;
diff --git a/src/components/MTA_Certificate.pdf b/src/components/MTA_Certificate.pdf
diff --git a/src/components/sample.pdf b/src/components/sample.pdf
diff --git a/src/images/profilephoto.JPG b/src/images/profilephoto.JPG