initial commit

helenbr · Dec 2, 2024 · 3c41fb5 · 3c41fb5
1 parent 1cdfb33
commit 3c41fb5
Show file tree

Hide file tree

Showing 2 changed files with 53 additions and 12 deletions.
diff --git a/index.html b/index.html
@@ -8,10 +8,24 @@
 </head>
 <body>
     <header>
-        <h1>Welcome to Eleni's Website!</h1>
+        <h1>Welcome to Eleni's World!</h1>
     </header>
     <main>
-        <p>This is my personal website, built with HTML and CSS!</p>
+        <section id="about">
+            <h2>About Me</h2>
+            <p>Hello! I'm Eleni, a Machine Learning Scientist at DMI passionate about AI, privacy-enhancing technologies, and meteorology. I hold an MEng and MSc in Machine Learning from Democritus University of Thrace and am finishing my PhD soon!</p>
+        </section>
+        <section id="background">
+            <h2>My Background</h2>
+            <p>I specialize in AI-driven weather forecasting and have worked on advanced models like LDcast and LeeWaveNet. I'm currently exploring multi-GPU training and scalable AI solutions.</p>
+        </section>
+        <section id="social">
+            <h2>Connect with Me</h2>
+            <ul>
+                <li><a href="https://github.com/helenbr" target="_blank">GitHub</a></li>
+                <li><a href="https://www.linkedin.com/in/elenibriola/" target="_blank">LinkedIn</a></li>
+            </ul>
+        </section>
     </main>
     <footer>
         <p>&copy; 2024 Eleni</p>

diff --git a/style.css b/style.css
@@ -1,28 +1,55 @@
+/* General Styling */
 body {
-    font-family: Arial, sans-serif;
+    font-family: 'Arial', sans-serif;
     margin: 0;
     padding: 0;
-    background-color: #f4f4f4;
+    background-color: #ffe4e1;
     color: #333;
 }
 
+/* Header */
 header {
-    background: #0073e6;
+    background: #ff69b4;
     color: white;
-    padding: 1rem 0;
     text-align: center;
+    padding: 2rem 0;
+}
+
+/* Sections */
+main {
+    padding: 2rem;
+}
+
+section {
+    margin-bottom: 2rem;
+    padding: 1rem;
+    border-radius: 10px;
+    background-color: #fff;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+
+h2 {
+    color: #ff69b4;
 }
 
+/* Links */
+a {
+    color: #ff69b4;
+    text-decoration: none;
+    font-weight: bold;
+}
+
+a:hover {
+    text-decoration: underline;
+}
+
+/* Footer */
 footer {
     background: #333;
     color: white;
     text-align: center;
-    padding: 0.5rem 0;
-    position: fixed;
+    padding: 1rem 0;
+    position: relative;
     bottom: 0;
     width: 100%;
 }
-
-main {
-    padding: 2rem;
-}