|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta property="og:image" content="https://www.flaticon.com/premium-icon/icons/svg/2626/2626281.svg" itemprop="thumbnailUrl"> |
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>{{file_name}}</title> |
|
|
<link rel="stylesheet" type='text/css' href="https://drive.google.com/uc?export=view&id=1pVLG4gZy7jdow3sO-wFS06aP_A9QX0O6"> |
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway"> |
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Delius"> |
|
|
</head> |
|
|
|
|
|
<body class='cyber'> |
|
|
<header> |
|
|
<div class="toogle"></div> |
|
|
<div id="file-name" class="cyber"> |
|
|
{{file_name}} |
|
|
</div> |
|
|
</header> |
|
|
|
|
|
<div class="container"> |
|
|
<a href="{{file_url}}"> |
|
|
<button class="cybr-btn"> |
|
|
Download |
|
|
<span aria-hidden>_</span> |
|
|
<span aria-hidden class="cybr-btn__glitch">_404 Error</span> |
|
|
<span aria-hidden class="cybr-btn__tag">_%s</span> |
|
|
</button> |
|
|
</a> |
|
|
</div> |
|
|
<script> |
|
|
const body = document.querySelector('body'); |
|
|
const title = document.querySelector('#file-name'); |
|
|
const footer = document.querySelector('footer'); |
|
|
const toogle = document.querySelector('.toogle'); |
|
|
toogle.onclick = () => { |
|
|
body.classList.toggle('dark') |
|
|
footer.classList.toggle('dark') |
|
|
title.classList.toggle('dark') |
|
|
} |
|
|
</script> |
|
|
</body> |
|
|
</html> |
