Create new landing page

.firebaserc

@@ -0,0 +1,15 @@
+{
+  "projects": {
+    "default": "getbaselineapp"
+  },
+  "targets": {
+    "getbaselineapp": {
+      "hosting": {
+        "baseline-landing": [
+          "baseline-landing"
+        ]
+      }
+    }
+  },
+  "etags": {}
+}

.github/workflows/firebase-hosting-merge.yml

@@ -0,0 +1,24 @@
+# This file was auto-generated by the Firebase CLI
+# https://github.com/firebase/firebase-tools
+
+name: Deploy to Firebase Hosting on merge
+'on':
+  push:
+    branches:
+      - main
+jobs:
+  build_and_deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: ruby/setup-ruby@v1
+        with:
+          ruby-version: '3.3'
+          bundler-cache: true
+      - run: bundle install && bundle exec jekyll build
+      - uses: FirebaseExtended/action-hosting-deploy@v0
+        with:
+          repoToken: '${{ secrets.GITHUB_TOKEN }}'
+          firebaseServiceAccount: '${{ secrets.FIREBASE_SERVICE_ACCOUNT_GETBASELINEAPP }}'
+          channelId: live
+          projectId: getbaselineapp

.github/workflows/firebase-hosting-pull-request.yml

@@ -0,0 +1,21 @@
+# This file was auto-generated by the Firebase CLI
+# https://github.com/firebase/firebase-tools
+
+name: Deploy to Firebase Hosting on PR
+'on': pull_request
+jobs:
+  build_and_preview:
+    if: '${{ github.event.pull_request.head.repo.full_name == github.repository }}'
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: ruby/setup-ruby@v1
+        with:
+          ruby-version: '3.3'
+          bundler-cache: true
+      - run: bundle install && bundle exec jekyll build
+      - uses: FirebaseExtended/action-hosting-deploy@v0
+        with:
+          repoToken: '${{ secrets.GITHUB_TOKEN }}'
+          firebaseServiceAccount: '${{ secrets.FIREBASE_SERVICE_ACCOUNT_GETBASELINEAPP }}'
+          projectId: getbaselineapp

.gitignore

@@ -20,3 +20,7 @@ Gemfile.lock
 .Trashes
 ehthumbs.db
 Thumbs.db
+
+# Firebase
+.firebase/
+firebase-debug.log

Gemfile

@@ -4,6 +4,6 @@ source "https://rubygems.org"
 
 gem "jekyll", ">= 3.5", "< 5.0"
 gem "jekyll-feed", "~> 0.9"
-gem "jekyll-seo-tag", "~> 2.1"
+gem "jekyll-seo-tag", "~> 2.1", git: "https://github.com/nkalupahana/jekyll-seo-tag"
 gem "kramdown-parser-gfm" if ENV["JEKYLL_VERSION"] == "~> 3.9"
-gem 'jekyll-toc'
+gem "jekyll-toc"

_config.yml

@@ -8,7 +8,7 @@ title: baseline
 #remote_theme: jekyll/minima
 
 ios_app_id: 1621132298
-url: https://getbaseline.app
+url: https://baseline-landing--beta-rvf19wtw.web.app
 tagline: A better journaling and mood tracking app.
 description: A better journaling and mood tracking app. 100% free and private. Non-profit owned and operated.
 twitter:
@@ -63,4 +63,10 @@ features                                  :
     fontawesome_icon_name                 : lock
 
 include:
-  - _pages
+  - _pages
+
+defaults:
+  - scope:
+      path: ""
+    values:
+      image: /assets/og.png

_includes/cta.html

@@ -0,0 +1,8 @@
+<div class="cta">
+    <h4>Start journaling today</h4>
+    <p>
+        baseline is a 100% free, non-profit operated, journaling and mood tracking service that's
+        designed to help people better understand their mental health by building a journaling habit.
+    </p>
+    <a href="/" class="baseline-button">Learn More</a>
+</div>

_includes/footer.html

@@ -4,10 +4,10 @@
   <div class="wrapper">
     <div class="footer-col-wrapper">
       <div class="footer-col">
