Skip to content

Commit

Permalink
feat: add new images, new theme, new colors and fix meta tags
Browse files Browse the repository at this point in the history
  • Loading branch information
@VanehSann
VanehSann committed Jul 24, 2023
1 parent c0c492c commit 9d7aec4
Show file tree
Hide file tree
Showing 6 changed files with 60 additions and 60 deletions.
Binary file modified assets/images/heart.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed assets/images/og.jpg
View file
Binary file not shown.
Binary file added assets/images/og.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified assets/images/vanehsann.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
89 changes: 44 additions & 45 deletions assets/styles/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@
text-align: center;
font-size: 40px;
/* color: gray; */
color: #051c3f;
color: #0f172a;
}

h3 {
Expand All @@ -31,18 +31,18 @@
i:focus,
button:hover,
button:focus {
color: #ff9800;
color: #c478d3;
}

a.more-btn:hover,
a.more-btn:focus {
background: #051c3f;
color: white;
background: #0f172a;
color: #f9f9f9;
}

nav a i:hover,
nav a i:focus {
color: white;
color: #f9f9f9;
}

.project-summary:hover,
Expand All @@ -56,7 +56,7 @@
aside#intro {
width: 300px;
margin-left: 100px;
background: #051c3f;
background: #0f172a;
position: fixed;
height: 100vh;
box-shadow: inset 0px 0 30px #161616;
Expand All @@ -68,7 +68,7 @@

/* Estilos do header */
header {
background: #051c3f;
background: #0f172a;
position: fixed;
width: 100px;
z-index: 99;
Expand All @@ -82,7 +82,7 @@

/* Estilos da section */
section {
background: linear-gradient(45deg, #ffffff, #ffffff);
background: #f9f9f9;
right: 0;
position: relative;
margin-left: 400px;
Expand All @@ -95,13 +95,13 @@
.project-summary,
.card {
margin: 25px 0px;
background: white;
background: transparent;
padding: 13px 19px;
}

section p {
color: gray;
/* color: #051c3f; */
/* color: #0f172a; */
margin: 3px 0px;
font-size: larger;
}
Expand All @@ -122,13 +122,13 @@

a.more-btn {
text-decoration: none;
background-color: #FF9800;
background-color: #c478d3;
font-weight: 600;
border-radius: 5px;
padding: 7px;
width: 100px;
box-shadow: inset 0px 0px 0px #999999;
color: white;
color: #f9f9f9;
text-align: center;
}

Expand All @@ -139,7 +139,7 @@

/* Estilos do footer */
footer {
background: #051c3f;
background: #0f172a;
color: gray;
text-align: center;
position: relative;
Expand Down Expand Up @@ -174,7 +174,7 @@

i.fa-solid {
font-size: 3em;
color: #ff9800;
color: #c478d3;
text-shadow: none;
margin-bottom: 10px;
}
Expand Down Expand Up @@ -207,32 +207,31 @@
}

#about h1 {
color: #ff9800;
color: #c478d3;
font-family: system-ui, sans-serif;
}

#about h2 {
font-size: 2em;
color: #ffffff;
color: #f9f9f9 ;
font-family: system-ui, sans-serif;
letter-spacing: 2;
font-weight: 900;
}

#about h3 span {
background: red;
padding: 4px;
}

#about div span {
margin: 1px;
background: #ff9800;
background: #c478d3;
padding: 9px;
font-weight: 600;
box-shadow: inset 0px 0px 0px #999999;
border-right: 4px solid #f77e00;
color: white;
border-bottom: 4px solid #f77e00;
border-right: 4px solid #8c3d8f;
color: #f9f9f9;
border-bottom: 4px solid #8c3d8f;
border-radius: 3px;
}

Expand All @@ -255,7 +254,7 @@

div#about a {
margin: 17px;
color: #051c3f;
color: #0f172a;
text-decoration: none;
border-radius: 5px;
padding: 10px;
Expand All @@ -264,10 +263,10 @@
}

#about button {
background: white;
background: #f9f9f9;
border: 0;
margin: 13px 1px;
color: #051c3f;
color: #0f172a;
border-radius: 5px;
font-size: 18px;
font-weight: 400;
Expand All @@ -293,7 +292,7 @@

div#pitch p {
margin: 6px 0px;
background: white;
background: transparent;
padding: 13px 19px;
}

Expand Down Expand Up @@ -332,7 +331,7 @@
justify-content: center;
align-items: flex-start;
margin: 25px 0px;
background: whitesmoke;
background: #f9f9f9smoke;
padding: 13px 19px;
}

Expand Down Expand Up @@ -366,8 +365,8 @@
}

.contact-tabs .tab-btn.active {
background-color: #ff9800;
color: white;
background-color: #c478d3;
color: #f9f9f9;
border-radius: 5px;
}

Expand Down Expand Up @@ -411,18 +410,18 @@
}

.contact-info a {
color: #ff9800;
color: #c478d3;
text-decoration: none;
transition: color 0.3s;
}

.contact-info a:hover {
color: #ff9800;
color: #c478d3;
}

.contact-info i {
margin-right: 10px;
color: #ff9800;
color: #c478d3;
}


Expand Down Expand Up @@ -526,12 +525,12 @@
button.top-button,
button.dark-mode-button {
border-radius: 5px;
background: #FF9800;
background: #c478d3;
position: fixed;
border: 1px solid #FF9800;
border: 1px solid #c478d3;
width: 58px;
border-right: 4px solid #f77e00;
border-bottom: 4px solid #f77e00;
border-right: 4px solid #8c3d8f;
border-bottom: 4px solid #8c3d8f;
position: fixed;
z-index: 99999;
margin: 0;
Expand All @@ -558,20 +557,20 @@
margin: 0;
font-size: 21px;
padding: 11px 0px;
color: white;
color: #f9f9f9;
}

/* dark theme */


body.dark,
body.dark section {
background: #051c3f;
background: linear-gradient(90deg, #0f172a, #051c3f);
color: #ccc;
}

body.dark div#pitch h1 {
color: white;
color: #f9f9f9;
}

body.dark div#pitch p {
Expand All @@ -596,28 +595,28 @@

.dark button.top-button i,
.dark button.dark-mode-button i {
color: #051c3f;
color: #0f172a;
}

.dark .tab-btn.active {
background-color: #ff9800;
color: white;
background-color: #c478d3;
color: #f9f9f9;
border-radius: 5px;
}

.dark h1 {
color: white;
color: #f9f9f9;
}

.dark h1:hover,
.dark h1:focus {
color: #ff9800;
color: #c478d3;
}

.dark a.more-btn:hover,
.dark a.more-btn:focus {
background-color: white;
color: #051c3f;
background-color: #f9f9f9;
color: #0f172a;
}

.dark .project-summary:hover,
Expand Down
31 changes: 16 additions & 15 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,28 +5,22 @@
<title>Vaneh Sann' • Full Stack Dev Jr & Designer 🚀</title>
<meta name="author" content="Vaneh Sann' • Full Stack Dev Jr & Designer 🚀" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:locale" content="pt_BR" />
<meta property="og:type" content="website">
<meta name="description"
content="Welcome to my personal portfolio website! I'm excited to showcase my journey as a passionate developer and share my projects and achievements with you. This website serves as a central hub where you can explore my skills, experiences, and contributions in the world of technology.">
<meta property="og:title" content="Vaneh Sann' • Full Stack Dev Jr & Designer 🚀">
<meta property="og:description"
content="Welcome to my personal portfolio website! I'm excited to showcase my journey as a passionate developer and share my projects and achievements with you. This website serves as a central hub where you can explore my skills, experiences, and contributions in the world of technology.">
<meta property="og:url" content="https://vanehsann.github.io/portfolio/">
<meta property="og:image" content="https://vanehsann.github.io/portfolio/assets/images/og.jpg">
<meta property="og:image:alt" content="Vaneh Sann' • Full Stack Dev Jr & Designer 🚀">
<link rel="icon" type="image/png" href="assets/images/heart.png" sizes="32x32">
<meta property="og:locale" content="pt_BR" />
<meta property="og:type" content="website">
<meta property="og:url" content="https://vanehsann.github.io/portfolio/">
<link rel="icon" type="image/png" href="assets/images/heart.jpg" sizes="32x32">
<link href="assets/fonts/fontawesome/css/all.css" rel="stylesheet">
<link href="assets/styles/style.css" rel="stylesheet">
</head>

<body>
<header>
<nav>
<a href="#pitch"><i class="fa-solid fa-house"></i>Sobre Mim</a>
<a href="#projects"><i class="fa-solid fa-briefcase"></i>Projetos</a>
<a href="#jobs"><i class="fa-solid fa-list-check"></i>Experiências</a>
<a href="#contact"><i class="fa-solid fa-envelope"></i>Contato</a>
</nav>
</header>

<aside id="intro">
<div id="about">
Expand All @@ -48,6 +42,15 @@ <h2> Full Stack Dev Jr & Designer 🚀</h2>
Baixe meu Curriculo</a>
</div>
</aside>
<header>
<nav>
<a href="#pitch"><i class="fa-solid fa-house"></i>Sobre Mim</a>
<a href="#projects"><i class="fa-solid fa-briefcase"></i>Projetos</a>
<a href="#jobs"><i class="fa-solid fa-list-check"></i>Experiências</a>
<a href="#contact"><i class="fa-solid fa-envelope"></i>Contato</a>
</nav>
</header>

<section>
<div id="pitch">
<h1>Oiee,<br> me chamo Vanessa Santos.</h1>
Expand Down Expand Up @@ -232,9 +235,7 @@ <h1>Contato</h1>
</section>
<footer>
<p> Desenvolvido por <span>@vanehsann</span> utilizando HTML, CSS e JavaScript. Hospedado pelo Github Pages.
Fonte de texto System-ui. <!-- <a href="https://www.flaticon.com/free-icons/heart" target="_blank"
title="heart icons">Heart
icons created by kmg design - Flaticon</a> -->.<br />
Fonte de texto System-ui.
&copy; Copyrights 2023. Todos os direitos reservados. Versão 1.0.</p>
</footer>

Expand Down

0 comments on commit 9d7aec4

Please sign in to comment.