Update theme

instance0 · Jul 3, 2024 · 03b521c · 03b521c
1 parent b1a5797
commit 03b521c
Show file tree

Hide file tree

Showing 12 changed files with 123 additions and 65 deletions.
diff --git a/_config.yml b/_config.yml
@@ -1,4 +1 @@
-remote_theme: pages-themes/tactile@v0.2.0
-plugins:
-- jekyll-remote-theme
 repository: instance0/analyzer.modelmap.co
diff --git a/_includes/head-custom.html b/_includes/head-custom.html
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -0,0 +1,59 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="description" content="{{ page.description }}">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+    <link rel="manifest" href="/site.webmanifest">
+    <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#05cdcb">
+    <meta name="msapplication-TileColor" content="#05cdcb">
+    <meta name="theme-color" content="#05cdcb">
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-M01PWFWTMX"></script>
+    <script>
+      window.dataLayer = window.dataLayer || [];
+      function gtag(){dataLayer.push(arguments);}
+      gtag('js', new Date());
+
+      gtag('config', 'G-M01PWFWTMX');
+    </script>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
+    <link rel="stylesheet" href="/assets/css/style.css">
+    <title>{{ page.title }}</title>
+  </head>
+  <body>
+    <header><h1><img src="/assets/img/logo.svg" alt="Modelmap Analyzer"></h1></header>
+    <div id="content-wrapper">
+      {{ content }}
+    </div>
+    <footer>
+      <ul class="nav">
+        <li class="nav-item">
+          <a class="nav-link" href={{ "/" | relative_url }}>Home</a>
+        </li>
+        <li class="nav-item">
+          <a class="nav-link" href={{ "/price" | relative_url }}>Pricing</a>
+        </li>
+        <li class="nav-item">
+          <a class="nav-link" href={{ "/privacy" | relative_url }}>Privacy Policy</a>
+        </li>
+        <li class="nav-item">
+          <a class="nav-link" href={{ "/terms" | relative_url }}>Terms and Conditions</a>
+        </li>
+        <li class="nav-item">
+          <a class="nav-link" href={{ "/refund" | relative_url }}>Refund Policy</a>
+        </li>
+        <li class="nav-item">
+          <a class="nav-link" href={{ "/support" | relative_url }}>Support</a>
+        </li>
+      </ul>
+      <p class="copyright">
+        Copyright &copy; <a href="https://ins0.jp">instance0, inc.</a> All rights reserved.
+      </p>
+    </footer>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
+  </body>
+</html>
diff --git a/_layouts/home.html b/_layouts/home.html
diff --git a/assets/css/style.scss b/assets/css/style.scss
@@ -3,18 +3,58 @@
 
 @import "{{ site.theme }}";
 
