Merge branch 'design/update-and-responsive'

This commit is contained in:
coja 2024-01-15 02:54:47 +01:00
commit 75d4150b6c
3 changed files with 83 additions and 4 deletions

View File

@ -1,6 +1,7 @@
:root {
--nc-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
--nc-font-mono: Consolas, monaco, 'Ubuntu Mono', 'Liberation Mono', 'Courier New', Courier, monospace;
--nc-tx-white: #FFFFFF;
/* Light theme */
--nc-tx-1: #000000;
@ -202,6 +203,24 @@ header {
padding-left: calc(50vw - 50%);
padding-right: calc(50vw - 50%);
background-image: url("/assets/imgs/adblock.webp");
background-size: cover;
min-height: 500px;
background-position: center;
display: flex;
flex-direction: column;
align-items: center;
position: relative;
z-index: 0;
}
header .overlay {
background-color: rgba(0,0,0,0.8);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
header h1,
@ -220,6 +239,46 @@ header > *:last-child {
margin-bottom: 0;
}
header nav {
z-index: 1;
font-size: 1.4rem;
text-decoration: none;
color: var(--nc-tx-white);
}
header nav a {
text-decoration: none;
color: var(--nc-tx-white);
text-transform: uppercase;
letter-spacing: 5px;
font-weight: 600;
padding: 0 10px
}
@media screen and (max-width: 768px) {
header nav a {
font-size: 1rem;
letter-spacing: 2px;
padding: 0;
}
}
header nav a:hover {
text-decoration: underline;
color: var(--nc-tx-white);
opacity: 0.9;
}
header .headline-wrap {
text-align: center;
margin: auto;
z-index: 1;
}
header .headline-wrap h1 {
color: var(--nc-tx-white);
}
a button,
button,
input[type="submit"],

BIN
assets/imgs/adblock.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 37 KiB

View File

@ -1,17 +1,23 @@
<!doctype html>
<html>
<head>
<meta name="viewport" content="width=device-width,initial-scale=1" />
<link rel="stylesheet" href="./assets/css/new.css">
<title>STOP REKLAMAMA</title>
</head>
<body>
<div class="content">
<header>
<div class="overlay"></div>
<nav>
<h1>STOP REKLAMAMA</h1>
<a href="#">Servisi bez reklama</a> /
<a href="#">Mreze bez reklama</a>
<a href="#adless-servises">Servisi</a> |
<a href="#adless-social-networks">Mreze</a> |
<a href="#browser-extensions">Extenzije</a> |
<a href="#rest">Rest</a>
</nav>
<div class="headline-wrap">
<h1>STOP REKLAMAMA</h1>
</div>
</header>
<main>
<h2 title="su sranje">REKLAME</h2>
@ -49,7 +55,7 @@
<li><a href="#"></a></li>-->
</ul>
<h2>DRUSTVENE MREZE BEZ REKLAMA</h2>
<h2 id="adless-social-networks">DRUSTVENE MREZE BEZ REKLAMA</h2>
<p> Sve navedene mreze rade medjusobno povezano</p>
<ul>
<li><a href="https://balkan.fedive.rs/">Mastodon - Twitter federisana mreza bez reklama</a></li>
@ -64,6 +70,20 @@
<li><a href="#"></a></li>
<li><a href="#"></a></li> -->
</ul>
<h2 id="browser-extensions">Browser extenzije</h2>
<ul>
<li><a href="https://github.com/gorhill/uBlock">uBlock Origin - AdBlocker alternativa</a></li>
<li><a href="https://libredirect.github.io/">Libredirect - Automatska redirekcija na alternativne sajtove</a></li>
</ul>
<h2 id="rest">Ostalo</h2>
<ul>
<li><a href="#">DNS66</a></li>
<li><a href="#">Freetube</a></li>
<li><a href="#">NewPipe</a></li>
<li><a href="#">PiHole</a></li>
</ul>
</main>
</div>
</body>