Merge pull request #1 from fastenhealth/connect-mainpage

swap connect page and current index.html page (moves to /patients/ page)

_includes/header-connect.html

@@ -1,7 +1,7 @@
 <header class="fixed w-full">
     <nav class="bg-white border-gray-200 py-2.5 dark:bg-gray-900">
         <div class="flex flex-wrap items-center justify-between max-w-screen-xl px-4 mx-auto">
-            <a href="/connect" class="flex items-center">
+            <a href="/" class="flex items-center">
                 <img src="/assets/images/banner-connect.png" class="h-6 mr-3 sm:h-9" alt="Fasten Connect Logo" />
             </a>
             <div class="flex items-center lg:order-2">
@@ -18,12 +18,12 @@
                 <ul class="flex flex-col mt-4 font-medium lg:flex-row lg:space-x-8 lg:mt-0">
 
                     <li>
-                        <a href="/" class="block py-2 pl-3 pr-4 text-gray-700 border-b border-gray-100 hover:bg-gray-50 lg:hover:bg-transparent lg:border-0 lg:hover:text-purple-700 lg:p-0 dark:text-gray-400 lg:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700">
+                        <a href="/patients/" class="block py-2 pl-3 pr-4 text-gray-700 border-b border-gray-100 hover:bg-gray-50 lg:hover:bg-transparent lg:border-0 lg:hover:text-purple-700 lg:p-0 dark:text-gray-400 lg:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700">
                             For Patients
                         </a>
                     </li>
                     <li>
-                        <a href="/connect" class="block py-2 pl-3 pr-4 text-white bg-purple-700 rounded lg:bg-transparent lg:text-purple-700 lg:p-0 dark:text-white" aria-current="page">
+                        <a href="/" class="block py-2 pl-3 pr-4 text-white bg-purple-700 rounded lg:bg-transparent lg:text-purple-700 lg:p-0 dark:text-white" aria-current="page">
                             For Business
                         </a>
                     </li>

_includes/header-slim.html

@@ -1,7 +1,7 @@
 <header class="fixed w-full">
     <nav class="bg-white border-gray-200 py-2.5 dark:bg-gray-900">
         <div class="flex flex-wrap items-center justify-between max-w-screen-xl px-4 mx-auto">
-            <a href="https://www.fastenhealth.com" class="flex items-center">
+            <a href="https://www.fastenhealth.com/patients/" class="flex items-center">
                 <img src="/assets/images/banner.png" class="h-6 mr-3 sm:h-9" alt="Fasten Health Logo" />
             </a>
             <div class="flex items-center lg:order-2">

_includes/header.html

@@ -19,32 +19,32 @@
             <div class="items-center justify-between hidden w-full lg:flex lg:w-auto lg:order-1" id="mobile-menu-2">
                 <ul class="flex flex-col mt-4 font-medium lg:flex-row lg:space-x-8 lg:mt-0">
                     <li>
-                        <a href="/#home" class="block py-2 pl-3 pr-4 text-white bg-purple-700 rounded lg:bg-transparent lg:text-purple-700 lg:p-0 dark:text-white" aria-current="page">
+                        <a href="/patients/#home" class="block py-2 pl-3 pr-4 text-white bg-purple-700 rounded lg:bg-transparent lg:text-purple-700 lg:p-0 dark:text-white" aria-current="page">
                             Home
                         </a>
                     </li>
                     <li>
-                        <a href="/#about" class="block py-2 pl-3 pr-4 text-gray-700 border-b border-gray-100 hover:bg-gray-50 lg:hover:bg-transparent lg:border-0 lg:hover:text-purple-700 lg:p-0 dark:text-gray-400 lg:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700">
+                        <a href="/patients/#about" class="block py-2 pl-3 pr-4 text-gray-700 border-b border-gray-100 hover:bg-gray-50 lg:hover:bg-transparent lg:border-0 lg:hover:text-purple-700 lg:p-0 dark:text-gray-400 lg:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700">
                             About
                         </a>
                     </li>
                     <li>
-                        <a href="#patients" class="block py-2 pl-3 pr-4 text-gray-700 border-b border-gray-100 hover:bg-gray-50 lg:hover:bg-transparent lg:border-0 lg:hover:text-purple-700 lg:p-0 dark:text-gray-400 lg:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700">
+                        <a href="/patients" class="block py-2 pl-3 pr-4 text-gray-700 border-b border-gray-100 hover:bg-gray-50 lg:hover:bg-transparent lg:border-0 lg:hover:text-purple-700 lg:p-0 dark:text-gray-400 lg:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700">
                             Patients
                         </a>
                     </li>
                     <li>
-                        <a href="/#pricing" class="block py-2 pl-3 pr-4 text-gray-700 border-b border-gray-100 hover:bg-gray-50 lg:hover:bg-transparent lg:border-0 lg:hover:text-purple-700 lg:p-0 dark:text-gray-400 lg:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700">
+                        <a href="/patients/#pricing" class="block py-2 pl-3 pr-4 text-gray-700 border-b border-gray-100 hover:bg-gray-50 lg:hover:bg-transparent lg:border-0 lg:hover:text-purple-700 lg:p-0 dark:text-gray-400 lg:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700">
                             Pricing
                         </a>
                     </li>
                     <li>
-                        <a href="/#faqs" class="block py-2 pl-3 pr-4 text-gray-700 border-b border-gray-100 hover:bg-gray-50 lg:hover:bg-transparent lg:border-0 lg:hover:text-purple-700 lg:p-0 dark:text-gray-400 lg:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700">
+                        <a href="/patients/#faqs" class="block py-2 pl-3 pr-4 text-gray-700 border-b border-gray-100 hover:bg-gray-50 lg:hover:bg-transparent lg:border-0 lg:hover:text-purple-700 lg:p-0 dark:text-gray-400 lg:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700">
                             FAQs
                         </a>
                     </li>
                     <li>
-                        <a href="/connect" class="block py-2 pl-3 pr-4 text-gray-700 border-b border-gray-100 hover:bg-gray-50 lg:hover:bg-transparent lg:border-0 lg:hover:text-purple-700 lg:p-0 dark:text-gray-400 lg:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700">
+                        <a href="/" class="block py-2 pl-3 pr-4 text-gray-700 border-b border-gray-100 hover:bg-gray-50 lg:hover:bg-transparent lg:border-0 lg:hover:text-purple-700 lg:p-0 dark:text-gray-400 lg:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700">
                             For Business
                         </a>
                     </li>

_includes/social_meta.html

@@ -1,4 +1,4 @@
-<link rel="canonical" href="https://www.fastenhealth.com" />
+<link rel="canonical" href="https://www.fastenhealth.com/patients/" />
 <meta charset="UTF-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -15,7 +15,7 @@
 <!-- Social media share -->
 <meta property="og:title" content="Fasten Health - Your Journey, Your Records, Your Control">
 <meta property="og:site_name" content="Fasten Health">
-<meta property="og:url" content="https://www.fastenhealth.com">
+<meta property="og:url" content="https://www.fastenhealth.com/patients/">
 <meta property="og:description" content="Fasten is an open-source, self-hosted, personal/family electronic medical record aggregator, designed to integrate with 100,000's of insurances/hospitals/clinics.">
 <meta property="og:type" content="">
 <meta property="og:image" content="https://docs.fastenhealth.com/img/banner/banner.png">

_includes/social_meta_connect.html

@@ -1,4 +1,4 @@
-<link rel="canonical" href="https://www.fastenhealth.com/connect" />
+<link rel="canonical" href="https://www.fastenhealth.com/" />
 <meta charset="UTF-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -15,7 +15,7 @@
 <!-- Social media share -->
 <meta property="og:title" content="Fasten Connect - A Unified Medical Record API">
 <meta property="og:site_name" content="Fasten Health">
-<meta property="og:url" content="https://www.fastenhealth.com/connect">
+<meta property="og:url" content="https://www.fastenhealth.com/">
 <meta property="og:description" content=" Fasten Connect makes it easy for users to share their medical records securely and quickly, letting you focus on building your application.">
 <meta property="og:type" content="article" />
 <meta property="og:image" content="https://raw.githubusercontent.com/fastenhealth/brand-kit/main/connect/banner.png">

_layouts/redirect.html

@@ -0,0 +1,14 @@
+<html>
+<head>
+    <meta charset="utf-8"/>
+    <meta http-equiv="refresh" content="1;url={{ page.redirect }}"/>
+    <link rel="canonical" href="{{ page.redirect }}"/>
+    <script type="text/javascript">
+        window.location.href = "{{ page.redirect }}"
+    </script>
+    <title>Page Redirection</title>
+</head>
+<body>
+If you are not redirected automatically, follow <a href='{{ page.redirect }}'>this link</a>.
+</body>
+</html>