clean up and custom fonts

holger1411 · Apr 20, 2023 · 65198c7 · 65198c7 · vercel · Apr 20, 2023
1 parent 1e099c2
commit 65198c7
Show file tree

Hide file tree

Showing 17 changed files with 49 additions and 102 deletions.
diff --git a/gulpfile.js b/gulpfile.js
@@ -19,6 +19,8 @@ gulp.task('dist-assets', function (done) {
         .pipe(gulp.dest('./dev/js'));
     gulp.src('./src/img/**.*')
         .pipe(gulp.dest('./dev/img'));
+        gulp.src('./src/fonts/**.*')
+            .pipe(gulp.dest('./dev/fonts'));
       done();
 });
 

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "11straps",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "simple 11ty and Bootstrap5 boilerplate",
   "license": "MIT",
   "private": "true",

diff --git a/src/_includes/layouts/code.njk b/src/_includes/layouts/code.njk
diff --git a/src/_includes/snippets/head.njk b/src/_includes/snippets/head.njk
@@ -9,3 +9,45 @@
   <!-- build:css -->
   <link rel="stylesheet" href="{{ '/css/theme.css' | url }}">
    <!-- endbuild -->
+   <style>
+   /* inter-300 - latin */
+   @font-face {
+     font-family: 'Inter';
+     font-style: normal;
+     font-weight: 300;
+     font-display: swap;
+     src: local(''),
+          url('/fonts/inter-v12-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+          url('/fonts/inter-v12-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+   }
+
+   /* inter-400 - latin */
+   @font-face {
+     font-family: 'Inter';
+     font-style: normal;
+     font-weight: 400;
+     font-display: swap;
+     src: local(''),
+          url('/fonts/inter-v12-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+          url('/fonts/inter-v12-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+   }
+
+   @font-face {
+     font-family: 'Inter';
+     font-style: normal;
+     font-weight: 500;
+     font-display: swap;
+     src: local(''),
+          url('/fonts/inter-v12-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+          url('/fonts/inter-v12-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+   }
+   @font-face {
+     font-family: 'Inter';
+     font-style: normal;
+     font-weight: 700;
+     font-display: swap;
+     src: local(''),
+          url('/fonts/inter-v12-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+          url('/fonts/inter-v12-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+   }
+   </style>
diff --git a/src/_includes/snippets/maincontent.njk b/src/_includes/snippets/maincontent.njk
@@ -1,4 +1,4 @@
 <header>
-      <h1 class="display-1">{{ title }}</h1>
+    <h1 class="display-3 fw-bolder">{{ title }}</h1>
 </header>
 {{ content | safe }}
diff --git a/src/_includes/snippets/postloop.njk b/src/_includes/snippets/postloop.njk
@@ -19,7 +19,7 @@
   </div>
 </div>
 
-<div class="row d-flex justify-content-center">
+<div class="row d-flex justify-content-center mt-3">
   <div class="col-12">
     <div class="row d-flex justify-content-between">
       <div class="col">

diff --git a/src/fonts/inter-v12-latin-300.woff b/src/fonts/inter-v12-latin-300.woff
diff --git a/src/fonts/inter-v12-latin-300.woff2 b/src/fonts/inter-v12-latin-300.woff2
diff --git a/src/fonts/inter-v12-latin-500.woff b/src/fonts/inter-v12-latin-500.woff
diff --git a/src/fonts/inter-v12-latin-500.woff2 b/src/fonts/inter-v12-latin-500.woff2
diff --git a/src/fonts/inter-v12-latin-700.woff b/src/fonts/inter-v12-latin-700.woff
diff --git a/src/fonts/inter-v12-latin-700.woff2 b/src/fonts/inter-v12-latin-700.woff2
diff --git a/src/fonts/inter-v12-latin-regular.woff b/src/fonts/inter-v12-latin-regular.woff
diff --git a/src/fonts/inter-v12-latin-regular.woff2 b/src/fonts/inter-v12-latin-regular.woff2
diff --git a/src/index.njk b/src/index.njk
@@ -5,7 +5,7 @@ layout: layouts/blank.njk
 <div class="container my-vh-6">
   <div class="row d-flex justify-content-center">
     <div class="col-12 col-lg-8 my-4 text-center">
-      <h1 class="display-1">
+      <h1 class="display-3 fw-bolder">
         Welcome to the
         <strong>11straps</strong>
         demo website!

diff --git a/src/pricing.njk b/src/pricing.njk
diff --git a/src/scss/themes/base/_variables-theme.scss b/src/scss/themes/base/_variables-theme.scss
@@ -1,3 +1,4 @@
 //This is an example of how you can change BS5 variables. Just add the changed variables here and they will overwrite the defaults.
 // We changed the default font and the default $blue color (which is set as $primary as well)
 $blue: #1717e5;
+$font-family-sans-serif:      "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;