From b67f13e3ef5b62b7bed11a925a119a4f303023aa Mon Sep 17 00:00:00 2001
From: Damillora <damillora@damillora.com>
Date: Wed, 17 Mar 2021 10:32:53 +0700
Subject: [PATCH] Remoove member pages, just use Portal

---
 assets/css/styles.css    |   7 ++-
 members/account.hbs      |  50 ------------------
 members/signin.hbs       |  58 ---------------------
 members/signup.hbs       | 108 ---------------------------------------
 package.json             |   2 +-
 partials/site-header.hbs |  44 ++++++----------
 6 files changed, 22 insertions(+), 247 deletions(-)
 delete mode 100644 members/account.hbs
 delete mode 100644 members/signin.hbs
 delete mode 100644 members/signup.hbs

diff --git a/assets/css/styles.css b/assets/css/styles.css
index d5135a1..515bd38 100644
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -61,9 +61,12 @@ a:hover {
   @apply flex flex-row transition duration-300 ease-in-out;
 }
 .site-head {
-  @apply flex flex-row flex-grow py-2 items-center transition duration-300 ease-in-out pl-4 h-16;
+  @apply flex flex-row flex-grow transition duration-300 ease-in-out;
 }
-.site-head:hover {
+.site-head a {
+  @apply flex flex-row py-2 items-center transition duration-300 ease-in-out px-4 h-16 inline-block;
+}
+.site-head a:hover {
   @apply bg-yuika-blue-500;
 }
 .site-background {
diff --git a/members/account.hbs b/members/account.hbs
deleted file mode 100644
index 5d91b45..0000000
--- a/members/account.hbs
+++ /dev/null
@@ -1,50 +0,0 @@
-{{!< ../default}}
-
-
-{{#unless @member}}
-<script>window.location = '{{@site.url}}';</script>
-{{/unless}}
-<div class="relative group index-header">
-  {{> header-background background=@site.cover_image}} {{!--Special header-image.hbs partial to generate the background image--}}
-    <div class="w-full h-full opacity-50 bg-black">
-    </div>
-  </div>
-  <div class="absolute bottom-0 py-4 left-0 right-0">
-    <div class="container mx-auto content-full">
-      <div class="text-white">
-        <div>
-            {{#if @member}}
-            <div class="flex flex-row items-center mb-2">
-                {{#if @member.avatar_image}} 
-                <img class="author-image" src="{{@member.avatar_image}}" alt="{{@member.email}}" />
-                {{/if}}
-            <p class="text-white text-2xl md:text-4xl ml-4">{{@member.email}}</p>
-            </div>
-            {{/if}}
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-
-<article class="post-article">
-<main class="content container" id="post">
-  <div class="content-full">
-    {{#if @member.paid}}
-    {{else if @member}}
-        <h1 class="text-2xl">You are subscribed to updates</h1>
-        <p>You are currently subscribed to updates from <strong>{{@site.title}}</strong>.</p>
-    {{else}}
-    {{/if}}
-  </div>
-</main>
-{{#contentFor "scripts"}}
-<script>
-$(document).ready(function () {
-        // FitVids - start
-        var $postContent = $("#post");
-        $postContent.fitVids();
-        // FitVids - end
-});
-</script>
-{{/contentFor}}
diff --git a/members/signin.hbs b/members/signin.hbs
deleted file mode 100644
index 152c536..0000000
--- a/members/signin.hbs
+++ /dev/null
@@ -1,58 +0,0 @@
-{{!< ../default}}
-
-
-{{#if @member}}
-<script>window.location = '{{@site.url}}';</script>
-{{/if}}
-<div class="relative group index-header large">
-  {{> header-background background=@site.cover_image}} {{!--Special header-image.hbs partial to generate the background image--}}
-    <div class="w-full h-full opacity-50 bg-black">
-    </div>
-  </div>
-  <div class="absolute left-0 right-0 top-0 bottom-0 flex flex-row items-center justify-center">
-   <div class="container mx-auto content-full">
-    <div class="text-white">
-      <div id="subscribe-form">
-        <h1 class="text-2xl">Welcome back!</h1>
-        <p>Sign into your account again for full access</p>
-        <form id="subscribe-form" data-members-form="signin">
-          <div class="py-8">
-            <label class="text-sm">Email address</label>
-            <input type="email" data-members-email class="appearance-none bg-transparent focus:outline-none text-xl border-b w-full px-2 py-1">
-          </div>
-          <button type="submit" class="px-4 py-2 appearance-none focus:outline-none bg-yuika-blue-700 rounded-none hover:bg-yuika-blue-500 transition duration-300 ease-in-out">
-            Send login link
-          </button>
-          <div class="pt-4">
-            <div class="message-success">
-              <p>Please check your email inbox to complete sign in.</p>
-            </div>
-            <div class="message-error">
-              <p>Please enter a valid email address!</p>
-            </div>
-          </div>
-        </form>
-      </div>
-    </div>
-   </div>
-  </div>
-</div>
-
-<article class="post-article">
-<main class="content container" id="post">
-  <div class="content-full">
-    {{#post}}
-    {{content}}
-    {{/post}}
-  </div>
-</main>
-{{#contentFor "scripts"}}
-<script>
-$(document).ready(function () {
-        // FitVids - start
-        var $postContent = $("#post");
-        $postContent.fitVids();
-        // FitVids - end
-});
-</script>
-{{/contentFor}}
diff --git a/members/signup.hbs b/members/signup.hbs
deleted file mode 100644
index 4880eaa..0000000
--- a/members/signup.hbs
+++ /dev/null
@@ -1,108 +0,0 @@
-{{!< ../default}} <div class="relative group index-header large">
-  {{> header-background background=@site.cover_image}} {{!--Special header-image.hbs partial to generate the background
-  image--}}
-  <div class="w-full h-full opacity-50 bg-black">
-  </div>
-  </div>
-  <div class="absolute left-0 right-0 top-4 bottom-0 flex flex-row items-center justify-center">
-    <div class="container mx-auto content-full">
-      <div class="text-white">
-        <div>
-          {{#if @member.paid}}
-          {{!-- Logged in, paying member: Redirect home --}}
-          <script>window.location = '{{@site.url}}';</script>
-          {{else if @member}}
-          <h1 class="text-2xl md:text-4xl">
-            Join The Damillora Network
-          </h1>
-          <p class="text-lg md:text-xl">Become an Autonomous System member</p>
-          <p>By subscribing as an Autonomous System, you can get additional benefits and support me at the same time!
-          </p>
-
-          {{else}}
-          <h1 class="text-2xl md:text-4xl">Subscribe to {{@site.title}}</h1>
-          <p>Get the latest posts delivered straight to your inbox.</p>
-          <form id="subscribe-form" data-members-form="subscribe">
-            <div class="py-8">
-              <label class="text-sm">Email address</label>
-              <input type="email" data-members-email
-                class="appearance-none bg-transparent focus:outline-none text-xl border-b w-full px-2 py-1">
-            </div>
-            <button id="subscribe-submit" type="submit"
-              class="px-4 py-2 appearance-none focus:outline-none bg-yuika-blue-700 rounded-none hover:bg-yuika-blue-500 transition duration-300 ease-in-out">
-              Subscribe
-            </button>
-            <div class="message-success">
-              <p>Please check your email inbox to confirm your subscription!</p>
-            </div>
-            <div class="message-error">
-              <p>Please enter a valid email address!</p>
-            </div>
-          </form>
-          {{/if}}
-        </div>
-      </div>
-    </div>
-  </div>
-  </div>
-
-  <article class="post-article">
-    <main class="content container" id="post">
-      <div class="content-full">
-        {{#if @member}}
-        <h1 class="text-red-500">Access disabled. Required infrastructure not yet in place.</h1>
-        <div class="md:flex md:flex-row pointer-events-none opacity-50">
-          <div class="md:w-1/2 md:pr-4">
-            <h2 class="text-xl md:text-2xl text-center">Monthly</h2>
-            <ul class="text-center pt-4 list-disc md:h-64">
-              <li><strong>Autonomous System</strong> role in <a href="//nanao.moe/discord">The Network Discord
-                  server</a>.</li>
-              <li><strong>Full access to posts</strong> in <a href="{{@site.url}}">{{@site.title}}</a>, including
-                members-only posts!</li>
-              <li><strong>Access to exclusive content</strong> in <a href="//nanao.moe/channel">my YouTube channel</a>.
-              </li>
-              <li><strong>Help shape the future</strong> of my content!</li>
-              <li><strong>More</strong> coming soon!</li>
-            </ul>
-            <p class="text-xl md:text-2xl text-center pt-4">
-              <span class="uppercase">{{@price.currency}}</span> <strong>{{@price.monthly}}</strong>
-            </p>
-            <div class="flex justify-center pt-2">
-              <a class="px-4 py-2  border-yuika-blue-500 border appearance-none focus:outline-none border-yuika-blue-700 rounded-none hover:bg-yuika-blue-500 transition duration-300 ease-in-out text-white"
-                href="javascript:" data-members-plan="Monthly">Choose this plan</a>
-            </div>
-          </div>
-          <div class="md:w-1/2 md:pl-4">
-            <h2 class="text-xl md:text-2xl text-center">Yearly</h2>
-            <ul class="text-center pt-4 list-disc md:h-64">
-              <li><strong>Everything</strong> in the Monthly plan.</li>
-              <li><strong>Two months</strong> free!</li>
-              <li><strong>More</strong> coming soon!</li>
-            </ul>
-            <p class="text-xl md:text-2xl text-center pt-4">
-              <span class="uppercase">{{@price.currency}}</span> <strong>{{@price.yearly}}</strong>
-            </p>
-            <div class="flex justify-center pt-2">
-              <a class="px-4 py-2 border-yuika-blue-500 border appearance-none focus:outline-none border-yuika-blue-700 rounded-none hover:bg-yuika-blue-500 transition duration-300 ease-in-out text-white"
-                href="javascript:" data-members-plan="Yearly">Choose this plan</a>
-            </div>
-          </div>
-        </div>
-        {{else}}
-        {{#page}}
-        {{content}}
-        {{/page}}
-        {{/if}}
-      </div>
-    </main>
-  </article>
-  {{#contentFor "scripts"}}
-  <script>
-    $(document).ready(function () {
-      // FitVids - start
-      var $postContent = $("#post");
-      $postContent.fitVids();
-      // FitVids - end
-    });
-  </script>
-  {{/contentFor}}
\ No newline at end of file
diff --git a/package.json b/package.json
index 0cc6f42..1c21463 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
     "name": "yuika",
     "description": "nanao.moe's blog theme",
-    "version": "2.8.1",
+    "version": "2.9.0",
     "engines": {
         "ghost-api": "v3"
     },
diff --git a/partials/site-header.hbs b/partials/site-header.hbs
index 79c5657..1e27a71 100644
--- a/partials/site-header.hbs
+++ b/partials/site-header.hbs
@@ -9,38 +9,26 @@
           <span class="h-12 w-12 px-2 py-3 text-white material-icons" alt="menu">menu</span>
         </div>
         <div class="site-head">
-          <a href="{{@site.url}}" class="block flex flex-col flex-grow">
-            <div class="">
-              <h1 class="text-lg text-white">{{@site.title}}</h1>
-            </div>
+          <a href="{{@site.url}}" class="block flex flex-col flex-grow site-title">
+            <h1 class="text-lg text-white">{{@site.title}}</h1>
           </a>
+        {{#if @member}}
+          <a href="#/portal/account" class="block flex flex-col text-white">
+            {{@member.email}}
+          </a>          
+        {{else}}
+          {{!--
+          <a href="#/portal/account" class="block flex flex-col text-white">
+            Join The Damillora Network
+          </a>          
+          --}}
+          <a href="#/portal" class="block flex flex-col text-white">
+            Subscribe
+          </a>
+        {{/if}}
         </div>
       </div>
       <div class="nav-group">
-        <ul class="nav">
-        {{#if @member}}
-          {{#unless @member.paid}}
-          <li>
-            <a href="{{@site.url}}/subscribe/">Join The Damillora Network</a>
-          </li>
-            <li class="separator"></li>
-          {{/unless}}
-          <li>
-            <a href="{{@site.url}}/account/">{{@member.email}}</a>
-           </li>
-          <li>
-            <a href="#signout" data-members-signout>Sign out</a>
-          </li>
-        {{else}}
-          <li>
-            <a href="{{@site.url}}/signin/">Sign in</a>
-          </li>
-          <li>
-            <a href="{{@site.url}}/subscribe/">Subscribe</a>
-          </li>
-        {{/if}}
-          <li class="separator"></li>
-        </ul>
         {{navigation}}
       </div>
     </header>