next.copyleft.org Changeset - 0e70fcd2381f

Changeset - 0e70fcd2381f

Parent rev.

Child rev.

[Not reviewed]

master

0 1 0

Ben Sturmfels (bsturmfels) - 21 months ago 2022-06-27 13:40:17
ben@sturm.com.au

Don't set up for animation when no JavaScript available.

1 file changed with 16 insertions and 1 deletions:

themes/next.copyleft.org/templates/base.html

0 comments (0 inline, 0 general)

themes/next.copyleft.org/templates/base.html

➞

Show inline comments

@@ ... / @@ -73,7 +73,22 @@ @@
              header a.active {
                text-decoration: underline;
+             }
              /* Set up the home page title animation */
              header h1#title {
                opacity: 0;
                translate: 0 -10px;
+             }
             </style>
             <noscript>
                 <style>
                  /* But reset it if we don't have JavaScript to animate with. */
                  header h1#title {
                    opacity: 1;
                    translate: 0 0;
+                 }
                 </style>
             </noscript>
         {% endblock head %}
     </head>
@@ ... / @@ -102,7 +117,7 @@ @@
                 </nav>
             </div>
             {% if output_file == 'index.html' %}
-                <h1 id="title" class="f2 f1-m f-subheadline-ns lh-title mb4 mt4 code black-70 tracked-tight" style="color: #3b1c4a; opacity: 0; translate: 0 -10px; position: relative;">&gt;&nbsp;{{ SITENAME }}</h1>
+                <h1 id="title" class="f2 f1-m f-subheadline-ns lh-title mb4 mt4 code black-70 tracked-tight" style="color: var(--purple);">&gt;&nbsp;{{ SITENAME }}</h1>
                 <p class="f4 f3-ns measure lh-copy">{% if SITESUBTITLE %}{{ SITESUBTITLE }}{% endif %}</p>
             {% endif %}
         </header>

0 comments (0 inline, 0 general)