-        <a href="/terms">Terms</a><br />
-        <a href="/privacy">Privacy</a><br />
-        <a href="/developers">Developers</a><br />
-        <a href="https://donorbox.org/baseline" target="_blank">Donate</a><br />
+        <a href="/terms">Terms</a>
+        <a href="/privacy">Privacy</a>
+        <a href="/developers">Developers</a>
+        <a href="https://donorbox.org/baseline" target="_blank">Donate</a>
         <a href="/blog">Blog</a>
         <p>Copyright baseline health. <br />Contact us at hello [at] getbaseline [dot] app.</p>
       </div>

_includes/head.html

@@ -4,18 +4,22 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
 
   {% if page.url == "/" %}
-  <meta property="twitter:site" content="@getbaselineapp" />
-  <meta property="twitter:app:id:iphone" content="{{ site.ios_app_id }}" />
-  <meta property="twitter:app:id:ipad" content="{{ site.ios_app_id }}" />
-  <meta property="twitter:app:id:googleplay" content="app.getbaseline.baseline" />
-  <meta property="twitter:description" content="{{ site.description }}" />
+    <meta property="twitter:site" content="@getbaselineapp" />
+    <meta property="twitter:app:id:iphone" content="{{ site.ios_app_id }}" />
+    <meta property="twitter:app:id:ipad" content="{{ site.ios_app_id }}" />
+    <meta property="twitter:app:id:googleplay" content="app.getbaseline.baseline" />
+    <meta property="twitter:description" content="{{ site.description }}" />
+    {%- seo title=false -%}
+    <title>Home | baseline</title>
+    <meta property="og:title" content="baseline: mood journaling" />
+    <meta property="twitter:title" content="baseline: mood journaling" />
+  {% else %}
+    {%- seo -%}
   {% endif %}
 
-  {%- seo -%}
-  <meta name="og:image" content="https://getbaseline.app/assets/og.png" />
-  <meta property="og:type" content="website" />
   <link rel="stylesheet" href="{{ "/assets/css/style.css" | relative_url }}">
   <link rel="icon shortcut" href="/favicon.ico" />
+  <link rel="preconnect" href="https://fonts.googleapis.com" />
 
   <meta name="apple-itunes-app" content="app-id={{ site.ios_app_id }}" />
 
@@ -25,10 +29,19 @@
   'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
   })(window,document,'script','dataLayer','GTM-5BVWXFHD');</script>
 
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/all.min.css" crossorigin="anonymous" />
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
-  <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
-  <script src="https://unpkg.com/typed.js@2.1.0/dist/typed.umd.js"></script>
-
+  <link rel="preload" as="style" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/all.min.css" onload="this.onload=null;this.rel='stylesheet'" crossorigin="anonymous" />
+  <noscript>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/all.min.css" crossorigin="anonymous" />
+  </noscript>
+
+  <link rel="preload" as="style" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" onload="this.onload=null;this.rel='stylesheet'" />
+  <noscript>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
+  </noscript>
+
+  <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js" defer></script>
+  <script src="https://unpkg.com/typed.js@2.1.0/dist/typed.umd.js" defer></script>
+  <script src="/assets/js/lazysizes.min.js" async></script>
+
   {%- include custom-head.html -%}
 </head>

_includes/header.html

@@ -6,7 +6,7 @@
     {%- assign page_paths = site.header_pages | default: default_paths -%}
     {%- assign titles_size = site.pages | map: 'title' | join: '' | size -%}
     <a class="site-title" rel="author" href="{{ "/" | relative_url }}">
-      <img src="/assets/wordmark.png" alt="{{ site.title | escape }}" style="height: 55px;" />
+      <img src="/assets/wordmark.webp" alt="{{ site.title | escape }}" style="height: 55px;" />
     </a>
 
     {%- if titles_size > 0 -%}
@@ -21,13 +21,8 @@
         </label>
 
         <div class="trigger">
-          {%- for path in page_paths -%}
-            {%- assign my_page = site.pages | where: "path", path | first -%}
-            {%- if my_page.title -%}
-            <a class="page-link" href="{{ my_page.url | relative_url }}">{{ my_page.title | escape }}</a>
-            {%- endif -%}
-          {%- endfor -%}
-          <a class="page-link get-baseline" href="/#top">Try baseline</a>
+          <a class="page-link" href="/">Home</a>
+          <a class="page-link get-baseline" href="/#top" onclick="document.getElementById('nav-trigger').checked = false;">Try baseline</a>
         </div>
       </nav>
     {%- endif -%}