update color-scheme
@@ -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()">☰ </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>
|
||||
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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()">☰ </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>
|
||||
|
||||
|
||||
|
Before Width: | Height: | Size: 57 KiB After Width: | Height: | Size: 55 KiB |
|
Before Width: | Height: | Size: 63 KiB After Width: | Height: | Size: 62 KiB |
|
Before Width: | Height: | Size: 26 KiB After Width: | Height: | Size: 25 KiB |
|
Before Width: | Height: | Size: 74 KiB After Width: | Height: | Size: 73 KiB |
|
Before Width: | Height: | Size: 653 B After Width: | Height: | Size: 608 B |
|
Before Width: | Height: | Size: 630 B After Width: | Height: | Size: 578 B |
|
Before Width: | Height: | Size: 515 B After Width: | Height: | Size: 474 B |
|
Before Width: | Height: | Size: 46 KiB After Width: | Height: | Size: 45 KiB |
|
Before Width: | Height: | Size: 36 KiB After Width: | Height: | Size: 35 KiB |
15
index.html
@@ -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()">☰ </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">
|
||||
|
||||
@@ -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()">☰ </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>
|
||||
|
||||
|
||||