forked from svitvojimilioni/stopreklamama
Compare commits
2 Commits
master
...
design/upd
| Author | SHA1 | Date | |
|---|---|---|---|
| 670ed46ad4 | |||
| 8b82807c84 |
@ -1,6 +1,7 @@
|
|||||||
:root {
|
: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-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-font-mono: Consolas, monaco, 'Ubuntu Mono', 'Liberation Mono', 'Courier New', Courier, monospace;
|
||||||
|
--nc-tx-white: #FFFFFF;
|
||||||
|
|
||||||
/* Light theme */
|
/* Light theme */
|
||||||
--nc-tx-1: #000000;
|
--nc-tx-1: #000000;
|
||||||
@ -202,6 +203,24 @@ header {
|
|||||||
|
|
||||||
padding-left: calc(50vw - 50%);
|
padding-left: calc(50vw - 50%);
|
||||||
padding-right: 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,
|
header h1,
|
||||||
@ -220,6 +239,46 @@ header > *:last-child {
|
|||||||
margin-bottom: 0;
|
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,
|
a button,
|
||||||
button,
|
button,
|
||||||
input[type="submit"],
|
input[type="submit"],
|
||||||
|
|||||||
BIN
assets/imgs/adblock.webp
Normal file
BIN
assets/imgs/adblock.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 37 KiB |
77
index.html
77
index.html
@ -1,45 +1,38 @@
|
|||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
|
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
||||||
<link rel="stylesheet" href="./assets/css/new.css">
|
<link rel="stylesheet" href="./assets/css/new.css">
|
||||||
<title>STOP REKLAMAMA</title>
|
<title>STOP REKLAMAMA</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<header>
|
<header>
|
||||||
|
<div class="overlay"></div>
|
||||||
<nav>
|
<nav>
|
||||||
<h1>STOP REKLAMAMA</h1>
|
<a href="#adless-servises">Servisi</a> |
|
||||||
<a href="#">Servisi bez reklama</a> /
|
<a href="#adless-social-networks">Mreze</a> |
|
||||||
<a href="#">Mreze bez reklama</a>
|
<a href="#browser-extensions">Extenzije</a> |
|
||||||
|
<a href="#rest">Rest</a>
|
||||||
</nav>
|
</nav>
|
||||||
|
<div class="headline-wrap">
|
||||||
|
<h1>STOP REKLAMAMA</h1>
|
||||||
|
</div>
|
||||||
</header>
|
</header>
|
||||||
<main>
|
<main>
|
||||||
<h2 title="su sranje">REKLAME</h2>
|
<h2 title="su sranje">REKLAME</h2>
|
||||||
<p>
|
<p>Reklame su lose, smaraju i eksploatisu ljude!</p>
|
||||||
<q>Ako je nesto besplatno, onda vi niste kupac, vec ste proizvod.</q> — je opste pravilo koje vazi i za korporativni softver.
|
<h2 id="adless-servises">SERVISI BEZ REKLAMA</h2>
|
||||||
</p>
|
|
||||||
Digitalni marketing se oteo kontroli, podaci ljudi se prikupljaju na razne nacine i prodaju gde god da se kupac pronadje. Svaka internet interakcija se obradjuje i belezi, a za svakog pojedinca se kreira njegova <b>digitalna verzija</b>, koja je sadrzi obradjene digitalne interakcije. U odnosu na nju nam se plasiraju reklame koje bi trebalo biti kao krojene za nas.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Pored reklama, kojih smo donekle svesni, ove informacije se koriste i za razne druge svrhe. Prva od sledecih u nizu je <b>politika i propaganda</b>. Strankama, partijama i ostalim politicnik grupama je glavni cilj da pridobiju ljude i da iskrive stvarnost u svoju korist.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Jedino sto nam preostaje je da umanjimo svoj digitalni otisak, kolko god smo spremni da za to zrtvujemo konfor i polako prelazimo na <b>FOSS resenja</b>, koja se razvijaju pokusavajuci da se suprotstave tom sistemu.
|
|
||||||
</p>
|
|
||||||
<p>Potrebno je obratiti paznju, da iza ove masinerije stoje najveci svetski strucnjaci, koji ovaj sistem razvijaju dugi niz godina. Ljudski mozak sa evolutivne tacke gledista nije opremljen da se brani, sto znaci da smo svi na neki nacin i u odredjenoj meri <b>zrtve</b>. Sto dodatno naglasava staro filozofsko pitanje
|
|
||||||
<q>Da li su moje misli i moji stavovi stvarno moji ili su mi nametnuti?</q>.</p>
|
|
||||||
|
|
||||||
<h2 id="servisi-bez-reklama">SERVISI BEZ REKLAMA</h2>
|
|
||||||
<ul>
|
<ul>
|
||||||
<li><a href="https://github.com/hnhx/librex">Librex - Google bez reklama</a></li>
|
<li><a href="#">Librex - Google bez reklama</a></li>
|
||||||
<li><a href="https://docs.invidious.io/instances/">Invidious - YouTube bez reklama</a></li>
|
<li><a href="#">Invidious - YouTube bez reklama</a></li>
|
||||||
<li><a href="https://github.com/zedeus/nitter/wiki/Instances">Nitter - Twitter bez reklama</a></li>
|
<li><a href="#">Nitter - Twitter bez reklama</a></li>
|
||||||
<li><a href="https://codeberg.org/teddit/teddit">Teddit - Reddit bez reklama</a></li>
|
<li><a href="#">Teddit - Reddit bez reklama</a></li>
|
||||||
<li><a href="https://github.com/zyachel/libremdb">Libremd - IMDB bez reklama</a></li>
|
<li><a href="#">Scribe - Medium bez reklama</a></li>
|
||||||
<li><a href="https://github.com/TheDavidDelta/lingva-translate">Lingva - Google Translate bez reklama</a></li>
|
<li><a href="#">Libremd - IMDB bez reklama</a></li>
|
||||||
<li><a href="https://github.com/pablouser1/ProxiTok/wiki/Public-instances">ProxiTok - TikTok bez reklama</a></li>
|
<li><a href="#">Lingva - Google Translate bez reklama</a></li>
|
||||||
<li><a href="https://github.com/rramiachraf/dumb">Dumb - Genius bez reklama</a></li>
|
<li><a href="#">ProxiTok - TikTok bez reklama</a></li>
|
||||||
<!-- <li><a href="#">Scribe - Medium bez reklama</a></li> -->
|
<li><a href="#">Dumb - Genius bez reklama</a></li>
|
||||||
<!-- <li><a href="#"></a></li>
|
<!-- <li><a href="#"></a></li>
|
||||||
<li><a href="#"></a></li>
|
<li><a href="#"></a></li>
|
||||||
<li><a href="#"></a></li>
|
<li><a href="#"></a></li>
|
||||||
@ -49,21 +42,35 @@
|
|||||||
<li><a href="#"></a></li>-->
|
<li><a href="#"></a></li>-->
|
||||||
</ul>
|
</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>
|
<p> Sve navedene mreze rade medjusobno povezano</p>
|
||||||
<ul>
|
<ul>
|
||||||
<li><a href="https://balkan.fedive.rs/">Mastodon - Twitter federisana mreza bez reklama</a></li>
|
<li><a href="#">Mastodon - Twitter federisana mreza bez reklama</a></li>
|
||||||
<li><a href="https://joinpeertube.org/">Peertube - YouTube federisana mreza bez reklama</a></li>
|
<li><a href="#">Peertube - YouTube federisana mreza bez reklama</a></li>
|
||||||
<li><a href="https://pixelfed.org/">PixelFed - Instagram federisana mreza bez reklama</a></li>
|
<li><a href="#">PixelFed - Instagram federisana mreza bez reklama</a></li>
|
||||||
<li><a href="https://funkwhale.audio/">Funkwhale - Spotify federisana mreza bez reklama</a></li>
|
<li><a href="#">Funkwhale - Spotify federisana mreza bez reklama</a></li>
|
||||||
<li><a href="https://writefreely.org/">WriteFreely - Medium federisana mreza bez reklama</a></li>
|
<li><a href="#">WriteFreely - Medium federisana mreza bez reklama</a></li>
|
||||||
<li><a href="https://join-lemmy.org/docs/index.html">Lemmy - Reddit federisana mreza bez reklama</a></li>
|
<li><a href="#">Lemmy - Reddit federisana mreza bez reklama</a></li>
|
||||||
<li><a href="https://kbin.pub/en">/kbin - Reddit federisana mreza bez reklama</a></li>
|
<li><a href="#">/kbin - Reddit federisana mreza bez reklama</a></li>
|
||||||
<!-- <li><a href="#"></a></li>
|
<!-- <li><a href="#"></a></li>
|
||||||
<li><a href="#"></a></li>
|
<li><a href="#"></a></li>
|
||||||
<li><a href="#"></a></li>
|
<li><a href="#"></a></li>
|
||||||
<li><a href="#"></a></li> -->
|
<li><a href="#"></a></li> -->
|
||||||
</ul>
|
</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>
|
</main>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user