diff --git a/portfolio/public/index.html b/portfolio/public/index.html index aa069f2..6bb3de0 100644 --- a/portfolio/public/index.html +++ b/portfolio/public/index.html @@ -25,6 +25,8 @@ Learn how to configure a non-root public URL by running `npm run build`. --> React App + + diff --git a/portfolio/src/App.js b/portfolio/src/App.js index 08d8fcc..3b6d0fb 100644 --- a/portfolio/src/App.js +++ b/portfolio/src/App.js @@ -1,6 +1,7 @@ import React, { Component } from 'react'; import Projects from './Projects'; import SocialProfiles from './SocialProfiles'; +import profile from './assets/profile.png'; class App extends Component { state = { displayBio: false }; @@ -12,6 +13,7 @@ class App extends Component { render() { return (
+ profile

Hello!

My name is David. I'm a software engineer.

I'm always looking forward to work on meaningful projects.

diff --git a/portfolio/src/index.css b/portfolio/src/index.css new file mode 100644 index 0000000..1a7ba22 --- /dev/null +++ b/portfolio/src/index.css @@ -0,0 +1,27 @@ +@font-face { + font-family: RobotoCondensed; + src: url(assets/roboto-condensed.light.ttf); + font-weight: 800; +} + +@font-face { + font-family: EconomicaBold; + src: url(assets/economica-bold.ttf); +} + +body { + text-align: center; + font-size: 20px; + padding: 2.5%; + font-family: 'RobotoCondensed'; +} + +h1, h2, h3, h4, h5 { + font-family: 'EconomicaBold'; +} + +.profile { + width: 200px; + height: 200px; + border-radius: 100px; +} diff --git a/portfolio/src/index.js b/portfolio/src/index.js index 217069b..e488ec7 100644 --- a/portfolio/src/index.js +++ b/portfolio/src/index.js @@ -1,6 +1,7 @@ import React from 'react'; import ReactDOM from 'react-dom/client'; import App from './App'; +import './index.css'; const root = ReactDOM.createRoot(document.getElementById('root')); root.render();