update color-scheme

This commit is contained in:
timmypidashev
2021-10-02 17:34:59 -07:00
parent 1f820e4008
commit 7b875a85c1
14 changed files with 29 additions and 37 deletions

View File

@@ -23,12 +23,11 @@
<!-- Navbar -->
<div class="header">
<a href="#default" class="logo" data-aos="zoom-in">Timmy</a>
<div class="header-right">
<a href="index.html" data-aos="zoom-in">About</a>
<a class="active" href="blog.html" data-aos="zoom-in" data-aos="zoom-in">Blog</a>
<a href="projects.html" data-aos="zoom-in">Projects</a>
<span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776; </span>
<div class="header-right">
<a href="index.html">About</a>
<a class="active" href="blog.html">Blog</a>
<a href="projects.html">Projects</a>
</div>
</div>

View File

@@ -7,13 +7,13 @@
/* Navbar */
.header {
overflow: hidden;
background-color: #FB93DA;
background-color: #333333;
padding: 20px 10px;
}
.header a {
float: left;
color: #404082;
color: #BBBBBB;
text-shadow: 3px 2px 2px rgba(199, 130, 59, 0.15);
text-align: center;
padding: 12px;
@@ -29,13 +29,13 @@
}
.header a:hover {
background-color: #D26BB9;
background-color: #BBBBBB;
color: black;
}
.header a.active {
background-color: #404082;
color: white;
background-color: #BBBBBB;
color: black;
}
.header-right {
@@ -86,8 +86,8 @@
/* Style */
html {
background-color: #FB93DA;
color: #404082;
background-color: #333333;
color: #BBBBBB;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 1vh;
@@ -121,12 +121,8 @@ html {
align-items: center;
}
.pink__colored {
color: #D26BB9;
}
.orange__highlight {
background-color: #D26BB9;
.highlight {
background-color: #EEEEEE;
border-radius: 20px;
line-height: 1.5;
padding-right: 0.9vw;

View File

@@ -23,12 +23,11 @@
<!-- Navbar -->
<div class="header">
<a href="#default" class="logo" data-aos="zoom-in">Timmy</a>
<div class="header-right">
<a href="index.html" data-aos="zoom-in">About</a>
<a href="blog.html" data-aos="zoom-in" data-aos="zoom-in">Blog</a>
<a href="projects.html" data-aos="zoom-in">Projects</a>
<span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776; </span>
<div class="header-right">
<a class="active" href="index.html">About</a>
<a href="blog.html">Blog</a>
<a href="projects.html">Projects</a>
</div>
</div>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 57 KiB

After

Width:  |  Height:  |  Size: 55 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 63 KiB

After

Width:  |  Height:  |  Size: 62 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 26 KiB

After

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 74 KiB

After

Width:  |  Height:  |  Size: 73 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 653 B

After

Width:  |  Height:  |  Size: 608 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 630 B

After

Width:  |  Height:  |  Size: 578 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 515 B

After

Width:  |  Height:  |  Size: 474 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 46 KiB

After

Width:  |  Height:  |  Size: 45 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 36 KiB

After

Width:  |  Height:  |  Size: 35 KiB

View File

@@ -23,12 +23,11 @@
<!-- Navbar -->
<div class="header">
<a href="#default" class="logo" data-aos="zoom-in">Timmy</a>
<div class="header-right">
<a class="active" href="index.html" data-aos="zoom-in">About</a>
<a href="blog.html" data-aos="zoom-in" data-aos="zoom-in">Blog</a>
<a href="projects.html" data-aos="zoom-in">Projects</a>
<span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776; </span>
<div class="header-right">
<a class="active" href="index.html">About</a>
<a href="blog.html">Blog</a>
<a href="projects.html">Projects</a>
</div>
</div>
@@ -36,7 +35,7 @@
<!-- Section -->
<section class="centered">
<div>
<h1 class="hero__header pink__colored" data-aos="fade-right">Hello, Im</h1>
<h1 class="hero__header" data-aos="fade-right">Hello, Im</h1>
<h1 class="hero__header" data-aos="flip-down">Timothy</h1>
<h1 class="hero__header" data-aos="fade-left">Pidashev</h1>
</div>
@@ -48,11 +47,11 @@
<div>
<h1 class="about__header" data-aos="zoom-out">
I'm a 17-year-old on an
<span class="orange__highlight">epic journey</span>
<span class="highlight">epic journey</span>
</h1>
<h1 class="about__header" data-aos="flip-down">
to become a
<span class="orange__highlight">software developer!</span>
<span class="highlight">software developer!</span>
</h1>
</div>
<img src="images/elements/png/line_short.png" alt="line" class="divider__line" data-aos="flip-left">

View File

@@ -24,12 +24,11 @@
<!-- Navbar -->
<div class="header">
<a href="#default" class="logo" data-aos="zoom-in">Timmy</a>
<div class="header-right">
<a href="index.html" data-aos="zoom-in">About</a>
<a href="blog.html" data-aos="zoom-in" data-aos="zoom-in">Blog</a>
<a class="active" href="projects.html" data-aos="zoom-in">Projects</a>
<span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776; </span>
<div class="header-right">
<a href="index.html">About</a>
<a href="blog.html">Blog</a>
<a class="active" href="projects.html">Projects</a>
</div>
</div>