Browse Source

Small markup improvements in index page

dev_h
ophir 5 years ago
parent
commit
2acaa95fd6
4 changed files with 35 additions and 4 deletions
  1. BIN
      client-data/apple-touch-icon.png
  2. BIN
      client-data/favicon.ico
  3. 10
    4
      client-data/index.html
  4. 25
    0
      client-data/manifest.json

BIN
client-data/apple-touch-icon.png View File


BIN
client-data/favicon.ico View File


+ 10
- 4
client-data/index.html View File

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

+ 25
- 0
client-data/manifest.json View File

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
+}

Loading…
Cancel
Save