update color-scheme
@@ -23,12 +23,11 @@
|
|||||||
|
|
||||||
<!-- Navbar -->
|
<!-- Navbar -->
|
||||||
<div class="header">
|
<div class="header">
|
||||||
<a href="#default" class="logo" data-aos="zoom-in">Timmy</a>
|
<span style="font-size:30px;cursor:pointer" onclick="openNav()">☰ </span>
|
||||||
<div class="header-right">
|
<div class="header-right">
|
||||||
<a href="index.html" data-aos="zoom-in">About</a>
|
<a href="index.html">About</a>
|
||||||
<a class="active" href="blog.html" data-aos="zoom-in" data-aos="zoom-in">Blog</a>
|
<a class="active" href="blog.html">Blog</a>
|
||||||
<a href="projects.html" data-aos="zoom-in">Projects</a>
|
<a href="projects.html">Projects</a>
|
||||||
<span style="font-size:30px;cursor:pointer" onclick="openNav()">☰ </span>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@@ -7,13 +7,13 @@
|
|||||||
/* Navbar */
|
/* Navbar */
|
||||||
.header {
|
.header {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
background-color: #FB93DA;
|
background-color: #333333;
|
||||||
padding: 20px 10px;
|
padding: 20px 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header a {
|
.header a {
|
||||||
float: left;
|
float: left;
|
||||||
color: #404082;
|
color: #BBBBBB;
|
||||||
text-shadow: 3px 2px 2px rgba(199, 130, 59, 0.15);
|
text-shadow: 3px 2px 2px rgba(199, 130, 59, 0.15);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
@@ -29,13 +29,13 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.header a:hover {
|
.header a:hover {
|
||||||
background-color: #D26BB9;
|
background-color: #BBBBBB;
|
||||||
color: black;
|
color: black;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header a.active {
|
.header a.active {
|
||||||
background-color: #404082;
|
background-color: #BBBBBB;
|
||||||
color: white;
|
color: black;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-right {
|
.header-right {
|
||||||
@@ -86,8 +86,8 @@
|
|||||||
|
|
||||||
/* Style */
|
/* Style */
|
||||||
html {
|
html {
|
||||||
background-color: #FB93DA;
|
background-color: #333333;
|
||||||
color: #404082;
|
color: #BBBBBB;
|
||||||
font-family: 'Montserrat', sans-serif;
|
font-family: 'Montserrat', sans-serif;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 1vh;
|
font-size: 1vh;
|
||||||
@@ -121,12 +121,8 @@ html {
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pink__colored {
|
.highlight {
|
||||||
color: #D26BB9;
|
background-color: #EEEEEE;
|
||||||
}
|
|
||||||
|
|
||||||
.orange__highlight {
|
|
||||||
background-color: #D26BB9;
|
|
||||||
border-radius: 20px;
|
border-radius: 20px;
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
padding-right: 0.9vw;
|
padding-right: 0.9vw;
|
||||||
|
|||||||
@@ -23,12 +23,11 @@
|
|||||||
|
|
||||||
<!-- Navbar -->
|
<!-- Navbar -->
|
||||||
<div class="header">
|
<div class="header">
|
||||||
<a href="#default" class="logo" data-aos="zoom-in">Timmy</a>
|
<span style="font-size:30px;cursor:pointer" onclick="openNav()">☰ </span>
|
||||||
<div class="header-right">
|
<div class="header-right">
|
||||||
<a href="index.html" data-aos="zoom-in">About</a>
|
<a class="active" href="index.html">About</a>
|
||||||
<a href="blog.html" data-aos="zoom-in" data-aos="zoom-in">Blog</a>
|
<a href="blog.html">Blog</a>
|
||||||
<a href="projects.html" data-aos="zoom-in">Projects</a>
|
<a href="projects.html">Projects</a>
|
||||||
<span style="font-size:30px;cursor:pointer" onclick="openNav()">☰ </span>
|
|
||||||
</div>
|
</div>
|
||||||
</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 -->
|
<!-- Navbar -->
|
||||||
<div class="header">
|
<div class="header">
|
||||||
<a href="#default" class="logo" data-aos="zoom-in">Timmy</a>
|
<span style="font-size:30px;cursor:pointer" onclick="openNav()">☰ </span>
|
||||||
<div class="header-right">
|
<div class="header-right">
|
||||||
<a class="active" href="index.html" data-aos="zoom-in">About</a>
|
<a class="active" href="index.html">About</a>
|
||||||
<a href="blog.html" data-aos="zoom-in" data-aos="zoom-in">Blog</a>
|
<a href="blog.html">Blog</a>
|
||||||
<a href="projects.html" data-aos="zoom-in">Projects</a>
|
<a href="projects.html">Projects</a>
|
||||||
<span style="font-size:30px;cursor:pointer" onclick="openNav()">☰ </span>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -36,7 +35,7 @@
|
|||||||
<!-- Section -->
|
<!-- Section -->
|
||||||
<section class="centered">
|
<section class="centered">
|
||||||
<div>
|
<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="flip-down">Timothy</h1>
|
||||||
<h1 class="hero__header" data-aos="fade-left">Pidashev</h1>
|
<h1 class="hero__header" data-aos="fade-left">Pidashev</h1>
|
||||||
</div>
|
</div>
|
||||||
@@ -48,11 +47,11 @@
|
|||||||
<div>
|
<div>
|
||||||
<h1 class="about__header" data-aos="zoom-out">
|
<h1 class="about__header" data-aos="zoom-out">
|
||||||
I'm a 17-year-old on an
|
I'm a 17-year-old on an
|
||||||
<span class="orange__highlight">epic journey</span>
|
<span class="highlight">epic journey</span>
|
||||||
</h1>
|
</h1>
|
||||||
<h1 class="about__header" data-aos="flip-down">
|
<h1 class="about__header" data-aos="flip-down">
|
||||||
to become a
|
to become a
|
||||||
<span class="orange__highlight">software developer!</span>
|
<span class="highlight">software developer!</span>
|
||||||
</h1>
|
</h1>
|
||||||
</div>
|
</div>
|
||||||
<img src="images/elements/png/line_short.png" alt="line" class="divider__line" data-aos="flip-left">
|
<img src="images/elements/png/line_short.png" alt="line" class="divider__line" data-aos="flip-left">
|
||||||
|
|||||||
@@ -24,12 +24,11 @@
|
|||||||
|
|
||||||
<!-- Navbar -->
|
<!-- Navbar -->
|
||||||
<div class="header">
|
<div class="header">
|
||||||
<a href="#default" class="logo" data-aos="zoom-in">Timmy</a>
|
<span style="font-size:30px;cursor:pointer" onclick="openNav()">☰ </span>
|
||||||
<div class="header-right">
|
<div class="header-right">
|
||||||
<a href="index.html" data-aos="zoom-in">About</a>
|
<a href="index.html">About</a>
|
||||||
<a href="blog.html" data-aos="zoom-in" data-aos="zoom-in">Blog</a>
|
<a href="blog.html">Blog</a>
|
||||||
<a class="active" href="projects.html" data-aos="zoom-in">Projects</a>
|
<a class="active" href="projects.html">Projects</a>
|
||||||
<span style="font-size:30px;cursor:pointer" onclick="openNav()">☰ </span>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||