re-adds vite config and updates base

jomurgel · Aug 3, 2023 · 55c20d0 · 55c20d0
1 parent 2961707
commit 55c20d0
Show file tree

Hide file tree

Showing 3 changed files with 33 additions and 35 deletions.
diff --git a/dist/index.html b/dist/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8">
-    <link rel="icon" type="image/svg+xml" href="/acorn.svg">
+    <link rel="icon" type="image/svg+xml" href="/acorn.css/acorn.svg">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="color-scheme" content="light dark">
     <title>acorn.css —  A minimal (opinionated) classless CSS framework</title>
@@ -11,19 +11,18 @@
       .github { font-size: 1.125rem; }
       .main-header { margin-bottom: 5.625rem; }
       .github-corner { position:fixed;top:0;border:0;right:0 }
-
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4Lmh0bWwlM0ZodG1sLXByb3h5JmlubGluZS1jc3MmaW5kZXg9MC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtNQUNNLFNBQVMsc0JBQXNCLEdBQUcsbUJBQW1CLEVBQUU7TUFDdkQsVUFBVSxtQkFBbUIsRUFBRTtNQUMvQixlQUFlLHVCQUF1QixFQUFFO01BQ3hDLGlCQUFpQixjQUFjLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxRQUFRIiwiZmlsZSI6ImluZGV4Lmh0bWw/aHRtbC1wcm94eSZpbmxpbmUtY3NzJmluZGV4PTAuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiXG4gICAgICAuYWNvcm4geyBtYXJnaW4tYm90dG9tOiAtMC41cmVtOyAgbWF4LXdpZHRoOiAzLjEyNXJlbTsgfVxuICAgICAgLmdpdGh1YiB7IGZvbnQtc2l6ZTogMS4xMjVyZW07IH1cbiAgICAgIC5tYWluLWhlYWRlciB7IG1hcmdpbi1ib3R0b206IDUuNjI1cmVtOyB9XG4gICAgICAuZ2l0aHViLWNvcm5lciB7IHBvc2l0aW9uOmZpeGVkO3RvcDowO2JvcmRlcjowO3JpZ2h0OjAgfVxuICAgICJdfQ== */</style>
-    <script type="module" crossorigin src="/assets/index-2ba4fbae.js"></script>
-    <link rel="stylesheet" href="/assets/index-c6be67e9.css">
+    </style>
+    <script type="module" crossorigin src="/acorn.css/assets/index-2ba4fbae.js"></script>
+    <link rel="stylesheet" href="/acorn.css/assets/index-c6be67e9.css">
   </head>
   <body>
     <div id="app"></div>
     <a href="https://github.com/jomurgel/acorn.css" class="github-corner" aria-label="View source on GitHub">
-      <img src="/github-corner.svg" alt="The GitHub Octocat in the a triangle nested in the corner." title="GitHub Octocat logo">
+      <img src="/acorn.css/github-corner.svg" alt="The GitHub Octocat in the a triangle nested in the corner." title="GitHub Octocat logo">
     </a>
     <header class="main-header">
       <h1>
-        <img class="acorn" src="/acorn.svg" alt="abstracted and simlified acorn-shaped logo. Outline with an offset background fill." title="acorn.css logo">
+        <img class="acorn" src="/acorn.css/acorn.svg" alt="abstracted and simlified acorn-shaped logo. Outline with an offset background fill." title="acorn.css logo">
         <span>acorn.css</span>
       </h1>
       <p>
