Initial commit

2020-02-16 14:23:46 +01:00
commit 12310fe833
103 changed files with 1687 additions and 0 deletions
--- a/style.css
+++ b/style.css
@@ -0,0 +1,118 @@
+@import url('https://fonts.googleapis.com/css?family=Love+Ya+Like+A+Sister|Lobster');
+
+html, body {
+	padding: 0;
+	margin: 0;
+}
+
+body {
+	background-color: #7B7AF2;
+	font-family: 'Lobster', cursive;
+    cursor: pointer;
+
+	overflow: hidden;
+	right: -20px; /* Increase/Decrease this value for cross-browser compatibility */
+    overflow-y: auto;
+    margin-top: -3vmin;
+}
+
+#canvas {
+}
+
+#number {
+	-webkit-user-select: none;  /* Chrome all / Safari all */
+	-moz-user-select: none;     /* Firefox all */
+	-ms-user-select: none;      /* IE 10+ */
+	user-select: none;          /* Likely future */
+
+	position: absolute;
+	top: 50%;
+	height: 60vh;
+	width: 100%;
+    margin-top:-37vh; /* -1/2 height */
+    font-size: 60vh;
+    color: #09093D;
+
+    text-align: center;
+
+	-webkit-text-shadow: 0px 13px 32px rgba(0,0,0,0.3);
+	-moz-text-shadow: 0px 13px 32px rgba(0,0,0,0.3);
+	text-shadow: 0px 13px 32px rgba(0,0,0,0.3);
+}
+
+#text {
+	-webkit-user-select: none;  /* Chrome all / Safari all */
+	-moz-user-select: none;     /* Firefox all */
+	-ms-user-select: none;      /* IE 10+ */
+	user-select: none;          /* Likely future */
+
+	position: absolute;
+	top: 10vmin;
+	height: 60vh;
+	max-width: 60vw;
+	margin-left: 20vw;
+    font-size: 1.3em;
+    color: #09093D/*#e0550c#F4702B*/;
+
+    text-align: center;
+
+	-webkit-text-shadow: 0px 13px 32px rgba(0,0,0,0.5);
+	-moz-text-shadow: 0px 13px 32px rgba(0,0,0,0.5);
+	text-shadow: 0px 13px 32px rgba(0,0,0,0.5);
+}
+
+#circle {
+	position: absolute;
+	top: 50%;
+	height: 60vh;
+	width: 100%;
+    margin-top:-30vh; /* -1/2 height */
+    font-size: 60vh;
+    color: #09093D;
+
+    text-align: center;
+}
+
+#inner-circle {
+	display: inline-block;
+	top: 50%;
+	height: 15vh;
+	width: 70vh;
+	background-color: rgba(0,0,0,0.3);
+	border-radius: 50%;
+
+    text-align: center;
+
+	-webkit-box-shadow: 0px 13px 32px rgba(0,0,0,0.3);
+	-moz-box-shadow: 0px 13px 32px rgba(0,0,0,0.3);
+	box-shadow: 0px 13px 32px rgba(0,0,0,0.3);
+}
+#cannon-left, #cannon-right {
+	position: fixed;
+	bottom: 0;
+	max-height: 20vmin;
+	width: auto;
+	margin-bottom: -7vmin;
+
+	-webkit-user-select: none;  /* Chrome all / Safari all */
+	-moz-user-select: none;     /* Firefox all */
+	-ms-user-select: none;      /* IE 10+ */
+	user-select: none;          /* Likely future */
+}
+
+#cannon-left {
+	left: 0;
+	transform: rotate(-45deg);
+	margin-left: -1vmin;
+}
+
+#cannon-right {
+	right: 0;
+	transform: rotate(45deg) rotateY(180deg);
+	margin-right: -1vmin;
+}
+
+#cat {
+	margin-left: 0 0 0 auto;
+	transform: scale(0.6) rotate(20deg) rotateY(180deg);
+}