Update layout for about me.

Daniel-B-Tufvesson · Jan 11, 2024 · df9cfc2 · df9cfc2
1 parent a871618
commit df9cfc2
Show file tree

Hide file tree

Showing 2 changed files with 58 additions and 41 deletions.
diff --git a/index.html b/index.html
@@ -20,51 +20,59 @@
             <div class="about-me">
                 <div class="me-section">
                     <img class="portrait-picture" src="me.jpeg" alt="A portrait of Daniel Tufvesson">
+
+                    <div class="me-bio">
+                        <p>
+                            Hi! My name is Daniel Tufvesson and I'm a cognitive science student 
+                            at Linköping University, Sweden. 
+                        </p>
+                        <p>
+                            When I was 15, I wrote my first computer program, and ever since
+                            then I have been hooked. What started as a fun hobby, quickly turned
+                            into a passion. That is why in gymnasium I started a game development
+                            company with my friends, and then proceeded as an independent game
+                            developer during my sabbatical after gymnasium. Now, I have turned 
+                            my attention to the world of AI and natural language processing.
+                        </p>
+                        <p>
+                            This portfolio consists of some of the projects I have had
+                            the pleasure of working on. And if you want to find out more about me
+                            and my experience, please refer to my <a href="https://www.linkedin.com/in/daniel-tufvesson-a4541929a/">LinkedIn</a>.
+                        </p>
+                    </div>
+                </div>
+
+                <div class="me-section">
                     <div>
-                        <h4>CONTACT ME</h4>
+                        <h3>CONTACT ME</h3>
                         <ul>
-                            <li>LinkedIn</li>
-                            <li>GitHub</li>
+                            <li><a href="https://www.linkedin.com/in/daniel-tufvesson-a4541929a/">LinkedIn</a></li>
+                            <li><a href="https://github.com/Daniel-B-Tufvesson">GitHub</a></li>
                             <li>Email: daniel.tufvesson@outlook.com</li>
                         </ul>
                     </div>
-                </div>
 
-                <div class="me-section">
-                    <p>
-                        Hi! My name is Daniel Tufvesson and I'm a cognitive science student 
-                        at Linköping University, Sweden. 
-                    </p>
-                    <p>
-                        Kandidatstudent på tredje året inom kognitionsvetenskap. Mina 
-                        främsta intressen är AI, NLP och hjärnan.
-                    </p>
-                    <p>
-                        När jag var 15 år skrev jag mitt första program, och sen var jag 
-                        fast! Vad som började som en hobby blev snabbt ett starkt intresse,
-                        och ledde till bildandet av två näringsverksamheter med syftet att 
-                        utveckla spel. Nu har jag lämnat spelvärlden och har som ambition 
-                        att bli expert inom AI och maskininlärning.
-                    </p>
-                    <p>
-                        This portfolio consists of some of the projects I have had
-                        the pleasure of working on. If you want to find out more about me
-                        and my experience, please refer to my LinkedIn.
-                    </p>
+
                 </div>
 
                 <div class="me-section">
-                    <h3>EDUCATION</h3>
-                    <ul>
-                        <li>Linköping University 2021–2024</li>
-                        <li>Ystad Gymnasium 2014–2017</li>
-                    </ul>
-
-                    <h3>EXPERIENCE</h3>
-                    <ul>
-                        <li>Independent Game Developer 2017–2021</li>
-                        <li>Game Developer at ZuckerGates UF 2015–2016</li>
-                    </ul>
+                    <div>
+                        <h3>EDUCATION</h3>
+                        <ul>
+                            <li>Linköping University 2021–2024</li>
+                            <li>Ystad Gymnasium 2014–2017</li>
+                        </ul>
+
+
+                    </div>
+
+                    <div>
+                        <h3>EXPERIENCE</h3>
+                        <ul>
+                            <li>Independent Game Developer 2017–2021</li>
+                            <li>Game Developer at ZuckerGates UF 2015–2016</li>
+                        </ul>
+                    </div>
                 </div>
             </div>
 

diff --git a/style.css b/style.css
@@ -37,6 +37,8 @@ p {
 
 ul {
     margin-top: 5px;
+    list-style: circle;
+    list-style-position: inside;
 }
 
 li {
@@ -110,25 +112,32 @@ footer {
 }
 
 .portrait-picture {
-    display: block;
     width: 200px;
+    object-fit: contain;
 }
 
 .about-me {
     display: flex;
-    flex-direction: row;
+    flex-direction: column;
     /* padding: 50px; */
 }
 
 .me-section {
     display: flex;
-    flex-direction: column;
-    justify-content: start;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: start;
     padding: 20px;
-    gap: 20px;
+    gap: 80px;
     min-width: 200px;
 }
 
+.me-bio {
+    display: flex;
+    flex-flow: column;
+    gap: 20px;
+}
+
 .project-table {
     padding: 20px;
     display: flex;