remove black screen intro

laniakeabooks · Mar 12, 2024 · 334c98a · 334c98a
1 parent 30a361b
commit 334c98a
Show file tree

Hide file tree

Showing 12 changed files with 21 additions and 97 deletions.
diff --git a/static/general.css b/static/general.css
@@ -390,64 +390,23 @@ td {
 }
 
 /* home */
-.home-intro {
-    height: 90vh;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    align-items: center;
-}
-@media (max-width: 960px) {
-    .home-intro {
-        height: calc(100vh - 76px);
-    }
+.home-about {
+    background: var(--teal-600);
+    color: #fff;
 }
 
-.home-intro-text {
-    font-size: 40px;
-    text-align: center;
-    max-width: 720px;
-    margin-top: 32px;
+.home-about-intro {
+    font-size: var(--lead-size);
+    padding: 100px 180px;
 }
 @media (max-width: 960px) {
-    .home-intro-text {
-        font-size: 24px;
+    .home-about-intro {
         padding: 8px;
     }
 }
 
-@keyframes movedown {
-    from {
-        transform: translateY(0);
-    }
-
-    to {
-        transform: translateY(32px);
-    }
-}
-.home-intro-icon {
-    margin-bottom: 32px;
-    animation-direction: alternate;
-    animation-duration: 0.5s;
-    animation-iteration-count: infinite;
-    animation-name: movedown;
-    animation-timing-function: ease-in;
-}
-
-.home-intro-icon a {
-    font-size: var(--lead-size);
-    color: #000;
-    display: inline-block;
-    transform: rotate(90deg);
-}
-
-.home-intro-icon a {
-    text-decoration: none;
-}
-
-.home-about {
-    background: var(--teal-600);
-    color: #fff;
+.home-about-intro p {
+    max-width: 600px;
 }
 
 .home-about-content {
@@ -466,7 +425,7 @@ td {
 
 .home-about-image {
     width: 300px;
-    margin-top: 180px;
+    margin-top: 100px;
     margin-bottom: 80px;
 }
 

diff --git a/templates/about.html b/templates/about.html
@@ -2,9 +2,6 @@
 
 {% block title %}about — laniakea books{% endblock title %}
 
-{% block intro %}
-{% endblock intro %}
-
 {% block content %}
 <main>
     <h1>About</h1>

diff --git a/templates/blog-page.html b/templates/blog-page.html
@@ -2,9 +2,6 @@
 
 {% block title %}{{ page.title }} — laniakea books{% endblock title %}
 
-{% block intro %}
-{% endblock intro %}
-
 {% block content %}
 <main class="blog">
     <article itemscope itemtype="http://schema.org/BlogPosting">

diff --git a/templates/blog-section.html b/templates/blog-section.html
@@ -2,9 +2,6 @@
 
 {% block title %}blog — laniakea books{% endblock title %}
 
-{% block intro %}
-{% endblock intro %}
-
 {% block content %}
 <main class="blog">
     <h1>Blog</h1>

diff --git a/templates/book-page.html b/templates/book-page.html
@@ -12,9 +12,6 @@
 </style>
 {% endblock extra_head %}
 
-{% block intro %}
-{% endblock intro %}
-
 {% block content %}
 <main class="books">
     <h1>{{ page.title }}</h1>

diff --git a/templates/book-section.html b/templates/book-section.html
@@ -2,9 +2,6 @@
 
 {% block title %}books — laniakea books{% endblock title %}
 
-{% block intro %}
-{% endblock intro %}
-
 {% block content %}
 <main class="books">
     <h1>Books</h1>

diff --git a/templates/how-it-works.html b/templates/how-it-works.html
@@ -2,9 +2,6 @@
 
 {% block title %}how it works — laniakea books{% endblock title %}
 
-{% block intro %}
-{% endblock intro %}
-
 {% block content %}
 <main>
     <h1>How it works</h1>

diff --git a/templates/index.html b/templates/index.html
@@ -17,22 +17,8 @@
     </head>
     <body>
 
-        {% block intro %}
-        <section class="home-intro">
-            <div class="home-intro-balancer">
-            </div>
-            <div class="home-intro-text">
-                We help independent authors turn their
-                words into public domain books.
-            </div>
-            <div class="home-intro-icon">
-                <a href="#home">»</a>
-            </div>
-        </section>
-        {% endblock intro %}
-
         <header id="home">
-            <a href="/#home" class="logo">
+            <a href="/" class="logo">
                 <h1>laniakea books</h1>
             </a>
             <nav>
@@ -48,10 +34,19 @@ <h1>laniakea books</h1>
 
         {% block content %}
         <section class="home-about">
-            <div class="home-about-content">
+            <div class="home-about-intro">
                 <div class="home-about-image">
                     {% include "telescope.html" %}
                 </div>
+                <p>
+                    We help independent authors turn their
+                    words into public domain books.
+                </p>
+            </div>
+
+            <hr>
+
+            <div class="home-about-content">
                 <p>
                     We support independent authors and free knowledge by
                     publishing books in the public domain.

diff --git a/templates/lets-chat.html b/templates/lets-chat.html
@@ -2,9 +2,6 @@
 
 {% block title %}let’s chat — laniakea books{% endblock title %}
 
-{% block intro %}
-{% endblock intro %}
-
 {% block content %}
 <main>
     <h1>Let’s chat</h1>

diff --git a/templates/open.html b/templates/open.html
@@ -2,9 +2,6 @@
 
 {% block title %}transparency — laniakea books{% endblock title %}
 
-{% block intro %}
-{% endblock intro %}
-
 {% block content %}
 <main>
     <h1>Open Operations</h1>

diff --git a/templates/philosophy.html b/templates/philosophy.html
@@ -2,9 +2,6 @@
 
 {% block title %}philosophy — laniakea books{% endblock title %}
 
-{% block intro %}
-{% endblock intro %}
-
 {% block content %}
 <main>
     <h1>Philosophy</h1>

diff --git a/templates/pricing.html b/templates/pricing.html
@@ -2,9 +2,6 @@
 
 {% block title %}pricing — laniakea books{% endblock title %}
 
-{% block intro %}
-{% endblock intro %}
-
 {% block content %}
 <main>
     <h1>Pricing</h1>