Add icons and web app manifest

5 years ago · bc8520b808
9 changed files with 13 additions and 0 deletions
--- a/www/app.html
+++ b/www/app.html
@ -4,8 +4,15 @@
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
    <meta name="description" content="Easily transcribe and translate DNA into messenger RNA and amino acids">
    <meta name="application-name" content="DNA Transcription and Translation App">
    <meta name="theme-color" content="#568ea3">
    <title>DNA Transcription &amp; Translation</title>
    <link rel="stylesheet" href="/css/styles.css">
    <!-- DNA Icons by Twemoji. Generated using favicon.io -->
    <link rel="apple-touch-icon" sizes="180x180" href="/static/icons/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/static/icons/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/static/icons/favicon-16x16.png">
    <link rel="manifest" href="/static/site.webmanifest">
  </head>
  <body>
    <noscript>This page contains webassembly and javascript content, please enable javascript in your browser.</noscript>
--- a/www/favicon.ico
+++ b/www/favicon.ico
--- a/www/index.html
+++ b/www/index.html
@ -8,6 +8,11 @@
    <meta name="theme-color" content="#568ea3">
    <title>DNA Transcription &amp; Translation</title>
    <link rel="stylesheet" href="/css/styles.css">
    <!-- DNA Icons by Twemoji. Generated using favicon.io -->
    <link rel="apple-touch-icon" sizes="180x180" href="/static/icons/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/static/icons/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/static/icons/favicon-16x16.png">
    <link rel="manifest" href="/static/site.webmanifest">
  </head>
  <body>
    <noscript>This page contains webassembly and javascript content, please enable javascript in your browser.</noscript>
--- a/www/static/icons/android-chrome-192x192.png
+++ b/www/static/icons/android-chrome-192x192.png
--- a/www/static/icons/android-chrome-512x512.png
+++ b/www/static/icons/android-chrome-512x512.png
--- a/www/static/icons/apple-touch-icon.png
+++ b/www/static/icons/apple-touch-icon.png
--- a/www/static/icons/favicon-16x16.png
+++ b/www/static/icons/favicon-16x16.png
--- a/www/static/icons/favicon-32x32.png
+++ b/www/static/icons/favicon-32x32.png
--- a/www/static/site.webmanifest
+++ b/www/static/site.webmanifest
@ -0,0 +1 @@
 {"name":"DNA Transcription & Translation","short_name":"DNA Transcription & Translation","icons":[{"src":"/static/icons/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/static/icons/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#568ea3","background_color":"#568ea3","display":"standalone"}