From e1d6521a418eb39cdbd884acfe48a2191c4c47f3 Mon Sep 17 00:00:00 2001
From: mariarezende07 <maloasan@gmail.com>
Date: Fri, 7 Oct 2022 14:43:51 -0300
Subject: [PATCH 1/8] =?UTF-8?q?=E2=9C=A8=20Add=20projects=20and=20curricul?=
 =?UTF-8?q?um=20structure?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 config.toml                            |   2 +-
 content/_index.md                      |  18 ++--
 content/about.md                       |   8 +-
 content/projects/claricelispector.md   |   0
 content/projects/formationcontrol.md   |   0
 content/projects/gis.md                |   0
 content/projects/linefollower.md       |   0
 content/projects/presidenciaveis.md    |   0
 content/projects/thunderleague.md      |  18 ++++
 content/tutorials/django.md            |  12 ---
 content/tutorials/flask.md             |  12 ---
 layouts/_default/baseof.html           |   1 +
 layouts/index.html                     |   9 ++
 layouts/partials/head.html             |   6 +-
 layouts/partials/header.html           |  23 +++--
 layouts/partials/projects_gallery.html |  11 +++
 static/css/style.css                   | 116 ++++++++++++++++++++-----
 static/images/circle_mask.png          | Bin 0 -> 6211 bytes
 static/images/logo.svg                 |   3 -
 static/images/presidenciaveis.png      | Bin 0 -> 7241 bytes
 20 files changed, 171 insertions(+), 68 deletions(-)
 create mode 100644 content/projects/claricelispector.md
 create mode 100644 content/projects/formationcontrol.md
 create mode 100644 content/projects/gis.md
 create mode 100644 content/projects/linefollower.md
 create mode 100644 content/projects/presidenciaveis.md
 create mode 100644 content/projects/thunderleague.md
 delete mode 100644 content/tutorials/django.md
 delete mode 100644 content/tutorials/flask.md
 create mode 100644 layouts/partials/projects_gallery.html
 create mode 100644 static/images/circle_mask.png
 delete mode 100644 static/images/logo.svg
 create mode 100644 static/images/presidenciaveis.png

diff --git a/config.toml b/config.toml
index 56128c7..bb12144 100644
--- a/config.toml
+++ b/config.toml
@@ -1,3 +1,3 @@
 baseURL = 'https://mariarezende1313.e.usp.br/marias-corner/'
 languageCode = 'en-us'
-title = 'Meu portfolio'
+title = "Maria's corner"
diff --git a/content/_index.md b/content/_index.md
index 9b50d65..28b5fa0 100644
--- a/content/_index.md
+++ b/content/_index.md
@@ -1,7 +1,15 @@
-Este é o meu portfólio
+# Hey! I'm Maria
 
