commit 5b607cce87925f3cadac170ed162a827fc4ca7fe
parent 3538c4f96ad946b9a87407363c538ab042b27a2f
Author: Jacob R. Edwards <jacob@jacobedwards.org>
Date: Wed, 2 Oct 2024 08:43:42 -0700
Put head in html tag and add viewport tags
I'v added the viewport tag to all html documents, in most it's
simply setting content="width=device-width" excepting the editor
which has a bit more to it.
Most of the heads were at the root level of the HTML document which
I remedied in addition to the missing body tags in many documents.
Diffstat:
10 files changed, 119 insertions(+), 93 deletions(-)
diff --git a/files/floorplans/floorplan/index.html b/files/floorplans/floorplan/index.html
@@ -1,12 +1,13 @@
<!DOCTYPE HTML>
-<head>
- <title>Spaceplanner - Floorplans</title>
- <link rel="stylesheet" type="text/css" href="/css/main.css">
- <link rel="stylesheet" type="text/css" href="./main.css">
- <link rel="stylesheet" type="text/css" href="./svg.css"/>
- <script type="module" src="./main.js"></script>
-</head>
<html>
+ <head>
+ <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, minimum-scale=1">
+ <title>Spaceplanner Editor</title>
+ <link rel="stylesheet" type="text/css" href="/css/main.css">
+ <link rel="stylesheet" type="text/css" href="./main.css">
+ <link rel="stylesheet" type="text/css" href="./svg.css"/>
+ <script type="module" src="./main.js"></script>
+ </head>
<body>
<section id="editor">
<header>
diff --git a/files/floorplans/index.html b/files/floorplans/index.html
@@ -1,16 +1,19 @@
<!DOCTYPE HTML>
-<head>
- <title>Spaceplanner - Floorplans</title>
- <link rel="stylesheet" type="text/css" href="/css/main.css">
- <link rel="stylesheet" type="text/css" href="./main.css">
- <script type="module" src="./main.js"></script>
-</head>
<html>
- <h1>Floorplans</h1>
-
- <input type="image" id="display_method"/>
-
- <hr>
-
- <ul id="floorplans"></ul>
+ <head>
+ <meta name="viewport" content="width=device-width">
+ <title>Spaceplanner Floorplans</title>
+ <link rel="stylesheet" type="text/css" href="/css/main.css">
+ <link rel="stylesheet" type="text/css" href="./main.css">
+ <script type="module" src="./main.js"></script>
+ </head>
+ <body>
+ <h1>Floorplans</h1>
+
+ <input type="image" id="display_method"/>
+
+ <hr>
+
+ <ul id="floorplans"></ul>
+ </body>
</html>
diff --git a/files/index.html b/files/index.html
@@ -1,17 +1,20 @@
<!DOCTYPE HTML>
-<head>
- <title>Spaceplanner</title>
- <link rel="stylesheet" type="text/css" href="/css/main.css">
- <script type="module" src="./main.js"></script>
-</head>
<html>
- <h1>Spaceplanner</h1>
- <p>Easy. Fast. Simple.</p>
-
- <p>Quickly create accurate floorplans for you or your client's new home.</p>
- <p>Plan furniture placement.</p>
- <p>Instantly switch between furniture layouts.</p>
- <p>Seamlessly switch between your touch device and laptop.</p>
-
- <a class="pop button" href="/register">Signup now!</a>
+ <head>
+ <meta name="viewport" content="width=device-width">
+ <title>Spaceplanner</title>
+ <link rel="stylesheet" type="text/css" href="/css/main.css">
+ <script type="module" src="./main.js"></script>
+ </head>
+ <body>
+ <h1>Spaceplanner</h1>
+ <p>Easy. Fast. Simple.</p>
+
+ <p>Quickly create accurate floorplans for you or your client's new home.</p>
+ <p>Plan furniture placement.</p>
+ <p>Instantly switch between furniture layouts.</p>
+ <p>Seamlessly switch between your touch device and laptop.</p>
+
+ <a class="pop button" href="/register">Signup now!</a>
+ </body>
</html>
diff --git a/files/login/index.html b/files/login/index.html
@@ -1,21 +1,24 @@
<!DOCTYPE HTML>
-<head>
- <title>Spaceplanner Login</title>
- <link rel="stylesheet" type="text/css" href="/css/main.css">
- <script type="module" src="./main.js"></script>
-</head>
<html>
- <h1>Login</h1>
-
- <form id="login" class="credentials">
- <aside>Don't have an account? <a href="/register">signup</a> now!</aside>
-
- <label for="username">Username:</label>
- <input id="username" autocomplete="username" name="username" required/>
-
- <label for="password">Password:</label>
- <input id="password" autocomplete="current-password" type="password" name="password" required/>
-
- <input type="submit" value="Login"/>
- </form>
+ <head>
+ <meta name="viewport" content="width=device-width">
+ <title>Spaceplanner Login</title>
+ <link rel="stylesheet" type="text/css" href="/css/main.css">
+ <script type="module" src="./main.js"></script>
+ </head>
+ <body>
+ <h1>Login</h1>
+
+ <form id="login" class="credentials">
+ <aside>Don't have an account? <a href="/register">signup</a> now!</aside>
+
+ <label for="username">Username:</label>
+ <input id="username" autocomplete="username" name="username" required/>
+
+ <label for="password">Password:</label>
+ <input id="password" autocomplete="current-password" type="password" name="password" required/>
+
+ <input type="submit" value="Login"/>
+ </form>
+ </body>
</html>
diff --git a/files/logout/index.html b/files/logout/index.html
@@ -1,11 +1,14 @@
<!DOCTYPE HTML>
-<head>
- <title>Spaceplanner Logout</title>
- <link rel="stylesheet" type="text/css" href="/css/main.css">
- <script type="module" src="./main.js"></script>
-</head>
<html>
- <h1>Logout</h1>
+ <head>
+ <meta name="viewport" content="width=device-width">
+ <title>Spaceplanner Logout</title>
+ <link rel="stylesheet" type="text/css" href="/css/main.css">
+ <script type="module" src="./main.js"></script>
+ </head>
+ <body>
+ <h1>Logout</h1>
- <p>You will be logged out momentarily</p>
+ <p>You will be logged out momentarily</p>
+ </body>
</html>
diff --git a/files/register/index.html b/files/register/index.html
@@ -1,11 +1,12 @@
<!DOCTYPE HTML>
-<head>
- <title>Spaceplanner Signup</title>
- <link rel="stylesheet" type="text/css" href="/css/main.css">
- <link rel="stylesheet" type="text/css" href="./main.css">
- <script type="module" src="./main.js"></script>
-</head>
<html>
+ <head>
+ <meta name="viewport" content="width=device-width">
+ <title>Spaceplanner Signup</title>
+ <link rel="stylesheet" type="text/css" href="/css/main.css">
+ <link rel="stylesheet" type="text/css" href="./main.css">
+ <script type="module" src="./main.js"></script>
+ </head>
<body>
<div class="background" id="background-image"></div>
<div class="background" id="background-cover"></div>
diff --git a/files/services/index.html b/files/services/index.html
@@ -1,10 +1,13 @@
<!DOCTYPE HTML>
-<head>
- <title>Spaceplanner - Services</title>
- <link rel="stylesheet" type="text/css" href="/css/main.css">
- <link rel="stylesheet" type="text/css" href="./main.css">
- <script type="module" src="./main.js"></script>
-</head>
<html>
- <form id="services"><legend><h1>Services</h1></legend></form>
+ <head>
+ <meta name="viewport" content="width=device-width">
+ <title>Spaceplanner Services</title>
+ <link rel="stylesheet" type="text/css" href="/css/main.css">
+ <link rel="stylesheet" type="text/css" href="./main.css">
+ <script type="module" src="./main.js"></script>
+ </head>
+ <body>
+ <form id="services"><legend><h1>Services</h1></legend></form>
+ </body>
</html>
diff --git a/files/settings/billing/index.html b/files/settings/billing/index.html
@@ -1,10 +1,13 @@
<!DOCTYPE HTML>
-<head>
- <title>Spaceplanner - Services</title>
- <link rel="stylesheet" type="text/css" href="/css/main.css">
- <script type="module" src="./main.js"></script>
- <meta name="viewport" content="width=device-width">
-</head>
<html>
- <h1>Manage your subscription</h1>
+ <head>
+ <meta name="viewport" content="width=device-width">
+ <title>Spaceplanner Billing</title>
+ <link rel="stylesheet" type="text/css" href="/css/main.css">
+ <script type="module" src="./main.js"></script>
+ <meta name="viewport" content="width=device-width">
+ </head>
+ <body>
+ <h1>Manage your subscription</h1>
+ </body>
</html>
diff --git a/files/settings/index.html b/files/settings/index.html
@@ -1,17 +1,20 @@
<!DOCTYPE HTML>
-<head>
- <title>Spaceplanner - Settings</title>
- <link rel="stylesheet" type="text/css" href="/css/main.css">
- <script type="module" src="./main.js"></script>
-</head>
<html>
- <h1>Profile</h1>
-
- <dl id="userinfo"></dl>
-
- <a href="./billing/">Manage billing</a>
-
- <h2>Settings</h2>
-
- <form id="settings"></form>
+ <head>
+ <meta name="viewport" content="width=device-width">
+ <title>Spaceplanner Settings</title>
+ <link rel="stylesheet" type="text/css" href="/css/main.css">
+ <script type="module" src="./main.js"></script>
+ </head>
+ <body>
+ <h1>Profile</h1>
+
+ <dl id="userinfo"></dl>
+
+ <a href="./billing/">Manage billing</a>
+
+ <h2>Settings</h2>
+
+ <form id="settings"></form>
+ </body>
</html>
diff --git a/files/settings/verify-email/index.html b/files/settings/verify-email/index.html
@@ -1,8 +1,11 @@
<!DOCTYPE HTML>
<html>
<head>
+ <meta name="viewport" content="width=device-width">
+ <title>Spaceplanner Email Verification</title>
<script type="module" src="./main.js"></script>
<link rel="stylesheet" type="text/css" href="/css/main.css">
+ </head>
<body>
<a href="/settings">Go to settings.<a>
<h1>Verify Your Email</h1>
