Skip to content

Commit

Permalink
Next
Browse files Browse the repository at this point in the history
  • Loading branch information
@filipakkad
filipakkad committed Sep 19, 2024
1 parent 797af50 commit a56dd8b
Show file tree
Hide file tree
Showing 4 changed files with 38 additions and 36 deletions.
6 changes: 3 additions & 3 deletions docs/assets/index-DhoqCQcY.js → docs/assets/index-CmzMCBq4.js
View file

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion docs/assets/index-D2-X_gi4.css → docs/assets/index-DUtqBRYz.css
View file

Large diffs are not rendered by default.

4 changes: 2 additions & 2 deletions docs/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,8 +16,8 @@
a.appendChild(r);
})(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>
<script type="module" crossorigin src="/assets/index-DhoqCQcY.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-D2-X_gi4.css">
<script type="module" crossorigin src="/assets/index-CmzMCBq4.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-DUtqBRYz.css">
</head>
<body>
<div id="root"></div>
Expand Down
62 changes: 32 additions & 30 deletions src/App.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,41 +7,43 @@ import "@fontsource/montserrat/400.css"; // Specify weight
import "@fontsource/montserrat/500.css"; // Specify weight
import "@fontsource/montserrat/600.css"; // Specify weight
import "@fontsource/montserrat/700.css"; // Specify weight
import { FaEnvelope, FaLinkedinIn, FaCity } from "react-icons/fa";
import {FaEnvelope, FaLinkedinIn, FaCity} from "react-icons/fa";

import img from "./assets/fa_photo.jpg"

function App() {

return (
<>
<div className="font-montserrat flex flex-col justify-between gap-4 px-4 md:px-12 pt-12 md:pt-24 items-center">
<div className="w-full flex gap-8 max-w-[80rem] flex-col lg:flex-row">
<div className="flex w-fit justify-start flex-col items-start gap-4">
<div className=" sticky top-12 pt-2 flex flex-col gap-6">
<img className="rounded-full object-cover w-24 h-24 lg:h-32 lg:w-32" src={img} alt="Filip Akkad Image"/>
<div className="text-left flex flex-col gap-2">
<h1 className="text-left whitespace-nowrap text-2xl md:text-4xl">Filip Akkad</h1>
<a className="text-xs flex gap-2 items-center"
href="mailto:[email protected]"><FaEnvelope/> [email protected]</a>
<a className="text-xs flex gap-2 items-center"
href="https://www.linkedin.com/in/filip-akkad/"><FaLinkedinIn/>@filipakkad</a>
<span className="text-xs flex gap-2 items-center"><FaCity/> Warsaw, Poland</span>
</div>
</div>
</div>
<div className="flex w-full justify-start">
<Offer/>
</div>
</div>
<footer>
<div className="px-4 py-12 w-full font-light">
designed and implemented by Filip Akkad
</div>
</footer>
</div>
</>
)
return (
<>
<div
className="font-montserrat flex flex-col justify-between gap-4 px-4 md:px-12 pt-12 md:pt-24 items-center">
<div className="w-full flex gap-8 max-w-[80rem] flex-col lg:flex-row">
<div className="flex w-fit justify-start flex-col items-start gap-4">
<div className=" sticky top-12 pt-2 flex flex-row md:flex-col gap-8">
<img className="rounded-full object-cover w-24 h-24 lg:h-32 lg:w-32" src={img}
alt="Filip Akkad Image"/>
<div className="text-left flex flex-col gap-2">
<h1 className="text-left whitespace-nowrap text-2xl md:text-4xl">Filip Akkad</h1>
<a className="text-xs flex gap-2 items-center"
href="mailto:[email protected]"><FaEnvelope/> [email protected]</a>
<a className="text-xs flex gap-2 items-center"
href="https://www.linkedin.com/in/filip-akkad/"><FaLinkedinIn/>@filipakkad</a>
<span className="text-xs flex gap-2 items-center"><FaCity/> Warsaw, Poland</span>
</div>
</div>
</div>
<div className="flex w-full justify-start">
<Offer/>
</div>
</div>
<footer>
<div className="px-4 py-12 w-full font-light">
designed and implemented by Filip Akkad
</div>
</footer>
</div>
</>
)
}

export default App

0 comments on commit a56dd8b

Please sign in to comment.