62 lines
3.0 KiB
HTML
Executable File
62 lines
3.0 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<html lang="en" class="no-js">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>System is broken -- reboot world please</title>
|
|
|
|
<link rel="stylesheet" type="text/css" href="./css/base.css" />
|
|
<link rel="stylesheet" type="text/css" href="./css/glitch-slideshow.css" />
|
|
<link rel="stylesheet" type="text/css" href="./fonts/stylesheet.css" />
|
|
<script>document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this demo in a modern browser that supports CSS Variables.");</script>
|
|
</head>
|
|
<body class="demo-1 loading">
|
|
|
|
<main>
|
|
<div class="content">
|
|
<div class="slides slides--fullscreen effect-1">
|
|
<div class="slide slide--current">
|
|
<div class="slide__img glitch" style="background-image: url(./img/2.webp);"></div>
|
|
</div>
|
|
<div class="slide">
|
|
<div class="slide__img glitch" style="background-image: url(./img/5.webp);"></div>
|
|
</div>
|
|
<div class="slide">
|
|
<div class="slide__img glitch" style="background-image: url(./img/4.jpg);"></div>
|
|
</div>
|
|
<div class="slide">
|
|
<div class="slide__img glitch" style="background-image: url(./img/3.png);"></div>
|
|
</div>
|
|
<div class="slide">
|
|
<div class="slide__img glitch" style="background-image: url(./img/h3.jpg);"></div>
|
|
</div>
|
|
<div class="slide">
|
|
<div class="slide__img glitch" style="background-image: url(./img/3.webp);"></div>
|
|
</div>
|
|
|
|
|
|
<nav class="slide-nav">
|
|
<a href="#" class="slide-nav__text slide-nav__text--current">
|
|
<div class="glitch_text" data-text="Social media is an advertisement for the superficial extroverted self. -- ">"<i>Social media is an advertisement for the superficial extroverted self.</i>"</div></a>
|
|
|
|
<a href="#" class="slide-nav__text"><div class="glitch_text" data-text="Addiction">Addiction</div></a>
|
|
<a href="#" class="slide-nav__text"><div class="glitch_text" data-text="Depression">Depression</div></a>
|
|
<a href="#" class="slide-nav__text"><div class="glitch_text" data-text="Self-esteem issues">Self-esteem issues</div></a>
|
|
<a href="#" class="slide-nav__text"><div class="glitch_text" data-text="Polarization and echo chambers">Polarization and echo chambers</div></a>
|
|
<a href="#" class="slide-nav__text"><div class="glitch_text" data-text="Comparison and envy">Comparison and envy</div></a>
|
|
|
|
</nav>
|
|
</div>
|
|
<div class="bottom-wrap">
|
|
<a href="https://stareintothelightsmypretties.jore.cc" target="_blank" rel="noopener" class="btn-link right"><span class="link-inner">Click here ..</span></a>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</main>
|
|
<script src="./js/imagesloaded.pkgd.min.js"></script>
|
|
<script src="./js/demo.js"></script>
|
|
<script src="./js/demo1.js"></script>
|
|
</body>
|
|
</html>
|