Merge branch 'main' of https://github.com/NicoFilips/AzureAppService.…

…NicoFilips
NicoFilips · Feb 9, 2024 · aa16910 · aa16910
2 parents 96ff2ba + d705473
commit aa16910
Show file tree

Hide file tree

Showing 3 changed files with 55 additions and 54 deletions.
diff --git a/.github/workflows/build-docker.yml b/.github/workflows/build-docker.yml
diff --git a/.github/workflows/docker-image.yml b/.github/workflows/docker-image.yml
diff --git a/my-react-ts-app/src/App.tsx b/my-react-ts-app/src/App.tsx
@@ -7,6 +7,61 @@ import TheParticles from './components/Background/TheParticles'
 import Modal from './components/Modal/Modal'
 import CvModal from './components/Modal/CV/CvModal'
 
+function App() {
+  const [showCvModal, setshowCvModal] = useState(false);
+  const [showAboutMeModal, setShowAboutMeModal] = useState(false);
+  const [showTechStackModal, setShowTechStackModal] = useState(false);
+
+  return (
+    <>
+    <div>
+      <CircleImage />
+    </div>
+      <div>
+        <a href="https://GitHub.com/NicoFilips" target="_blank">
+          <img src={GithubLogo} className="logo" alt="GitHub logo" />
+        </a>
+        <a href="https://www.linkedin.com/in/nicofilips/" target="_blank">
+          <img src={linkedinLogo} className="logo" alt="LinkedIn logo" />
+        </a>
+      </div>
+      <h1>Hey!</h1>
+      <h1>💫 I'm Nico Filips, a backend developer from Augsburg, Germany.</h1>
+      <div className="card">
+        <div className="cv-modal">
+        <button onClick={() => setshowCvModal(true)}>CV</button>
+        <Modal show={showCvModal} onClose={() => setshowCvModal(false)}>
+        <CvModal/>
+      </Modal>
+      <button onClick={() => setShowAboutMeModal(true)}>About me</button>
+        <Modal show={showAboutMeModal} onClose={() => setShowAboutMeModal(false)}>
+        <CvModal/>
+      </Modal>
+      <button onClick={() => setShowTechStackModal(true)}>Techstack</button>
+        <Modal show={showTechStackModal} onClose={() => setShowTechStackModal(false)}>
+        <CvModal/>
+      </Modal>
+        </div>
+      </div>
+      <TheParticles />
+      <p className="read-the-docs">
+        This Site is hosted as an App Service on Azure.
+      </p>
+    </>
+  )
+}
+
+export default App
+
+import { useState } from 'react'
+import linkedinLogo from './assets/Icons/LinkedIn.png'
+import GithubLogo from './assets/Icons/GithubInverted.png'
+import './App.css'
+import CircleImage from './components/me/CircleImage'
+import TheParticles from './components/Background/TheParticles'
+import Modal from './components/Modal/Modal'
+import CvModal from './components/Modal/CV/CvModal'
+
 function App() {
   const [showCvModal, setshowCvModal] = useState(false);
   const [showAboutMeModal, setShowAboutMeModal] = useState(false);