Add OpenTF logo and favicons to the website

2026-01-09 13:37:54 -05:00 · 2023-08-24 10:45:15 +03:00
parent 0fc2753d73
commit 89544fdd32
10 changed files with 10 additions and 3 deletions
--- a/favicons/android-chrome-192x192.png
+++ b/favicons/android-chrome-192x192.png
--- a/favicons/android-chrome-512x512.png
+++ b/favicons/android-chrome-512x512.png
--- a/favicons/apple-touch-icon.png
+++ b/favicons/apple-touch-icon.png
--- a/favicons/favicon-16x16.png
+++ b/favicons/favicon-16x16.png
--- a/favicons/favicon-32x32.png
+++ b/favicons/favicon-32x32.png
--- a/favicons/favicon.ico
+++ b/favicons/favicon.ico
--- a/favicons/site.webmanifest
+++ b/favicons/site.webmanifest
@@ -0,0 +1 @@
+{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
--- a/images/opentf_logo.png
+++ b/images/opentf_logo.png
--- a/index.html
+++ b/index.html
@@ -14,11 +14,12 @@
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&display=swap" />
    <link rel="stylesheet" type="text/css" href="style.css">
-
    <link rel="apple-touch-icon" sizes="180x180" href="favicons/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="favicons/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="favicons/favicon-16x16.png">
-    <link rel="mask-icon" href="favicons/safari-pinned-tab.svg" color="#5bbad5">
+    <link rel="icon" type="image/png" sizes="32x32" href="favicons/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="192x192" href="favicons/android-chrome-192x192.png">
+    <link rel="icon" type="image/png" sizes="512x512" href="favicons/android-chrome-512x512.png">
+    <link rel="manifest" href="favicons/site.webmanifest">
    <meta name="msapplication-TileColor" content="#da532c">
    <meta name="theme-color" content="#ffffff">
    
@@ -27,6 +28,7 @@

  <body>
    <div class="container mx-auto">
+      <img width="342px" height="200px" src="images/opentf_logo.png" class="logo mx-auto" alt="OpenTF Foundation" />
      <h1>The OpenTF Manifesto</h1>

      <div>
--- a/style.css
+++ b/style.css
@@ -48,6 +48,10 @@ li {
  margin-right: auto;
 }

+.logo {
+  display: flex;
+}
+
 h1,
 h2,
 h3,
				`@@ -0,0 +1 @@`
				`{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}`