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 9f489892 authored by Maarten de Jong's avatar Maarten de Jong 😎
Browse files

favicon and button stops moving around

parent b26ff60b
<?xml version="1.0" encoding="utf-8"?>
<browserconfig>
<msapplication>
<tile>
<square150x150logo src="/favicon/mstile-150x150.png"/>
<TileColor>#9f00a7</TileColor>
</tile>
</msapplication>
</browserconfig>
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
width="512.000000pt" height="512.000000pt" viewBox="0 0 512.000000 512.000000"
preserveAspectRatio="xMidYMid meet">
<metadata>
Created by potrace 1.11, written by Peter Selinger 2001-2013
</metadata>
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="#000000" stroke="none">
<path d="M2325 4770 c-478 -43 -946 -222 -1280 -488 -438 -349 -701 -837 -770
-1429 -29 -251 -15 -578 36 -826 190 -925 956 -1579 1976 -1688 169 -18 546
-7 698 20 265 47 465 110 682 216 539 263 914 692 1092 1250 77 241 105 436
105 730 0 310 -32 521 -120 777 -264 771 -935 1296 -1821 1423 -127 19 -469
27 -598 15z m575 -156 c518 -66 1013 -318 1328 -675 273 -308 437 -695 483
-1138 15 -145 6 -493 -15 -621 -83 -486 -308 -886 -671 -1188 -319 -267 -701
-428 -1155 -488 -178 -23 -556 -15 -725 15 -656 117 -1170 455 -1470 966 -241
409 -328 963 -235 1496 138 792 686 1367 1505 1579 296 76 634 95 955 54z"/>
<path d="M1753 3356 c-93 -30 -172 -114 -205 -218 -26 -84 -21 -229 11 -303
68 -154 223 -229 372 -180 74 25 157 108 189 190 33 84 33 234 1 316 -58 151
-228 241 -368 195z"/>
<path d="M3210 3361 c-171 -53 -270 -242 -230 -443 16 -83 49 -145 103 -195
61 -56 100 -75 172 -80 74 -6 127 7 187 47 137 91 189 319 113 489 -63 139
-218 221 -345 182z"/>
<path d="M2451 2143 c-51 -25 -73 -67 -68 -131 7 -93 66 -133 183 -124 111 8
214 -27 214 -74 0 -18 -52 -41 -118 -54 -63 -11 -102 -54 -102 -111 0 -54 37
-91 114 -113 74 -22 108 -54 104 -99 -5 -51 -53 -69 -207 -77 -152 -7 -183
-20 -213 -87 -25 -57 -18 -101 23 -148 43 -48 86 -58 201 -45 175 20 271 54
347 125 70 65 94 121 94 217 1 70 -3 85 -36 149 l-36 71 32 56 c27 48 31 66
32 127 0 123 -69 226 -190 281 -109 50 -307 70 -374 37z"/>
</g>
</svg>
{
"name": "Start Writing",
"short_name": "Start Writing",
"icons": [
{
"src": "/favicon/android-chrome-192x192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "/favicon/android-chrome-512x512.png",
"sizes": "512x512",
"type": "image/png"
}
],
"theme_color": "#ffffff",
"background_color": "#ffffff",
"display": "standalone"
}
......@@ -2,37 +2,45 @@
<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">
<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">
<!-- css -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/custom.css">
<!-- favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png">
<link rel="manifest" href="/favicon/site.webmanifest">
<link rel="mask-icon" href="/favicon/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="/favicon/favicon.ico">
<meta name="msapplication-TileColor" content="#9f00a7">
<meta name="msapplication-config" content="/favicon/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
</head>
<body class="d-flex flex-column h-100 justify-content-between" id="body">
<container class="m-auto align-self-center">
<h2 id="challenge" align="center"><br>&nbsp</h2>
</container>
<container class="m-auto align-self-center">
<button type="button" class="btn btn-lg btn-outline-dark" onclick="press()">
Click me!
</button>
<container class="my-auto align-self-center">
<h2 id="challenge" class="text-break" align="center"><br>&nbsp</h2>
</container>
<footer class="footer align-self-center d-flex flex-column">
<container class="pb-5 align-self-center">
<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 mr-auto">
made by [<a href="https://arteeh.com" class="text-dark">arteeh</a>] with love and javascript.
</span>
<span class="font-weight-bold text-dark ml-auto">
[<a href="https://gitlab.com/arteeh/start-writing" class="text-dark">source code</a>]
</span>
</div>
</footer>
<div class="container mt-5 mb-3 pt-5">
<span class="font-weight-bold text-dark">
made by [<a href="https://arteeh.com" class="text-dark">arteeh</a>] with love and javascript. [<a href="https://gitlab.com/arteeh/start-writing" class="text-dark">source&nbspcode</a>]
</span>
</div>
</footer>
</body>
<script src="js/jquery-3.5.1.slim.min.js"></script>
......
......@@ -43,11 +43,13 @@ var colorList = [
// Try to keep sentences around equal length using <br>&nbsp
var challengeList = [
"Write about something that made you happy this week.<br>&nbsp",
"Write about something that made you happy this week.",
"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"
"Write about the stupidest thing you've done."
];
var maxLength = 150;
// Set the color at launch
setColor();
......@@ -65,6 +67,16 @@ function setChallenge()
// Get a challenge from the challenge list
var challenge = challengeList[Math.floor(Math.random() * challengeList.length)];
/*
var thisLength = challenge.length;
var toAdd = maxLength - thisLength;
while(toAdd > 0)
{
challenge = challenge.concat(" &nbsp");
toAdd--;
}
*/
// Fill the challenge with a challenge from the challenge list
document.getElementById("challenge").innerHTML = challenge;
}
......
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