mirror of
https://github.com/Rushilwiz/dear-anon.git
synced 2025-04-20 12:00:19 -04:00
Added under construction
This commit is contained in:
commit
f6530fa5e6
46
css/styles.css
Normal file
46
css/styles.css
Normal file
|
@ -0,0 +1,46 @@
|
||||||
|
|
||||||
|
@import url('https://fonts.googleapis.com/css?family=Major+Mono+Display|Cutive+Mono');
|
||||||
|
|
||||||
|
|
||||||
|
body {
|
||||||
|
background-color: #ffd1dc;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
div {
|
||||||
|
height: 100%;
|
||||||
|
color: #090909;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
margin: 50px;
|
||||||
|
position: relative;
|
||||||
|
text-decoration: none;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
text-align: center;
|
||||||
|
font-weight: 1;
|
||||||
|
font-family: Major Mono Display, sans-serif;
|
||||||
|
letter-spacing: 3px;
|
||||||
|
width: 100%;
|
||||||
|
font-size: 40px
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
h3, h5 {
|
||||||
|
position: relative;
|
||||||
|
text-decoration: none;
|
||||||
|
font-weight: 10;
|
||||||
|
font-family: Cutive Mono;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 70px;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
button {
|
||||||
|
position: relative;
|
||||||
|
left: 50%;
|
||||||
|
font-family: monospace, sans-serif;
|
||||||
|
}
|
18
index.html
Normal file
18
index.html
Normal file
|
@ -0,0 +1,18 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>Under Construction</title>
|
||||||
|
<link rel="stylesheet" type="text/css" href="css/styles.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
||||||
|
<script type="text/javascript" src="js/index.js"></script>
|
||||||
|
<div>
|
||||||
|
<h1>hi. Welcome to DearAnon</h1>
|
||||||
|
<h3>The podcast's site is currently under construction (i'm not magic), but feel free to hit this button while you wait.</h3>
|
||||||
|
<button id="nothing">i do nothing</button>
|
||||||
|
<h5 id="nothing-header"></h5>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
9
js/index.js
Normal file
9
js/index.js
Normal file
|
@ -0,0 +1,9 @@
|
||||||
|
$(document).ready(function() {
|
||||||
|
$("#nothing").on("click", function() {
|
||||||
|
setText();
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
function setText () {
|
||||||
|
$("#nothing-header").text("don't you have anything better to do?");
|
||||||
|
}
|
Loading…
Reference in New Issue
Block a user