michal-sapka-me

commit ed52e72e64db4dc0f40e6c4095d9980b5a658ec1
parent a053ea19b10ab047ac3f697bf48bc945ba6ff188
Author: Michal Sapka <michal@sapka.me>
Date:   Sun,  7 Aug 2022 22:22:08 +0200

feat: homepage copy, ver 1

Diffstat:
M
pages/index.tsx
 | 
48
+++++++++++++++++++++++++++++++++++++++++++++---

1 file changed, 45 insertions(+), 3 deletions(-)
diff --git a/pages/index.tsx b/pages/index.tsx
@@ -7,11 +7,53 @@ import styles from '../styles/Home.module.css'
 const Home: NextPage = () => {
   return (
     <Layout>
-      <h1 className="text-3xl font-bold underline">
-        Hello world!
-      </h1>
+      <section>
+      <Header text={"Michal Sapka"}/>
+      Self-though senior software engineer from Poland.
+      </section>
+
+      <section>
+      <Header text={"About me"}/>
+      <Text>
+        I am a self-thoght software engineer working with at <LinkOut text={"Zendesk Cracow"} url={"https://zendesk.com"}/>. Even though I&apos;ve sterted my professional programig life relatively late in life, I&apos;ve been passionate with computers since being 10 years old.  I love the process of creating software. Even though understanding the product is a requisite, I am strongly driven by the technical side. I take pride at what and how I do things. I have biggest experience working with Ruby on Rails and relative datababases, but I am expanding my knowlege around service oriented architecture, no-sql databases and other languages - currently I am trying to get a hang of Golang, MongoDB. I am also trying to get familiar with modern ReactJS ecosystem.
+      </Text>
+      </section>
+      
+      <section>
+      <Header text={"I enjoy"}/>
+      Non-action movies, anime and manga, classic PC games (with huge love for adventure ganre), literature, jazz.
+      </section>
+      <section>
+      <Header text={"Recent publications"}/>
+      ...
+      </section>
+
+      <section>
+      <Header text={"On the web"}/>
+         <LinkOut text="Github" url="https://github.com/michalsapka"/>
+         <LinkOut text="Medium" url="https://medium.com/@msapka"/>
+      </section>
     </Layout>
   )
 }
 
+const Header = ({text}) => {
+  return(
+    <h2>{text}</h2>
+  )
+}
+
+const LinkOut = ({url, text}) => {
+  return <a href={url} target="_blank" rel="noreferrer">{text}</a>
+}
+
+const Text = ({children}) => {
+  return <div className={
+    'indent-0.5',
+    'whitespace-pre-line'
+  }>
+    {children}
+  </div>
+}
+
 export default Home