next.copyleft.org Changeset - 0e70fcd2381f

Changeset - 0e70fcd2381f

Parent rev.

Child rev.

[Not reviewed]

master

0 1 0

Ben Sturmfels (bsturmfels) - 22 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

@@ ... / @@ -70,13 +70,28 @@ @@
                color: var(--purple);
                text-decoration: none;
+             }
              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>
     <body id="index" class="bg-white">
         <header id="banner" class="ph3 ph4-ns pt3 pb3" style="overflow: auto;">
             <div class="flex flex-wrap">
@@ ... / @@ -99,13 +114,13 @@ @@
                             {% endfor %}
                         {% endif %}
                     </ul>
                 </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>
         <main class="f5 f4-ns lh-copy ph3 ph4-ns pv3 pv4-ns lh-copy" style="max-width: 40em">
             {% block content %}{% endblock %}

0 comments (0 inline, 0 general)