optimizations

adamdjbrett · adamdjbrett · commit 081784eee8a3 · 2025-01-12T00:03:32.000-06:00
fixed skip to content
updated css in seo.njk
fixed svg
cleaned up css
diff --git a/_data/metadata.js b/_data/metadata.js
@@ -1,7 +1,7 @@
 export default {
 	title: "11ty Gets Tufte",
 	description: "A Tufte CSS Project built with 11ty aka Eleventy for your projects",
-	url: "https://tufte.000000076.xyz/",
+	url: "https://tufte.000000076.xyz/", // http://localhost:8080
 	language: "en",
 	locale: "en_US",
 	image: "/img/orange.svg",
diff --git a/_includes/base.njk b/_includes/base.njk
@@ -4,8 +4,8 @@
 {% include "partials/seo.njk" %}
 </head>
 <body>
-<a href="#skip" class="visually-hidden">Skip to main content</a>
-<main class="fullwidth" id="skip">
+<a href="#maincontent" class="skip-link">Skip to main content</a>
+<main class="fullwidth" id="maincontent">
 {{content | safe}}
 </main>
 {% include "partials/footer.njk" %}
diff --git a/_includes/partials/seo.njk b/_includes/partials/seo.njk
@@ -26,6 +26,8 @@
 <script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","description":"{{metadata.description}}","headline":"{{metadata.title}} - {{metadata.description}}","name":"{{metadata.title}}","url":"{{metadata.url}}{{page.url}}"}</script>
 <link rel="apple-touch-icon" href="{{metadata.favicon}}">
 <meta name="generator" content="{{ eleventy.generator }}">
+<link rel="preload" href="/css/gill-sans-2.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
+<noscript><link rel="stylesheet" href="/css/gill-sans-2.css"></noscript>
 {%- css %}{% include "public/tufte.css" %}{% endcss %}
 <style>{% getBundle "css" %}</style>
 {%- js %}{% include "node_modules/@zachleat/heading-anchors/heading-anchors.js" %}{% endjs %}
diff --git a/public/img/11ty-gets-tufte.svg b/public/img/11ty-gets-tufte.svg
@@ -1 +1 @@
-<svg viewBox="0 0 69.6 41.22" xmlns="http://www.w3.org/2000/svg"><g fill="#fff" font-size="18"><text font-family="ETBembo-BoldLF, ETBembo" font-weight="700" transform="translate(11.43 36.02)"><tspan x="0" y="0">tufte.css</tspan></text><text font-family="GillSans-Light, 'Gill Sans'" font-weight="300" transform="translate(.11 15.18)"><tspan x="0" y="0">11ty gets</tspan></text></g></svg>
+<svg viewBox="0 0 69.6 41.22" xmlns="http://www.w3.org/2000/svg"><g fill="#fff" font-size="16"><text font-family="et-book-bold-line-figures" font-weight="700" transform="translate(11.43 36.02)"><tspan x="0" y="0">tufte.css</tspan></text><text font-family="GillSans-Light, 'Gill Sans'" font-weight="300" transform="translate(.11 15.18)"><tspan x="0" y="0">11ty gets</tspan></text></g></svg>
diff --git a/public/tufte.css b/public/tufte.css
@@ -1,5 +1,4 @@
 @charset "UTF-8";
-@import url('/css/gill-sans-2.css'); 
 @font-face {
   font-family: "et-book";
   src: url("/fonts/et-book/et-book-roman-line-figures/et-book-roman-line-figures.eot");
@@ -24,6 +23,7 @@
   font-style: normal
 }
 
+/* Customization */
 .visually-hidden {
 	clip: rect(0 0 0 0);
 	clip-path: inset(50%);
@@ -33,6 +33,24 @@
 	white-space: nowrap;
 	width: 1px;
 }
+
+.skip-link {
+    background: #000000;
+    height: 30px;
+    left: 50%;
+    padding: 8px;
+    position: absolute;
+    transform: translateY(-100%);
+    transition: transform 0.3s;
+
+}
+
+.skip-link:focus {
+    transform: translateY(0%);
+
+}
+
+
 /* Tufte CSS styles */
 body {
     width: 87.5%;
@@ -42,7 +60,7 @@ body {
     background-color: #151515;
     color: white;
     font-size: 15px;
-    font-family: et-book, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
+    font-family: et-book, "Gill Sans Nova", Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
 }
 
 main {
@@ -279,11 +297,11 @@ table.fullwidth {
 
 div.table-wrapper {
     overflow-x: auto;
-    font-family: "Gill Sans", "Gill Sans MT", "Trebuchet MS", sans-serif;
+    font-family: "Gill Sans", "Gill Sans MT", "Gill Sans Nova", "Trebuchet MS", sans-serif;
 }
 
 .sans {
-    font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
+    font-family: "Gill Sans", "Gill Sans MT", "Gill Sans Nova", Calibri, sans-serif;
     letter-spacing: .03em;
 }
 
