feat: add manifest for add to home screen

public/manifest.webmanifest

@@ -0,0 +1,46 @@
+{
+ "theme_color": "#262626",
+ "background_color": "#262626",
+ "display": "fullscreen",
+ "scope": "/",
+ "start_url": "/",
+ "name": "Movies",
+ "short_name": "Movies",
+ "description": "Movies",
+ "icons": [
+ {
+ "src": "/public/icon-192x192.png",
+ "sizes": "192x192",
+ "type": "image/png"
+ },
+ {
+ "src": "/public/icon-256x256.png",
+ "sizes": "256x256",
+ "type": "image/png"
+ },
+ {
+ "src": "/public/icon-384x384.png",
+ "sizes": "384x384",
+ "type": "image/png"
+ },
+ {
+ "src": "/public/icon-512x512.png",
+ "sizes": "512x512",
+ "type": "image/png"
+ }
+ ],
+ "screenshots": [
+ {
+ "src": "/public/icon-512x512.png",
+ "sizes": "512x512",
+ "type": "image/png",
+ "form_factor": "narrow"
+ },
+ {
+ "src": "/public/icon-512x512.png",
+ "sizes": "512x512",
+ "type": "image/png",
+ "form_factor": "wide"
+ }
+ ]
+}

views/layout.templ

@@ -12,19 +12,20 @@ templ Layout(title string) {
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <meta
  name="description"
- content="The movies I&#39;ve watched during my lifetime."
+ content="The movies I've watched during my lifetime."
  />
  <meta property="og:title" content="Movies"/>
  <meta property="og:type" content="website"/>
  <meta property="og:url" content="https://movies.willcodefor.beer/"/>
  <meta
  property="og:description"
- content="The movies I&#39;ve watched during my lifetime."
+ content="The movies I've watched during my lifetime."
  />
  <meta name="twitter:card" content="summary"/>
  <meta name="twitter:site" content="@rnattochdag"/>
  <meta name="twitter:creator" content="@rnattochdag"/>
  <link href="/public/styles.css" rel="stylesheet"/>
+ <link rel="manifest" href="/public/manifest.webmanifest"/>
  <script src="/public/htmx.1.9.8.min.js"></script>
  <script src="/public/hyperscript.0.9.12.min.js"></script>
  </head>