diff --git a/package-lock.json b/package-lock.json index 1e3cbf5..7c5b749 100644 --- a/package-lock.json +++ b/package-lock.json @@ -2479,16 +2479,6 @@ "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz", "integrity": "sha1-aN/1++YMUes3cl6p4+0xDcwed24=" }, - "boostrap": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/boostrap/-/boostrap-2.0.0.tgz", - "integrity": "sha512-JEeFMOweKeGXEM9rt95eaVISOkluG9aKcl0jQCETOVH9jynCZxuBZe2oWgcWJpj5wqYWZl625SnW7OgHT2Ineg==" - }, - "bootstrap": { - "version": "4.3.1", - "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-4.3.1.tgz", - "integrity": "sha512-rXqOmH1VilAt2DyPzluTi2blhk17bO7ef+zLLPlWvG494pDxcM234pJ8wTc/6R40UWizAIIMgxjvxZg5kmsbag==" - }, "brace-expansion": { "version": "1.1.11", "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", @@ -6546,7 +6536,6 @@ "minimatch": { "version": "3.0.4", "bundled": true, - "optional": true, "requires": { "brace-expansion": "1.1.11" } diff --git a/package.json b/package.json index ff5f506..6f5db3f 100644 --- a/package.json +++ b/package.json @@ -4,8 +4,6 @@ "private": true, "dependencies": { "animate.css": "^3.7.0", - "boostrap": "^2.0.0", - "bootstrap": "^4.3.1", "jquery": "^3.3.1", "octicons": "^8.5.0", "popper.js": "^1.15.0", diff --git a/public/index.html b/public/index.html index 75980d5..0749a24 100644 --- a/public/index.html +++ b/public/index.html @@ -22,6 +22,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`. --> + React App diff --git a/src/components/App.css b/src/components/App.css index 09e6898..5686e53 100644 --- a/src/components/App.css +++ b/src/components/App.css @@ -2,3 +2,13 @@ html { scroll-behavior: smooth; } + +.section-height { + height: 5rem; +} + +@media (max-width: 575.98px) { + .section-height { + height: 3rem; + } +} \ No newline at end of file diff --git a/src/components/shared/bio/bio.css b/src/components/shared/bio/bio.css index 37f67f9..0990fa6 100644 --- a/src/components/shared/bio/bio.css +++ b/src/components/shared/bio/bio.css @@ -1,7 +1,14 @@ -.row-height-25 { - height: 25rem; + +.content-width { + width: 75%; } -.row-background-color { - background-color: #eff1f4; +@media (max-width: 575.98px) { /* sm */ + .content-width { + width: 85%; + } + + .content-type-size { + font-size: 1.75rem; + } } \ No newline at end of file diff --git a/src/components/shared/bio/bio.js b/src/components/shared/bio/bio.js index c0c8b07..f27a8f4 100644 --- a/src/components/shared/bio/bio.js +++ b/src/components/shared/bio/bio.js @@ -5,10 +5,11 @@ class Bio extends Component { render() { return (
-
+
+
-
-

+
+

My name is Giovani Rodriguez and I create tools, applications and websites as solutions for individuals or businesses that need them. I am a problem solver, solution maker upper and answer deilverer. I always itch to learn something new and strive to deliver my best. When I'm not creating I am either reading, writing or playing games. diff --git a/src/components/shared/history/history.css b/src/components/shared/history/history.css index dda5a8c..f1f2111 100644 --- a/src/components/shared/history/history.css +++ b/src/components/shared/history/history.css @@ -1,7 +1,3 @@ -.row-height-5 { - height: 5rem; -} - * { box-sizing: border-box !important; } diff --git a/src/components/shared/history/history.js b/src/components/shared/history/history.js index c6cd03b..36cf632 100644 --- a/src/components/shared/history/history.js +++ b/src/components/shared/history/history.js @@ -92,7 +92,7 @@ class History extends Component { return (
-
+
{this.timelineContainers.map((timelineContainer, i) => { return ( diff --git a/src/components/shared/introduction/introduction.css b/src/components/shared/introduction/introduction.css index 003eeed..a52a9e4 100644 --- a/src/components/shared/introduction/introduction.css +++ b/src/components/shared/introduction/introduction.css @@ -2,3 +2,20 @@ line-height: 100%; } +.profile-image { + width: 500px; +} + +@media (max-width: 575.98px) { /* sm */ + .line-one-type-size { + font-size: 2rem; + } + + .line-two-type-size { + font-size: 1.5rem; + } + + .profile-image { + width: 350px; + } +} \ No newline at end of file diff --git a/src/components/shared/introduction/introduction.js b/src/components/shared/introduction/introduction.js index 025af1e..7d6b42d 100644 --- a/src/components/shared/introduction/introduction.js +++ b/src/components/shared/introduction/introduction.js @@ -90,20 +90,20 @@ class Introduction extends Component { render() { return (
-
-
-
- Giovani's Face +
+
+
+ Giovani's Face
-
+
-

{this.state.currentLineOne}|

-

{this.state.currentLineTwo}|

+

{this.state.currentLineOne}|

+

{this.state.currentLineTwo}|

- diff --git a/src/index.js b/src/index.js index 9f62bb1..bf739f8 100644 --- a/src/index.js +++ b/src/index.js @@ -1,10 +1,8 @@ -import 'bootstrap/dist/css/bootstrap.min.css'; import './css/bootstrap.cosmo.min.css'; // eslint-disable-next-line import $ from 'jquery'; // eslint-disable-next-line import Popper from 'popper.js'; -import 'bootstrap/dist/js/bootstrap.bundle.min'; import 'animate.css/animate.min.css' import 'octicons/build/build.css'; import React from 'react';