remove Kutt live version's specific sections from the instance

server/views/homepage.hbs

@@ -3,9 +3,4 @@
 {{#if user}}
   {{> links/table}}
 {{/if}}
-{{#unless user}}
-  {{> introduction}}
-  {{> features}}
-  {{> browser_extensions}}
-{{/unless}}
 {{> footer}}

server/views/partials/browser_extensions.hbs

@@ -1,13 +0,0 @@
-<section class="extensions">
-  <h3>Browser extentions.</h3>
-  <div class="extenstions-wrapper">
-    <a class="extension-button chrome" href="https://chrome.google.com/webstore/detail/kutt/pklakpjfiegjacoppcodencchehlfnpd" target="_blank" rel="noopener noreferrer" title="Chrome extension">
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M16.2 8.7 23 7a12 12 0 0 1 1.1 5 12 12 0 0 1-13 12l5-8.4.8-1.3a6 6 0 0 0 0-4.7zM13 17.3l-2.1 6.6A12 12 0 0 1 2 5.3l5 8.4c.2.5 1 2.5 3 3.3q1.5.6 3 .3m-1-9.7c-2 0-3.9 1.6-4.3 3.5a5 5 0 0 0 1.2 4 5 5 0 0 0 4.8 1c1.4-.6 2.4-2 2.7-3.4.2-1.9-.8-3.9-2.5-4.7a4 4 0 0 0-2-.4M7 10 2.3 5A12 12 0 0 1 12 0a12 12 0 0 1 10.8 6.7H12.6Q9.8 6.6 8.3 8A5 5 0 0 0 7 10"/></svg>
-      Download for Chrome
-    </a>
-    <a class="extension-button firefox" href="https://addons.mozilla.org/en-US/firefox/addon/kutt/" target="_blank" rel="noopener noreferrer" title="Firefox extension">
-      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M23.4 11v-.4l-.3.3-.3-1.5a10 10 0 0 0-1.3-2.9l-.2-.3-1.5-2q-.6-1-.8-2l-.3 1.3-1.4-1.2C15.8.9 16 0 16 0s-2.8 3.2-1.6 6.4q.6 1.6 2 2.8c1.3 1 2.5 1.7 3.2 3.7q-.9-1.6-2.4-2.5.5 1 .5 2.2a5.3 5.3 0 0 1-6.5 5.2l-1.3-.5q-1-.5-1.6-1.4h.1l.7.2q1.4.2 2.6-.3 1.3-.8 1.8-.7.7 0 .4-.7-.8-1-2-.8c-1 .1-1.7.7-2.8.1H9h.2l-.7-.5h.1l-.7-.7q-.3-.6 0-1.1 0-.3.4-.4h.2l.5.3.3.2v-.1q0-.3-.3-.4l.4.2v-1h.1V10l.2-.2 1-.6.9-.4q.4-.3.5-.8v-.2c0-.2-.3-.3-1.8-.5q-1-.1-1.1-1v.2-.2q.5-1.1 1.5-1.8h-.1l.3-.2-.6-.2-.5.2.2-.2-1.1.5v-.1q-.4.1-.7.5l-.4.3Q6.5 4.7 5.1 5l-.4-.5-.2-.3-.2-.3Q4 3.5 4 2.8q-.5.3-.6.7l-.1.2v-.2q0 .2-.2.3V4v-.1H3a7 7 0 0 0-.6 2.3v.4l-.6.8Q1 8.8.6 10.6l.7-1.2a11 11 0 0 0-.8 4l.3-1.2q0 2.6 1 4.8 1.4 3.3 4.4 5 1.2.9 2.6 1.3l.3.1q1.5.5 3.3.5c4 0 5.3-1.6 5.4-1.7l.5-.7h.2l.2-.1 1.7-1q1.1-1 1.5-2.4.3-.5 0-1l.2-.3q1.2-2 1.4-4.6z"/></svg>
-      Download for Firefox
-    </a>
-  </div>
-</section>

server/views/partials/features.hbs

@@ -1,33 +0,0 @@
-<section class="features">
-  <h3>Kutting edge features.</h3>
-  <ul>
-    <li>
-      <div class="icon">
-        {{> icons/write}}
-      </div>
-      <h4>Managing links</h4>
-      <p>Create, protect and delete your links and monitor them with detailed statistics.</p>
-    </li>
-    <li>
-      <div class="icon">
-        {{> icons/shuffle}}
-      </div>
-      <h4>Custom domain</h4>
-      <p>Use custom domains for your links. Add or remove them for free.</p>
-    </li>
-    <li>
-      <div class="icon">
-        {{> icons/zap}}
-      </div>
-      <h4>API</h4>
-      <p>Use the provided API to create, delete, and get URLs from anywhere.</p>
-    </li>
-    <li>
-      <div class="icon">
-        {{> icons/heart}}
-      </div>
-      <h4>Free & open source</h4>
-      <p>Completely open source and free. You can host it on your own server.</p>
-    </li>
-  </ul>
-</section>

server/views/partials/header.hbs

@@ -1,6 +1,6 @@
 <header>
   <div class="logo-wrapper">
-    <a class="logo nav" href="/" title="Kutt">
+    <a class="logo nav" href="/" title="Homepage">
       <img src="/images/logo.svg" alt="kutt" width="18" height="24" />
       {{site_name}}
     </a>

server/views/partials/introduction.hbs

@@ -1,7 +0,0 @@
-<section class="introduction">
-  <div class="text-wrapper">
-    <h2>Manage links, set custom <b>domains</b> and view <b>stats</b>.</h2>
-    <a class="button primary">Log in / Sign up</a>
-  </div>
-  <img src="/images/callout.png" alt="callout image" />
-</section>

server/views/partials/shortener.hbs

@@ -21,7 +21,7 @@
       </h1>
     {{/if}}
     {{#unless link}}
-        <h1>Kutt your links <span>shorter</span>.</h1>
+        <h1>Cut your links <span>shorter</span>.</h1>
     {{/unless}}
   </div>
   <form 

static/css/styles.css

@@ -1136,7 +1136,7 @@ header nav ul li:last-child { margin-left: 0; }
 main {
   width: 800px;
   max-width: 100%;
-  flex: 0 0 auto;
+  flex: 1 1 auto;
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -1685,172 +1685,6 @@ input.search.admin {
 .content.admin-create .buttons { justify-content: center; }
 .content.admin-create .buttons button { flex: 1 1 auto; }
 
-/* INTRO */
-
-.introduction {
-  width: 1200px;
-  max-width: 98%;
-  display: flex;
-  align-items: center;
-  margin: 150px 0 0;
-}
-
-.introduction .text-wrapper {
-  display: flex;
-  flex: 1 1 auto;
-  flex-direction: column;
-  align-items: flex-start;
-  margin-top: -32px;
-}
-
-.introduction h2 {
-  font-weight: 300;
-  font-size: 28px;
-  padding-right: 2rem;
-  margin-bottom: 2.5rem;
-}
-
-.introduction img {
-  width: 60%;
-  flex: 0 0 60%;
-  max-width: 100%;
-  height: auto;
-}
-
-/* FEATURES */
-
-.features {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  width: 100%;
-  flex: 0 0 auto;
-  padding: 5rem 0;
-  margin: 0;
-  background-color: var(--features-bg);
-}
-
-.features h3 {
-  font-weight: 300;
-  font-size: 28px;
-  margin-bottom: 72px;
-}
-
-.features ul {
-  width: 1200px;
-  max-width: 100%;
-  flex: 1 1 auto;
-  justify-content: center;
-  flex-wrap: nowrap;
-  display: flex;
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-
-.features ul li {
-  max-width: 25%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  padding: 0 1.5rem;
-  margin: 0;
-}
-
-.features ul li .icon {
-  width: 48px;
-  height: 48px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 100%;
-  background-color: var(--color-primary);
-}
-
-.features ul li .icon svg {
-  width: 16px;
-  height: auto;
-  stroke: white;
-  stroke-width: 2px;
-}
-
-.features ul li h4 {
-  margin: 1rem;
-  padding: 0;
-  font-size: 15px;
-}
-
-.features ul li p {
-  margin: 0;
-  padding: 0;
-  font-size: 14px;
-  font-weight: 300;
-  text-align: center;
-}
-
-/* EXTENSIONS */
-
-.extensions {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  flex: 0 0 auto;
-  flex-wrap: nowrap;
-  padding: 5rem 0;
-  background-color: var(--extensions-bg);
-  color: white;
-}
-
-.extensions h3 {
-  font-size: 28px;
-  font-weight: 300;
-  margin-bottom: 4rem;
-}
-
-.extensions .extenstions-wrapper {
-  width: 1200px;
-  max-width: 100%;
-  display: flex;
-  flex: 1 1 auto;
-  justify-content: center;
-  flex-wrap: nowrap;
-}
-
-.extensions a.extension-button {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin: 0 1rem;
-  padding: 0.75rem 1.75rem;
-  background-color: #eee;
-  border: 1px solid #aaa;
-  font-size: 14px;
-  font-weight: bold;
-  text-decoration: none;
-  border-radius: 4px;
-  outline: none;
-  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
-  transition: transform 0.3s ease-out;
-  cursor: pointer;
-}
-
-.extensions a.extension-button:hover {
-  transform: translateY(-2px);
-}
-
-.extensions a.extension-button.chrome { color: #4285f4; }
-.extensions a.extension-button.firefox { color: #e0890f; }
-
-.extensions a.extension-button svg {
-  width: 18px;
-  height: auto;
-  margin: 0 1rem 2px 0;
-}
-
-.extensions a.extension-button.chrome svg { fill: #4285f4;  }
-.extensions a.extension-button.firefox svg { fill: #e0890f;  }
-
 /* FOOTER */
 
 footer {
@@ -2404,25 +2238,6 @@ svg.map path.active { stroke: hsl(261, 46%, 50%); stroke-width: 1.5; }
   #main-table-wrapper table tr.edit td.loading svg { width: 14px; height: 14px; }
   #main-table-wrapper table tr.edit form .response p { margin: 1rem 0 0; }
   .dialog .ban-checklist label { margin: 0.5rem 1rem 0.5rem 0; }
-  .introduction img { width: 90%; margin-top: 2rem; }
-
-  .introduction { margin: 100px 0 0; flex-direction: column; }
-  .introduction .text-wrapper { align-items: center; text-align: center; }
-  .introduction h2 { font-size: 22px; padding: 0 1rem; margin-bottom: 1.5rem; }
-
-  .features { padding: 2rem 0; }
-  .features h3 { font-size: 22px; margin-bottom: 2.5rem; }
-  .features ul { flex-wrap: wrap; }
-  .features ul li { max-width: 100%; padding: 0 2.5rem; margin-bottom: 2rem; }
-  .features ul li .icon { width: 40px; height: 40px; }
-  .features ul li .icon svg { width: 14px; }
-  .features ul li h4 { margin: 0.75rem; }
-
-  .extensions { padding: 2rem 0; }
-  .extensions h3 { font-size: 22px; margin-bottom: 2rem; }
-  .extensions .extenstions-wrapper { flex-direction: column; align-items: center }
-  .extensions a.extension-button { width: 225px; margin: 0 0 1rem; padding: 0.6rem 1.25rem; font-size: 13px; }
-  .extensions a.extension-button svg { width: 16px; margin: 0 0.75rem 3px 0; }
 
   footer { padding: 0.75rem 0; font-size: 12px; }
   footer button.link { font-size: 12px; }