externalise

CableKittens-XoXo · Jun 2, 2024 · b856678 · b856678
1 parent 7d7680c
commit b856678
Show file tree

Hide file tree

Showing 5 changed files with 4 additions and 160 deletions.
diff --git a/Daedalus/index.html b/Daedalus/index.html
@@ -2,46 +2,7 @@
 <html>
 	<head>
 		<title>Blind Maze Daedalus Level Select</title>
-		<style>
-			body {
-				font-family: arial;
-				background-color: #45475a;
-				color: #cdd6f4;
-				display: flex;
-				align-items: center;
-				justify-content: center;
-				margin: 0px;
-				overflow: hidden;
-			}
-			section {
-				background-color: #1e1e2e;
-				color: #89b4fa;
-				border-radius: 20px;
-				padding: 30px;
-				padding-left: 60px;
-				padding-right: 60px;
-				padding-bottom: 5px;
-				margin: 10%;
-				margin-top: 2%;
-				margin-bottom: 2%;
-			}
-			h1, h2 {
-				text-align: center;
-			}
-			h1 {
-				font-size: 1000%;
-				margin-bottom: 6%;
-				margin-top: 5%;
-			}
-			h2 {
-				font-size: 250%;
-				padding-bottom: 5%;
-			}
-			li {
-				padding: 2%;
-				font-size: 24px;
-			}
-		</style>
+		<link rel="stylesheet" type="text/css" href="../styles.css">
 	</head>
 	<body>
 		<main>

diff --git a/index.html b/index.html
@@ -2,46 +2,7 @@
 <html>
 	<head>
 		<title>Blind Maze Mode Select</title>
-		<style>
-			body {
-				font-family: arial;
-				background-color: #45475a;
-				color: #cdd6f4;
-				display: flex;
-				align-items: center;
-				justify-content: center;
-				margin: 0px;
-				overflow: hidden;
-			}
-			section {
-				background-color: #1e1e2e;
-				color: #89b4fa;
-				border-radius: 20px;
-				padding: 30px;
-				padding-left: 60px;
-				padding-right: 60px;
-				padding-bottom: 5px;
-				margin: 10%;
-				margin-top: 2%;
-				margin-bottom: 2%;
-			}
-			h1, h2 {
-				text-align: center;
-			}
-			h1 {
-				font-size: 1000%;
-				margin-bottom: 6%;
-				margin-top: 5%;
-			}
-			h2 {
-				font-size: 250%;
-				padding-bottom: 5%;
-			}
-			li {
-				padding: 2%;
-				font-size: 24px;
-			}
-		</style>
+		<link rel="stylesheet" type="text/css" href="styles.css">
 	</head>
 	<body>
 		<main>

diff --git a/spin/index.html b/spin/index.html
@@ -2,46 +2,7 @@
 <html>
 	<head>
 		<title>Blind Maze Level Select</title>
-		<style>
-			body {
-				font-family: arial;
-				background-color: #45475a;
-				color: #cdd6f4;
-				display: flex;
-				align-items: center;
-				justify-content: center;
-				margin: 0px;
-				overflow: hidden;
-			}
-			section {
-				background-color: #1e1e2e;
-				color: #89b4fa;
-				border-radius: 20px;
-				padding: 30px;
-				padding-left: 60px;
-				padding-right: 60px;
-				padding-bottom: 5px;
-				margin: 10%;
-				margin-top: 2%;
-				margin-bottom: 2%;
-			}
-			h1, h2 {
-				text-align: center;
-			}
-			h1 {
-				font-size: 1000%;
-				margin-bottom: 6%;
-				margin-top: 5%;
-			}
-			h2 {
-				font-size: 250%;
-				padding-bottom: 5%;
-			}
-			li {
-				padding: 2%;
-				font-size: 24px;
-			}
-		</style>
+		<link rel="stylesheet" type="text/css" href="../styles.css">
 	</head>
 	<body>
 		<main>

diff --git a/style.css → styles.css b/style.css → styles.css
diff --git a/vanilla/index.html b/vanilla/index.html
@@ -2,46 +2,7 @@
 <html>
 	<head>
 		<title>Blind Maze Level Select</title>
-		<style>
-			body {
-				font-family: arial;
-				background-color: #45475a;
-				color: #cdd6f4;
-				display: flex;
-				align-items: center;
-				justify-content: center;
-				margin: 0px;
-				overflow: hidden;
-			}
-			section {
-				background-color: #1e1e2e;
-				color: #89b4fa;
-				border-radius: 20px;
-				padding: 30px;
-				padding-left: 60px;
-				padding-right: 60px;
-				padding-bottom: 5px;
-				margin: 10%;
-				margin-top: 2%;
-				margin-bottom: 2%;
-			}
-			h1, h2 {
-				text-align: center;
-			}
-			h1 {
-				font-size: 1000%;
-				margin-bottom: 6%;
-				margin-top: 5%;
-			}
-			h2 {
-				font-size: 250%;
-				padding-bottom: 5%;
-			}
-			li {
-				padding: 2%;
-				font-size: 24px;
-			}
-		</style>
+		<link rel="stylesheet" type="text/css" href="../styles.css">
 	</head>
 	<body>
 		<main>