Small improvements
This commit is contained in:
parent
3ab529a0af
commit
55a73294d6
Binary file not shown.
Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 459 KiB |
|
@ -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>
|
||||||
|
|
BIN
src/favicon.ico
BIN
src/favicon.ico
Binary file not shown.
Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 151 KiB |
|
@ -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>
|
||||||
|
|
|
@ -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">
|
||||||
|
|
|
@ -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">
|
||||||
|
|
|
@ -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">
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue