Bläddra i källkod

Small markup improvements in index page

dev_h
ophir 5 år sedan
förälder
incheckning
2acaa95fd6
4 ändrade filer med 35 tillägg och 4 borttagningar
  1. Binär
      client-data/apple-touch-icon.png
  2. Binär
      client-data/favicon.ico
  3. 10
    4
      client-data/index.html
  4. 25
    0
      client-data/manifest.json

Binär
client-data/apple-touch-icon.png Visa fil


Binär
client-data/favicon.ico Visa fil


+ 10
- 4
client-data/index.html Visa fil

@@ -12,8 +12,13 @@
12 12
 	<link rel="apple-touch-icon" href="favicon.svg">
13 13
 	<link rel="mask-icon" href="favicon.svg" color="black">
14 14
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
15
-	<link rel="canonical" href="https://wbo.ophir.dev/" />
16 15
 	<meta property="og:url" content="https://wbo.ophir.dev">
16
+	<meta property="og:image" content="{{baseUrl}}/favicon.svg">
17
+	<link rel="canonical" href="?lang={{language}}" />
18
+	{{#languages}}
19
+	<link rel="alternate" hreflang="{{.}}" href="?lang={{.}}" />{{/languages}}
20
+	<link rel="manifest" href="manifest.json">
21
+	<meta name="theme-color" content="#C4DFFF" />
17 22
 </head>
18 23
 
19 24
 <body>
@@ -24,7 +29,7 @@
24 29
 			<span>{{language}}</span>
25 30
 			<ul>
26 31
 				{{#languages}}
27
-				<li><a href="?lang={{.}}">{{.}}</a></li>
32
+				<li><a href="?lang={{.}}" hreflang="{{.}}" rel="alternate">{{.}}</a></li>
28 33
 				{{/languages}}
29 34
 			</ul>
30 35
 		</nav>
@@ -48,7 +53,7 @@
48 53
 		</div>
49 54
 
50 55
 		<div>
51
-			<p>{{{translations.named_private_board_description}}}</p>
56
+			<p><label for="board">{{{translations.named_private_board_description}}}</label></p>
52 57
 			<form action="boards" method="GET">
53 58
 				<input type="text" id="board" name="board" placeholder="{{{translations.board_name_placeholder}}}" />
54 59
 				<input type="submit" value="Go">
@@ -58,7 +63,8 @@
58 63
 
59 64
 
60 65
 	<footer>
61
-		<a href="https://github.com/lovasoa/whitebophir" class="smallink">{{translations.view_source}}</a>
66
+		<a href="https://github.com/lovasoa/whitebophir" class="smallink"
67
+			rel="external">{{translations.view_source}}</a>
62 68
 	</footer>
63 69
 </body>
64 70
 

+ 25
- 0
client-data/manifest.json Visa fil

@@ -0,0 +1,25 @@
1
+{
2
+    "name": "WBO Online Whiteboard",
3
+    "short_name": "WBO",
4
+    "display": "standalone",
5
+    "background_color": "#8FA2BC",
6
+    "theme_color": "#C4DFFF",
7
+    "description": "A free and opensource online collaborative drawing tool.",
8
+    "icons": [
9
+        {
10
+            "src": "favicon.svg",
11
+            "sizes": "1024x1024",
12
+            "type": "image/svg+xml"
13
+        },
14
+        {
15
+            "src": "apple-touch-icon.png",
16
+            "sizes": "512x512",
17
+            "type": "image/png"
18
+        },
19
+        {
20
+            "src": "favicon.ico",
21
+            "sizes": "16x16",
22
+            "type": "image/x-icon"
23
+        }
24
+    ]
25
+}

Laddar…
Avbryt
Spara