@@ -162,28 +161,28 @@ <h2><a href="#media" aria-label="Link to the Image &amp; Media Elements Section"
           <p><strong>A group of various image handling.</strong> Luctus tempus congue ac leo etiam egestas imperdiet, dignissim diam ultricies duis tincidunt tristique vulputate, mollis aptent nulla iaculis ornare nascetur. Pharetra turpis imperdiet varius eget viverra consectetur sapien, nibh adipiscing ornare sem neque curae morbi, nulla aliquet nam dignissim lectus tempor. A aenean mus velit ante montes malesuada facilisis posuere, blandit venenatis mauris aptent dictum netus donec ultricies, et nascetur nullam class quam aliquet est. Platea diam iaculis natoque sodales adipiscing magna nisl habitasse ullamcorper, ornare rutrum ante quis vivamus dictum cubilia turpis, bibendum litora leo molestie felis consequat varius duis. Elit nulla tempus aliquam libero interdum gravida senectus tristique parturient, vehicula blandit a semper nec mi varius dolor, amet nibh ullamcorper eros taciti rhoncus ultrices morbi. Nullam neque sagittis malesuada blandit fringilla eros consectetur morbi in, non quis pellentesque vehicula varius iaculis felis luctus, libero viverra laoreet lobortis himenaeos phasellus finibus class. Odio velit nullam massa habitant suspendisse id molestie pretium imperdiet, iaculis vel dictumst hac sollicitudin mauris penatibus parturient, rutrum dignissim curabitur fusce inceptos dictum tempus accumsan. Ligula faucibus dolor integer porttitor blandit dis feugiat euismod augue, convallis accumsan bibendum in maecenas litora nascetur praesent nunc leo, amet fringilla aliquet porta dictum id enim montes.</p>
 
           <figure>
-            <img src="/carina-nebula-webb.jpg" alt="Carina Nebula photo taken with the James Webb telescope.">
+            <img src="/acorn.css/carina-nebula-webb.jpg" alt="Carina Nebula photo taken with the James Webb telescope.">
             <figcaption>Figcaption Text Caption<cite>Image Citation: NASA, ESA, CSA, and STScI</cite></figcaption>
           </figure>
 
           <p>Eget hac lectus vestibulum et himenaeos primis ultricies quam imperdiet fames duis, auctor ornare sodales mus netus dui interdum felis massa nisi, dis parturient arcu gravida velit enim dictum pulvinar semper suscipit. Nostra id urna curae conubia orci sodales egestas litora, himenaeos imperdiet rutrum bibendum rhoncus quis mauris ad dignissim, scelerisque tincidunt in dictum senectus posuere enim. Sapien habitant pharetra non per nunc arcu vitae id ut gravida, inceptos primis cursus velit elementum amet dui morbi tristique, quam dapibus iaculis ridiculus ultrices tincidunt sodales risus volutpat.M</p>
 
           <figure data-align="wide">
-            <img src="/stellar-death-s-ing-miri-nircam-sidebyside.jpg" alt="Carina Nebula photo taken with the James Webb telescope.">
+            <img src="/acorn.css/stellar-death-s-ing-miri-nircam-sidebyside.jpg" alt="Carina Nebula photo taken with the James Webb telescope.">
             <figcaption>Classless image alignment: [data-align='wide']<cite>Image Citation: NASA's Webb Captures Dying Star's Final 'Performance' in Fine Detail</cite></figcaption>
           </figure>
 
           <p>Suspendisse sociosqu ornare sollicitudin facilisis diam placerat primis viverra, donec gravida dolor ipsum leo pellentesque urna lacus taciti, potenti integer metus himenaeos vestibulum lobortis rutrum. Eu senectus eget hendrerit maximus ornare dictum ut curabitur ad, libero purus nascetur leo dignissim torquent orci aliquet, id mi fusce nunc massa placerat pellentesque cubilia. Efficitur conubia magnis congue magna sit hac parturient primis bibendum, dictum dui ac dignissim velit facilisi dictumst volutpat ridiculus orci, fermentum lobortis dapibus ut consequat accumsan eu et. Potenti in aenean eget elit aliquet enim inceptos eros justo, porta leo vehicula congue pharetra nulla tempor volutpat dictumst habitasse, malesuada id orci aptent ligula duis lectus praesent.</p>
 
           <figure>
-            <img src="/carina-nebula-webb-square.jpg" alt="Carina Nebula photo taken with the James Webb telescope.">
+            <img src="/acorn.css/carina-nebula-webb-square.jpg" alt="Carina Nebula photo taken with the James Webb telescope.">
             <figcaption>Default alignment for smaller than max images.<cite>Image Citation: NASA, ESA, CSA, and STScI</cite></figcaption>
           </figure>
 
           <p>Praesent ipsum lacus aliquam eu et vel sollicitudin habitasse, malesuada phasellus ac finibus sodales netus accumsan ad, sit integer hac elit consectetur sem amet. Blandit vel dis integer aliquet et maecenas condimentum fermentum egestas scelerisque lobortis, donec consectetur amet montes adipiscing enim lacinia libero hendrerit venenatis, a nibh pellentesque nisi vulputate euismod sed sem leo ad. Curae vel eros ex diam sociosqu potenti purus fringilla, congue habitasse ullamcorper scelerisque tellus maecenas nisi tortor, aenean nulla magnis tristique sollicitudin conubia vulputate.</p>
 
           <figure data-align="right">
