Small improvements

This commit is contained in:
Ebsku 2023-06-17 23:21:26 +03:00
parent 3ab529a0af
commit 55a73294d6
9 changed files with 20 additions and 42 deletions

BIN
README.md

Binary file not shown.

Binary file not shown.

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 459 KiB

View File

@ -21,20 +21,16 @@
<header> <header>
<nav> <nav>
<ul class="desktop"> <ul class="desktop">
<li class="logo"><a href="/"></a></li> <li class="logo"><a href="/">Logo of Elatteria</a></li>
<li><a href="/">Home</a></li>
<li><a href="/projects">Projects</a></li> <li><a href="/projects">Projects</a></li>
<li><a href="/links">Links</a></li> <li><a href="/links">Links</a></li>
<li><a href="/about">About</a></li> <li><a href="/about">About</a></li>
</ul> </ul>
<ul class="mobile"> <ul class="mobile">
<li class="logo"><a href="/"></a></li> <li class="logo"><a href="/">Home</a></li>
<li><a href="/projects">Projects</a></li> <li><a href="/projects">Projects</a></li>
<li><a href="/links">Links</a></li> <li><a href="/links">Links</a></li>
<li><a href="/about">About</a></li> <li><a href="/about">About</a></li>
<li>Lorem</li>
<li>Ipsum</li>
<li>Dolor</li>
</ul> </ul>
</nav> </nav>
</header> </header>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 151 KiB

View File

@ -22,7 +22,7 @@
<header> <header>
<nav> <nav>
<ul class="desktop"> <ul class="desktop">
<li class="logo"><a href="/">Home</a></li> <li class="logo"><a href="/">Logo of Elatteria</a></li>
<li><a href="/projects">Projects</a></li> <li><a href="/projects">Projects</a></li>
<li><a href="/links">Links</a></li> <li><a href="/links">Links</a></li>
<li><a href="/about">About</a></li> <li><a href="/about">About</a></li>
@ -35,7 +35,7 @@
</ul> </ul>
</nav> </nav>
</header> </header>
<h1 class="title">E-Cafe</h1> <h1 class="title underline">Elatteria</h1>
<div class="description"> <div class="description">
Welcome to E-Cafe!<br/> Welcome to E-Cafe!<br/>
We're a small community on Discord.<br /> We're a small community on Discord.<br />
@ -60,10 +60,6 @@
Ut enim medicorum scientiam non ipsius artis, sed bonae valetudinis causa probamus, Ut enim medicorum scientiam non ipsius artis, sed bonae valetudinis causa probamus,
et gubernatoris ars, quia bene navigandi rationem habet, utilitate, non arte laudatur, et gubernatoris ars, quia bene navigandi rationem habet, utilitate, non arte laudatur,
sic sapientia, quae ars vivendi.<br> sic sapientia, quae ars vivendi.<br>
<button onclick="location.href='/about';">About Elatteria</button>
</div> </div>
</body> </body>
<script src="Scripts/scroll.js"></script> <script src="Scripts/scroll.js"></script>

View File

@ -8,24 +8,20 @@
<header> <header>
<nav> <nav>
<ul class="desktop"> <ul class="desktop">
<li class="logo"><a href="/"></a></li> <li class="logo"><a href="/">Logo of Elatteria</a></li>
<li><a href="/">Home</a></li>
<li><a href="/projects">Projects</a></li> <li><a href="/projects">Projects</a></li>
<li><a href="/links">Links</a></li> <li><a href="/links">Links</a></li>
<li><a href="/about">About</a></li> <li><a href="/about">About</a></li>
</ul> </ul>
<ul class="mobile"> <ul class="mobile">
<li class="logo"><a href="/"></a></li> <li class="logo"><a href="/">Home</a></li>
<li><a href="/projects">Projects</a></li> <li><a href="/projects">Projects</a></li>
<li><a href="/links">Links</a></li> <li><a href="/links">Links</a></li>
<li><a href="/about">About</a></li> <li><a href="/about">About</a></li>
<li>Lorem</li>
<li>Ipsum</li>
<li>Dolor</li>
</ul> </ul>
</nav> </nav>
</header> </header>
<h1 class="title">Links</h1> <h1 class="title underline">Links</h1>
<section class="description"> <section class="description">
<div class="list"> <div class="list">
<figure class="features"> <figure class="features">

