mirror of
https://github.com/xHyroM/links.git
synced 2024-11-10 02:28:06 +01:00
Add files via upload
This commit is contained in:
parent
a424c9d975
commit
992b41e0df
6 changed files with 577 additions and 0 deletions
272
css/css.css
Normal file
272
css/css.css
Normal file
|
@ -0,0 +1,272 @@
|
|||
@import url("https://fonts.googleapis.com/css2?family=Rubik&display=swap");
|
||||
@import url("https://fonts.googleapis.com/css2?family=Ubuntu&display=swap");
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: #000e14;
|
||||
background-image: linear-gradient(62deg, #000e14 0%, #001929 100%);
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
header {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
margin-top: 2em;
|
||||
margin-bottom: 2em;
|
||||
}
|
||||
|
||||
header h1 {
|
||||
color: white;
|
||||
font-size: 2em;
|
||||
font-family: "Rubik", sans-serif;
|
||||
text-shadow: 0 0 3px #fff;
|
||||
}
|
||||
|
||||
header img {
|
||||
height: 8em;
|
||||
}
|
||||
|
||||
section {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
section ul li {
|
||||
margin-bottom: 3.5em;
|
||||
list-style-type: none;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
section ul li a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
section ul li .btn-yt {
|
||||
font-family: "Rubik", sans-serif;
|
||||
color: white;
|
||||
background-color: #db0000;
|
||||
padding: 1.2em 7em;
|
||||
border-radius: 0.8em;
|
||||
-webkit-transition: 0.3s;
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
section ul li .btn-yt:hover {
|
||||
background: #a60f0f;
|
||||
border-radius: 0.5em;
|
||||
}
|
||||
|
||||
section ul li .btn-tiktok {
|
||||
font-family: "Rubik", sans-serif;
|
||||
color: white;
|
||||
background-color: #8a257e;
|
||||
padding: 1.2em 7em;
|
||||
border-radius: 0.8em;
|
||||
-webkit-transition: 0.3s;
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
section ul li .btn-tiktok:hover {
|
||||
background: #5e1956;
|
||||
border-radius: 0.5em;
|
||||
}
|
||||
|
||||
section ul li .btn-ig {
|
||||
font-family: "Rubik", sans-serif;
|
||||
color: white;
|
||||
background-color: #ad0046;
|
||||
padding: 1.2em 7em;
|
||||
border-radius: 0.8em;
|
||||
-webkit-transition: 0.3s;
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
section ul li .btn-ig:hover {
|
||||
background: #91003b;
|
||||
border-radius: 0.5em;
|
||||
}
|
||||
|
||||
section ul li .btn-github {
|
||||
font-family: "Rubik", sans-serif;
|
||||
color: white;
|
||||
background-color: #171717;
|
||||
padding: 1.2em 7em;
|
||||
border-radius: 0.8em;
|
||||
-webkit-transition: 0.3s;
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
section ul li .btn-github:hover {
|
||||
background: #121212;
|
||||
border-radius: 0.5em;
|
||||
}
|
||||
|
||||
section ul li .btn-discord {
|
||||
font-family: "Rubik", sans-serif;
|
||||
color: white;
|
||||
background-color: #4f53ff;
|
||||
padding: 1.2em 7em;
|
||||
border-radius: 0.8em;
|
||||
-webkit-transition: 0.3s;
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
section ul li .btn-discord:hover {
|
||||
background: #3c40fa;
|
||||
border-radius: 0.5em;
|
||||
}
|
||||
|
||||
section ul li .btn-namemc {
|
||||
font-family: "Rubik", sans-serif;
|
||||
color: white;
|
||||
background-color: #45293f;
|
||||
padding: 1.2em 7em;
|
||||
border-radius: 0.8em;
|
||||
-webkit-transition: 0.3s;
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
section ul li .btn-namemc:hover {
|
||||
background: #2b1a28;
|
||||
border-radius: 0.5em;
|
||||
}
|
||||
|
||||
section ul li .btn-mcserver {
|
||||
font-family: "Rubik", sans-serif;
|
||||
color: white;
|
||||
background-color: #6bcf00;
|
||||
padding: 1.2em 7em;
|
||||
border-radius: 0.8em;
|
||||
-webkit-transition: 0.3s;
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
section ul li .btn-mcserver:hover {
|
||||
background: #428000;
|
||||
border-radius: 0.5em;
|
||||
}
|
||||
|
||||
section ul li .btn-mcplanet {
|
||||
font-family: "Rubik", sans-serif;
|
||||
color: white;
|
||||
background-color: #006b91;
|
||||
padding: 1.2em 7em;
|
||||
border-radius: 0.8em;
|
||||
-webkit-transition: 0.3s;
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
section ul li .btn-mcplanet:hover {
|
||||
background: #014c66;
|
||||
border-radius: 0.5em;
|
||||
}
|
||||
|
||||
section ul li .btn-more {
|
||||
font-family: "Rubik", sans-serif;
|
||||
color: #5786de;
|
||||
padding: 0.8em 2em;
|
||||
border-radius: 0.8em;
|
||||
-webkit-transition: 0.6s;
|
||||
transition: 0.6s;
|
||||
}
|
||||
|
||||
section ul li .btn-more:hover {
|
||||
color: #1c4085;
|
||||
background: #d4e3ff;
|
||||
border-radius: 2.9em;
|
||||
}
|
||||
|
||||
footer {
|
||||
padding: 2.2em;
|
||||
background-color: #000508;
|
||||
}
|
||||
|
||||
.footer-text-main {
|
||||
color: #525252;
|
||||
font-family: "Ubuntu", sans-serif;
|
||||
text-align: center;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
.footer-odkazy {
|
||||
color: gray;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
list-style-type: none;
|
||||
font-size: 0.7em;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.footer-odkazy li {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.footer-odkazy-text {
|
||||
font-family: "Ubuntu", sans-serif;
|
||||
text-decoration: underline;
|
||||
color: #333333;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.btn-twitch {
|
||||
font-family: "Rubik", sans-serif;
|
||||
color: white;
|
||||
background-color: #5200a3;
|
||||
padding: 1.2em 7em;
|
||||
border-radius: 0.8em;
|
||||
-webkit-transition: 0.3s;
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
.btn-twitch:hover {
|
||||
background: #47008c;
|
||||
border-radius: 0.5em;
|
||||
}
|
||||
|
||||
.btn-replit {
|
||||
font-family: "Rubik", sans-serif;
|
||||
color: white;
|
||||
background-color: #8a5a6e;
|
||||
padding: 1.2em 7em;
|
||||
border-radius: 0.8em;
|
||||
-webkit-transition: 0.3s;
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
.btn-replit:hover {
|
||||
background: #5e3d4b;
|
||||
border-radius: 0.5em;
|
||||
}
|
||||
|
||||
.btn-twitter {
|
||||
font-family: "Rubik", sans-serif;
|
||||
color: white;
|
||||
background-color: #1da1f2;
|
||||
padding: 1.2em 7em;
|
||||
border-radius: 0.8em;
|
||||
-webkit-transition: 0.3s;
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
.btn-twitter:hover {
|
||||
background: #0f87d1;
|
||||
border-radius: 0.5em;
|
||||
}
|
||||
/*# sourceMappingURL=css.css.map */
|
9
css/css.css.map
Normal file
9
css/css.css.map
Normal file
|
@ -0,0 +1,9 @@
|
|||
{
|
||||
"version": 3,
|
||||
"mappings": "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",
|
||||
"sources": [
|
||||
"css.scss"
|
||||
],
|
||||
"names": [],
|
||||
"file": "css.css"
|
||||
}
|
223
css/css.scss
Normal file
223
css/css.scss
Normal file
|
@ -0,0 +1,223 @@
|
|||
@import url("https://fonts.googleapis.com/css2?family=Rubik&display=swap");
|
||||
@import url("https://fonts.googleapis.com/css2?family=Ubuntu&display=swap");
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: #000e14;
|
||||
background-image: linear-gradient(62deg, #000e14 0%, #001929 100%);
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
header {
|
||||
// LOGO A TEXT
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-top: 2em;
|
||||
margin-bottom: 2em;
|
||||
h1 {
|
||||
color: white;
|
||||
font-size: 2em;
|
||||
font-family: "Rubik", sans-serif;
|
||||
text-shadow: 0 0 3px #fff;
|
||||
}
|
||||
img {
|
||||
height: 8em;
|
||||
}
|
||||
}
|
||||
|
||||
section {
|
||||
// TLACITKA
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
ul {
|
||||
li {
|
||||
margin-bottom: 3.5em;
|
||||
list-style-type: none;
|
||||
text-align: center;
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
.btn-yt {
|
||||
font-family: "Rubik", sans-serif;
|
||||
color: white;
|
||||
background-color: #db0000;
|
||||
padding: 1.2em 7em;
|
||||
border-radius: 0.8em;
|
||||
transition: 0.3s;
|
||||
&:hover {
|
||||
background: #a60f0f;
|
||||
border-radius: 0.5em;
|
||||
}
|
||||
}
|
||||
.btn-tiktok {
|
||||
font-family: "Rubik", sans-serif;
|
||||
color: white;
|
||||
background-color: #8a257e;
|
||||
padding: 1.2em 7em;
|
||||
border-radius: 0.8em;
|
||||
transition: 0.3s;
|
||||
&:hover {
|
||||
background: #5e1956;
|
||||
border-radius: 0.5em;
|
||||
}
|
||||
}
|
||||
.btn-ig {
|
||||
font-family: "Rubik", sans-serif;
|
||||
color: white;
|
||||
background-color: #ad0046;
|
||||
padding: 1.2em 7em;
|
||||
border-radius: 0.8em;
|
||||
transition: 0.3s;
|
||||
&:hover {
|
||||
background: #91003b;
|
||||
border-radius: 0.5em;
|
||||
}
|
||||
}
|
||||
.btn-github {
|
||||
font-family: "Rubik", sans-serif;
|
||||
color: white;
|
||||
background-color: #171717;
|
||||
padding: 1.2em 7em;
|
||||
border-radius: 0.8em;
|
||||
transition: 0.3s;
|
||||
&:hover {
|
||||
background: #121212;
|
||||
border-radius: 0.5em;
|
||||
}
|
||||
}
|
||||
.btn-discord {
|
||||
font-family: "Rubik", sans-serif;
|
||||
color: white;
|
||||
background-color: #4f53ff;
|
||||
padding: 1.2em 7em;
|
||||
border-radius: 0.8em;
|
||||
transition: 0.3s;
|
||||
&:hover {
|
||||
background: #3c40fa;
|
||||
border-radius: 0.5em;
|
||||
}
|
||||
}
|
||||
.btn-namemc {
|
||||
font-family: "Rubik", sans-serif;
|
||||
color: white;
|
||||
background-color: #45293f;
|
||||
padding: 1.2em 7em;
|
||||
border-radius: 0.8em;
|
||||
transition: 0.3s;
|
||||
&:hover {
|
||||
background: #2b1a28;
|
||||
border-radius: 0.5em;
|
||||
}
|
||||
}
|
||||
.btn-mcserver {
|
||||
font-family: "Rubik", sans-serif;
|
||||
color: white;
|
||||
background-color: #6bcf00;
|
||||
padding: 1.2em 7em;
|
||||
border-radius: 0.8em;
|
||||
transition: 0.3s;
|
||||
&:hover {
|
||||
background: #428000;
|
||||
border-radius: 0.5em;
|
||||
}
|
||||
}
|
||||
.btn-mcplanet {
|
||||
font-family: "Rubik", sans-serif;
|
||||
color: white;
|
||||
background-color: #006b91;
|
||||
padding: 1.2em 7em;
|
||||
border-radius: 0.8em;
|
||||
transition: 0.3s;
|
||||
&:hover {
|
||||
background: #014c66;
|
||||
border-radius: 0.5em;
|
||||
}
|
||||
}
|
||||
.btn-more {
|
||||
font-family: "Rubik", sans-serif;
|
||||
color: #5786de;
|
||||
padding: 0.8em 2em;
|
||||
border-radius: 0.8em;
|
||||
transition: 0.6s;
|
||||
&:hover {
|
||||
color: #1c4085;
|
||||
background: #d4e3ff;
|
||||
border-radius: 2.9em;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
footer {
|
||||
padding: 2.2em;
|
||||
background-color: #000508;
|
||||
}
|
||||
|
||||
.footer-text-main {
|
||||
color: #525252;
|
||||
font-family: "Ubuntu", sans-serif;
|
||||
text-align: center;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
.footer-odkazy {
|
||||
color: gray;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
list-style-type: none;
|
||||
font-size: 0.7em;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.footer-odkazy li {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.footer-odkazy-text {
|
||||
font-family: "Ubuntu", sans-serif;
|
||||
text-decoration: underline;
|
||||
color: #333333;
|
||||
display: inline-block;
|
||||
}
|
||||
// VIAC PAGE BUTTONS
|
||||
.btn-twitch {
|
||||
font-family: "Rubik", sans-serif;
|
||||
color: white;
|
||||
background-color: #5200a3;
|
||||
padding: 1.2em 7em;
|
||||
border-radius: 0.8em;
|
||||
transition: 0.3s;
|
||||
&:hover {
|
||||
background: #47008c;
|
||||
border-radius: 0.5em;
|
||||
}
|
||||
}
|
||||
.btn-replit {
|
||||
font-family: "Rubik", sans-serif;
|
||||
color: white;
|
||||
background-color: #8a5a6e;
|
||||
padding: 1.2em 7em;
|
||||
border-radius: 0.8em;
|
||||
transition: 0.3s;
|
||||
&:hover {
|
||||
background: #5e3d4b;
|
||||
border-radius: 0.5em;
|
||||
}
|
||||
}
|
||||
.btn-twitter {
|
||||
font-family: "Rubik", sans-serif;
|
||||
color: white;
|
||||
background-color: #1da1f2;
|
||||
padding: 1.2em 7em;
|
||||
border-radius: 0.8em;
|
||||
transition: 0.3s;
|
||||
&:hover {
|
||||
background: #0f87d1;
|
||||
border-radius: 0.5em;
|
||||
}
|
||||
}
|
BIN
files/logo.png
Normal file
BIN
files/logo.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 14 KiB |
37
index.html
Normal file
37
index.html
Normal file
|
@ -0,0 +1,37 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="sk">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>OLIMINATOR - Odkazy</title>
|
||||
<link rel="stylesheet" href="css/css.css">
|
||||
<link rel="icon" href="files/logo.png">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<img src="files/logo.png" alt="logo">
|
||||
<h1>OLIMINATOR</h1>
|
||||
</header>
|
||||
<section class="buttons">
|
||||
<ul>
|
||||
<li><a href="https://go.oliminator.net/youtube" class="btn-yt"><i class="fab fa-youtube"></i> YouTube</a></li>
|
||||
<li><a href="https://go.oliminator.net/titok" class="btn-tiktok"><i class="fab fa-tiktok"></i> TikTok</a></li>
|
||||
<li><a href="https://go.oliminator.net/instagram" class="btn-ig"><i class="fab fa-instagram"></i> Instagram</a> </li>
|
||||
<li><a href="https://go.oliminator.net/github" class="btn-github"><i class="fab fa-github"></i> GitHub</a></li>
|
||||
<li><a href="https://go.oliminator.net/discord" class="btn-discord"><i class="fab fa-discord"></i> Discord</a></li>
|
||||
<li><a href="https://go.oliminator.net/namemc" class="btn-namemc"><i class="fas fa-address-book"></i> NameMC</a></li>
|
||||
<li><a href="https://lendmark.sk" class="btn-mcserver"><i class="fas fa-cube"></i> Minecraft Server</a></li>
|
||||
<li><a href="https://go.oliminator.net/mcplanet" class="btn-mcplanet"><i class="fas fa-globe-europe"></i> MCPlanet</a></li>
|
||||
<li><a href="viac.html" class="btn-more"><i class="fas fa-chevron-circle-down"></i> Zobraziť viac</a></li>
|
||||
</ul>
|
||||
</section>
|
||||
<footer>
|
||||
<ul class="footer-odkazy">
|
||||
<li><a href="https://oliminator.net" class="footer-odkazy-text">Hlavná Webstránka</a></li>
|
||||
</ul>
|
||||
<h6 class="footer-text-main">© 2021 OLIMINATOR</h6>
|
||||
</footer>
|
||||
<script src="https://kit.fontawesome.com/5acf4d9e80.js" crossorigin="anonymous"></script>
|
||||
</body>
|
||||
</html>
|
36
viac.html
Normal file
36
viac.html
Normal file
|
@ -0,0 +1,36 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="sk">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>OLIMINATOR - Odkazy | Viac</title>
|
||||
<link rel="stylesheet" href="css/css.css">
|
||||
<link rel="icon" href="files/logo.png">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<img src="files/logo.png" alt="logo">
|
||||
<h1>OLIMINATOR</h1>
|
||||
</header>
|
||||
<section class="buttons">
|
||||
<ul>
|
||||
<li><a href="index.html" class="btn-more"><i class="fas fa-chevron-circle-up"></i> Zobraziť menej</a></li>
|
||||
<li><a href="https://www.youtube.com/channel/UCUzzWSpnVcCMzevzr7j-yvQ" class="btn-yt"><i class="fab fa-youtube"></i> YouTube 2</a></li>
|
||||
<li><a href="https://go.oliminator.net/yt-polyluck" class="btn-yt"><i class="fab fa-youtube"></i> YouTube 3</a></li>
|
||||
<li><a href="https://www.youtube.com/channel/UCVMjEzSma2BSa-_fQLr-9wA/videos" class="btn-yt"><i class="fab fa-youtube"></i> YouTube 4</a></li>
|
||||
<li><a href="https://replit.com/@oliminator" class="btn-replit"><i class="far fa-dot-circle"></i> Replit</a></li>
|
||||
<li><a href="https://twitter.com/oliminator34" class="btn-twitter"><i class="fab fa-twitter"></i> Twitter</a></li>
|
||||
<li><a href="https://www.tiktok.com/@oliminatorko" class="btn-tiktok"><i class="fab fa-tiktok"></i> TikTok 2</a></li>
|
||||
<li><a href="https://www.twitch.com/oliminator" class="btn-twitch"><i class="fab fa-twitch"></i> Twitch</a></li>
|
||||
</ul>
|
||||
</section>
|
||||
<footer>
|
||||
<ul class="footer-odkazy">
|
||||
<li><a href="https://oliminator.net" class="footer-odkazy-text">Hlavná Webstránka</a></li>
|
||||
</ul>
|
||||
<h6 class="footer-text-main">© 2021 OLIMINATOR</h6>
|
||||
</footer>
|
||||
<script src="https://kit.fontawesome.com/5acf4d9e80.js" crossorigin="anonymous"></script>
|
||||
</body>
|
||||
</html>
|
Loading…
Reference in a new issue