Initial commit++
This commit is contained in:
parent
b7c320df7a
commit
22c7b33570
BIN
public/assets/beach.webp
Normal file
BIN
public/assets/beach.webp
Normal file
Binary file not shown.
After Width: | Height: | Size: 757 KiB |
BIN
public/assets/curb.mp3
Normal file
BIN
public/assets/curb.mp3
Normal file
Binary file not shown.
66
public/assets/main.css
Normal file
66
public/assets/main.css
Normal file
@ -0,0 +1,66 @@
|
||||
body, html {
|
||||
font-family: sans-serif;
|
||||
font-size: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.bg {
|
||||
background-image: url("/assets/beach.webp");
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.modalBackground {
|
||||
background-color: #848484;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
z-index: 50;
|
||||
}
|
||||
|
||||
.modalWrapper {
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.modal {
|
||||
background-color: #A9D0F5;
|
||||
border-radius: 15px;
|
||||
margin: 100px auto 0 auto;
|
||||
text-align: center;
|
||||
width: 70%;
|
||||
}
|
||||
|
||||
.modalBody {
|
||||
color: #251833;
|
||||
padding: 38px 21px;
|
||||
}
|
||||
|
||||
.modalFooter {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.button-small {
|
||||
background-color: #04B404;
|
||||
border-radius: 5px;
|
||||
border: solid;
|
||||
color: #FFFFFF;
|
||||
font-size: 1em;
|
||||
padding: 15px 25px;
|
||||
text-align: center;
|
||||
transition-duration: 0.3s;
|
||||
}
|
||||
|
||||
.button-small:hover {
|
||||
background-color: #FFFFFF;
|
||||
border-color: #04B404;
|
||||
border: solid;
|
||||
color: #000000;
|
||||
cursor: pointer;
|
||||
}
|
0
public/robots.txt
Normal file
0
public/robots.txt
Normal file
76
templates/index.html.ep
Normal file
76
templates/index.html.ep
Normal file
@ -0,0 +1,76 @@
|
||||
<!DOCTYPE HTML>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-quiv="refresh" content="67">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=0.7">
|
||||
<meta property="og:locale" content="en_US">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:title" content="The New Republican Party: This is Unity">
|
||||
<meta property="og:description"
|
||||
content="Meet the new Republican party. Inseparable. Impenetrable.">
|
||||
<meta property="og:url" content="https://optepr0n.swagg.net/~daniel/">
|
||||
<meta property="og:site_name" content="The New Republican Party: This is Unity">
|
||||
<meta property="og:image"
|
||||
content="https://optepr0n.swagg.net/~daniel/Pictures/patriot.jpg">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta name="twitter:title" content="The New Republican Party: This is Unity">
|
||||
<meta name="twitter:description"
|
||||
content="Meet the new Republican party. Inseparable. Impenetrable.">
|
||||
<meta name="twitter:creator" content="@swaggboi">
|
||||
<meta name="twitter:site" content="@swaggboi">
|
||||
<title>The New Republican Party: This is Unity</title>
|
||||
<link rel="stylesheet" type="text/css" href="/assets/main.css">
|
||||
</head>
|
||||
<body>
|
||||
<!-- Some JS -->
|
||||
<script>
|
||||
// Make the banner go away
|
||||
function acceptAgreement() {
|
||||
document.getElementById("lightbox").style.display = "none";
|
||||
}
|
||||
|
||||
// Play the soundtrack
|
||||
function playSoundtrack() {
|
||||
document.getElementById("soundtrack").play();
|
||||
}
|
||||
</script>
|
||||
<!-- BEGIN: confirmation modal -->
|
||||
<div id="lightbox">
|
||||
<div class="modalWrapper">
|
||||
<div class="modal">
|
||||
<div class="modalBody">
|
||||
<h1>Notice:</h1>
|
||||
<h2>This website uses cookies.</h2>
|
||||
<p>
|
||||
We and selected partners use cookies as specified
|
||||
in <a href="http://tools.ietf.org/html/rfc6265">RFC
|
||||
6265</a>. By proceeding you consent to the use of such
|
||||
technologies; we may collect information from you
|
||||
automatically through cookies or similar technology.<br>
|
||||
<br>
|
||||
For further information please visit
|
||||
<!-- <%= link_to 'allaboutcookies.org' => 'http://allaboutcookies.org' %> -->
|
||||
<a href="http://allaboutcookies.org">allaboutcookies.org</a>.
|
||||
</p>
|
||||
<div class="modalFooter">
|
||||
<button class="button-small"
|
||||
onclick="acceptAgreement();
|
||||
playSoundtrack('soundtrack');
|
||||
window.scrollTo(0, 0);">Accept</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modalBackground"></div>
|
||||
</div>
|
||||
<!-- END: confirmation ligthbox -->
|
||||
<!-- Soundtrack -->
|
||||
<audio src="/assets/curb.mp3"
|
||||
id="soundtrack"
|
||||
preload="auto"
|
||||
autoplay></audio>
|
||||
<!-- Add the background image -->
|
||||
<div class="bg"></div>
|
||||
</body>
|
||||
</html>
|
11
wethepeople.pl
Normal file
11
wethepeople.pl
Normal file
@ -0,0 +1,11 @@
|
||||
#!/usr/bin/env perl
|
||||
|
||||
use Mojolicious::Lite;
|
||||
|
||||
get '/' => sub {
|
||||
my ($c) = @_;
|
||||
|
||||
$c->render();
|
||||
} => 'index';
|
||||
|
||||
app->start();
|
Loading…
x
Reference in New Issue
Block a user