Small markup improvements in index page

This commit is contained in:
ophir 2020-04-28 21:49:02 +02:00
parent efbb49d0d1
commit 2acaa95fd6
4 changed files with 35 additions and 4 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.2 KiB

After

Width:  |  Height:  |  Size: 35 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

View file

@ -12,8 +12,13 @@
<link rel="apple-touch-icon" href="favicon.svg">
<link rel="mask-icon" href="favicon.svg" color="black">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="canonical" href="https://wbo.ophir.dev/" />
<meta property="og:url" content="https://wbo.ophir.dev">
<meta property="og:image" content="{{baseUrl}}/favicon.svg">
<link rel="canonical" href="?lang={{language}}" />
{{#languages}}
<link rel="alternate" hreflang="{{.}}" href="?lang={{.}}" />{{/languages}}
<link rel="manifest" href="manifest.json">
<meta name="theme-color" content="#C4DFFF" />
</head>
<body>
@ -24,7 +29,7 @@
<span>{{language}}</span>
<ul>
{{#languages}}
<li><a href="?lang={{.}}">{{.}}</a></li>
<li><a href="?lang={{.}}" hreflang="{{.}}" rel="alternate">{{.}}</a></li>
{{/languages}}
</ul>
</nav>
@ -48,7 +53,7 @@
</div>
<div>
<p>{{{translations.named_private_board_description}}}</p>
<p><label for="board">{{{translations.named_private_board_description}}}</label></p>
<form action="boards" method="GET">
<input type="text" id="board" name="board" placeholder="{{{translations.board_name_placeholder}}}" />
<input type="submit" value="Go">
@ -58,7 +63,8 @@
<footer>
<a href="https://github.com/lovasoa/whitebophir" class="smallink">{{translations.view_source}}</a>
<a href="https://github.com/lovasoa/whitebophir" class="smallink"
rel="external">{{translations.view_source}}</a>
</footer>
</body>

25
client-data/manifest.json Normal file
View file

@ -0,0 +1,25 @@
{
"name": "WBO Online Whiteboard",
"short_name": "WBO",
"display": "standalone",
"background_color": "#8FA2BC",
"theme_color": "#C4DFFF",
"description": "A free and opensource online collaborative drawing tool.",
"icons": [
{
"src": "favicon.svg",
"sizes": "1024x1024",
"type": "image/svg+xml"
},
{
"src": "apple-touch-icon.png",
"sizes": "512x512",
"type": "image/png"
},
{
"src": "favicon.ico",
"sizes": "16x16",
"type": "image/x-icon"
}
]
}