-header h1 {
-  font-size: 1px;
-  text-indent: -9999px;
-  width: 100%;
-  height: 90px;
-  background: url(../img/logo.svg) no-repeat center center;
+body {
+  --bs-link-color: #00ccca;
+  --bs-link-hover-color: #0b8a89;
+  --bs-nav-link-hover-color: #0b8a89;
+  a {
+    color: var(--bs-link-color);
+    &:hover {
+      color: var(--bs-nav-link-hover-color);
+    }
+  }
 }
 
-ul.nav {
-  display: flex;
-  justify-content: flex-end;
+header {
+  text-align: center;
+  padding: 20px 0;
+
+  h1 img {
+    display: block;
+    width: 320px;
+    margin: 0 auto;
+  }
+}
+
+#content-wrapper {
+  max-width: 620px;
+  margin: 0 auto;
+  h2 {
+    color: var(--bs-gray);
+    margin: 1em 0;
+    &:first-child {
+      margin-top: 0;
+    }
+  }
+  .video {
+    background: #f0f0f0;
+  }
 }
-li.nav{
-  list-style: none;
+
+footer {
+  padding: 20px 0;
+  .nav {
+    max-width: 640px;
+    margin: 0 auto;
+    font-size: 0.9em;
+  }
+  .copyright {
+    margin-top: 1em;
+    text-align: center;
+    font-size: 0.8em;
+    color: var(--bs-gray);
+    a {
+      color: var(--bs-gray);
+    }
+  }
 }
diff --git a/index.md b/index.md
@@ -1,10 +1,15 @@
 ---
-layout: home
 title: Modelmap Analyzer
 description: Visualize Excel's Cell Dependencies Effortlessly! Analyze Excel Spreadsheets with Ease using Modelmap Analyzer.
 ---
 
-<div style="padding:56.25% 0 0 0;position:relative;margin-bottom:20px"><iframe src="https://player.vimeo.com/video/916960715?h=4ef4aa50fa&amp;badge=0&amp;muted=1&amp;background=1&amp;autopause=0&amp;player_id=0&amp;app_id=58479&amp;autoplay=1&amp;loop=1&amp;title=0&amp;playsinline=1&amp;keyboard=0&amp;controls=0" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" style="position:absolute;top:0;left:0;width:100%;height:100%;" title="Modelmap Analyzer Demo"></iframe></div><script src="https://player.vimeo.com/api/player.js"></script>
+<h2 class="text-center">
+  Visualize Excel's Cell Dependencies Effortlessly!<br>
+  Analyze Excel Spreadsheets with Ease<br>
+  using Modelmap Analyzer.
+</h2>
+
+<div style="padding:56.25% 0 0 0;position:relative;margin-bottom:20px" class="video"><iframe src="https://player.vimeo.com/video/916960715?h=4ef4aa50fa&amp;badge=0&amp;muted=1&amp;background=1&amp;autopause=0&amp;player_id=0&amp;app_id=58479&amp;autoplay=1&amp;loop=1&amp;title=0&amp;playsinline=1&amp;keyboard=0&amp;controls=0" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" style="position:absolute;top:0;left:0;width:100%;height:100%;" title="Modelmap Analyzer Demo"></iframe></div><script src="https://player.vimeo.com/api/player.js"></script>
 
 <a href="https://appsource.microsoft.com/product/office/WA200006896?tab=Overview" target="_blank"><img src="assets/img/MS_AppSource.png" alt="Get it from Microsoft AppSource" height="68"></a>
 <a href="https://workspace.google.com/marketplace/app/modelmap_analyzer/239836082546" target="_blank" aria-label="Get it from the Google Workspace Marketplace">

diff --git a/ja.md b/ja.md
@@ -1,9 +1,14 @@
 ---
-layout: home
 title: Modelmap Analyzer
 description: Excel のセル依存関係を簡単に可視化！Modelmap Analyzer で Excel スプレッドシートを簡単に分析しましょう。
 ---
 
+<h2 class="text-center">
+  Excel のセル依存関係を簡単に可視化！<br>
+  Modelmap Analyzer で<br>
+  Excel スプレッドシートを簡単に分析しましょう。
+</h2>
+
 <div style="padding:56.25% 0 0 0;position:relative;margin-bottom:20px"><iframe src="https://player.vimeo.com/video/916960715?h=4ef4aa50fa&amp;badge=0&amp;muted=1&amp;background=1&amp;autopause=0&amp;player_id=0&amp;app_id=58479&amp;autoplay=1&amp;loop=1&amp;title=0&amp;playsinline=1&amp;keyboard=0&amp;controls=0" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" style="position:absolute;top:0;left:0;width:100%;height:100%;" title="Modelmap Analyzer Demo"></iframe></div><script src="https://player.vimeo.com/api/player.js"></script>
 
 <a href="https://appsource.microsoft.com/product/office/WA200006896?tab=Overview" target="_blank"><img src="assets/img/MS_AppSource.png" alt="Microsoft AppSourceから入手" height="68"></a>

diff --git a/price.md b/price.md
@@ -1,5 +1,4 @@
 ---
-layout: home
 title: Pricing - Modelmap Analyzer
 ---
 ## Pricing

diff --git a/privacy.md b/privacy.md
@@ -1,5 +1,4 @@
 ---
-layout: home
 title: Privacy Policy - Modelmap Analyzer
 ---
 Privacy Policy

diff --git a/refund.md b/refund.md
@@ -1,5 +1,4 @@
 ---
-layout: home
 title: Return and Refund Policy - Modelmap Analyzer
 ---
 Return and Refund Policy

diff --git a/support.md b/support.md
@@ -1,5 +1,4 @@
 ---
-layout: home
 title: Support - Modelmap Analyzer
 ---
 ## Suppport

diff --git a/terms.md b/terms.md
@@ -1,5 +1,4 @@
 ---
-layout: home
 title: Terms and Conditions - Modelmap Analyzer
 ---