-
+
+
Para ver informaçÔes profissionais detalhadas e atualizadas a respeito de mim vocĂȘ pode checar o meu
Linkedin e o meu portfĂłlio
vocĂȘ pode ver no meu GitHub.
-
+
VocĂȘ tambĂ©m pode me contatar atravĂ©s do meu e-mail @Emails.Contact.
diff --git a/src/Monambike.Web/wwwroot/css/main.css b/src/Monambike.Web/wwwroot/css/main.css
index e7e1663..1e820ad 100644
--- a/src/Monambike.Web/wwwroot/css/main.css
+++ b/src/Monambike.Web/wwwroot/css/main.css
@@ -9,15 +9,84 @@ Copyright(c) 2024 Vinicius Gabriel Marques de Melo. All rights reserved.
Contact: contact@monambike.com for more information.
For license information, please see the LICENSE file in the root directory.
**************************************************************************/
-/*
-// Dark Mode Elements Colors
-.dark-theme {
- $primary-color: $black;
- $secondary-color: $white;
- $primary-gray-color: $gray-dark;
- $secondary-gray-color: $gray-dark-light;
+/**************************************************************************
+Copyright(c) 2024 Vinicius Gabriel Marques de Melo. All rights reserved.
+Contact: contact@monambike.com for more information.
+For license information, please see the LICENSE file in the root directory.
+**************************************************************************/
+/*$primary-color: $black;
+$secondary-color: $white;
+$primary-gray-color: $gray-dark;
+$secondary-gray-color: $gray-dark-light;*/
+.rainstorm-animation,
+.rainstorm-animation-hover {
+ align-items: center;
+ background-color: rgb(25, 25, 25);
+ display: flex;
+ height: 100vh;
+ justify-content: center;
+ overflow: hidden;
+ width: 100vw;
+}
+.rainstorm-animation hr.thunder,
+.rainstorm-animation-hover hr.thunder {
+ animation-name: thunder;
+ animation-delay: 5s;
+ animation-duration: 10s;
+ animation-iteration-count: infinite;
+ animation-timing-function: linear;
+ border: unset;
+ height: 100%;
+ position: absolute;
+ width: 100%;
+}
+@keyframes thunder {
+ 0% {
+ background-color: transparent;
+ }
+ 1% {
+ background-color: white;
+ }
+ 2% {
+ background-color: rgba(255, 255, 255, 0.8);
+ }
+ 8% {
+ background-color: transparent;
+ }
+}
+.rainstorm-animation hr:not(.thunder),
+.rainstorm-animation-hover hr:not(.thunder) {
+ animation-name: rain;
+ animation-duration: 1s;
+ animation-iteration-count: infinite;
+ animation-timing-function: linear;
+ background-color: rgb(250, 250, 250);
+ border-color: transparent;
+ border-right-color: rgba(255, 255, 255, 0.7);
+ border-right-width: 50px;
+ bottom: 100%;
+ position: absolute;
+ transform-origin: 100% 50%;
+ width: 50px;
}
-*/
+@keyframes rain {
+ from {
+ transform: rotate(105deg) translateX(0);
+ }
+ to {
+ transform: rotate(105deg) translateX(calc(100vh + 20px));
+ }
+}
+
+/**************************************************************************
+Copyright(c) 2024 Vinicius Gabriel Marques de Melo. All rights reserved.
+Contact: contact@monambike.com for more information.
+For license information, please see the LICENSE file in the root directory.
+**************************************************************************/
+/*$primary-color: $black;
+$secondary-color: $white;
+$primary-gray-color: $gray-dark;
+$secondary-gray-color: $gray-dark-light;*/
/**************************************************************************
Copyright(c) 2024 Vinicius Gabriel Marques de Melo. All rights reserved.
Contact: contact@monambike.com for more information.
@@ -125,33 +194,25 @@ Copyright(c) 2024 Vinicius Gabriel Marques de Melo. All rights reserved.
Contact: contact@monambike.com for more information.
For license information, please see the LICENSE file in the root directory.
**************************************************************************/
-/*
-// Dark Mode Elements Colors
-.dark-theme {
- $primary-color: $black;
- $secondary-color: $white;
- $primary-gray-color: $gray-dark;
- $secondary-gray-color: $gray-dark-light;
-}
-*/
-a.button {
+/*$primary-color: $black;
+$secondary-color: $white;
+$primary-gray-color: $gray-dark;
+$secondary-gray-color: $gray-dark-light;*/
+.round-purple-button {
background-color: rgb(77, 18, 161);
- padding: 10px;
border-radius: 5px;
- white-space: nowrap; /* Prevent text from wrapping to the next line */
- overflow: hidden; /* Hide any overflow text that doesn't fit */
- text-overflow: ellipsis; /* Add an ellipsis (...) if the text overflows */
+ display: inline-block; /* Make the link behave like a block-level element */
+ margin: auto;
+ padding: 10px;
position: relative;
+ overflow: hidden; /* Hide any overflow text that doesn't fit */
text-align: center;
- margin: auto;
- display: inline-block; /* Make the link behave like a block-level element */
+ text-overflow: ellipsis; /* Add an ellipsis (...) if the text overflows */
+ white-space: nowrap; /* Prevent text from wrapping to the next line */
}
-a.button:hover {
+.round-purple-button:hover {
background-color: rgb(250, 250, 250);
}
-a.button::before {
- content: "Clique aqui: ";
-}
/**************************************************************************
Copyright(c) 2024 Vinicius Gabriel Marques de Melo. All rights reserved.
@@ -177,15 +238,10 @@ Copyright(c) 2024 Vinicius Gabriel Marques de Melo. All rights reserved.
Contact: contact@monambike.com for more information.
For license information, please see the LICENSE file in the root directory.
**************************************************************************/
-/*
-// Dark Mode Elements Colors
-.dark-theme {
- $primary-color: $black;
- $secondary-color: $white;
- $primary-gray-color: $gray-dark;
- $secondary-gray-color: $gray-dark-light;
-}
-*/
+/*$primary-color: $black;
+$secondary-color: $white;
+$primary-gray-color: $gray-dark;
+$secondary-gray-color: $gray-dark-light;*/
a {
/* Variables that hold values from the line under links when hovered */
/* Link attributes */
@@ -215,15 +271,10 @@ Copyright(c) 2024 Vinicius Gabriel Marques de Melo. All rights reserved.
Contact: contact@monambike.com for more information.
For license information, please see the LICENSE file in the root directory.
**************************************************************************/
-/*
-// Dark Mode Elements Colors
-.dark-theme {
- $primary-color: $black;
- $secondary-color: $white;
- $primary-gray-color: $gray-dark;
- $secondary-gray-color: $gray-dark-light;
-}
-*/
+/*$primary-color: $black;
+$secondary-color: $white;
+$primary-gray-color: $gray-dark;
+$secondary-gray-color: $gray-dark-light;*/
/* Scrollbar Width */
::-webkit-scrollbar {
width: 14px;
@@ -257,15 +308,10 @@ Copyright(c) 2024 Vinicius Gabriel Marques de Melo. All rights reserved.
Contact: contact@monambike.com for more information.
For license information, please see the LICENSE file in the root directory.
**************************************************************************/
-/*
-// Dark Mode Elements Colors
-.dark-theme {
- $primary-color: $black;
- $secondary-color: $white;
- $primary-gray-color: $gray-dark;
- $secondary-gray-color: $gray-dark-light;
-}
-*/
+/*$primary-color: $black;
+$secondary-color: $white;
+$primary-gray-color: $gray-dark;
+$secondary-gray-color: $gray-dark-light;*/
select {
background-color: rgb(30, 30, 30);
color: rgb(250, 250, 250);
@@ -295,15 +341,10 @@ Copyright(c) 2024 Vinicius Gabriel Marques de Melo. All rights reserved.
Contact: contact@monambike.com for more information.
For license information, please see the LICENSE file in the root directory.
**************************************************************************/
-/*
-// Dark Mode Elements Colors
-.dark-theme {
- $primary-color: $black;
- $secondary-color: $white;
- $primary-gray-color: $gray-dark;
- $secondary-gray-color: $gray-dark-light;
-}
-*/
+/*$primary-color: $black;
+$secondary-color: $white;
+$primary-gray-color: $gray-dark;
+$secondary-gray-color: $gray-dark-light;*/
::selection {
background: rgb(95, 50, 155);
color: rgb(250, 250, 250);
@@ -321,11 +362,13 @@ For license information, please see the LICENSE file in the root directory.
**************************************************************************/
.reveal-animation {
position: relative;
- transform: translateY(144px);
+}
+.reveal-animation.translateY {
opacity: 0;
+ transform: translateY(144px);
transition: transform 1s ease, opacity 1s ease;
}
-.reveal-animation.revealed {
+.reveal-animation.translateY.revealed {
transform: translateY(0);
opacity: 1;
}
@@ -340,15 +383,10 @@ Copyright(c) 2024 Vinicius Gabriel Marques de Melo. All rights reserved.
Contact: contact@monambike.com for more information.
For license information, please see the LICENSE file in the root directory.
**************************************************************************/
-/*
-// Dark Mode Elements Colors
-.dark-theme {
- $primary-color: $black;
- $secondary-color: $white;
- $primary-gray-color: $gray-dark;
- $secondary-gray-color: $gray-dark-light;
-}
-*/
+/*$primary-color: $black;
+$secondary-color: $white;
+$primary-gray-color: $gray-dark;
+$secondary-gray-color: $gray-dark-light;*/
.section--about__container {
padding: 0px 15% 0px 15%;
}
@@ -357,14 +395,6 @@ For license information, please see the LICENSE file in the root directory.
padding: 0;
}
}
-.section--about__content p {
- background-color: rgb(235, 235, 235);
- color: rgb(25, 25, 25);
- padding: 20px;
-}
-.section--about__content a {
- color: rgb(77, 18, 161);
-}
@keyframes animatedBackground {
from {
background-position: 0 0;
@@ -459,29 +489,16 @@ Copyright(c) 2024 Vinicius Gabriel Marques de Melo. All rights reserved.
Contact: contact@monambike.com for more information.
For license information, please see the LICENSE file in the root directory.
**************************************************************************/
-/*
-// Dark Mode Elements Colors
-.dark-theme {
- $primary-color: $black;
- $secondary-color: $white;
- $primary-gray-color: $gray-dark;
- $secondary-gray-color: $gray-dark-light;
-}
-*/
+/*$primary-color: $black;
+$secondary-color: $white;
+$primary-gray-color: $gray-dark;
+$secondary-gray-color: $gray-dark-light;*/
.section--contact {
background-color: rgb(250, 250, 250);
}
.section--contact .section__title {
color: rgb(245, 245, 245);
}
-.section--contact p {
- background-color: rgb(235, 235, 235);
- color: rgb(25, 25, 25);
- padding: 20px;
-}
-.section--contact p a {
- color: rgb(77, 18, 161);
-}
/**************************************************************************
Copyright(c) 2024 Vinicius Gabriel Marques de Melo. All rights reserved.
@@ -493,15 +510,10 @@ Copyright(c) 2024 Vinicius Gabriel Marques de Melo. All rights reserved.
Contact: contact@monambike.com for more information.
For license information, please see the LICENSE file in the root directory.
**************************************************************************/
-/*
-// Dark Mode Elements Colors
-.dark-theme {
- $primary-color: $black;
- $secondary-color: $white;
- $primary-gray-color: $gray-dark;
- $secondary-gray-color: $gray-dark-light;
-}
-*/
+/*$primary-color: $black;
+$secondary-color: $white;
+$primary-gray-color: $gray-dark;
+$secondary-gray-color: $gray-dark-light;*/
/**************************************************************************
Copyright(c) 2024 Vinicius Gabriel Marques de Melo. All rights reserved.
Contact: contact@monambike.com for more information.
@@ -521,11 +533,6 @@ html body {
position: absolute;
}
-.body-page {
- background: url(/resources/images/wallpaper_code.jpg) no-repeat fixed center/cover;
- color: rgb(30, 30, 30);
-}
-
.section {
display: block;
height: 100% !important;
@@ -541,6 +548,15 @@ html body {
text-shadow: 1px 1px 1px rgb(25, 25, 25);
}
+.paragraph-block {
+ background-color: rgb(235, 235, 235);
+ color: rgb(25, 25, 25);
+ padding: 20px;
+}
+.paragraph-block a {
+ color: rgb(77, 18, 161);
+}
+
/**************************************************************************
Copyright(c) 2024 Vinicius Gabriel Marques de Melo. All rights reserved.
Contact: contact@monambike.com for more information.
@@ -551,15 +567,10 @@ Copyright(c) 2024 Vinicius Gabriel Marques de Melo. All rights reserved.
Contact: contact@monambike.com for more information.
For license information, please see the LICENSE file in the root directory.
**************************************************************************/
-/*
-// Dark Mode Elements Colors
-.dark-theme {
- $primary-color: $black;
- $secondary-color: $white;
- $primary-gray-color: $gray-dark;
- $secondary-gray-color: $gray-dark-light;
-}
-*/
+/*$primary-color: $black;
+$secondary-color: $white;
+$primary-gray-color: $gray-dark;
+$secondary-gray-color: $gray-dark-light;*/
.section--presentation {
align-items: center;
color: rgb(250, 250, 250);
@@ -593,15 +604,10 @@ Copyright(c) 2024 Vinicius Gabriel Marques de Melo. All rights reserved.
Contact: contact@monambike.com for more information.
For license information, please see the LICENSE file in the root directory.
**************************************************************************/
-/*
-// Dark Mode Elements Colors
-.dark-theme {
- $primary-color: $black;
- $secondary-color: $white;
- $primary-gray-color: $gray-dark;
- $secondary-gray-color: $gray-dark-light;
-}
-*/
+/*$primary-color: $black;
+$secondary-color: $white;
+$primary-gray-color: $gray-dark;
+$secondary-gray-color: $gray-dark-light;*/
.section--social-media {
height: 130vh !important;
background-color: rgb(95, 50, 155);
@@ -630,15 +636,10 @@ Copyright(c) 2024 Vinicius Gabriel Marques de Melo. All rights reserved.
Contact: contact@monambike.com for more information.
For license information, please see the LICENSE file in the root directory.
**************************************************************************/
-/*
-// Dark Mode Elements Colors
-.dark-theme {
- $primary-color: $black;
- $secondary-color: $white;
- $primary-gray-color: $gray-dark;
- $secondary-gray-color: $gray-dark-light;
-}
-*/
+/*$primary-color: $black;
+$secondary-color: $white;
+$primary-gray-color: $gray-dark;
+$secondary-gray-color: $gray-dark-light;*/
/**************************************************************************
Copyright(c) 2024 Vinicius Gabriel Marques de Melo. All rights reserved.
Contact: contact@monambike.com for more information.
@@ -727,15 +728,10 @@ Copyright(c) 2024 Vinicius Gabriel Marques de Melo. All rights reserved.
Contact: contact@monambike.com for more information.
For license information, please see the LICENSE file in the root directory.
**************************************************************************/
-/*
-// Dark Mode Elements Colors
-.dark-theme {
- $primary-color: $black;
- $secondary-color: $white;
- $primary-gray-color: $gray-dark;
- $secondary-gray-color: $gray-dark-light;
-}
-*/
+/*$primary-color: $black;
+$secondary-color: $white;
+$primary-gray-color: $gray-dark;
+$secondary-gray-color: $gray-dark-light;*/
.warning {
background-color: rgb(200, 20, 20);
color: rgb(250, 250, 250);
@@ -753,15 +749,10 @@ Copyright(c) 2024 Vinicius Gabriel Marques de Melo. All rights reserved.
Contact: contact@monambike.com for more information.
For license information, please see the LICENSE file in the root directory.
**************************************************************************/
-/*
-// Dark Mode Elements Colors
-.dark-theme {
- $primary-color: $black;
- $secondary-color: $white;
- $primary-gray-color: $gray-dark;
- $secondary-gray-color: $gray-dark-light;
-}
-*/
+/*$primary-color: $black;
+$secondary-color: $white;
+$primary-gray-color: $gray-dark;
+$secondary-gray-color: $gray-dark-light;*/
.footer {
background-color: rgb(30, 30, 30);
display: flex;
@@ -814,15 +805,10 @@ Copyright(c) 2024 Vinicius Gabriel Marques de Melo. All rights reserved.
Contact: contact@monambike.com for more information.
For license information, please see the LICENSE file in the root directory.
**************************************************************************/
-/*
-// Dark Mode Elements Colors
-.dark-theme {
- $primary-color: $black;
- $secondary-color: $white;
- $primary-gray-color: $gray-dark;
- $secondary-gray-color: $gray-dark-light;
-}
-*/
+/*$primary-color: $black;
+$secondary-color: $white;
+$primary-gray-color: $gray-dark;
+$secondary-gray-color: $gray-dark-light;*/
.header {
background-color: rgb(25, 25, 25);
display: flex;
@@ -914,16 +900,11 @@ Copyright(c) 2024 Vinicius Gabriel Marques de Melo. All rights reserved.
Contact: contact@monambike.com for more information.
For license information, please see the LICENSE file in the root directory.
**************************************************************************/
-/*
-// Dark Mode Elements Colors
-.dark-theme {
- $primary-color: $black;
- $secondary-color: $white;
- $primary-gray-color: $gray-dark;
- $secondary-gray-color: $gray-dark-light;
-}
-*/
-.app-format {
+/*$primary-color: $black;
+$secondary-color: $white;
+$primary-gray-color: $gray-dark;
+$secondary-gray-color: $gray-dark-light;*/
+.loading {
background: url("../../images/karen-kujou/determined.gif") no-repeat;
background-size: cover;
box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.9);
@@ -932,41 +913,41 @@ For license information, please see the LICENSE file in the root directory.
height: 100%;
width: 100%;
}
-.app-format .loading {
+.loading .loading {
display: table-cell;
vertical-align: middle;
}
-.app-format .loading--background-filter {
+.loading .loading--background-filter {
background-color: rgb(250, 250, 250);
}
-.app-format .loading--image {
+.loading .loading--image {
padding: 2% 0;
text-align: center;
}
-.app-format .loading--image img {
+.loading .loading--image img {
border: 5px solid rgb(95, 50, 155);
border-radius: 5px;
}
-.app-format .loading--title, .app-format .loading--body {
+.loading .loading--title, .loading .loading--body {
padding: 20px;
font-size: 16pt;
color: white;
font-weight: bold;
}
-.app-format .loading--title {
+.loading .loading--title {
background-color: rgb(77, 18, 161);
}
-.app-format .loading--body {
+.loading .loading--body {
background-color: rgb(95, 50, 155);
}
-.app-format .loading--curiosity {
+.loading .loading--curiosity {
background-color: rgb(250, 250, 250);
/*background-color: black;*/
padding: 10px;
font-size: 12pt;
text-align: center;
}
-.app-format .loading p, .app-format .loading img {
+.loading .loading p, .loading .loading img {
margin: 0;
padding: 0;
display: inline-block;
diff --git a/src/Monambike.Web/wwwroot/css/main.css.map b/src/Monambike.Web/wwwroot/css/main.css.map
index 67629e6..1c4b2ce 100644
--- a/src/Monambike.Web/wwwroot/css/main.css.map
+++ b/src/Monambike.Web/wwwroot/css/main.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/main.scss","../scss/base/_colors.scss","../scss/base/_fonts.scss","../scss/base/_mixins.scss","../scss/base/_reset.scss","../scss/base/_typography.scss","../scss/components/_button.scss","../scss/components/_images.scss","../scss/components/_links.scss","../scss/components/_scrollbar.scss","../scss/components/_select.scss","../scss/components/_selection.scss","../scss/components/_text.scss","../scss/pages/home/_about-me.scss","../scss/pages/home/_contact.scss","../scss/pages/home/_home.scss","../scss/pages/home/_presentation.scss","../scss/pages/home/_social-media.scss","../scss/pages/home/_tour.scss","../scss/pages/home/_warning.scss","../scss/shared/_footer.scss","../scss/shared/_header.scss","../scss/shared/_loading.scss"],"names":[],"mappings":"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","file":"main.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../scss/main.scss","../scss/animation/_rainstorm.scss","../scss/base/_colors.scss","../scss/base/_fonts.scss","../scss/base/_mixins.scss","../scss/base/_reset.scss","../scss/base/_typography.scss","../scss/components/_button.scss","../scss/components/_images.scss","../scss/components/_links.scss","../scss/components/_scrollbar.scss","../scss/components/_select.scss","../scss/components/_selection.scss","../scss/components/_text.scss","../scss/pages/home/_about-me.scss","../scss/pages/home/_contact.scss","../scss/pages/home/_home.scss","../scss/pages/home/_presentation.scss","../scss/pages/home/_social-media.scss","../scss/pages/home/_tour.scss","../scss/pages/home/_warning.scss","../scss/shared/_footer.scss","../scss/shared/_header.scss","../scss/shared/_loading.scss"],"names":[],"mappings":"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","file":"main.css"}
\ No newline at end of file
diff --git a/src/Monambike.Web/wwwroot/index.html b/src/Monambike.Web/wwwroot/index.html
index a17e319..91cce49 100644
--- a/src/Monambike.Web/wwwroot/index.html
+++ b/src/Monambike.Web/wwwroot/index.html
@@ -23,8 +23,8 @@
@@ -51,6 +50,7 @@
đ
+