Feature/readme (#18)

* using alpine, better README

.github/workflows/coveritup_v2.yml

@@ -110,4 +110,4 @@ jobs:
       - uses: kevincobain2000/action-coveritup@v2
         with:
           pr_comment: true
-          types: coverage, go-mod-dependencies
+          types: coverage,go-mod-dependencies

app/.air.toml

@@ -12,7 +12,8 @@ cmd = "go mod tidy && go build -o ./tmp/main main.go"
 # Binary file yields from `cmd`.
 bin = "tmp/main"
 # Customize binary.
-full_bin = "PP_USER=air ./tmp/main"
+# allow cors for astro
+full_bin = "PP_USER=air ./tmp/main --cors=4321"
 # Watch these filename extensions.
 include_ext = ["go", "tpl", "tmpl", "html", "env", "conf"]
 # Ignore these filename extensions or directories.

app/frontend/.env.example

@@ -1 +1,2 @@
-PUBLIC_GOOGLE_ANALYTICS_ID=
+PUBLIC_GOOGLE_ANALYTICS_ID=
+PUBLIC_HOST_URL=http://localhost:3003

app/frontend/astro.config.mjs

@@ -2,6 +2,7 @@ import astroSingleFile from 'astro-single-file'
 import { defineConfig } from 'astro/config'
 import tailwind from '@astrojs/tailwind'
 
+// https://astro.build/config
 export default defineConfig({
   integrations: [astroSingleFile(), tailwind()]
 })

app/frontend/package.json

@@ -10,15 +10,15 @@
     "astro": "astro"
   },
   "dependencies": {
-    "@astrojs/check": "^0.3.4",
+    "@astrojs/check": "^0.5.10",
     "@astrojs/tailwind": "^5.1.0",
-    "astro": "^4.0.8",
+    "astro": "^4.7.0",
     "astro-single-file": "^1.1.0",
     "html-minifier-terser": "^7.2.0",
-    "tailwindcss": "^3.4.0",
-    "typescript": "^5.3.3"
+    "tailwindcss": "^3.4.3",
+    "typescript": "^5.4.5"
   },
   "optionalDependencies": {
-    "@rollup/rollup-linux-x64-gnu": "4.6.1"
+    "@rollup/rollup-linux-x64-gnu": "4.17.1"
   }
 }

app/frontend/src/components/Footer.astro

@@ -3,7 +3,7 @@
 ---
 
 <!--Footer-->
-<div class="w-full pt-16 pb-6 text-sm text-center md:text-left fade-in">
+<div class="w-full pt-16 pb-6 text-sm text-center md:text-left fade-in select-none">
   <a class="text-gray-500 no-underline hover:no-underline" href="#"
     >&copy; 2023</a
   >

app/frontend/src/components/Hero.astro

@@ -23,7 +23,7 @@
       </span>
     </h1>
     <p
-      class="leading-normal text-base md:text-2xl mb-8 text-center md:text-left font-mono"
+      class="leading-normal text-base md:text-xl mb-8 text-center md:text-left"
     >
       Record what matters.
     </p>

app/frontend/src/components/Layout.astro

@@ -15,12 +15,10 @@ const { title, description } = Astro.props;
     <meta name="description" content={description} />
     <meta name="viewport" content="width=device-width" />
     <link rel="icon" type="image/svg+xml" href="/favicon.ico" />
-    <link rel="canonical" href={Astro.url} />
     <meta name="twitter:card" content="summary_large_image" />
     <meta name="twitter:title" content={title} />
     <meta name="twitter:description" content={description} />
     <meta name="twitter:image" content="https://coveritup.app/favicon.ico" />
-    <meta property="og:url" content={Astro.url} />
     <meta property="og:type" content="website" />
     <meta property="og:title" content={title} />
     <meta property="og:description" content={description} />
@@ -41,8 +39,8 @@ const { title, description } = Astro.props;
     <meta name="generator" content={Astro.generator} />
     <title>{title}</title>
     {measurementID && (
-        <script async src="https://www.googletagmanager.com/gtag/js?id=G-8C3R3RDHSV"></script>
-        <script type="text/javascript">
+        <script is:inline async src="https://www.googletagmanager.com/gtag/js?id=G-8C3R3RDHSV"></script>
+        <script is:inline type="text/javascript">
         window.dataLayer = window.dataLayer || [];
         function gtag(){dataLayer.push(arguments);}
         gtag('js', new Date());
@@ -66,6 +64,8 @@ const { title, description } = Astro.props;
   }
   body {
     font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
+    font-optical-sizing: auto;
+    font-style: normal;
   }
 
   .bg-gradient {

app/frontend/src/components/Nav.astro

@@ -6,9 +6,9 @@ import medium from '@assets/medium.svg?raw'
 <div class="w-full container mx-auto">
     <div class="w-full flex items-center justify-between">
 
-      <a class="flex items-center text-indigo-400 no-underline hover:no-underline font-bold text-3xl" href="/">
-        <img src="/favicon.ico" alt="" width="25">
-        Cover<span class="bg-clip-text text-transparent bg-gradient-to-r from-green-400 via-pink-500 to-purple-500">ItUp</span>
+      <a class="flex items-center text-indigo-400 no-underline hover:no-underline font-bold text-4xl select-none" href="/">
+        <img src="/favicon.ico" alt="" width="35">
+        <span class="pt-2">Cover<span class="bg-clip-text text-transparent bg-gradient-to-r from-green-400 via-pink-500 to-purple-500">ItUp</span></span>
       </a>
 
       <div class="flex w-1/2 justify-end content-center">