Commit c7ffadcf authored by Maarten de Jong's avatar Maarten de Jong
Browse files

Initial push

parent 3477df2b
# Start Writing
A website to help you start writing.
\ No newline at end of file
This diff is collapsed.
a, a:link, a:hover, a:visited
{
text-decoration: none;
}
a, a:link, a:hover, a:visited
{
color: ;
text-decoration: none;
}
<!doctype html>
<html lang="en" class="h-100">
<head>
<title>Start Writing</title>
<meta charset="utf-8">
<meta name="description" content="A website to help you start writing">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/custom.css">
</head>
<body class="d-flex flex-column h-100" id="body">
<container class="mx-auto mt-auto mb-4">
<h2 id="challenge">&nbsp</h2>
</container>
<container class="mx-auto mb-auto">
<button type="button" class="btn btn-lg btn-outline-dark" onclick="press()">
Click me!
</button>
</container>
<footer class="footer mt-auto py-3">
<div class="container">
<span class="font-weight-bold text-dark">
Made by <a href="https://arteeh.com" class="text-dark">arteeh</a> with love and PHP
</span>
</div>
</footer>
</body>
<script src="js/jquery-3.5.1.slim.min.js"></script>
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/custom.js"></script>
</body>
</html>
This diff is collapsed.
var colorList = [
"Aquamarine",
"BlueViolet",
"Brown",
"CadetBlue",
"Coral",
"CornflowerBlue",
"Cornsilk",
"Crimson",
"DarkCyan",
"DarkOliveGreen",
"FireBrick"
];
var challengeList = [
"Write about the most exciting thing that has happened to you in the last 30 minutes."
];
// Pick a random color from the color list
var bg = colorList[Math.floor(Math.random() * colorList.length)];
// Set background color
document.getElementById("body").style.property = document.body.style.backgroundColor = bg;
function press()
{
// Get a challenge from the challenge list
var challenge = challengeList[Math.floor(Math.random() * challengeList.length)];
// Fill the challenge with a challenge from the challenge list
document.getElementById("challenge").innerHTML = challenge;
// Reset background color
document.getElementById("body").style.property = document.body.style.backgroundColor = bg;
}
var colorList = [
"Aquamarine",
"BlueViolet",
"Brown",
"CadetBlue",
"Coral",
"CornflowerBlue",
"Cornsilk",
"Crimson",
"DarkCyan",
"DarkOliveGreen",
"FireBrick"
];
var challengeList = [
"Write about the most exciting thing that has happened to you in the last 30 minutes."
];
var bg = colorList[Math.floor(Math.random() * colorList.length)];
// Set background color
document.getElementById("body").style.property = document.body.style.backgroundColor = bg;
function press()
{
// Get a challenge from the challenge list
var challenge = challengeList[Math.floor(Math.random() * challengeList.length)];
// Fill the challenge with a challenge from the challenge list
document.getElementById("challenge").innerHTML = challenge;
// Reset background color
document.getElementById("body").style.property = document.body.style.backgroundColor = bg;
}
This diff is collapsed.
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment