GitLab Commit is coming up on August 3-4. Learn how to innovate together using GitLab, the DevOps platform. Register for free: gitlabcommitvirtual2021.com

Commit 55c69204 authored by Maarten de Jong's avatar Maarten de Jong 😎
Browse files

oct 16 update, 2 more prompts

parent 06e14851
......@@ -10,13 +10,13 @@
<link rel="stylesheet" href="css/custom.css">
</head>
<body class="d-flex flex-column h-100" id="body">
<body class="d-flex flex-column h-100 justify-content-between" id="body">
<container class="mx-auto mt-auto mb-4">
<h2 id="challenge">&nbsp</h2>
<container class="m-auto align-self-center">
<h2 id="challenge" align="center"><br>&nbsp</h2>
</container>
<container class="mx-auto mb-auto">
<container class="m-auto align-self-center">
<button type="button" class="btn btn-lg btn-outline-dark" onclick="press()">
Click me!
</button>
......@@ -32,6 +32,7 @@
</span>
</div>
</footer>
</body>
<script src="js/jquery-3.5.1.slim.min.js"></script>
......
// Background colors in alphabetical order, following this list:
// https://www.w3schools.com/colors/colors_names.asp
var colorList = [
"AliceBlue",
"AntiqueWhite",
"Aqua",
"Aquamarine",
"BlueViolet",
"Brown",
"Azure",
"Beige",
"Bisque",
"BlanchedAlmond",
"BurlyWood",
"CadetBlue",
"Coral",
"CornflowerBlue",
"Cornsilk",
"Crimson",
"DarkCyan",
"DarkOliveGreen",
"FireBrick"
"Cyan",
"DarkTurquoise",
"DeepPink",
"DeepSkyBlue",
"DodgerBlue",
"FloralWhite",
"Fuchsia",
"Gold",
"GreenYellow",
"HoneyDew",
"HotPink",
"Ivory",
"Khaki",
"Lavender",
"LavenderBlush",
"LawnGreen",
"LemonChiffon",
"LightBlue",
"LightCoral",
"LightCyan",
"LightGoldenRodYellow",
"LightGreen",
"LightPink",
"LightSeaGreen",
"LightSkyBlue"
];
// Try to keep sentences around equal length using <br>&nbsp
var challengeList = [
"Write about the most exciting thing that has happened to you in the last 30 minutes."
"Write about something that made you happy this week.<br>&nbsp",
"Write about the most exciting thing that has happened to you in the last 30 minutes.",
"Write about the stupidest thing you've done.<br>&nbsp"
];
// Set the color at launch
setColor();
function setColor()
......@@ -36,6 +69,7 @@ function setChallenge()
document.getElementById("challenge").innerHTML = challenge;
}
// Function to call when the button gets pressed
function press()
{
setColor();
......
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