Merge pull request #134 from AmruthPillai/develop

Feature: Self-Host Everything
This commit is contained in:
Amruth Pillai
2020-04-23 22:00:35 +05:30
committed by GitHub
85 changed files with 399 additions and 19 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 19 KiB

After

Width:  |  Height:  |  Size: 11 KiB

View File

@ -8,6 +8,18 @@ All notable changes to this project will be documented in this file.
## April 2020
### April 23, 2020
- Transfer all external resources to local, self-host everything
- Shorten entry animation by a second
- Optimize Images through `imgbot`
### April 22, 2020
- Display Original Language Name alongside English Language Name
- Added Language: Tamil
- Added Language: Vietnamese
### April 17, 2020
- Updated Dependencies across App

Binary file not shown.

Before

Width:  |  Height:  |  Size: 377 KiB

After

Width:  |  Height:  |  Size: 374 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 335 KiB

After

Width:  |  Height:  |  Size: 331 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 220 KiB

After

Width:  |  Height:  |  Size: 218 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 535 KiB

After

Width:  |  Height:  |  Size: 491 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 52 KiB

After

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 225 KiB

After

Width:  |  Height:  |  Size: 117 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 163 KiB

After

Width:  |  Height:  |  Size: 90 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 66 KiB

After

Width:  |  Height:  |  Size: 34 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 94 KiB

After

Width:  |  Height:  |  Size: 47 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.7 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.2 KiB

After

Width:  |  Height:  |  Size: 2.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.4 KiB

After

Width:  |  Height:  |  Size: 2.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.5 KiB

After

Width:  |  Height:  |  Size: 3.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 6.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 9.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 226 KiB

After

Width:  |  Height:  |  Size: 133 KiB

View File

@ -25,15 +25,6 @@
<meta name="twitter:site" content="@amruthpillai">
<title>Reactive Resume</title>
<!-- Animate.css -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css" />
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap" rel="stylesheet">
<!-- Material Icons -->
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
</head>
<body>

79
src/assets/css/animate.css vendored Normal file
View File

@ -0,0 +1,79 @@
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@media (print), (prefers-reduced-motion: reduce) {
.animated {
-webkit-animation-duration: 1ms !important;
animation-duration: 1ms !important;
-webkit-transition-duration: 1ms !important;
transition-duration: 1ms !important;
-webkit-animation-iteration-count: 1 !important;
animation-iteration-count: 1 !important;
}
}

305
src/assets/css/fonts.css Normal file
View File

@ -0,0 +1,305 @@
/* Material Icons */
@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: local('Material Icons'), local('MaterialIcons-Regular'),
url('../fonts/MaterialIcons/MaterialIcons-400.woff2') format('woff2'),
url('../fonts/MaterialIcons/MaterialIcons-400.woff') format('woff');
}
.material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
font-feature-settings: 'liga';
}
/* Montserrat 400 */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
src: local('Montserrat Regular'), local('Montserrat-Regular'),
url('../fonts/Montserrat/Montserrat-400.woff2') format('woff2'),
url('../fonts/Montserrat/Montserrat-400.woff') format('woff');
}
/* Montserrat 500 */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
src: local('Montserrat Medium'), local('Montserrat-Medium'),
url('../fonts/Montserrat/Montserrat-500.woff2') format('woff2'),
url('../fonts/Montserrat/Montserrat-500.woff') format('woff');
}
/* Montserrat 600 */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'),
url('../fonts/Montserrat/Montserrat-600.woff2') format('woff2'),
url('../fonts/Montserrat/Montserrat-600.woff') format('woff');
}
/* Montserrat 700 */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
src: local('Montserrat Bold'), local('Montserrat-Bold'),
url('../fonts/Montserrat/Montserrat-700.woff2') format('woff2'),
url('../fonts/Montserrat/Montserrat-700.woff') format('woff');
}
/* Lato 400 */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
src: local('Lato Regular'), local('Lato-Regular'),
url('../fonts/Lato/Lato-400.woff2') format('woff2'),
url('../fonts/Lato/Lato-400.woff') format('woff');
}
/* Lato 700 */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 700;
src: local('Lato Bold'), local('Lato-Bold'), url('../fonts/Lato/Lato-700.woff2') format('woff2'),
url('../fonts/Lato/Lato-700.woff') format('woff');
}
/* Nunito 400 */
@font-face {
font-family: 'Nunito';
font-style: normal;
font-weight: 400;
src: local('Nunito Regular'), local('Nunito-Regular'),
url('../fonts/Nunito/Nunito-400.woff') format('woff2'),
url('../fonts/Nunito/Nunito-400.woff2') format('woff');
}
/* Nunito 600 */
@font-face {
font-family: 'Nunito';
font-style: normal;
font-weight: 600;
src: local('Nunito SemiBold'), local('Nunito-SemiBold'),
url('../fonts/Nunito/Nunito-600.woff') format('woff2'),
url('../fonts/Nunito/Nunito-600.woff2') format('woff');
}
/* Nunito 700 */
@font-face {
font-family: 'Nunito';
font-style: normal;
font-weight: 700;
src: local('Nunito Bold'), local('Nunito-Bold'),
url('../fonts/Nunito/Nunito-700.woff') format('woff2'),
url('../fonts/Nunito/Nunito-700.woff2') format('woff');
}
/* Open Sans 400 */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans Regular'), local('OpenSans-Regular'),
url('../fonts/OpenSans/OpenSans-400.woff2') format('woff2'),
url('../fonts/OpenSans/OpenSans-400.woff') format('woff');
}
/* Open Sans 600 */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
url('../fonts/OpenSans/OpenSans-600.woff2') format('woff2'),
url('../fonts/OpenSans/OpenSans-600.woff') format('woff');
}
/* Open Sans 700 */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: local('Open Sans Bold'), local('OpenSans-Bold'),
url('../fonts/OpenSans/OpenSans-700.woff2') format('woff2'),
url('../fonts/OpenSans/OpenSans-700.woff') format('woff');
}
/* Raleway 400 */
@font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 400;
src: local('Raleway'), local('Raleway-Regular'),
url('../fonts/Raleway/Raleway-400.woff2') format('woff2'),
url('../fonts/Raleway/Raleway-400.woff') format('woff');
}
/* Raleway 500 */
@font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 500;
src: local('Raleway Medium'), local('Raleway-Medium'),
url('../fonts/Raleway/Raleway-500.woff2') format('woff2'),
url('../fonts/Raleway/Raleway-500.woff') format('woff');
}
/* Raleway 600 */
@font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 600;
src: local('Raleway SemiBold'), local('Raleway-SemiBold'),
url('../fonts/Raleway/Raleway-600.woff2') format('woff2'),
url('../fonts/Raleway/Raleway-600.woff') format('woff');
}
/* Raleway 700 */
@font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 700;
src: local('Raleway Bold'), local('Raleway-Bold'),
url('../fonts/Raleway/Raleway-700.woff2') format('woff2'),
url('../fonts/Raleway/Raleway-700.woff') format('woff');
}
/* Rubik 400 */
@font-face {
font-family: 'Rubik';
font-style: normal;
font-weight: 400;
src: local('Rubik'), local('Rubik-Regular'), url('../fonts/Rubik/Rubik-400.woff2') format('woff2'),
url('../fonts/Rubik/Rubik-400.woff') format('woff');
}
/* Rubik 500 */
@font-face {
font-family: 'Rubik';
font-style: normal;
font-weight: 500;
src: local('Rubik Medium'), local('Rubik-Medium'),
url('../fonts/Rubik/Rubik-500.woff2') format('woff2'),
url('../fonts/Rubik/Rubik-500.woff') format('woff');
}
/* Rubik 700 */
@font-face {
font-family: 'Rubik';
font-style: normal;
font-weight: 700;
src: local('Rubik Bold'), local('Rubik-Bold'),
url('../fonts/Rubik/Rubik-700.woff2') format('woff2'),
url('../fonts/Rubik/Rubik-700.woff') format('woff');
}
/* Source Sans Pro 400 */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 400;
src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
url('../fonts/SourceSansPro/SourceSansPro-400.woff2') format('woff2'),
url('../fonts/SourceSansPro/SourceSansPro-400.woff') format('woff');
}
/* Source Sans Pro 600 */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 600;
src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),
url('../fonts/SourceSansPro/SourceSansPro-600.woff2') format('woff2'),
url('../fonts/SourceSansPro/SourceSansPro-600.woff') format('woff');
}
/* Source Sans Pro 700 */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 700;
src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),
url('../fonts/SourceSansPro/SourceSansPro-700.woff2') format('woff2'),
url('../fonts/SourceSansPro/SourceSansPro-700.woff') format('woff');
}
/* Titillium Web 400 */
@font-face {
font-family: 'Titillium Web';
font-style: normal;
font-weight: 400;
src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'),
url('../fonts/TitilliumWeb/TitilliumWeb-400.woff2') format('woff2'),
url('../fonts/TitilliumWeb/TitilliumWeb-400.woff') format('woff');
}
/* Titillium Web 600 */
@font-face {
font-family: 'Titillium Web';
font-style: normal;
font-weight: 600;
src: local('Titillium Web SemiBold'), local('TitilliumWeb-SemiBold'),
url('../fonts/TitilliumWeb/TitilliumWeb-600.woff2') format('woff2'),
url('../fonts/TitilliumWeb/TitilliumWeb-600.woff') format('woff');
}
/* Titillium Web 700 */
@font-face {
font-family: 'Titillium Web';
font-style: normal;
font-weight: 700;
src: local('Titillium Web Bold'), local('TitilliumWeb-Bold'),
url('../fonts/TitilliumWeb/TitilliumWeb-700.woff2') format('woff2'),
url('../fonts/TitilliumWeb/TitilliumWeb-700.woff') format('woff');
}
/* Ubuntu 400 */
@font-face {
font-family: 'Ubuntu';
font-style: normal;
font-weight: 400;
src: local('Ubuntu Regular'), local('Ubuntu-Regular'),
url('../fonts/Ubuntu/Ubuntu-400.woff2') format('woff2'),
url('../fonts/Ubuntu/Ubuntu-400.woff') format('woff');
}
/* Ubuntu 500 */
@font-face {
font-family: 'Ubuntu';
font-style: normal;
font-weight: 500;
src: local('Ubuntu Medium'), local('Ubuntu-Medium'),
url('../fonts/Ubuntu/Ubuntu-500.woff2') format('woff2'),
url('../fonts/Ubuntu/Ubuntu-500.woff') format('woff');
}
/* Ubuntu 700 */
@font-face {
font-family: 'Ubuntu';
font-style: normal;
font-weight: 700;
src: local('Ubuntu Bold'), local('Ubuntu-Bold'),
url('../fonts/Ubuntu/Ubuntu-700.woff2') format('woff2'),
url('../fonts/Ubuntu/Ubuntu-700.woff') format('woff');
}

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Before

Width:  |  Height:  |  Size: 19 KiB

After

Width:  |  Height:  |  Size: 11 KiB

View File

@ -1,12 +1,5 @@
/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;700&display=swap');
@import './assets/css/animate.css';
@import './assets/css/fonts.css';
* {
-ms-overflow-style: none;

View File

@ -9,7 +9,7 @@ const PanZoomAnimation = () => {
useEffect(() => {
setTimeout(() => setAnimationVisible(true), 500);
setTimeout(() => setAnimationVisible(false), 4500);
setTimeout(() => setAnimationVisible(false), 3000);
}, []);
return (