-Neste site, você encontrará
+![Anime girl coding](https://i.redd.it/r9i4b4833xm21.jpg)
 
-- Minha biografia
-- Meus projetos
-- Meu currículo
\ No newline at end of file
+I am a mechatronics engineering student with a passion for data science, AI and automation.
+
+- 👩‍🎓 Mechatronics engineer student at University of São Paulo
+-  âš¡ Developer and researcher at Turing USP
+- 🔭 My focus is to develop my knowledge in quantitative finances and NLP
+- 📫 [Reach me!](mailto:mariarezende1313@gmail.com)
+ 
+
+
+
+  
diff --git a/content/about.md b/content/about.md
index e24c15c..b28b04f 100644
--- a/content/about.md
+++ b/content/about.md
@@ -1,7 +1,3 @@
----
-title: "About"
-date: 2022-09-23T07:40:21-03:00
-draft: false
----
 
-Esta página contém informações sobre minha humilde pessoa.
+
+
diff --git a/content/projects/claricelispector.md b/content/projects/claricelispector.md
new file mode 100644
index 0000000..e69de29
diff --git a/content/projects/formationcontrol.md b/content/projects/formationcontrol.md
new file mode 100644
index 0000000..e69de29
diff --git a/content/projects/gis.md b/content/projects/gis.md
new file mode 100644
index 0000000..e69de29
diff --git a/content/projects/linefollower.md b/content/projects/linefollower.md
new file mode 100644
index 0000000..e69de29
diff --git a/content/projects/presidenciaveis.md b/content/projects/presidenciaveis.md
new file mode 100644
index 0000000..e69de29
diff --git a/content/projects/thunderleague.md b/content/projects/thunderleague.md
new file mode 100644
index 0000000..86778c1
--- /dev/null
+++ b/content/projects/thunderleague.md
@@ -0,0 +1,18 @@
+---
+author: "Thunderleague team from Thunderatz"
+title: "Thunderleague"
+description: "RSS2D simulated team, which tries to copy real soccer players’ decisions. Implemented reinforcement
+learning and neural networks in decision systems through data extracted from the games."
+tags: ["thunderatz","nn","c++"]
+thumbnail: https://rcss.ir/docs/2D/FA/img/doc/intro/2d-overview-field.jpg
+---
+
+RSS2D simulated team, which tries to copy real soccer players’ decisions. Implemented reinforcement
+learning and neural networks in decision systems through data extracted from the games.
+
+<!--more-->
+
+## Competitions
+- IRONCup 2021 - 1st place with ThunderLeague in RSS2D
+- IranOpen 2021 - 11th place with ThunderLeague in RSS2D
+- RoboCup 2021 - 14th place with ThunderLeague in RSS2D
\ No newline at end of file
diff --git a/content/tutorials/django.md b/content/tutorials/django.md
deleted file mode 100644
index 056dbd1..0000000
--- a/content/tutorials/django.md
+++ /dev/null
@@ -1,12 +0,0 @@
----
-title: "Django"
-date: 2022-09-23T07:45:09-03:00
-draft: false
----
-
-Aprenda Django em apenas quatro passos!
-
-1. Step one
-2. Step two
-3. ????
-4. PROFIT!!!
\ No newline at end of file
diff --git a/content/tutorials/flask.md b/content/tutorials/flask.md
deleted file mode 100644
index 23044ad..0000000
--- a/content/tutorials/flask.md
+++ /dev/null
@@ -1,12 +0,0 @@
----
-title: "Flask"
-date: 2022-09-23T07:45:15-03:00
-draft: false
----
-
-Aprenda Flask em apenas quatro passos!
-
-1. Step one
-2. Step two
-3. ????
-4. PROFIT!!!
\ No newline at end of file
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 41c6c21..8d564ea 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -10,6 +10,7 @@
         {{ end }}
     </main>
     {{ partial "footer.html" . }}
+
 </body>
 
 </html>
\ No newline at end of file
diff --git a/layouts/index.html b/layouts/index.html
index cdb4a08..faa6fd7 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -1,3 +1,12 @@
 {{ define "main" }}
+    <div class="presentation">
+    
     {{ .Content }}
+    </div>
+    <h2>My projects</h2>
+    <div class="projects_gallery">
+        {{ range .Site.RegularPages}}
+          {{- partial "projects_gallery.html" . -}}
+        {{ end }}
+      </div>
 {{ end }}
\ No newline at end of file
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 734b737..8b4b176 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -2,6 +2,8 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="{{ "/css/style.css" | relURL }}">
+    <link rel="stylesheet" href="{{ "css/style.css" | relURL }}">
+
     <title>{{ .Site.Title }}</title>
-</head>
\ No newline at end of file
+</head>
+
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index c0cc9db..b3f7aef 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -1,11 +1,22 @@
 <header>
-    <img src="{{"/images/logo.svg" | relURL}}" alt="logo">
-    <h1>{{ .Site.Title}}</h1>
-    <nav>
+    <div class="logo_section">
+    <img src="{{"https://media.giphy.com/media/M4NykXxUE0HAcK7UJ6/giphy.gif" | relURL}}" alt="logo" id="logo">
+    <a href = "{{"https://www.linkedin.com/in/maria-fernanda-fernandes-rezende-3169b31b5/" | relURL}}">
+        <img src="{{"https://img.shields.io/badge/-LinkedIn-0e76a8?style=for-the-badge&logo=Linkedin&logoColor=white" | relURL}}" alt="My Linkedin page">
+    </a>
+    <a href = "{{"mailto:mariarezende1313@gmail.com" | relURL}}">
+        <img src="{{"https://img.shields.io/badge/Gmail-D14836?style=for-the-badge&logo=gmail&logoColor=white" | relURL}}" alt="Mail me!">
+    </a>
+    <a href = "{{"https://github.com/mariarezende07/" | relURL}}">
+        <img src="{{"https://img.shields.io/badge/GitHub-100000?style=for-the-badge&logo=github&logoColor=white" | relURL}}" alt="Mail me!">
+    </a>
+    
+    <h1 id="site_title">{{ .Site.Title}}<img src="{{"https://media.giphy.com/media/mGcNjsfWAjY5AEZNw6/giphy.gif" | relURL}}" alt="title_gif" width="50px"></h1>
+    </div>
+    
+    <nav class="main_menu">
         <ul>
-            <li><a href="{{ "" | relURL }}">Home</a></li>
-            <li><a href="{{ "about" | relURL }}">Sobre</a></li>
-            <li><a href="{{ "tutorials" | relURL }}">Tutoriais</a></li>
+          
         </ul>
     </nav>
 </header>
\ No newline at end of file
diff --git a/layouts/partials/projects_gallery.html b/layouts/partials/projects_gallery.html
new file mode 100644
index 0000000..525b332
--- /dev/null
+++ b/layouts/partials/projects_gallery.html
@@ -0,0 +1,11 @@
+<div class="project_thumb">
+    <a href="{{ .Permalink }}">
+    {{ if .Params.thumbnail }}
+    <img src="{{ .Params.thumbnail }}" alt="{{ .Params.title }}" class="thumbnail" />
+    {{ end }}
+    <div class="overlay">
+        <div class="thumbnail_title">{{ .Params.title }}</div>
+        <div class="description">{{ .Params.description }}</div>
+    </div>
+    </a>
+</div>
\ No newline at end of file
diff --git a/static/css/style.css b/static/css/style.css
index a72f68e..aaa46b4 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -1,23 +1,97 @@
-header {
-    display: flex;
-    justify-content: space-between;
-    width: 80%;
-    margin: 0 auto;
-  }
+header{width: 100%; margin: auto;
+text-align: center;}
+body, * body{
+  background-color: #1A1423;
+  color: #EACDC2;
+  font-family: Roboto, sans-serif
+}
+.logo_section { 
+  text-align: center;
+}
+#logo{
+  display: block;
+  margin: auto;
+  -webkit-mask-image: url(../images/circle_mask.png);
+  mask-image: url(../images/circle_mask.png);
+  -webkit-mask-size: 100%;
+  mask-size: 100%;
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;   
+  width: 30%;
+}
+
+
+
+
+
+.main_menu a {
+	background: #B75D69;
+	color: #EACDC2;
+	display: block;
+	padding: 10px 65px;
+	text-align: center;
+	text-decoration: none;
+	-webkit-transition: all .25s ease;
+	-moz-transition: all .25s ease;
+	-ms-transition: all .25s ease;
+	-o-transition: all .25s ease;
+	transition: all .25s ease;
+}
+.main_menu li:hover a {
+	background: #774c60;
+}
+
+main{
+  margin: 2% 5%;
+}
+.presentation{
+  display: flex;
+  flex-wrap: wrap;
+  text-align: center;
+}
+
+.presentation img{
+    -webkit-mask-image: url(../images/circle_mask.png);
+    mask-image: url(../images/circle_mask.png);
+    -webkit-mask-size: 100%;
+    mask-size: 100%;
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;   
+    width: 50%;
   
-  main {
-    width: 80%;
-    margin: 0 auto;
-    flex: 1;
-  }
+}
+.presentation ul{list-style: none; text-align: left;}
+.presentation ul li a{color: #B75D69}
+.presentation h1{width: 100%;}
+
+.projects_gallery{
+  display: flex;
+}
+.thumbnail{
+  width: 300px;
+  height: 170px;
+  border-radius: 5%;
+}
+
+.overlay {
+  position: absolute;
+  width: 300px;
+  height: 173px;
+  margin-top: -173px;
+  opacity: 0;
+  transition: .5s ease;
+  background-color: #774C60;
+  color: #EACDC2;
+  text-align: center;
   
-  footer {
-    display: flex;
-    justify-content: center;
-  }
-  
-  body {
-    height: 100vh;
-    display: flex;
-    flex-direction: column;
-  }
\ No newline at end of file
+}
+
+
+.project_thumb:hover .overlay {
+  opacity: 0.8;
+}
+
+.thumbnail_title{
+font-weight: bold;
+padding: 2%
+}
\ No newline at end of file
diff --git a/static/images/circle_mask.png b/static/images/circle_mask.png
new file mode 100644
index 0000000000000000000000000000000000000000..a9c13136d354b1b328d9d4d0a10014255568df21
GIT binary patch
literal 6211
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

literal 0
HcmV?d00001

diff --git a/static/images/logo.svg b/static/images/logo.svg
deleted file mode 100644
index 5f1636b..0000000
--- a/static/images/logo.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="64" height="64">
-    <rect x="0" y="0" height="64" width="64" style="stroke:#ff0000; fill: #0000ff"/>
-</svg>
\ No newline at end of file
diff --git a/static/images/presidenciaveis.png b/static/images/presidenciaveis.png
new file mode 100644
index 0000000000000000000000000000000000000000..822b6ac861c35b63b18c3d89f20b79ff1e705c1e
GIT binary patch
literal 7241
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
M17q!qdycRE0|aaa4*&oF

literal 0
HcmV?d00001

-- 
GitLab


From e52f5d098cb7fbb343e6e578393cb143bd611a62 Mon Sep 17 00:00:00 2001
From: mariarezende07 <maloasan@gmail.com>
Date: Fri, 7 Oct 2022 15:08:09 -0300
Subject: [PATCH 2/8] =?UTF-8?q?=E2=9C=A8=20Add=20all=20pages?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 content/education/itb.md             | 18 ++++++++++++++++++
 content/education/poli.md            | 18 ++++++++++++++++++
 content/extracurricular/thunder.md   | 18 ++++++++++++++++++
 content/extracurricular/turing.md    | 18 ++++++++++++++++++
 content/projects/claricelispector.md | 18 ++++++++++++++++++
 content/projects/formationcontrol.md | 18 ++++++++++++++++++
 content/projects/gis.md              | 18 ++++++++++++++++++
 content/projects/linefollower.md     | 18 ++++++++++++++++++
 content/projects/presidenciaveis.md  | 18 ++++++++++++++++++
 layouts/index.html                   | 18 ++++++++++++++++--
 static/css/style.css                 |  8 ++++++--
 11 files changed, 184 insertions(+), 4 deletions(-)
 create mode 100644 content/education/itb.md
 create mode 100644 content/education/poli.md
 create mode 100644 content/extracurricular/thunder.md
 create mode 100644 content/extracurricular/turing.md

diff --git a/content/education/itb.md b/content/education/itb.md
new file mode 100644
index 0000000..86778c1
--- /dev/null
+++ b/content/education/itb.md
@@ -0,0 +1,18 @@
+---
+author: "Thunderleague team from Thunderatz"
+title: "Thunderleague"
+description: "RSS2D simulated team, which tries to copy real soccer players’ decisions. Implemented reinforcement
+learning and neural networks in decision systems through data extracted from the games."
+tags: ["thunderatz","nn","c++"]
+thumbnail: https://rcss.ir/docs/2D/FA/img/doc/intro/2d-overview-field.jpg
+---
+
+RSS2D simulated team, which tries to copy real soccer players’ decisions. Implemented reinforcement
+learning and neural networks in decision systems through data extracted from the games.
+
+<!--more-->
+
+## Competitions
+- IRONCup 2021 - 1st place with ThunderLeague in RSS2D
+- IranOpen 2021 - 11th place with ThunderLeague in RSS2D
+- RoboCup 2021 - 14th place with ThunderLeague in RSS2D
\ No newline at end of file
diff --git a/content/education/poli.md b/content/education/poli.md
new file mode 100644
index 0000000..86778c1
--- /dev/null
+++ b/content/education/poli.md
@@ -0,0 +1,18 @@
+---
+author: "Thunderleague team from Thunderatz"
+title: "Thunderleague"
+description: "RSS2D simulated team, which tries to copy real soccer players’ decisions. Implemented reinforcement
+learning and neural networks in decision systems through data extracted from the games."
+tags: ["thunderatz","nn","c++"]
+thumbnail: https://rcss.ir/docs/2D/FA/img/doc/intro/2d-overview-field.jpg
+---
+
+RSS2D simulated team, which tries to copy real soccer players’ decisions. Implemented reinforcement
+learning and neural networks in decision systems through data extracted from the games.
+
+<!--more-->
+
+## Competitions
+- IRONCup 2021 - 1st place with ThunderLeague in RSS2D
+- IranOpen 2021 - 11th place with ThunderLeague in RSS2D
+- RoboCup 2021 - 14th place with ThunderLeague in RSS2D
\ No newline at end of file
diff --git a/content/extracurricular/thunder.md b/content/extracurricular/thunder.md
new file mode 100644
index 0000000..86778c1
--- /dev/null
+++ b/content/extracurricular/thunder.md
@@ -0,0 +1,18 @@
+---
+author: "Thunderleague team from Thunderatz"
+title: "Thunderleague"
+description: "RSS2D simulated team, which tries to copy real soccer players’ decisions. Implemented reinforcement
+learning and neural networks in decision systems through data extracted from the games."
+tags: ["thunderatz","nn","c++"]
+thumbnail: https://rcss.ir/docs/2D/FA/img/doc/intro/2d-overview-field.jpg
+---
+
+RSS2D simulated team, which tries to copy real soccer players’ decisions. Implemented reinforcement
+learning and neural networks in decision systems through data extracted from the games.
+
+<!--more-->
+
+## Competitions
+- IRONCup 2021 - 1st place with ThunderLeague in RSS2D
+- IranOpen 2021 - 11th place with ThunderLeague in RSS2D
+- RoboCup 2021 - 14th place with ThunderLeague in RSS2D
\ No newline at end of file
diff --git a/content/extracurricular/turing.md b/content/extracurricular/turing.md
new file mode 100644
index 0000000..86778c1
--- /dev/null
+++ b/content/extracurricular/turing.md
@@ -0,0 +1,18 @@
+---
+author: "Thunderleague team from Thunderatz"
+title: "Thunderleague"
+description: "RSS2D simulated team, which tries to copy real soccer players’ decisions. Implemented reinforcement
+learning and neural networks in decision systems through data extracted from the games."
+tags: ["thunderatz","nn","c++"]
+thumbnail: https://rcss.ir/docs/2D/FA/img/doc/intro/2d-overview-field.jpg
+---
+
+RSS2D simulated team, which tries to copy real soccer players’ decisions. Implemented reinforcement
+learning and neural networks in decision systems through data extracted from the games.
+
+<!--more-->
+
+## Competitions
+- IRONCup 2021 - 1st place with ThunderLeague in RSS2D
+- IranOpen 2021 - 11th place with ThunderLeague in RSS2D
+- RoboCup 2021 - 14th place with ThunderLeague in RSS2D
\ No newline at end of file
diff --git a/content/projects/claricelispector.md b/content/projects/claricelispector.md
index e69de29..86778c1 100644
--- a/content/projects/claricelispector.md
+++ b/content/projects/claricelispector.md
@@ -0,0 +1,18 @@
+---
+author: "Thunderleague team from Thunderatz"
+title: "Thunderleague"
+description: "RSS2D simulated team, which tries to copy real soccer players’ decisions. Implemented reinforcement
+learning and neural networks in decision systems through data extracted from the games."
+tags: ["thunderatz","nn","c++"]
+thumbnail: https://rcss.ir/docs/2D/FA/img/doc/intro/2d-overview-field.jpg
+---
+
+RSS2D simulated team, which tries to copy real soccer players’ decisions. Implemented reinforcement
+learning and neural networks in decision systems through data extracted from the games.
+
+<!--more-->
+
+## Competitions
+- IRONCup 2021 - 1st place with ThunderLeague in RSS2D
+- IranOpen 2021 - 11th place with ThunderLeague in RSS2D
+- RoboCup 2021 - 14th place with ThunderLeague in RSS2D
\ No newline at end of file
diff --git a/content/projects/formationcontrol.md b/content/projects/formationcontrol.md
index e69de29..86778c1 100644
--- a/content/projects/formationcontrol.md
+++ b/content/projects/formationcontrol.md
@@ -0,0 +1,18 @@
+---
+author: "Thunderleague team from Thunderatz"
+title: "Thunderleague"
+description: "RSS2D simulated team, which tries to copy real soccer players’ decisions. Implemented reinforcement
+learning and neural networks in decision systems through data extracted from the games."
+tags: ["thunderatz","nn","c++"]
+thumbnail: https://rcss.ir/docs/2D/FA/img/doc/intro/2d-overview-field.jpg
+---
+
+RSS2D simulated team, which tries to copy real soccer players’ decisions. Implemented reinforcement
+learning and neural networks in decision systems through data extracted from the games.
+
+<!--more-->
+
+## Competitions
+- IRONCup 2021 - 1st place with ThunderLeague in RSS2D
+- IranOpen 2021 - 11th place with ThunderLeague in RSS2D
+- RoboCup 2021 - 14th place with ThunderLeague in RSS2D
\ No newline at end of file
diff --git a/content/projects/gis.md b/content/projects/gis.md
index e69de29..86778c1 100644
--- a/content/projects/gis.md
+++ b/content/projects/gis.md
@@ -0,0 +1,18 @@
+---
+author: "Thunderleague team from Thunderatz"
+title: "Thunderleague"
+description: "RSS2D simulated team, which tries to copy real soccer players’ decisions. Implemented reinforcement
+learning and neural networks in decision systems through data extracted from the games."
+tags: ["thunderatz","nn","c++"]
+thumbnail: https://rcss.ir/docs/2D/FA/img/doc/intro/2d-overview-field.jpg
+---
+
+RSS2D simulated team, which tries to copy real soccer players’ decisions. Implemented reinforcement
+learning and neural networks in decision systems through data extracted from the games.
+
+<!--more-->
+
+## Competitions
+- IRONCup 2021 - 1st place with ThunderLeague in RSS2D
+- IranOpen 2021 - 11th place with ThunderLeague in RSS2D
+- RoboCup 2021 - 14th place with ThunderLeague in RSS2D
\ No newline at end of file
diff --git a/content/projects/linefollower.md b/content/projects/linefollower.md
index e69de29..86778c1 100644
--- a/content/projects/linefollower.md
+++ b/content/projects/linefollower.md
@@ -0,0 +1,18 @@
+---
+author: "Thunderleague team from Thunderatz"
+title: "Thunderleague"
+description: "RSS2D simulated team, which tries to copy real soccer players’ decisions. Implemented reinforcement
+learning and neural networks in decision systems through data extracted from the games."
+tags: ["thunderatz","nn","c++"]
+thumbnail: https://rcss.ir/docs/2D/FA/img/doc/intro/2d-overview-field.jpg
+---
+
+RSS2D simulated team, which tries to copy real soccer players’ decisions. Implemented reinforcement
+learning and neural networks in decision systems through data extracted from the games.
+
+<!--more-->
+
+## Competitions
+- IRONCup 2021 - 1st place with ThunderLeague in RSS2D
+- IranOpen 2021 - 11th place with ThunderLeague in RSS2D
+- RoboCup 2021 - 14th place with ThunderLeague in RSS2D
\ No newline at end of file
diff --git a/content/projects/presidenciaveis.md b/content/projects/presidenciaveis.md
index e69de29..86778c1 100644
--- a/content/projects/presidenciaveis.md
+++ b/content/projects/presidenciaveis.md
@@ -0,0 +1,18 @@
+---
+author: "Thunderleague team from Thunderatz"
+title: "Thunderleague"
+description: "RSS2D simulated team, which tries to copy real soccer players’ decisions. Implemented reinforcement
+learning and neural networks in decision systems through data extracted from the games."
+tags: ["thunderatz","nn","c++"]
+thumbnail: https://rcss.ir/docs/2D/FA/img/doc/intro/2d-overview-field.jpg
+---
+
+RSS2D simulated team, which tries to copy real soccer players’ decisions. Implemented reinforcement
+learning and neural networks in decision systems through data extracted from the games.
+
+<!--more-->
+
+## Competitions
+- IRONCup 2021 - 1st place with ThunderLeague in RSS2D
+- IranOpen 2021 - 11th place with ThunderLeague in RSS2D
+- RoboCup 2021 - 14th place with ThunderLeague in RSS2D
\ No newline at end of file
diff --git a/layouts/index.html b/layouts/index.html
index faa6fd7..7bf592d 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -5,8 +5,22 @@
     </div>
     <h2>My projects</h2>
     <div class="projects_gallery">
-        {{ range .Site.RegularPages}}
+        {{ range where .Site.RegularPages "Section" "projects"}}
           {{- partial "projects_gallery.html" . -}}
         {{ end }}
-      </div>
+    </div>
+
+    <h2>My education</h2>
+    <div class="projects_gallery">
+        {{ range where .Site.RegularPages "Section" "education"}}
+          {{- partial "projects_gallery.html" . -}}
+        {{ end }}
+    </div>
+
+    <h2>My extracurriculars</h2>
+    <div class="projects_gallery">
+        {{ range where .Site.RegularPages "Section" "extracurricular"}}
+          {{- partial "projects_gallery.html" . -}}
+        {{ end }}
+    </div>
 {{ end }}
\ No newline at end of file
diff --git a/static/css/style.css b/static/css/style.css
index aaa46b4..ac96b3d 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -57,7 +57,7 @@ main{
     mask-size: 100%;
     -webkit-mask-repeat: no-repeat;
     mask-repeat: no-repeat;   
-    width: 50%;
+    width: 300px;
   
 }
 .presentation ul{list-style: none; text-align: left;}
@@ -66,6 +66,8 @@ main{
 
 .projects_gallery{
   display: flex;
+  flex-wrap: wrap;
+    
 }
 .thumbnail{
   width: 300px;
@@ -85,7 +87,9 @@ main{
   text-align: center;
   
 }
-
+.project_thumb{
+  margin: 10px;
+}
 
 .project_thumb:hover .overlay {
   opacity: 0.8;
-- 
GitLab


From 51ef3095545b9f91222300f00c567972b9c236a8 Mon Sep 17 00:00:00 2001
From: mariarezende07 <maloasan@gmail.com>
Date: Fri, 7 Oct 2022 15:54:16 -0300
Subject: [PATCH 3/8] =?UTF-8?q?=E2=9C=A8=20Add=20menu=20and=20Saas?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 content/_index.md            |   4 +-
 layouts/partials/header.html |  19 +++--
 static/css/style.css         | 157 ++++++++++++++++++++++++-----------
 static/css/style.css.map     |   1 +
 static/css/style.scss        | 145 ++++++++++++++++++++++++++++++++
 5 files changed, 268 insertions(+), 58 deletions(-)
 create mode 100644 static/css/style.css.map
 create mode 100644 static/css/style.scss

diff --git a/content/_index.md b/content/_index.md
index 28b5fa0..e3633c0 100644
--- a/content/_index.md
+++ b/content/_index.md
@@ -1,6 +1,4 @@
-# Hey! I'm Maria
-
-![Anime girl coding](https://i.redd.it/r9i4b4833xm21.jpg)
+![Anime girl coding](https://64.media.tumblr.com/03658148571b9068b4cd0be6e4c7c27f/5286e5ec0e46cf9e-08/s500x750/7ffd237ba0805733d0df0116bb54c2092446eced.png)
 
 I am a mechatronics engineering student with a passion for data science, AI and automation.
 
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index b3f7aef..9b4ce0a 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -1,6 +1,10 @@
 <header>
     <div class="logo_section">
     <img src="{{"https://media.giphy.com/media/M4NykXxUE0HAcK7UJ6/giphy.gif" | relURL}}" alt="logo" id="logo">
+    
+    <h1 id="site_title">{{ .Site.Title}}<img src="{{"https://media.giphy.com/media/mGcNjsfWAjY5AEZNw6/giphy.gif" | relURL}}" alt="title_gif" width="50px"></h1>
+    </div>
+
     <a href = "{{"https://www.linkedin.com/in/maria-fernanda-fernandes-rezende-3169b31b5/" | relURL}}">
         <img src="{{"https://img.shields.io/badge/-LinkedIn-0e76a8?style=for-the-badge&logo=Linkedin&logoColor=white" | relURL}}" alt="My Linkedin page">
     </a>
@@ -11,12 +15,13 @@
         <img src="{{"https://img.shields.io/badge/GitHub-100000?style=for-the-badge&logo=github&logoColor=white" | relURL}}" alt="Mail me!">
     </a>
     
-    <h1 id="site_title">{{ .Site.Title}}<img src="{{"https://media.giphy.com/media/mGcNjsfWAjY5AEZNw6/giphy.gif" | relURL}}" alt="title_gif" width="50px"></h1>
-    </div>
     
-    <nav class="main_menu">
-        <ul>
-          
-        </ul>
-    </nav>
+    
+    <nav class="navMenu">
+        <a href="#">Home</a>
+        <a href="#">Blog</a>
+        <a href="#">Work</a>
+        <a href="#">About</a>
+        <div class="dot"></div>
+      </nav>
 </header>
\ No newline at end of file
diff --git a/static/css/style.css b/static/css/style.css
index ac96b3d..ecd34f7 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -1,14 +1,24 @@
-header{width: 100%; margin: auto;
-text-align: center;}
-body, * body{
+header {
+  width: 100%;
+  margin: auto;
+  text-align: center;
+}
+
+body, * body {
   background-color: #1A1423;
   color: #EACDC2;
-  font-family: Roboto, sans-serif
+  font-family: Roboto, sans-serif;
 }
-.logo_section { 
+
+.logo_section {
   text-align: center;
 }
-#logo{
+
+.logo_section h1 {
+  margin: auto;
+}
+
+#logo {
   display: block;
   margin: auto;
   -webkit-mask-image: url(../images/circle_mask.png);
@@ -16,60 +26,57 @@ body, * body{
   -webkit-mask-size: 100%;
   mask-size: 100%;
   -webkit-mask-repeat: no-repeat;
-  mask-repeat: no-repeat;   
-  width: 30%;
+  mask-repeat: no-repeat;
+  width: 200px;
 }
 
-
-
-
-
 .main_menu a {
-	background: #B75D69;
-	color: #EACDC2;
-	display: block;
-	padding: 10px 65px;
-	text-align: center;
-	text-decoration: none;
-	-webkit-transition: all .25s ease;
-	-moz-transition: all .25s ease;
-	-ms-transition: all .25s ease;
-	-o-transition: all .25s ease;
-	transition: all .25s ease;
+  background: #B75D69;
+  color: #EACDC2;
+  display: block;
+  padding: 10px 65px;
+  text-align: center;
+  text-decoration: none;
+  transition: all 0.25s ease;
 }
+
 .main_menu li:hover a {
-	background: #774c60;
+  background: #774C60;
 }
 
-main{
+main {
   margin: 2% 5%;
 }
-.presentation{
+
+.presentation {
   display: flex;
   flex-wrap: wrap;
   text-align: center;
 }
 
-.presentation img{
-    -webkit-mask-image: url(../images/circle_mask.png);
-    mask-image: url(../images/circle_mask.png);
-    -webkit-mask-size: 100%;
-    mask-size: 100%;
-    -webkit-mask-repeat: no-repeat;
-    mask-repeat: no-repeat;   
-    width: 300px;
-  
+.presentation img {
+  width: 300px;
+}
+
+.presentation ul {
+  list-style: none;
+  text-align: left;
+}
+
+.presentation ul li a {
+  color: #B75D69;
 }
-.presentation ul{list-style: none; text-align: left;}
-.presentation ul li a{color: #B75D69}
-.presentation h1{width: 100%;}
 
-.projects_gallery{
+.presentation h1 {
+  width: 100%;
+}
+
+.projects_gallery {
   display: flex;
   flex-wrap: wrap;
-    
 }
-.thumbnail{
+
+.thumbnail {
   width: 300px;
   height: 170px;
   border-radius: 5%;
@@ -81,13 +88,13 @@ main{
   height: 173px;
   margin-top: -173px;
   opacity: 0;
-  transition: .5s ease;
+  transition: 0.5s ease;
   background-color: #774C60;
   color: #EACDC2;
   text-align: center;
-  
 }
-.project_thumb{
+
+.project_thumb {
   margin: 10px;
 }
 
@@ -95,7 +102,61 @@ main{
   opacity: 0.8;
 }
 
-.thumbnail_title{
-font-weight: bold;
-padding: 2%
-}
\ No newline at end of file
+.thumbnail_title {
+  font-weight: bold;
+  padding: 2%;
+}
+
+.navMenu {
+  margin-top: 30px;
+}
+
+.navMenu a {
+  color: #EACDC2;
+  text-align: center;
+  text-decoration: none;
+  font-size: 1.2em;
+  text-transform: uppercase;
+  font-weight: 500;
+  display: inline-block;
+  width: 80px;
+  transition: all 0.2s ease-in-out;
+}
+
+.navMenu a:hover {
+  color: #774C60;
+}
+
+.navMenu .dot {
+  width: 6px;
+  height: 6px;
+  background: #774C60;
+  border-radius: 50%;
+  opacity: 0;
+  transform: translateX(480px);
+  transition: all 0.2s ease-in-out;
+}
+
+.navMenu a:nth-child(1):hover ~ .dot {
+  transform: translateX(562px);
+  transition: all 0.2s ease-in-out;
+  opacity: 1;
+}
+
+.navMenu a:nth-child(2):hover ~ .dot {
+  transform: translateX(644px);
+  transition: all 0.2s ease-in-out;
+  opacity: 1;
+}
+
+.navMenu a:nth-child(3):hover ~ .dot {
+  transform: translateX(726px);
+  transition: all 0.2s ease-in-out;
+  opacity: 1;
+}
+
+.navMenu a:nth-child(4):hover ~ .dot {
+  transform: translateX(808px);
+  transition: all 0.2s ease-in-out;
+  opacity: 1;
+}/*# sourceMappingURL=style.css.map */
\ No newline at end of file
diff --git a/static/css/style.css.map b/static/css/style.css.map
new file mode 100644
index 0000000..52bb69d
--- /dev/null
+++ b/static/css/style.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["style.scss","style.css"],"names":[],"mappings":"AASA;EAAO,WAAA;EAAa,YAAA;EACpB,kBAAA;ACNA;;ADOA;EACE,yBAPS;EAQT,cAZY;EAaZ,+BAAA;ACJF;;ADMA;EACE,kBAAA;ACHF;;ADKA;EACE,YAAA;ACFF;;ADIA;EACE,cAAA;EACA,YAAA;EACA,kDAlBoB;EAmBpB,0CAnBoB;EAoBpB,uBAAA;EACA,eAAA;EACA,8BAAA;EACA,sBAAA;EACA,YAAA;ACDF;;ADIA;EACC,mBA/BK;EAgCL,cAnCa;EAoCb,cAAA;EACA,kBAAA;EACA,kBAAA;EACA,qBAAA;EAKA,0BAAA;ACDD;;ADGA;EACC,mBA7CgB;AC6CjB;;ADGA;EACE,aAAA;ACAF;;ADEA;EACE,aAAA;EACA,eAAA;EACA,kBAAA;ACCF;;ADEA;EACI,YAAA;ACCJ;;ADCA;EAAiB,gBAAA;EAAkB,gBAAA;ACInC;;ADHA;EAAsB,cA5DhB;ACmEN;;ADNA;EAAiB,WAAA;ACUjB;;ADRA;EACE,aAAA;EACA,eAAA;ACWF;;ADRA;EACE,YAAA;EACA,aAAA;EACA,iBAAA;ACWF;;ADRA;EACE,kBAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;EACA,UAAA;EACA,qBAAA;EACA,yBAlFe;EAmFf,cArFY;EAsFZ,kBAAA;ACWF;;ADRA;EACE,YAAA;ACWF;;ADRA;EACE,YAAA;ACWF;;ADRA;EACA,iBAAA;EACA,WAAA;ACWA;;ADRA;EACE,gBAAA;ACWF;;ADRA;EACE,cA3GY;EA4GZ,kBAAA;EACA,qBAAA;EACA,gBAAA;EACA,yBAAA;EACA,gBAAA;EACA,qBAAA;EACA,WAAA;EAEA,gCAAA;ACWF;;ADRA;EACE,cAtHe;ACiIjB;;ADRA;EACE,UAAA;EACA,WAAA;EACA,mBA5He;EA6Hf,kBAAA;EACA,UAAA;EAEA,4BAAA;EAEA,gCAAA;ACWF;;ADPE;EAEE,4BAAA;EAEA,gCAAA;EACA,UAAA;ACUJ;;ADfE;EAEE,4BAAA;EAEA,gCAAA;EACA,UAAA;ACkBJ;;ADvBE;EAEE,4BAAA;EAEA,gCAAA;EACA,UAAA;AC0BJ;;AD/BE;EAEE,4BAAA;EAEA,gCAAA;EACA,UAAA;ACkCJ","file":"style.css"}
\ No newline at end of file
diff --git a/static/css/style.scss b/static/css/style.scss
new file mode 100644
index 0000000..2788567
--- /dev/null
+++ b/static/css/style.scss
@@ -0,0 +1,145 @@
+// pallette definition
+$white-color: #EACDC2;
+$lavender:#372549;
+$middle-lavender:#774C60;
+$pink:#B75D69;
+$bg-color: #1A1423;
+
+$circular-mask-image: url(../images/circle_mask.png);
+
+header{width: 100%; margin: auto;
+text-align: center;}
+body, * body{
+  background-color:$bg-color;
+  color: $white-color;
+  font-family: Roboto, sans-serif
+}
+.logo_section { 
+  text-align: center;
+}
+.logo_section h1{ 
+  margin: auto;
+}
+#logo{
+  display: block;
+  margin: auto;
+  -webkit-mask-image: $circular-mask-image;
+  mask-image: $circular-mask-image;
+  -webkit-mask-size: 100%;
+  mask-size: 100%;
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;   
+  width: 200px;
+}
+
+.main_menu a {
+	background: $pink;
+	color: $white-color;
+	display: block;
+	padding: 10px 65px;
+	text-align: center;
+	text-decoration: none;
+	-webkit-transition: all .25s ease;
+	-moz-transition: all .25s ease;
+	-ms-transition: all .25s ease;
+	-o-transition: all .25s ease;
+	transition: all .25s ease;
+}
+.main_menu li:hover a {
+	background: $middle-lavender;
+}
+
+main{
+  margin: 2% 5%;
+}
+.presentation{
+  display: flex;
+  flex-wrap: wrap;
+  text-align: center;
+}
+
+.presentation img{
+    width: 300px;
+}
+.presentation ul{list-style: none; text-align: left;}
+.presentation ul li a{color: $pink}
+.presentation h1{width: 100%;}
+
+.projects_gallery{
+  display: flex;
+  flex-wrap: wrap;
+    
+}
+.thumbnail{
+  width: 300px;
+  height: 170px;
+  border-radius: 5%;
+}
+
+.overlay {
+  position: absolute;
+  width: 300px;
+  height: 173px;
+  margin-top: -173px;
+  opacity: 0;
+  transition: .5s ease;
+  background-color: $middle-lavender;
+  color: $white-color;
+  text-align: center;
+  
+}
+.project_thumb{
+  margin: 10px;
+}
+
+.project_thumb:hover .overlay {
+  opacity: 0.8;
+}
+
+.thumbnail_title{
+font-weight: bold;
+padding: 2%
+}
+
+.navMenu {
+  margin-top: 30px;
+}
+
+.navMenu a {
+  color: $white-color;
+  text-align: center;
+  text-decoration: none;
+  font-size: 1.2em;
+  text-transform: uppercase;
+  font-weight: 500;
+  display: inline-block;
+  width: 80px;
+  -webkit-transition: all 0.2s ease-in-out;
+  transition: all 0.2s ease-in-out;
+}
+
+.navMenu a:hover {
+  color: $middle-lavender;
+}
+
+.navMenu .dot {
+  width: 6px;
+  height: 6px;
+  background: $middle-lavender;
+  border-radius: 50%;
+  opacity: 0;
+  -webkit-transform: translateX(480px);
+  transform: translateX(480px);
+  -webkit-transition: all 0.2s ease-in-out;
+  transition: all 0.2s ease-in-out;
+}
+$margin: 82px;
+@for $i from 1 through 4 {
+  .navMenu a:nth-child(#{$i}):hover ~ .dot {
+    -webkit-transform: translateX(480px + $i*$margin);
+    transform: translateX(480px +  $i*$margin);
+    -webkit-transition: all 0.2s ease-in-out;
+    transition: all 0.2s ease-in-out;
+    opacity: 1;
+  }
+}
\ No newline at end of file
-- 
GitLab


From cba51249abdf715ddccd3621a5e8882ce0a02259 Mon Sep 17 00:00:00 2001
From: mariarezende07 <maloasan@gmail.com>
Date: Fri, 7 Oct 2022 16:01:55 -0300
Subject: [PATCH 4/8] =?UTF-8?q?=F0=9F=93=9D=20Url=20section?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 static/css/style.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/static/css/style.scss b/static/css/style.scss
index 2788567..fb50267 100644
--- a/static/css/style.scss
+++ b/static/css/style.scss
@@ -4,7 +4,7 @@ $lavender:#372549;
 $middle-lavender:#774C60;
 $pink:#B75D69;
 $bg-color: #1A1423;
-
+// urls 
 $circular-mask-image: url(../images/circle_mask.png);
 
 header{width: 100%; margin: auto;
-- 
GitLab


From 740f67a3bf510e31e6234261d6891297715af562 Mon Sep 17 00:00:00 2001
From: mariarezende07 <maloasan@gmail.com>
Date: Fri, 7 Oct 2022 17:37:37 -0300
Subject: [PATCH 5/8] =?UTF-8?q?=E2=9C=A8=20Add=20sections?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 content/_index.md            |  7 ----
 layouts/index.html           |  6 ++--
 layouts/partials/header.html |  6 ++--
 static/css/style.css         | 65 +++++++-----------------------------
 static/css/style.css.map     |  2 +-
 static/css/style.scss        | 57 +++++++------------------------
 6 files changed, 31 insertions(+), 112 deletions(-)

diff --git a/content/_index.md b/content/_index.md
index e3633c0..da9ff9f 100644
--- a/content/_index.md
+++ b/content/_index.md
@@ -1,11 +1,4 @@
-![Anime girl coding](https://64.media.tumblr.com/03658148571b9068b4cd0be6e4c7c27f/5286e5ec0e46cf9e-08/s500x750/7ffd237ba0805733d0df0116bb54c2092446eced.png)
 
-I am a mechatronics engineering student with a passion for data science, AI and automation.
-
-- 👩‍🎓 Mechatronics engineer student at University of São Paulo
--  âš¡ Developer and researcher at Turing USP
-- 🔭 My focus is to develop my knowledge in quantitative finances and NLP
-- 📫 [Reach me!](mailto:mariarezende1313@gmail.com)
  
 
 
diff --git a/layouts/index.html b/layouts/index.html
index 7bf592d..a8a7f86 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -3,21 +3,21 @@
     
     {{ .Content }}
     </div>
-    <h2>My projects</h2>
+    <h2 id="project_sec"><img src="https://media.giphy.com/media/QTfX9Ejfra3ZmNxh6B/giphy.gif" width="20">My projects</h2>
     <div class="projects_gallery">
         {{ range where .Site.RegularPages "Section" "projects"}}
           {{- partial "projects_gallery.html" . -}}
         {{ end }}
     </div>
 
-    <h2>My education</h2>
+    <h2 id="educ_sec"><img src="https://media.giphy.com/media/MB75OzWrpUMOWfBHg0/giphy.gif" width="20">My education</h2>
     <div class="projects_gallery">
         {{ range where .Site.RegularPages "Section" "education"}}
           {{- partial "projects_gallery.html" . -}}
         {{ end }}
     </div>
 
-    <h2>My extracurriculars</h2>
+    <h2 id="extra_sec"><img src="https://media.giphy.com/media/g01P1Z9IjHtsf5TjQm/giphy.gif" width="20">My extracurriculars</h2>
     <div class="projects_gallery">
         {{ range where .Site.RegularPages "Section" "extracurricular"}}
           {{- partial "projects_gallery.html" . -}}
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 9b4ce0a..be2fc4e 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -19,9 +19,9 @@
     
     <nav class="navMenu">
         <a href="#">Home</a>
-        <a href="#">Blog</a>
-        <a href="#">Work</a>
-        <a href="#">About</a>
+        <a href="#project_sec">Projects</a>
+        <a href="#educ_sec">Education</a>
+        <a href="#extra_sec">Extracurriculars</a>
         <div class="dot"></div>
       </nav>
 </header>
\ No newline at end of file
diff --git a/static/css/style.css b/static/css/style.css
index ecd34f7..7186fd7 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -30,63 +30,22 @@ body, * body {
   width: 200px;
 }
 
-.main_menu a {
-  background: #B75D69;
-  color: #EACDC2;
-  display: block;
-  padding: 10px 65px;
-  text-align: center;
-  text-decoration: none;
-  transition: all 0.25s ease;
-}
-
-.main_menu li:hover a {
-  background: #774C60;
-}
-
-main {
-  margin: 2% 5%;
-}
-
-.presentation {
-  display: flex;
-  flex-wrap: wrap;
-  text-align: center;
-}
-
-.presentation img {
-  width: 300px;
-}
-
-.presentation ul {
-  list-style: none;
-  text-align: left;
-}
-
-.presentation ul li a {
-  color: #B75D69;
-}
-
-.presentation h1 {
-  width: 100%;
-}
-
 .projects_gallery {
   display: flex;
   flex-wrap: wrap;
 }
 
 .thumbnail {
-  width: 300px;
-  height: 170px;
+  width: 200px;
+  height: 200px;
   border-radius: 5%;
 }
 
 .overlay {
   position: absolute;
-  width: 300px;
-  height: 173px;
-  margin-top: -173px;
+  width: 200px;
+  height: 200px;
+  margin-top: -204px;
   opacity: 0;
   transition: 0.5s ease;
   background-color: #774C60;
@@ -117,9 +76,9 @@ main {
   text-decoration: none;
   font-size: 1.2em;
   text-transform: uppercase;
-  font-weight: 500;
+  font-weight: 400;
   display: inline-block;
-  width: 80px;
+  width: 200px;
   transition: all 0.2s ease-in-out;
 }
 
@@ -133,30 +92,30 @@ main {
   background: #774C60;
   border-radius: 50%;
   opacity: 0;
-  transform: translateX(480px);
+  transform: translateX(300px);
   transition: all 0.2s ease-in-out;
 }
 
 .navMenu a:nth-child(1):hover ~ .dot {
-  transform: translateX(562px);
+  transform: translateX(370px);
   transition: all 0.2s ease-in-out;
   opacity: 1;
 }
 
 .navMenu a:nth-child(2):hover ~ .dot {
-  transform: translateX(644px);
+  transform: translateX(570px);
   transition: all 0.2s ease-in-out;
   opacity: 1;
 }
 
 .navMenu a:nth-child(3):hover ~ .dot {
-  transform: translateX(726px);
+  transform: translateX(770px);
   transition: all 0.2s ease-in-out;
   opacity: 1;
 }
 
 .navMenu a:nth-child(4):hover ~ .dot {
-  transform: translateX(808px);
+  transform: translateX(970px);
   transition: all 0.2s ease-in-out;
   opacity: 1;
 }/*# sourceMappingURL=style.css.map */
\ No newline at end of file
diff --git a/static/css/style.css.map b/static/css/style.css.map
index 52bb69d..4ee6b9a 100644
--- a/static/css/style.css.map
+++ b/static/css/style.css.map
@@ -1 +1 @@
-{"version":3,"sources":["style.scss","style.css"],"names":[],"mappings":"AASA;EAAO,WAAA;EAAa,YAAA;EACpB,kBAAA;ACNA;;ADOA;EACE,yBAPS;EAQT,cAZY;EAaZ,+BAAA;ACJF;;ADMA;EACE,kBAAA;ACHF;;ADKA;EACE,YAAA;ACFF;;ADIA;EACE,cAAA;EACA,YAAA;EACA,kDAlBoB;EAmBpB,0CAnBoB;EAoBpB,uBAAA;EACA,eAAA;EACA,8BAAA;EACA,sBAAA;EACA,YAAA;ACDF;;ADIA;EACC,mBA/BK;EAgCL,cAnCa;EAoCb,cAAA;EACA,kBAAA;EACA,kBAAA;EACA,qBAAA;EAKA,0BAAA;ACDD;;ADGA;EACC,mBA7CgB;AC6CjB;;ADGA;EACE,aAAA;ACAF;;ADEA;EACE,aAAA;EACA,eAAA;EACA,kBAAA;ACCF;;ADEA;EACI,YAAA;ACCJ;;ADCA;EAAiB,gBAAA;EAAkB,gBAAA;ACInC;;ADHA;EAAsB,cA5DhB;ACmEN;;ADNA;EAAiB,WAAA;ACUjB;;ADRA;EACE,aAAA;EACA,eAAA;ACWF;;ADRA;EACE,YAAA;EACA,aAAA;EACA,iBAAA;ACWF;;ADRA;EACE,kBAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;EACA,UAAA;EACA,qBAAA;EACA,yBAlFe;EAmFf,cArFY;EAsFZ,kBAAA;ACWF;;ADRA;EACE,YAAA;ACWF;;ADRA;EACE,YAAA;ACWF;;ADRA;EACA,iBAAA;EACA,WAAA;ACWA;;ADRA;EACE,gBAAA;ACWF;;ADRA;EACE,cA3GY;EA4GZ,kBAAA;EACA,qBAAA;EACA,gBAAA;EACA,yBAAA;EACA,gBAAA;EACA,qBAAA;EACA,WAAA;EAEA,gCAAA;ACWF;;ADRA;EACE,cAtHe;ACiIjB;;ADRA;EACE,UAAA;EACA,WAAA;EACA,mBA5He;EA6Hf,kBAAA;EACA,UAAA;EAEA,4BAAA;EAEA,gCAAA;ACWF;;ADPE;EAEE,4BAAA;EAEA,gCAAA;EACA,UAAA;ACUJ;;ADfE;EAEE,4BAAA;EAEA,gCAAA;EACA,UAAA;ACkBJ;;ADvBE;EAEE,4BAAA;EAEA,gCAAA;EACA,UAAA;AC0BJ;;AD/BE;EAEE,4BAAA;EAEA,gCAAA;EACA,UAAA;ACkCJ","file":"style.css"}
\ No newline at end of file
+{"version":3,"sources":["style.scss","style.css"],"names":[],"mappings":"AASA;EAAO,WAAA;EAAa,YAAA;EACpB,kBAAA;ACNA;;ADOA;EACE,yBAPS;EAQT,cAZY;EAaZ,+BAAA;ACJF;;ADMA;EACE,kBAAA;ACHF;;ADKA;EACE,YAAA;ACFF;;ADIA;EACE,cAAA;EACA,YAAA;EACA,kDAlBoB;EAmBpB,0CAnBoB;EAoBpB,uBAAA;EACA,eAAA;EACA,8BAAA;EACA,sBAAA;EACA,YAAA;ACDF;;ADIA;EACE,aAAA;EACA,eAAA;ACDF;;ADIA;EACE,YAAA;EACA,aAAA;EACA,iBAAA;ACDF;;ADIA;EACE,kBAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;EACA,UAAA;EACA,qBAAA;EACA,yBAjDe;EAkDf,cApDY;EAqDZ,kBAAA;ACDF;;ADIA;EACE,YAAA;ACDF;;ADIA;EACE,YAAA;ACDF;;ADIA;EACA,iBAAA;EACA,WAAA;ACDA;;ADIA;EACE,gBAAA;ACDF;;ADIA;EACE,cA1EY;EA2EZ,kBAAA;EACA,qBAAA;EACA,gBAAA;EACA,yBAAA;EACA,gBAAA;EACA,qBAAA;EACA,YAAA;EAEA,gCAAA;ACDF;;ADIA;EACE,cArFe;ACoFjB;;ADIA;EACE,UAAA;EACA,WAAA;EACA,mBA3Fe;EA4Ff,kBAAA;EACA,UAAA;EAEA,4BAAA;EAEA,gCAAA;ACDF;;ADKE;EAEE,4BAAA;EAEA,gCAAA;EACA,UAAA;ACFJ;;ADHE;EAEE,4BAAA;EAEA,gCAAA;EACA,UAAA;ACMJ;;ADXE;EAEE,4BAAA;EAEA,gCAAA;EACA,UAAA;ACcJ;;ADnBE;EAEE,4BAAA;EAEA,gCAAA;EACA,UAAA;ACsBJ","file":"style.css"}
\ No newline at end of file
diff --git a/static/css/style.scss b/static/css/style.scss
index fb50267..16abfa8 100644
--- a/static/css/style.scss
+++ b/static/css/style.scss
@@ -32,55 +32,22 @@ body, * body{
   width: 200px;
 }
 
-.main_menu a {
-	background: $pink;
-	color: $white-color;
-	display: block;
-	padding: 10px 65px;
-	text-align: center;
-	text-decoration: none;
-	-webkit-transition: all .25s ease;
-	-moz-transition: all .25s ease;
-	-ms-transition: all .25s ease;
-	-o-transition: all .25s ease;
-	transition: all .25s ease;
-}
-.main_menu li:hover a {
-	background: $middle-lavender;
-}
-
-main{
-  margin: 2% 5%;
-}
-.presentation{
-  display: flex;
-  flex-wrap: wrap;
-  text-align: center;
-}
-
-.presentation img{
-    width: 300px;
-}
-.presentation ul{list-style: none; text-align: left;}
-.presentation ul li a{color: $pink}
-.presentation h1{width: 100%;}
-
 .projects_gallery{
   display: flex;
   flex-wrap: wrap;
     
 }
 .thumbnail{
-  width: 300px;
-  height: 170px;
+  width: 200px;
+  height: 200px;
   border-radius: 5%;
 }
 
 .overlay {
   position: absolute;
-  width: 300px;
-  height: 173px;
-  margin-top: -173px;
+  width: 200px;
+  height: 200px;
+  margin-top: -204px;
   opacity: 0;
   transition: .5s ease;
   background-color: $middle-lavender;
@@ -111,9 +78,9 @@ padding: 2%
   text-decoration: none;
   font-size: 1.2em;
   text-transform: uppercase;
-  font-weight: 500;
+  font-weight: 400;
   display: inline-block;
-  width: 80px;
+  width: 200px;
   -webkit-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
 }
@@ -128,16 +95,16 @@ padding: 2%
   background: $middle-lavender;
   border-radius: 50%;
   opacity: 0;
-  -webkit-transform: translateX(480px);
-  transform: translateX(480px);
+  -webkit-transform: translateX(300px);
+  transform: translateX(300px);
   -webkit-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
 }
-$margin: 82px;
+$margin: 200px;
 @for $i from 1 through 4 {
   .navMenu a:nth-child(#{$i}):hover ~ .dot {
-    -webkit-transform: translateX(480px + $i*$margin);
-    transform: translateX(480px +  $i*$margin);
+    -webkit-transform: translateX(170px + $i*$margin);
+    transform: translateX(170px +  $i*$margin);
     -webkit-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
     opacity: 1;
-- 
GitLab


From 17dce8bb7609322a7d4154cf88f504a74e827b45 Mon Sep 17 00:00:00 2001
From: mariarezende07 <maloasan@gmail.com>
Date: Sat, 8 Oct 2022 01:57:10 -0300
Subject: [PATCH 6/8] =?UTF-8?q?=E2=9C=A8=20Add=20darkmode?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 layouts/index.html           |  4 +++-
 layouts/partials/head.html   |  3 ++-
 layouts/partials/header.html |  2 +-
 layouts/partials/upto.html   |  0
 static/css/style.css         | 37 +++++++++++++++++++++++++------
 static/css/style.css.map     |  2 +-
 static/css/style.scss        | 42 +++++++++++++++++++++++++-----------
 static/js/script.js          | 16 ++++++++++++++
 8 files changed, 82 insertions(+), 24 deletions(-)
 create mode 100644 layouts/partials/upto.html
 create mode 100644 static/js/script.js

diff --git a/layouts/index.html b/layouts/index.html
index a8a7f86..1fd3342 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -23,4 +23,6 @@
           {{- partial "projects_gallery.html" . -}}
         {{ end }}
     </div>
-{{ end }}
\ No newline at end of file
+
+    <a id="light_button" href="#" onclick="switchTheme()" ><img src="https://cdn-icons-png.flaticon.com/512/95/95148.png"></a>
+    {{ end }}
\ No newline at end of file
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 8b4b176..8943250 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -3,7 +3,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="{{ "css/style.css" | relURL }}">
-
+    <script src="https://code.jquery.com/jquery-1.9.1.js"></script>
+    <script defer src="{{ "js/script.js" | relURL }}"></script>
     <title>{{ .Site.Title }}</title>
 </head>
 
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index be2fc4e..bdf9b66 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -1,6 +1,6 @@
 <header>
     <div class="logo_section">
-    <img src="{{"https://media.giphy.com/media/M4NykXxUE0HAcK7UJ6/giphy.gif" | relURL}}" alt="logo" id="logo">
+    <img src="{{"https://64.media.tumblr.com/03658148571b9068b4cd0be6e4c7c27f/5286e5ec0e46cf9e-08/s500x750/7ffd237ba0805733d0df0116bb54c2092446eced.png" | relURL}}" alt="logo" id="logo">
     
     <h1 id="site_title">{{ .Site.Title}}<img src="{{"https://media.giphy.com/media/mGcNjsfWAjY5AEZNw6/giphy.gif" | relURL}}" alt="title_gif" width="50px"></h1>
     </div>
diff --git a/layouts/partials/upto.html b/layouts/partials/upto.html
new file mode 100644
index 0000000..e69de29
diff --git a/static/css/style.css b/static/css/style.css
index 7186fd7..1473e7f 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -1,3 +1,26 @@
+:root[data-theme=theme-light] {
+  --white-color: #1A1423;
+  --lavender:#372549;
+  --middle-lavender:#774C60;
+  --pink:#B75D69;
+  --bg-color: #EACDC2;
+}
+
+:root[data-theme=theme-dark] {
+  --white-color: #EACDC2;
+  --lavender:#372549;
+  --middle-lavender:#774C60;
+  --pink:#B75D69;
+  --bg-color: #1A1423;
+}
+
+#light_button img {
+  background-size: 40px 40px;
+  position: absolute;
+  width: 40px;
+  height: 40px;
+}
+
 header {
   width: 100%;
   margin: auto;
@@ -5,8 +28,8 @@ header {
 }
 
 body, * body {
-  background-color: #1A1423;
-  color: #EACDC2;
+  background-color: var(--bg-color);
+  color: var(--white-color);
   font-family: Roboto, sans-serif;
 }
 
@@ -48,8 +71,8 @@ body, * body {
   margin-top: -204px;
   opacity: 0;
   transition: 0.5s ease;
-  background-color: #774C60;
-  color: #EACDC2;
+  background-color: var(--middle-lavender);
+  color: var(--white-color);
   text-align: center;
 }
 
@@ -71,7 +94,7 @@ body, * body {
 }
 
 .navMenu a {
-  color: #EACDC2;
+  color: var(--white-color);
   text-align: center;
   text-decoration: none;
   font-size: 1.2em;
@@ -83,13 +106,13 @@ body, * body {
 }
 
 .navMenu a:hover {
-  color: #774C60;
+  color: var(--middle-lavender);
 }
 
 .navMenu .dot {
   width: 6px;
   height: 6px;
-  background: #774C60;
+  background: var(--middle-lavender);
   border-radius: 50%;
   opacity: 0;
   transform: translateX(300px);
diff --git a/static/css/style.css.map b/static/css/style.css.map
index 4ee6b9a..3021774 100644
--- a/static/css/style.css.map
+++ b/static/css/style.css.map
@@ -1 +1 @@
-{"version":3,"sources":["style.scss","style.css"],"names":[],"mappings":"AASA;EAAO,WAAA;EAAa,YAAA;EACpB,kBAAA;ACNA;;ADOA;EACE,yBAPS;EAQT,cAZY;EAaZ,+BAAA;ACJF;;ADMA;EACE,kBAAA;ACHF;;ADKA;EACE,YAAA;ACFF;;ADIA;EACE,cAAA;EACA,YAAA;EACA,kDAlBoB;EAmBpB,0CAnBoB;EAoBpB,uBAAA;EACA,eAAA;EACA,8BAAA;EACA,sBAAA;EACA,YAAA;ACDF;;ADIA;EACE,aAAA;EACA,eAAA;ACDF;;ADIA;EACE,YAAA;EACA,aAAA;EACA,iBAAA;ACDF;;ADIA;EACE,kBAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;EACA,UAAA;EACA,qBAAA;EACA,yBAjDe;EAkDf,cApDY;EAqDZ,kBAAA;ACDF;;ADIA;EACE,YAAA;ACDF;;ADIA;EACE,YAAA;ACDF;;ADIA;EACA,iBAAA;EACA,WAAA;ACDA;;ADIA;EACE,gBAAA;ACDF;;ADIA;EACE,cA1EY;EA2EZ,kBAAA;EACA,qBAAA;EACA,gBAAA;EACA,yBAAA;EACA,gBAAA;EACA,qBAAA;EACA,YAAA;EAEA,gCAAA;ACDF;;ADIA;EACE,cArFe;ACoFjB;;ADIA;EACE,UAAA;EACA,WAAA;EACA,mBA3Fe;EA4Ff,kBAAA;EACA,UAAA;EAEA,4BAAA;EAEA,gCAAA;ACDF;;ADKE;EAEE,4BAAA;EAEA,gCAAA;EACA,UAAA;ACFJ;;ADHE;EAEE,4BAAA;EAEA,gCAAA;EACA,UAAA;ACMJ;;ADXE;EAEE,4BAAA;EAEA,gCAAA;EACA,UAAA;ACcJ;;ADnBE;EAEE,4BAAA;EAEA,gCAAA;EACA,UAAA;ACsBJ","file":"style.css"}
\ No newline at end of file
+{"version":3,"sources":["style.scss","style.css"],"names":[],"mappings":"AAAA;EACE,sBAAA;EACA,kBAAA;EACA,yBAAA;EACA,cAAA;EACA,mBAAA;ACCF;;ADEA;EACE,sBAAA;EACA,kBAAA;EACA,yBAAA;EACA,cAAA;EACA,mBAAA;ACCF;;ADMA;EACE,0BAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;ACHF;;ADIA;EAAO,WAAA;EAAa,YAAA;EACpB,kBAAA;ACCA;;ADAA;EACE,iCAAA;EACA,yBAAA;EACA,+BAAA;ACGF;;ADDA;EACE,kBAAA;ACIF;;ADFA;EACE,YAAA;ACKF;;ADHA;EACE,cAAA;EACA,YAAA;EACA,kDAxBoB;EAyBpB,0CAzBoB;EA0BpB,uBAAA;EACA,eAAA;EACA,8BAAA;EACA,sBAAA;EACA,YAAA;ACMF;;ADHA;EACE,aAAA;EACA,eAAA;ACMF;;ADHA;EACE,YAAA;EACA,aAAA;EACA,iBAAA;ACMF;;ADHA;EACE,kBAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;EACA,UAAA;EACA,qBAAA;EACA,wCAAA;EACA,yBAAA;EACA,kBAAA;ACMF;;ADHA;EACE,YAAA;ACMF;;ADHA;EACE,YAAA;ACMF;;ADHA;EACA,iBAAA;EACA,WAAA;ACMA;;ADHA;EACE,gBAAA;ACMF;;ADHA;EACE,yBAAA;EACA,kBAAA;EACA,qBAAA;EACA,gBAAA;EACA,yBAAA;EACA,gBAAA;EACA,qBAAA;EACA,YAAA;EAEA,gCAAA;ACMF;;ADHA;EACE,6BAAA;ACMF;;ADHA;EACE,UAAA;EACA,WAAA;EACA,kCAAA;EACA,kBAAA;EACA,UAAA;EAEA,4BAAA;EAEA,gCAAA;ACMF;;ADFE;EAEE,4BAAA;EAEA,gCAAA;EACA,UAAA;ACKJ;;ADVE;EAEE,4BAAA;EAEA,gCAAA;EACA,UAAA;ACaJ;;ADlBE;EAEE,4BAAA;EAEA,gCAAA;EACA,UAAA;ACqBJ;;AD1BE;EAEE,4BAAA;EAEA,gCAAA;EACA,UAAA;AC6BJ","file":"style.css"}
\ No newline at end of file
diff --git a/static/css/style.scss b/static/css/style.scss
index 16abfa8..4227ff5 100644
--- a/static/css/style.scss
+++ b/static/css/style.scss
@@ -1,17 +1,33 @@
-// pallette definition
-$white-color: #EACDC2;
-$lavender:#372549;
-$middle-lavender:#774C60;
-$pink:#B75D69;
-$bg-color: #1A1423;
+:root[data-theme="theme-light"] {
+  --white-color: #1A1423;
+  --lavender:#372549;
+  --middle-lavender:#774C60;
+  --pink:#B75D69;
+  --bg-color: #EACDC2;
+}
+
+:root[data-theme="theme-dark"] {
+  --white-color: #EACDC2;
+  --lavender:#372549;
+  --middle-lavender:#774C60;
+  --pink:#B75D69;
+  --bg-color: #1A1423;
+}
+
 // urls 
 $circular-mask-image: url(../images/circle_mask.png);
 
+
+#light_button img{
+  background-size: 40px 40px;
+  position:absolute;
+  width:40px;
+  height:40px;}
 header{width: 100%; margin: auto;
 text-align: center;}
 body, * body{
-  background-color:$bg-color;
-  color: $white-color;
+  background-color: var(--bg-color);
+  color: var(--white-color);
   font-family: Roboto, sans-serif
 }
 .logo_section { 
@@ -50,8 +66,8 @@ body, * body{
   margin-top: -204px;
   opacity: 0;
   transition: .5s ease;
-  background-color: $middle-lavender;
-  color: $white-color;
+  background-color: var(--middle-lavender);
+  color: var(--white-color);
   text-align: center;
   
 }
@@ -73,7 +89,7 @@ padding: 2%
 }
 
 .navMenu a {
-  color: $white-color;
+  color: var(--white-color);
   text-align: center;
   text-decoration: none;
   font-size: 1.2em;
@@ -86,13 +102,13 @@ padding: 2%
 }
 
 .navMenu a:hover {
-  color: $middle-lavender;
+  color: var(--middle-lavender);
 }
 
 .navMenu .dot {
   width: 6px;
   height: 6px;
-  background: $middle-lavender;
+  background: var(--middle-lavender);
   border-radius: 50%;
   opacity: 0;
   -webkit-transform: translateX(300px);
diff --git a/static/js/script.js b/static/js/script.js
new file mode 100644
index 0000000..3950b8a
--- /dev/null
+++ b/static/js/script.js
@@ -0,0 +1,16 @@
+$( document ).ready(function() {
+    $("#light_button").css("background",'url(https://cdn-icons-png.flaticon.com/512/95/95148.png)')
+});
+const html = document.querySelector('html');
+html.dataset.theme = 'theme-light';
+function switchTheme() {
+  if(html.dataset.theme == 'theme-light'){
+        html.dataset.theme = 'theme-dark';
+        $("#light_button img").attr("src",'https://cdn-icons-png.flaticon.com/512/95/95149.png');
+        }
+    else{
+        html.dataset.theme = 'theme-light';
+        $("#light_button img").css("src",'https://cdn-icons-png.flaticon.com/512/95/95148.png');
+    }
+    
+}
\ No newline at end of file
-- 
GitLab


From c48c78e1f464209ec4819bfbbd9f797a0cfc1050 Mon Sep 17 00:00:00 2001
From: mariarezende07 <maloasan@gmail.com>
Date: Sat, 8 Oct 2022 02:08:35 -0300
Subject: [PATCH 7/8] =?UTF-8?q?=F0=9F=92=84=20Update=20darkmode=20style?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 layouts/index.html           | 2 +-
 layouts/partials/header.html | 1 +
 static/css/style.css         | 1 +
 static/css/style.css.map     | 2 +-
 static/css/style.scss        | 4 +++-
 static/js/script.js          | 4 +++-
 6 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/layouts/index.html b/layouts/index.html
index 1fd3342..cf06acf 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -24,5 +24,5 @@
         {{ end }}
     </div>
 
-    <a id="light_button" href="#" onclick="switchTheme()" ><img src="https://cdn-icons-png.flaticon.com/512/95/95148.png"></a>
+    
     {{ end }}
\ No newline at end of file
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index bdf9b66..827aefb 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -1,4 +1,5 @@
 <header>
+    <a id="light_button" href="#" onclick="switchTheme()" ><img src="https://cdn-icons-png.flaticon.com/512/95/95148.png"></a>
     <div class="logo_section">
     <img src="{{"https://64.media.tumblr.com/03658148571b9068b4cd0be6e4c7c27f/5286e5ec0e46cf9e-08/s500x750/7ffd237ba0805733d0df0116bb54c2092446eced.png" | relURL}}" alt="logo" id="logo">
     
diff --git a/static/css/style.css b/static/css/style.css
index 1473e7f..ac0c643 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -17,6 +17,7 @@
 #light_button img {
   background-size: 40px 40px;
   position: absolute;
+  left: 10px;
   width: 40px;
   height: 40px;
 }
diff --git a/static/css/style.css.map b/static/css/style.css.map
index 3021774..be89ae8 100644
--- a/static/css/style.css.map
+++ b/static/css/style.css.map
@@ -1 +1 @@
-{"version":3,"sources":["style.scss","style.css"],"names":[],"mappings":"AAAA;EACE,sBAAA;EACA,kBAAA;EACA,yBAAA;EACA,cAAA;EACA,mBAAA;ACCF;;ADEA;EACE,sBAAA;EACA,kBAAA;EACA,yBAAA;EACA,cAAA;EACA,mBAAA;ACCF;;ADMA;EACE,0BAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;ACHF;;ADIA;EAAO,WAAA;EAAa,YAAA;EACpB,kBAAA;ACCA;;ADAA;EACE,iCAAA;EACA,yBAAA;EACA,+BAAA;ACGF;;ADDA;EACE,kBAAA;ACIF;;ADFA;EACE,YAAA;ACKF;;ADHA;EACE,cAAA;EACA,YAAA;EACA,kDAxBoB;EAyBpB,0CAzBoB;EA0BpB,uBAAA;EACA,eAAA;EACA,8BAAA;EACA,sBAAA;EACA,YAAA;ACMF;;ADHA;EACE,aAAA;EACA,eAAA;ACMF;;ADHA;EACE,YAAA;EACA,aAAA;EACA,iBAAA;ACMF;;ADHA;EACE,kBAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;EACA,UAAA;EACA,qBAAA;EACA,wCAAA;EACA,yBAAA;EACA,kBAAA;ACMF;;ADHA;EACE,YAAA;ACMF;;ADHA;EACE,YAAA;ACMF;;ADHA;EACA,iBAAA;EACA,WAAA;ACMA;;ADHA;EACE,gBAAA;ACMF;;ADHA;EACE,yBAAA;EACA,kBAAA;EACA,qBAAA;EACA,gBAAA;EACA,yBAAA;EACA,gBAAA;EACA,qBAAA;EACA,YAAA;EAEA,gCAAA;ACMF;;ADHA;EACE,6BAAA;ACMF;;ADHA;EACE,UAAA;EACA,WAAA;EACA,kCAAA;EACA,kBAAA;EACA,UAAA;EAEA,4BAAA;EAEA,gCAAA;ACMF;;ADFE;EAEE,4BAAA;EAEA,gCAAA;EACA,UAAA;ACKJ;;ADVE;EAEE,4BAAA;EAEA,gCAAA;EACA,UAAA;ACaJ;;ADlBE;EAEE,4BAAA;EAEA,gCAAA;EACA,UAAA;ACqBJ;;AD1BE;EAEE,4BAAA;EAEA,gCAAA;EACA,UAAA;AC6BJ","file":"style.css"}
\ No newline at end of file
+{"version":3,"sources":["style.scss","style.css"],"names":[],"mappings":"AAAA;EACE,sBAAA;EACA,kBAAA;EACA,yBAAA;EACA,cAAA;EACA,mBAAA;ACCF;;ADEA;EACE,sBAAA;EACA,kBAAA;EACA,yBAAA;EACA,cAAA;EACA,mBAAA;ACCF;;ADMA;EACE,0BAAA;EACA,kBAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;ACHF;;ADKA;EAAO,WAAA;EAAa,YAAA;EACpB,kBAAA;ACAA;;ADCA;EACE,iCAAA;EACA,yBAAA;EACA,+BAAA;ACEF;;ADAA;EACE,kBAAA;ACGF;;ADDA;EACE,YAAA;ACIF;;ADFA;EACE,cAAA;EACA,YAAA;EACA,kDA1BoB;EA2BpB,0CA3BoB;EA4BpB,uBAAA;EACA,eAAA;EACA,8BAAA;EACA,sBAAA;EACA,YAAA;ACKF;;ADFA;EACE,aAAA;EACA,eAAA;ACKF;;ADFA;EACE,YAAA;EACA,aAAA;EACA,iBAAA;ACKF;;ADFA;EACE,kBAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;EACA,UAAA;EACA,qBAAA;EACA,wCAAA;EACA,yBAAA;EACA,kBAAA;ACKF;;ADFA;EACE,YAAA;ACKF;;ADFA;EACE,YAAA;ACKF;;ADFA;EACA,iBAAA;EACA,WAAA;ACKA;;ADFA;EACE,gBAAA;ACKF;;ADFA;EACE,yBAAA;EACA,kBAAA;EACA,qBAAA;EACA,gBAAA;EACA,yBAAA;EACA,gBAAA;EACA,qBAAA;EACA,YAAA;EAEA,gCAAA;ACKF;;ADFA;EACE,6BAAA;ACKF;;ADFA;EACE,UAAA;EACA,WAAA;EACA,kCAAA;EACA,kBAAA;EACA,UAAA;EAEA,4BAAA;EAEA,gCAAA;ACKF;;ADDE;EAEE,4BAAA;EAEA,gCAAA;EACA,UAAA;ACIJ;;ADTE;EAEE,4BAAA;EAEA,gCAAA;EACA,UAAA;ACYJ;;ADjBE;EAEE,4BAAA;EAEA,gCAAA;EACA,UAAA;ACoBJ;;ADzBE;EAEE,4BAAA;EAEA,gCAAA;EACA,UAAA;AC4BJ","file":"style.css"}
\ No newline at end of file
diff --git a/static/css/style.scss b/static/css/style.scss
index 4227ff5..2cb7569 100644
--- a/static/css/style.scss
+++ b/static/css/style.scss
@@ -21,8 +21,10 @@ $circular-mask-image: url(../images/circle_mask.png);
 #light_button img{
   background-size: 40px 40px;
   position:absolute;
+  left:10px;
   width:40px;
-  height:40px;}
+  height:40px;
+  }
 header{width: 100%; margin: auto;
 text-align: center;}
 body, * body{
diff --git a/static/js/script.js b/static/js/script.js
index 3950b8a..777cfa3 100644
--- a/static/js/script.js
+++ b/static/js/script.js
@@ -7,10 +7,12 @@ function switchTheme() {
   if(html.dataset.theme == 'theme-light'){
         html.dataset.theme = 'theme-dark';
         $("#light_button img").attr("src",'https://cdn-icons-png.flaticon.com/512/95/95149.png');
+        $("#light_button img").css({"-webkit-filter":"invert(1)","filter": "invert(1)"})
         }
     else{
         html.dataset.theme = 'theme-light';
-        $("#light_button img").css("src",'https://cdn-icons-png.flaticon.com/512/95/95148.png');
+        $("#light_button img").attr("src",'https://cdn-icons-png.flaticon.com/512/95/95148.png');
+        $("#light_button img").css({"-webkit-filter":"invert(1)","filter": "invert(0)"})
     }
     
 }
\ No newline at end of file
-- 
GitLab


From 587553c2664123f16acf1175f54d7544c05ac6ab Mon Sep 17 00:00:00 2001
From: mariarezende07 <maloasan@gmail.com>
Date: Sun, 9 Oct 2022 19:50:03 -0300
Subject: [PATCH 8/8] =?UTF-8?q?=E2=9C=A8=20Add=20homepage?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 content/about.md                          |   3 -
 content/education.md                      |   6 +
 content/extracurriculars.md               |   6 +
 content/projects.md                       |   6 +
 content/projects/claricelispector.md      |   2 +-
 content/projects/formationcontrol.md      |   2 +-
 content/projects/gis.md                   |   2 +-
 content/projects/linefollower.md          |   2 +-
 content/projects/presidenciaveis.md       |   2 +-
 layouts/education.html                    |   6 +
 layouts/extracurriculars.html             |   6 +
 layouts/index.html                        |  29 +----
 layouts/partials/contactme.html           |  22 ++++
 layouts/partials/head.html                |   7 ++
 layouts/partials/header.html              |   8 +-
 layouts/partials/projects-carroussel.html |  41 +++++++
 layouts/partials/projects_gallery.html    |   2 +-
 layouts/partials/services.html            |  31 +++++
 layouts/partials/upto.html                |  18 +++
 layouts/projects.html                     |  12 ++
 static/css/style.css                      | 139 ++++++++++++++++++++++
 static/css/style.css.map                  |   2 +-
 static/css/style.scss                     | 130 +++++++++++++++++++-
 static/js/script.js                       |  12 +-
 24 files changed, 454 insertions(+), 42 deletions(-)
 delete mode 100644 content/about.md
 create mode 100644 content/education.md
 create mode 100644 content/extracurriculars.md
 create mode 100644 content/projects.md
 create mode 100644 layouts/education.html
 create mode 100644 layouts/extracurriculars.html
 create mode 100644 layouts/partials/contactme.html
 create mode 100644 layouts/partials/projects-carroussel.html
 create mode 100644 layouts/partials/services.html
 create mode 100644 layouts/projects.html

diff --git a/content/about.md b/content/about.md
deleted file mode 100644
index b28b04f..0000000
--- a/content/about.md
+++ /dev/null
@@ -1,3 +0,0 @@
-
-
-
diff --git a/content/education.md b/content/education.md
new file mode 100644
index 0000000..47c7e99
--- /dev/null
+++ b/content/education.md
@@ -0,0 +1,6 @@
+---
+title: "Education"
+date: 2022-10-09T19:47:45-03:00
+draft: false
+---
+
diff --git a/content/extracurriculars.md b/content/extracurriculars.md
new file mode 100644
index 0000000..11805dc
--- /dev/null
+++ b/content/extracurriculars.md
@@ -0,0 +1,6 @@
+---
+title: "Extracurriculars"
+date: 2022-10-09T19:47:53-03:00
+draft: false
+---
+
diff --git a/content/projects.md b/content/projects.md
new file mode 100644
index 0000000..efaad30
--- /dev/null
+++ b/content/projects.md
@@ -0,0 +1,6 @@
+---
+title: "Projects"
+date: 2022-10-09T19:47:34-03:00
+draft: false
+---
+
diff --git a/content/projects/claricelispector.md b/content/projects/claricelispector.md
index 86778c1..f2d25c6 100644
--- a/content/projects/claricelispector.md
+++ b/content/projects/claricelispector.md
@@ -4,7 +4,7 @@ title: "Thunderleague"
 description: "RSS2D simulated team, which tries to copy real soccer players’ decisions. Implemented reinforcement
 learning and neural networks in decision systems through data extracted from the games."
 tags: ["thunderatz","nn","c++"]
-thumbnail: https://rcss.ir/docs/2D/FA/img/doc/intro/2d-overview-field.jpg
+thumbnail: https://thumbs.dreamstime.com/b/beautiful-rain-forest-ang-ka-nature-trail-doi-inthanon-national-park-thailand-36703721.jpg
 ---
 
 RSS2D simulated team, which tries to copy real soccer players’ decisions. Implemented reinforcement
diff --git a/content/projects/formationcontrol.md b/content/projects/formationcontrol.md
index 86778c1..1dc4834 100644
--- a/content/projects/formationcontrol.md
+++ b/content/projects/formationcontrol.md
@@ -4,7 +4,7 @@ title: "Thunderleague"
 description: "RSS2D simulated team, which tries to copy real soccer players’ decisions. Implemented reinforcement
 learning and neural networks in decision systems through data extracted from the games."
 tags: ["thunderatz","nn","c++"]
-thumbnail: https://rcss.ir/docs/2D/FA/img/doc/intro/2d-overview-field.jpg
+thumbnail: https://image.shutterstock.com/image-photo/mountains-under-mist-morning-amazing-260nw-1725825019.jpg
 ---
 
 RSS2D simulated team, which tries to copy real soccer players’ decisions. Implemented reinforcement
diff --git a/content/projects/gis.md b/content/projects/gis.md
index 86778c1..e54489b 100644
--- a/content/projects/gis.md
+++ b/content/projects/gis.md
@@ -4,7 +4,7 @@ title: "Thunderleague"
 description: "RSS2D simulated team, which tries to copy real soccer players’ decisions. Implemented reinforcement
 learning and neural networks in decision systems through data extracted from the games."
 tags: ["thunderatz","nn","c++"]
-thumbnail: https://rcss.ir/docs/2D/FA/img/doc/intro/2d-overview-field.jpg
+thumbnail: https://images.unsplash.com/photo-1541963463532-d68292c34b19?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxleHBsb3JlLWZlZWR8Mnx8fGVufDB8fHx8&w=1000&q=80
 ---
 
 RSS2D simulated team, which tries to copy real soccer players’ decisions. Implemented reinforcement
diff --git a/content/projects/linefollower.md b/content/projects/linefollower.md
index 86778c1..5c4c2c0 100644
--- a/content/projects/linefollower.md
+++ b/content/projects/linefollower.md
@@ -4,7 +4,7 @@ title: "Thunderleague"
 description: "RSS2D simulated team, which tries to copy real soccer players’ decisions. Implemented reinforcement
 learning and neural networks in decision systems through data extracted from the games."
 tags: ["thunderatz","nn","c++"]
-thumbnail: https://rcss.ir/docs/2D/FA/img/doc/intro/2d-overview-field.jpg
+thumbnail: https://images.ctfassets.net/hrltx12pl8hq/a2hkMAaruSQ8haQZ4rBL9/8ff4a6f289b9ca3f4e6474f29793a74a/nature-image-for-website.jpg?fit=fill&w=480&h=320
 ---
 
 RSS2D simulated team, which tries to copy real soccer players’ decisions. Implemented reinforcement
diff --git a/content/projects/presidenciaveis.md b/content/projects/presidenciaveis.md
index 86778c1..50b903f 100644
--- a/content/projects/presidenciaveis.md
+++ b/content/projects/presidenciaveis.md
@@ -4,7 +4,7 @@ title: "Thunderleague"
 description: "RSS2D simulated team, which tries to copy real soccer players’ decisions. Implemented reinforcement
 learning and neural networks in decision systems through data extracted from the games."
 tags: ["thunderatz","nn","c++"]
-thumbnail: https://rcss.ir/docs/2D/FA/img/doc/intro/2d-overview-field.jpg
+thumbnail: https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885__480.jpg
 ---
 
 RSS2D simulated team, which tries to copy real soccer players’ decisions. Implemented reinforcement
diff --git a/layouts/education.html b/layouts/education.html
new file mode 100644
index 0000000..d2a9608
--- /dev/null
+++ b/layouts/education.html
@@ -0,0 +1,6 @@
+<h2 id="educ_sec">My education</h2>
+    <div class="projects_gallery">
+        {{ range where .Site.RegularPages "Section" "education"}}
+          {{- partial "projects_gallery.html" . -}}
+        {{ end }}
+</div>
\ No newline at end of file
diff --git a/layouts/extracurriculars.html b/layouts/extracurriculars.html
new file mode 100644
index 0000000..304c9a5
--- /dev/null
+++ b/layouts/extracurriculars.html
@@ -0,0 +1,6 @@
+<h2 id="extra_sec">My extracurriculars</h2>
+    <div class="projects_gallery">
+        {{ range where .Site.RegularPages "Section" "extracurricular"}}
+          
+        {{ end }}
+</div>
\ No newline at end of file
diff --git a/layouts/index.html b/layouts/index.html
index cf06acf..97124cd 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -1,28 +1,11 @@
 {{ define "main" }}
-    <div class="presentation">
     
-    {{ .Content }}
-    </div>
-    <h2 id="project_sec"><img src="https://media.giphy.com/media/QTfX9Ejfra3ZmNxh6B/giphy.gif" width="20">My projects</h2>
-    <div class="projects_gallery">
-        {{ range where .Site.RegularPages "Section" "projects"}}
-          {{- partial "projects_gallery.html" . -}}
-        {{ end }}
-    </div>
+    
+{{- partial "upto.html" . -}}
 
-    <h2 id="educ_sec"><img src="https://media.giphy.com/media/MB75OzWrpUMOWfBHg0/giphy.gif" width="20">My education</h2>
-    <div class="projects_gallery">
-        {{ range where .Site.RegularPages "Section" "education"}}
-          {{- partial "projects_gallery.html" . -}}
-        {{ end }}
-    </div>
+{{- partial "services.html" . -}}
 
-    <h2 id="extra_sec"><img src="https://media.giphy.com/media/g01P1Z9IjHtsf5TjQm/giphy.gif" width="20">My extracurriculars</h2>
-    <div class="projects_gallery">
-        {{ range where .Site.RegularPages "Section" "extracurricular"}}
-          {{- partial "projects_gallery.html" . -}}
-        {{ end }}
-    </div>
+{{- partial "projects-carroussel.html" . -}}
 
-    
-    {{ end }}
\ No newline at end of file
+{{- partial "contactme.html" . -}}
+{{ end }}
\ No newline at end of file
diff --git a/layouts/partials/contactme.html b/layouts/partials/contactme.html
new file mode 100644
index 0000000..9cb9672
--- /dev/null
+++ b/layouts/partials/contactme.html
@@ -0,0 +1,22 @@
+
+<section>
+  <div class="contact-form-wrapper d-flex justify-content-center">
+    <form action="mailto:mariarezende1313@gmail.com" class="contact-form">
+      <h5 class="title">Contact me</h5>
+      <p class="description">Feel free to contact me if you need more information
+      </p>
+      <div>
+        <input type="text" class="form-control rounded border-white mb-3 form-input" id="name" placeholder="Name" required>
+      </div>
+      <div>
+        <input type="email" class="form-control rounded border-white mb-3 form-input" placeholder="Email" required>
+      </div>
+      <div>
+        <textarea id="message" class="form-control rounded border-white mb-3 form-text-area" rows="5" cols="30" placeholder="Message" required></textarea>
+      </div>
+      <div class="submit-button-wrapper">
+        <input type="submit" value="Send">
+      </div>
+    </form>
+  </div>
+</section>
\ No newline at end of file
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 8943250..12ada9f 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -2,8 +2,15 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    
+
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.min.js" integrity="sha384-IDwe1+LCz02ROU9k972gdyvl+AESN10+x7tBKgc9I5HFtuNz0wWnPclzo6p9vxnk" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3" crossorigin="anonymous"></script>
+    
     <link rel="stylesheet" href="{{ "css/style.css" | relURL }}">
     <script src="https://code.jquery.com/jquery-1.9.1.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/js/all.min.js"></script>
     <script defer src="{{ "js/script.js" | relURL }}"></script>
     <title>{{ .Site.Title }}</title>
 </head>
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 827aefb..8a182dd 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -19,10 +19,10 @@
     
     
     <nav class="navMenu">
-        <a href="#">Home</a>
-        <a href="#project_sec">Projects</a>
-        <a href="#educ_sec">Education</a>
-        <a href="#extra_sec">Extracurriculars</a>
+        <a href="{{"index.html" | relURL}}">Home</a>
+        <a href="{{"projects" | relURL}}">Projects</a>
+        <a href="{{"education" | relURL}}">Education</a>
+        <a href="{{"extracurriculars" | relURL}}">Extracurriculars</a>
         <div class="dot"></div>
       </nav>
 </header>
\ No newline at end of file
diff --git a/layouts/partials/projects-carroussel.html b/layouts/partials/projects-carroussel.html
new file mode 100644
index 0000000..81388cd
--- /dev/null
+++ b/layouts/partials/projects-carroussel.html
@@ -0,0 +1,41 @@
+<section class="carousel-sec">
+<h2>
+    What i'm up to
+</h2>
+<hr/>
+<div id="carouselExampleCaptions" class="carousel slide" data-bs-ride="carousel">
+    
+    <div class="carousel-inner">
+        {{range first 1 (where .Site.RegularPages "Section" "projects")}}
+      <div class="carousel-item active">
+        <img src="{{ .Params.thumbnail }}" class="img-fluid d-block w-100" style="opacity: 0.6">
+        <div class="carousel-caption d-none d-md-block">
+          <h5>{{ .Params.title }}</h5>
+          <p>{{ .Params.description }}</p>
+          
+          <a href="" class="btn btn-light">Learn more</a>
+        </div>
+      </div>
+      {{end}}
+      {{range last 5 (where .Site.RegularPages "Section" "projects")}}
+      <div class="carousel-item">
+        <img src="{{ .Params.thumbnail }}" class="img-fluid d-block w-100" style="opacity: 0.6">
+        <div class="carousel-caption d-none d-md-block">
+          <h5>{{.Params.title}}</h5>
+          <p>{{.Params.description}}</p>
+          <a href="" class="btn btn-light">Learn more</a>
+        </div>
+      </div>
+      {{end}}
+      
+    </div>
+    <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="prev">
+      <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+      <span class="visually-hidden">Previous</span>
+    </button>
+    <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="next">
+      <span class="carousel-control-next-icon" aria-hidden="true"></span>
+      <span class="visually-hidden">Next</span>
+    </button>
+  </div>
+</section>
\ No newline at end of file
diff --git a/layouts/partials/projects_gallery.html b/layouts/partials/projects_gallery.html
index 525b332..5401b9c 100644
--- a/layouts/partials/projects_gallery.html
+++ b/layouts/partials/projects_gallery.html
@@ -1,7 +1,7 @@
 <div class="project_thumb">
     <a href="{{ .Permalink }}">
     {{ if .Params.thumbnail }}
-    <img src="{{ .Params.thumbnail }}" alt="{{ .Params.title }}" class="thumbnail" />
+    <img src=""{{ .Params.thumbnail }} alt="{{ .Params.title }}" class="thumbnail" />
     {{ end }}
     <div class="overlay">
         <div class="thumbnail_title">{{ .Params.title }}</div>
diff --git a/layouts/partials/services.html b/layouts/partials/services.html
new file mode 100644
index 0000000..50568aa
--- /dev/null
+++ b/layouts/partials/services.html
@@ -0,0 +1,31 @@
+<section id="services" class="sec-services">
+    <div class="container">
+      <h2>My Skills</h2>
+
+      <hr />
+
+      <div class="row">
+        <div class="col-sm-4">
+          <i class="fa fa-4x fa-robot"></i>
+          <h3 class="h3">Robotics</h3>
+
+          <p>Every website is beautiful, unique and tailored to suit your needs and requirements.</p>
+        </div>
+
+        <div class="col-sm-4">
+            
+            <i class="fa fa-4x fa-laptop-code"></i>
+          <h3 class="h3">Web design</h3>
+
+          <p>All websites are written in valid and clean HTML5 / CSS3 &amp; JavaScript (jQuery).</p>
+        </div>
+
+        <div class="col-sm-4">
+        <i class="fa fa-4x fa-database"></i>
+          <h3 class="h3">Data Analysis</h3>
+
+          <p>All websites are responsive. They will look great on desktop, tablets and mobile phones too.</p>
+        </div>
+      </div>
+    </div>
+</section>
\ No newline at end of file
diff --git a/layouts/partials/upto.html b/layouts/partials/upto.html
index e69de29..6c59c13 100644
--- a/layouts/partials/upto.html
+++ b/layouts/partials/upto.html
@@ -0,0 +1,18 @@
+<section class="upto">
+<div class="row">
+    <div class="col-sm-12">
+    <div class="img-fluid"> </div>
+    <div class="heroContent">
+        <h2>Hello, my name is Maria</h2>
+        <p class="pHero">
+        I am a mechatronics engineering student with a passion for data science, AI and automation.
+        Nunc ipsum mi, lacinia a diam vel, porttitor consequat ante. Vivamus nec nisi ac
+         urna pretium dapibus. Suspendisse mauris velit, tincidunt at tristique eget
+         , maximus quis magna. Quisque sit amet fringilla mauris. Vivamus efficitur m
+         auris at turpis vestibulum faucibus. Mauris vel ornare elit, non commodo sem. 
+         Maecenas pulvinar consectetur enim, a porta quam pulvinar at.</p>
+        <a href="mailto:mariarezende1313@gmail.com" class="btn btn-danger" >Contact me</a>
+    </div>
+    </div>
+</div>
+</section>
\ No newline at end of file
diff --git a/layouts/projects.html b/layouts/projects.html
new file mode 100644
index 0000000..235a5d9
--- /dev/null
+++ b/layouts/projects.html
@@ -0,0 +1,12 @@
+{{ define "main" }}
+<section class="projects">
+  <div class="container">
+<h2 id="project_sec">My projects</h2>
+    <div class="projects_gallery">
+        {{ range where .Site.RegularPages "Section" "projects"}}
+          {{- partial "projects_gallery.html" . -}}
+        {{ end }}
+    </div>
+  </div>
+</section>
+{{ end }}
\ No newline at end of file
diff --git a/static/css/style.css b/static/css/style.css
index ac0c643..f2a7450 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -142,4 +142,143 @@ body, * body {
   transform: translateX(970px);
   transition: all 0.2s ease-in-out;
   opacity: 1;
+}
+
+.upto {
+  margin: 50px 0;
+}
+
+.img-fluid {
+  opacity: 0.6;
+  background-image: url(https://images4.alphacoders.com/100/1009984.png);
+  max-width: 1424px;
+  height: 500px;
+  background-position: 50% 10%;
+  background-repeat: no-repeat;
+}
+
+.heroContent {
+  position: absolute;
+  top: 90%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.sec-services {
+  text-align: center;
+}
+
+.sec-services i {
+  display: block;
+  margin: auto;
+  width: 45px;
+}
+
+.sec-services h3 {
+  margin: 1em 0;
+}
+
+.carousel-sec {
+  text-align: center;
+}
+
+.carousel-sec h3 {
+  margin: 1em 0;
+  text-align: center;
+}
+
+section {
+  margin-top: 50px;
+}
+
+.contact-form-wrapper {
+  padding: 100px 0;
+}
+
+.contact-form {
+  padding: 30px 40px;
+  background-color: var(--middle-lavender);
+  border-radius: 12px;
+  width: 700px;
+}
+
+.contact-form textarea {
+  resize: none;
+}
+
+.contact-form .form-input,
+.form-text-area {
+  background-color: var(--bg-color);
+  height: 50px;
+  padding-left: 16px;
+}
+
+.contact-form .form-text-area {
+  background-color: var(--bg-color);
+  height: auto;
+  padding-left: 16px;
+}
+
+.contact-form .form-control::-moz-placeholder {
+  color: var(--middle-lavender);
+  font-weight: 500;
+  opacity: 1;
+}
+
+.contact-form .form-control:-ms-input-placeholder {
+  color: var(--middle-lavender);
+  font-weight: 500;
+  opacity: 1;
+}
+
+.contact-form .form-control::placeholder {
+  color: var(--middle-lavender);
+  font-weight: 500;
+  opacity: 1;
+}
+
+.contact-form .form-control:-ms-input-placeholder {
+  color: var(--middle-lavender);
+  font-weight: 500;
+}
+
+.contact-form .form-control::-ms-input-placeholder {
+  color: var(--middle-lavender);
+  font-weight: 500;
+}
+
+.contact-form .form-control:focus {
+  border-color: var(--pink);
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.07), 0 0 8px var(--pink);
+}
+
+.contact-form .title {
+  text-align: center;
+  font-size: 24px;
+  font-weight: 500;
+}
+
+.contact-form .description {
+  color: var(--middle-lavender);
+  font-size: 14px;
+  text-align: center;
+}
+
+.contact-form .submit-button-wrapper {
+  text-align: center;
+}
+
+.contact-form .submit-button-wrapper input {
+  border: none;
+  border-radius: 4px;
+  background-color: var(--pink);
+  color: var(--white-color);
+  text-transform: uppercase;
+  padding: 10px 60px;
+  font-weight: 500;
+  letter-spacing: 2px;
+}
+
+.contact-form .submit-button-wrapper input:hover {
+  background-color: var(--lavender);
 }/*# sourceMappingURL=style.css.map */
\ No newline at end of file
diff --git a/static/css/style.css.map b/static/css/style.css.map
index be89ae8..dc5bba8 100644
--- a/static/css/style.css.map
+++ b/static/css/style.css.map
@@ -1 +1 @@
-{"version":3,"sources":["style.scss","style.css"],"names":[],"mappings":"AAAA;EACE,sBAAA;EACA,kBAAA;EACA,yBAAA;EACA,cAAA;EACA,mBAAA;ACCF;;ADEA;EACE,sBAAA;EACA,kBAAA;EACA,yBAAA;EACA,cAAA;EACA,mBAAA;ACCF;;ADMA;EACE,0BAAA;EACA,kBAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;ACHF;;ADKA;EAAO,WAAA;EAAa,YAAA;EACpB,kBAAA;ACAA;;ADCA;EACE,iCAAA;EACA,yBAAA;EACA,+BAAA;ACEF;;ADAA;EACE,kBAAA;ACGF;;ADDA;EACE,YAAA;ACIF;;ADFA;EACE,cAAA;EACA,YAAA;EACA,kDA1BoB;EA2BpB,0CA3BoB;EA4BpB,uBAAA;EACA,eAAA;EACA,8BAAA;EACA,sBAAA;EACA,YAAA;ACKF;;ADFA;EACE,aAAA;EACA,eAAA;ACKF;;ADFA;EACE,YAAA;EACA,aAAA;EACA,iBAAA;ACKF;;ADFA;EACE,kBAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;EACA,UAAA;EACA,qBAAA;EACA,wCAAA;EACA,yBAAA;EACA,kBAAA;ACKF;;ADFA;EACE,YAAA;ACKF;;ADFA;EACE,YAAA;ACKF;;ADFA;EACA,iBAAA;EACA,WAAA;ACKA;;ADFA;EACE,gBAAA;ACKF;;ADFA;EACE,yBAAA;EACA,kBAAA;EACA,qBAAA;EACA,gBAAA;EACA,yBAAA;EACA,gBAAA;EACA,qBAAA;EACA,YAAA;EAEA,gCAAA;ACKF;;ADFA;EACE,6BAAA;ACKF;;ADFA;EACE,UAAA;EACA,WAAA;EACA,kCAAA;EACA,kBAAA;EACA,UAAA;EAEA,4BAAA;EAEA,gCAAA;ACKF;;ADDE;EAEE,4BAAA;EAEA,gCAAA;EACA,UAAA;ACIJ;;ADTE;EAEE,4BAAA;EAEA,gCAAA;EACA,UAAA;ACYJ;;ADjBE;EAEE,4BAAA;EAEA,gCAAA;EACA,UAAA;ACoBJ;;ADzBE;EAEE,4BAAA;EAEA,gCAAA;EACA,UAAA;AC4BJ","file":"style.css"}
\ No newline at end of file
+{"version":3,"sources":["style.scss","style.css"],"names":[],"mappings":"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","file":"style.css"}
\ No newline at end of file
diff --git a/static/css/style.scss b/static/css/style.scss
index 2cb7569..e5554b6 100644
--- a/static/css/style.scss
+++ b/static/css/style.scss
@@ -1,3 +1,4 @@
+
 :root[data-theme="theme-light"] {
   --white-color: #1A1423;
   --lavender:#372549;
@@ -30,8 +31,11 @@ text-align: center;}
 body, * body{
   background-color: var(--bg-color);
   color: var(--white-color);
-  font-family: Roboto, sans-serif
+  font-family: Roboto, sans-serif;
+  
 }
+
+
 .logo_section { 
   text-align: center;
 }
@@ -127,4 +131,126 @@ $margin: 200px;
     transition: all 0.2s ease-in-out;
     opacity: 1;
   }
-}
\ No newline at end of file
+}
+
+.upto {
+  margin: 50px 0;
+}
+.img-fluid {
+  opacity: .6;
+  background-image: url(https://images4.alphacoders.com/100/1009984.png);
+  max-width:1424px;
+  height: 500px;
+  background-position: 50% 10% ;
+  background-repeat: no-repeat;
+  }
+  .heroContent {
+  position: absolute;
+  top: 90%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.sec-services{
+  text-align: center;
+}
+.sec-services i {
+  display: block;
+  margin: auto;
+  width: 45px;
+}
+
+.sec-services h3 {
+  margin: 1em 0;
+}
+.carousel-sec{
+  text-align: center;
+}
+.carousel-sec h3 {
+  margin: 1em 0;
+  text-align: center;
+}
+section{
+  margin-top: 50px;
+}
+
+
+.contact-form-wrapper {
+  padding: 100px 0;
+}
+
+.contact-form {
+  padding: 30px 40px;
+  background-color: var(--middle-lavender);
+  border-radius: 12px;
+  width: 700px;
+}
+
+.contact-form textarea {
+  resize: none;
+}
+
+.contact-form .form-input,
+.form-text-area {
+  background-color:var(--bg-color);
+  height: 50px;
+  padding-left: 16px;
+}
+
+.contact-form .form-text-area {
+  background-color: var(--bg-color);
+  height: auto;
+  padding-left: 16px;
+}
+
+.contact-form .form-control::placeholder {
+  color: var(--middle-lavender);
+  font-weight: 500;
+  opacity: 1;
+}
+
+.contact-form .form-control:-ms-input-placeholder {
+  color:  var(--middle-lavender);
+  font-weight: 500;
+}
+
+.contact-form .form-control::-ms-input-placeholder {
+  color:  var(--middle-lavender);
+  font-weight: 500;
+}
+
+.contact-form .form-control:focus {
+  border-color: var(--pink);
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.07), 0 0 8px var(--pink);
+}
+
+.contact-form .title {
+  text-align: center;
+  font-size: 24px;
+  font-weight: 500;
+}
+
+.contact-form .description {
+  color: var(--middle-lavender);
+  font-size: 14px;
+  text-align: center;
+}
+
+.contact-form .submit-button-wrapper {
+  text-align: center;
+}
+
+.contact-form .submit-button-wrapper input {
+  border: none;
+  border-radius: 4px;
+  background-color: var(--pink);
+  color: var(--white-color);
+  text-transform: uppercase;
+  padding: 10px 60px;
+  font-weight: 500;
+  letter-spacing: 2px;
+}
+
+.contact-form .submit-button-wrapper input:hover {
+  background-color: var(--lavender);
+}
diff --git a/static/js/script.js b/static/js/script.js
index 777cfa3..31b4ee3 100644
--- a/static/js/script.js
+++ b/static/js/script.js
@@ -1,8 +1,13 @@
 $( document ).ready(function() {
-    $("#light_button").css("background",'url(https://cdn-icons-png.flaticon.com/512/95/95148.png)')
+    html.dataset.theme = 'theme-light';
+    $("#light_button img").attr("src",'https://cdn-icons-png.flaticon.com/512/95/95148.png');
+    $("#light_button img").css({"-webkit-filter":"invert(1)","filter": "invert(0)"});
+    $('.carousel').carousel()
+
 });
+
+
 const html = document.querySelector('html');
-html.dataset.theme = 'theme-light';
 function switchTheme() {
   if(html.dataset.theme == 'theme-light'){
         html.dataset.theme = 'theme-dark';
@@ -15,4 +20,5 @@ function switchTheme() {
         $("#light_button img").css({"-webkit-filter":"invert(1)","filter": "invert(0)"})
     }
     
-}
\ No newline at end of file
+}
+
-- 
GitLab