View File

@ -8,24 +8,20 @@
<header> <header>
<nav> <nav>
<ul class="desktop"> <ul class="desktop">
<li class="logo"><a href="/"></a></li> <li class="logo"><a href="/">Logo of Elatteria</a></li>
<li><a href="/">Home</a></li>
<li><a href="/projects">Projects</a></li> <li><a href="/projects">Projects</a></li>
<li><a href="/links">Links</a></li> <li><a href="/links">Links</a></li>
<li><a href="/about">About</a></li> <li><a href="/about">About</a></li>
</ul> </ul>
<ul class="mobile"> <ul class="mobile">
<li class="logo"><a href="/"></a></li> <li class="logo"><a href="/">Home</a></li>
<li><a href="/projects">Projects</a></li> <li><a href="/projects">Projects</a></li>
<li><a href="/links">Links</a></li> <li><a href="/links">Links</a></li>
<li><a href="/about">About</a></li> <li><a href="/about">About</a></li>
<li>Lorem</li>
<li>Ipsum</li>
<li>Dolor</li>
</ul> </ul>
</nav> </nav>
</header> </header>
<h1 class="title">Play now!</h1> <h1 class="title underline">Play now!</h1>
<div class="description"> <div class="description">
<figure> <figure>
<img src="Images/Screenshots/ip.png" alt="Add E-Cafe Minecraft server"> <img src="Images/Screenshots/ip.png" alt="Add E-Cafe Minecraft server">

View File

@ -13,24 +13,20 @@
<header> <header>
<nav> <nav>
<ul class="desktop"> <ul class="desktop">
<li class="logo"><a href="/"></a></li> <li class="logo"><a href="/">Logo of Elatteria</a></li>
<li><a href="/">Home</a></li>
<li><a href="/projects">Projects</a></li> <li><a href="/projects">Projects</a></li>
<li><a href="/links">Links</a></li> <li><a href="/links">Links</a></li>
<li><a href="/about">About</a></li> <li><a href="/about">About</a></li>
</ul> </ul>
<ul class="mobile"> <ul class="mobile">
<li class="logo"><a href="/"></a></li> <li class="logo"><a href="/">Home</a></li>
<li><a href="/projects">Projects</a></li> <li><a href="/projects">Projects</a></li>
<li><a href="/links">Links</a></li> <li><a href="/links">Links</a></li>
<li><a href="/about">About</a></li> <li><a href="/about">About</a></li>
<li>Lorem</li>
<li>Ipsum</li>
<li>Dolor</li>
</ul> </ul>
</nav> </nav>
</header> </header>
<h1 class="title">Projects</h1> <h1 class="title underline">Projects</h1>
<section class="description"> <section class="description">
<div class="list"> <div class="list">
<figure class="features"> <figure class="features">

View File

@ -35,20 +35,18 @@ body {
header { header {
background-color: rgb(32, 36, 59); background-color: #60a37c;
background-position: top; background-position: top;
text-align: center; text-align: center;
top: 0px; top: 0px;
padding: 1%;
height: 80px; height: 80px;
} }
header .logo a { header .logo a {
background-image: url("Images/logo.png"); background-image: url("Images/logo.png");
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center;
background-size: 100%; background-size: 100%;
height: 50px;
width: 50px;
text-indent: -9999999%; text-indent: -9999999%;
} }
@ -81,7 +79,7 @@ button {
} }
button:hover { button:hover {
background: rgb(146, 199, 249); /*background: rgb(146, 199, 249);*/
padding: 5px; padding: 5px;
border-radius: 8px; border-radius: 8px;
transition: 200ms; transition: 200ms;
@ -94,8 +92,8 @@ a {
a:hover { a:hover {
border-radius: 15%; border-radius: 15%;
background: rgb(82, 109, 160); /*background: rgb(82, 109, 160);*/
padding: 3px; padding: 2.5%;
transition: 250ms; transition: 250ms;
} }
@ -172,4 +170,4 @@ a:hover {
.underline { .underline {
text-decoration: underline; text-decoration: underline;
color: white; color: white;
} }