Favicons

docs/static/img/browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/img/mstile-150x150.png"/>
+            <TileColor>#da532c</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

docs/static/img/site.webmanifest

@@ -0,0 +1,19 @@
+{
+    "name": "",
+    "short_name": "",
+    "icons": [
+        {
+            "src": "/img/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/img/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}

docs/templates/base.html

@@ -10,11 +10,18 @@
     <meta name="author" content="El malabarista">
     <meta name="description" content="The practical relational programing language for data-oriented applications">
     <meta property="og:description" content="The practical relational programing language for data-oriented applications">
-    <link rel="canonical" href="https://www.elmalabarista.com">
-    <meta property="og:url" content="https://www.tablam.com">
+    <link rel="canonical" href="https://www.tablam.org">
+    <meta property="og:url" content="https://www.tablam.org">
     <meta property="og:site_name" content="TablaM">
-    <meta property="og:image" content="/img/logo_malab.png">
-    <link href="/img/favicon-32.png" rel="shortcut icon" type="image/png">
+
+   <link rel="apple-touch-icon" sizes="180x180" href="/img/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="/img/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="/img/favicon-16x16.png">
+    <link rel="manifest" href="/img/site.webmanifest">
+    <link rel="mask-icon" href="/img/safari-pinned-tab.svg" color="#030000">
+    <meta name="msapplication-TileColor" content="#ffffff">
+    <meta name="theme-color" content="#ffffff">
+
     <link rel="stylesheet" href="/css/main.css">
 </head>
 
@@ -24,7 +31,9 @@
             <div class="mx-auto px-6 py-3 md:flex">
                 <div class="flex justify-between items-center">
                     <div>
-                        <a href="/" class="text-gray-800 text-xl font-bold hover:text-gray-700 md:text-2xl">TablaM</a>
+                        <a href="/" class="flex">
+                        <img class="inline" src="/img/icon.svg" width="32px" height="32px" alt="TablaM icon" /><span class="pl-2">TablaM</span>
+                        </a>
                     </div>                
                 </div>