-            <img src="/carina-nebula-webb-square-neg.jpg" alt="Carina Nebula photo taken with the James Webb telescope.">
+            <img src="/acorn.css/carina-nebula-webb-square-neg.jpg" alt="Carina Nebula photo taken with the James Webb telescope.">
             <figcaption>Classless image alignment: [data-align="right"]<cite>Image Citation: NASA, ESA, CSA, and STScI</cite></figcaption>
           </figure>
 
@@ -192,7 +191,7 @@ <h2><a href="#media" aria-label="Link to the Image &amp; Media Elements Section"
           <p>Inceptos malesuada euismod tincidunt pellentesque erat tempor ac, dapibus gravida volutpat aliquam commodo proin quisque, auctor magna class quis at hendrerit. Platea ultrices consectetur netus sed quisque, augue ligula auctor luctus mi morbi, porta convallis eleifend amet. Cubilia dui sollicitudin pellentesque feugiat tristique maecenas euismod habitant praesent, fusce consequat vitae ipsum lacus finibus pulvinar dictum, diam ante sem commodo urna velit quis id. Cubilia penatibus mus semper mollis tristique adipiscing pharetra conubia tempus erat, in consectetur sapien pretium amet torquent malesuada hendrerit.</p>
 
           <figure data-align="left">
-            <img src="/carina-nebula-webb-square.jpg" alt="Carina Nebula photo taken with the James Webb telescope.">
+            <img src="/acorn.css/carina-nebula-webb-square.jpg" alt="Carina Nebula photo taken with the James Webb telescope.">
             <figcaption>Classless image alignment: [data-align="left"]<cite>Image Citation: NASA, ESA, CSA, and STScI</cite></figcaption>
           </figure>
 
@@ -203,9 +202,9 @@ <h2><a href="#media" aria-label="Link to the Image &amp; Media Elements Section"
           <p>The <code>picture</code> tag.</p>
           <figure>
             <picture>
-              <source media="(min-width:53.125rem)" srcset="/carina-nebula-webb-neg.jpg">
-              <source media="(min-width:29.0625rem)" srcset="/carina-nebula-webb.jpg">
-              <img src="/carina-nebula-webb.jpg" alt="Carina Nebula photo taken with the James Webb telescope.">
+              <source media="(min-width:53.125rem)" srcset="/acorn.css/carina-nebula-webb-neg.jpg">
+              <source media="(min-width:29.0625rem)" srcset="/acorn.css/carina-nebula-webb.jpg">
+              <img src="/acorn.css/carina-nebula-webb.jpg" alt="Carina Nebula photo taken with the James Webb telescope.">
             </picture>
             <figcaption>Figcaption Text Caption<cite>Image Citation: NASA, ESA, CSA, and STScI</cite></figcaption>
           </figure>
@@ -229,7 +228,7 @@ <h2><a href="#media" aria-label="Link to the Image &amp; Media Elements Section"
           <p>The <code>video</code> tag.</p>
           <div data-wrapper data-media>
             <video controls autoplay loop>
-              <source src="/cross-a-mountain.mp4" type="video/mp4">
+              <source src="/acorn.css/cross-a-mountain.mp4" type="video/mp4">
               Your browser does not support the video tag.
             </video>
           </div>

diff --git a/tsconfig.json b/tsconfig.json
diff --git a/vite.config.js b/vite.config.js
@@ -0,0 +1,18 @@
+import { defineConfig } from "vite";
+import autoprefixer from 'autoprefixer'
+
+export default defineConfig((test) => {
+  // Update base to '/' for dev/local preview.
+  const config = {
+    base: '/acorn.css/',
+    css: {
+      postcss: {
+        plugins: [
+          autoprefixer() // add options if needed
+        ],
+      }
+    }
+  };
+
+  return config;
+});