#4: Update documentation & Add dist to served files to NPM

7PH · Sep 1, 2022 · f3c01f4 · f3c01f4
1 parent 1ac1599
commit f3c01f4
Show file tree

Hide file tree

Showing 7 changed files with 27 additions and 24 deletions.
diff --git a/README.md b/README.md
@@ -1,6 +1,6 @@
 <img src="./assets/intro.gif">
 
-PowerGlitch is a standalone library with no external dependencies. It leverages CSS animations to create a glitch effect on images. No canvas or DOM manipulations are needed. It weights around 1.8kb minified and gzipped and 4kb minified.<br>
+PowerGlitch is a standalone library with no external dependencies. It leverages CSS animations to create a glitch effect on images. No canvas or DOM manipulations are needed. It weights less than 2kb minified and gzipped.<br>
 
 Want to try it out? Check out the [demo](https://7ph.github.io/powerglitch/#/playground) 😊
 

diff --git a/docs-src/src/views/HomeView.vue b/docs-src/src/views/HomeView.vue
@@ -102,7 +102,7 @@ onMounted(() => {
             ❓ Introduction
         </h1>
         <p class="mt-4">
-            PowerGlitch is a standalone library with no external dependencies. It leverages CSS animations to create a glitch effect on images. No canvas or DOM manipulations are needed. It weights around <b>1.8kb</b> minified and gzipped and <b>4kb</b> minified.<br>
+            PowerGlitch is a standalone library with no external dependencies. It leverages CSS animations to create a glitch effect on images. No canvas or DOM manipulations are needed. It weights less than <b>2kb</b> minified and gzipped.<br>
             <br>
             What are you waiting for? 
             <RouterLink

diff --git a/docs-src/src/views/UsageView.vue b/docs-src/src/views/UsageView.vue
@@ -169,6 +169,7 @@ PowerGlitch.glitch(
     'div.glitch',
     {
         imageUrl: 'https://.../image.png',
+        playMode: 'always',
         backgroundColor: 'transparent',
         hideOverflow: true,
         timing: {

diff --git a/docs/assets/index.b5792558.js → docs/assets/index.b2848580.js b/docs/assets/index.b5792558.js → docs/assets/index.b2848580.js
diff --git a/docs/assets/index.5af9e8a8.css → docs/assets/index.b2c1b130.css b/docs/assets/index.5af9e8a8.css → docs/assets/index.b2c1b130.css
diff --git a/docs/index.html b/docs/index.html
@@ -5,8 +5,8 @@
     <link rel="icon" type="image/svg+xml" href="/powerglitch/favicon.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>PowerGlitch - Glitch anything on the web</title>
-  <script type="module" crossorigin src="/powerglitch/assets/index.b5792558.js"></script>
-  <link rel="stylesheet" href="/powerglitch/assets/index.5af9e8a8.css">
+  <script type="module" crossorigin src="/powerglitch/assets/index.b2848580.js"></script>
+  <link rel="stylesheet" href="/powerglitch/assets/index.b2c1b130.css">
 </head>
 <body>
     <div id="app"></div>

diff --git a/package.json b/package.json
@@ -16,7 +16,8 @@
         "test": "npm run lint && npm run size"
     },
     "files": [
-        "/lib"
+        "/lib",
+        "/dist"
     ],
     "devDependencies": {
         "@fortawesome/fontawesome-svg-core": "^6.1.1",