ga and logo

jacksalici · Aug 27, 2023 · d64f80c · d64f80c
1 parent 0a8330e
commit d64f80c
Show file tree

Hide file tree

Showing 4 changed files with 120 additions and 9 deletions.
diff --git a/frontend/index.html b/frontend/index.html
@@ -1,13 +1,32 @@
 <!DOCTYPE html>
 <html lang="en">
  <head>
- <meta charset="UTF-8">
- <link rel="icon" href="/favicon.ico">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
- <link rel="preconnect" href="https://fonts.googleapis.com">
- <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,200;0,400;0,700;1,200;1,400;1,700&display=swap" rel="stylesheet">
+ <!-- Google tag (gtag.js) -->
+ <script
+ async
+ src="https://www.googletagmanager.com/gtag/js?id=G-TCJ26JMX8T"
+ ></script>
+ <script>
+ window.dataLayer = window.dataLayer || [];
+ function gtag() {
+ dataLayer.push(arguments);
+ }
+ gtag("js", new Date());
+
+ gtag("config", "G-TCJ26JMX8T");
+ </script>
+ <meta charset="UTF-8" />
+ <link rel="icon" href="/favicon.ico" />
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+ <link rel="preconnect" href="https://fonts.googleapis.com" />
+ <link
+ href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,200;0,400;0,700;1,200;1,400;1,700&display=swap"
+ rel="stylesheet"
+ />
  <title>Weather Station App</title>
+ <link rel="icon" href="/wslogo.svg" sizes="any" type="image/svg+xml">
+
  </head>
  <body class="m-2">
  <div id="app"></div>

diff --git a/frontend/package.json b/frontend/package.json
@@ -3,7 +3,7 @@
  "version": "0.0.0",
  "private": true,
  "scripts": {
- "dev": "vite",
+ "dev": "vite --host",
  "build": "vite build",
  "serve": "vite preview"
  },

diff --git a/frontend/public/wslogo.svg b/frontend/public/wslogo.svg
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
@@ -242,9 +242,13 @@ watchEffect(async () => {
  <div
  class="flex justify-between mb-12 flex-col items-start gap-3 md:items-center md:flex-row"
  >
- <div>
- <h1 class="text-3xl font-bold">Instant Weather Data</h1>
+
+ <div class="flex space-x-3">
+ <img src="/wslogo.svg" class="h-12 my-auto"/>
+ <div>
+ <h1 class="text-3xl font-bold">Instant Weather Data</h1>
  <h2 class="text-lg opacity-70"><img class="inline w-6" src="https://img.icons8.com/fluency/48/place-marker.png"/>Mirandola, Modena, Italy</h2>
+ </div>
  </div>
 
  <button