-
- Discord
+
Discord retrozinndev
-
- GitHub
+
GitHub retrozinndev
-
- GitLab
+
GitLab retrozinndev
-
- CodeBerg
+
CodeBergretrozinndev
-
- Gravatar
+
X/Twitter @retrozinndev
-
- X/Twitter
+
Matrix @retrozinndev:matrix.org
-
- Matrix
+
Reddit Much_Clue7037
- - Reddit - -
-
- E-mail
+
Mail retrozinndev@gmail.com
-
-
\ No newline at end of file
diff --git a/src/pages/404.astro b/src/pages/404.astro
index d3a3907..dfe3a54 100644
--- a/src/pages/404.astro
+++ b/src/pages/404.astro
@@ -1,11 +1,11 @@
---
import "../styles/global.css";
import NavBar from "../components/NavBar.astro";
-import OldLayout from "../layouts/OldLayout.astro";
+import PageLayout from "../layouts/PageLayout.astro";
---
404!
@@ -15,7 +15,7 @@ import OldLayout from "../layouts/OldLayout.astro";
-
+
-
-
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/styles/_colors.css b/src/styles/_colors.css
new file mode 100644
index 0000000..72e0eb1
--- /dev/null
+++ b/src/styles/_colors.css
@@ -0,0 +1,9 @@
+
+:root {
+ --navbar-color: rgb(47, 49, 54);
+ --background-color: #1e1e1f;
+ --primary-color: #3a4750;
+ --secondary-color: #343c42;
+ --link-color: #2f82c2;
+ --text-emphasis-color: #2c73a5;
+}
\ No newline at end of file
diff --git a/src/styles/about_page.css b/src/styles/about_page.css
new file mode 100644
index 0000000..04450d0
--- /dev/null
+++ b/src/styles/about_page.css
@@ -0,0 +1,24 @@
+
+@import "_colors.css";
+
+.container {
+ margin-left: 8%;
+ width: fit-content;
+ font-weight: 500;
+}
+
+
+
+a {
+ color: white;
+ text-decoration-thickness: 2px;
+ transition: ease-in 150ms;
+}
+
+a:hover {
+ color: var(--link-color);
+}
+
+p {
+ line-height: 1.2rem;
+}
\ No newline at end of file
diff --git a/src/styles/global.css b/src/styles/global.css
index 99abb04..fbb883b 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -1,15 +1,10 @@
-:root {
- --navbar-color: rgb(47, 49, 54);
- --background-color: #1e1e1f;
- --primary-color: #3a4750;
- --secondary-color: #343c42;
- --link-color: #2f82c2;
- --text-emphasis-color: #2c73a5;
-}
+@import "_colors.css";
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
html {
- font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+ font-family: Noto Sans, Segoe UI, sans-serif;
+ font-weight: 300;
scroll-behavior: smooth;
color-scheme: dark;
}
@@ -32,12 +27,6 @@ body {
margin: auto;
}
-.container {
- --margin-left: 1em;
- margin-left: var(--margin-left);
- width: calc(100vw - var(--margin-left));
-}
-
h1 {
font-size: 32.5px;
}
@@ -50,77 +39,19 @@ h3 {
font-size: 18px;
}
-a.header-button {
- color: white;
- text-decoration: none;
- font-weight: bolder;
- box-sizing: 90px;
-}
-
.highlight {
position: flex;
font-style: bolder;
font-weight: bolder;
color: var(--text-emphasis-color);
-}
-
-.highlight:is(:hover) {
transition: ease-in-out 500ms;
- color: wheat;
-}
-
-.highlight:not(:hover) {
- transition: ease-in 250ms;
- color: var(--text-emphasis-color);
}
-.description {
- font-size: 14px;
+.highlight:hover {
+ color: wheat;
}
iframe {
background-color: var(--background-color);
border-radius: 12px;
}
-
-.about {
- font-size: 16px;
-}
-
-.skills {
- font-size: 16px;
- font-style: bold;
-}
-
-.projects {
- line-height: 32px;
-}
-
-.project {
- font-style: bold;
- box-sizing: content-box;
- border: 4px solid var(--primary-color);
- border-collapse: collapse;
- border-radius: 8px;
- background-color: var(--secondary-color);
-}
-
-.socials ul {
- line-height: 25px;
- font-size: 14px;
- display: flex;
- flex-direction: row;
- list-style-type: none;
- flex-wrap: wrap;
-}
-
-.socials a.link {
- box-sizing: content-box;
- font-size: 16px;
- font-style: bold;
- border: 4px solid var(--primary-color);
- border-radius: 8px;
- background-color: var(--secondary-color);
- padding: 2px;
- margin: 1px;
-}
\ No newline at end of file
Olá, sou o João!
- Pronomes: Ele/Dele (He/Him)
- Idiomas: Inglês(English), Português Brasileiro
- Skills: Java, C#, TypeScript, Astro -
- - Idiomas: Inglês(English), Português Brasileiro
- Skills: Java, C#, TypeScript, Astro -
- Sou um programador autodidata e um entusiasta de tecnologia que está aprendendo coisas sobre programação!
- Amo a comunidade de código-aberto! Gosto de: escrever códigos, aprender sobre Linux e fazer joguinhos no meu tempo livre!
-
- - Amo a comunidade de código-aberto! Gosto de: escrever códigos, aprender sobre Linux e fazer joguinhos no meu tempo livre!
-
-
+ mundo da programação! Eu gosto muito de fazer projetos open-source!
+ Eu curto: programar, aprender sobre Linux, fazer jogos e aplicativos no meu
+ tempo livre!
+ Meus Projetos:
--
-
- - JSONutils: Uma biblioteca JSON fácil de usar, para Java. - -
- - The Traveler: Um jogo 2D de tiro grátis e open-source! - -
- - UpDateNTime: Ferramenta para sicronizar a data e hora com o da internet. - -
- - Space Shooter: Um jogo sobre atirar em meteoros no Espaço! - -
+ mundo da programação! Eu gosto muito de fazer projetos open-source!
+ Eu curto: programar, aprender sobre Linux, fazer jogos e aplicativos no meu
+ tempo livre!
Você pode me encontrar em:
+You can find me in: