Merge pull request #22 from Johnsoct/name-change

init
Johnsoct · Nov 27, 2024 · 64939af · 64939af
2 parents 4216a18 + 87d9b9f
commit 64939af
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 13 deletions.
diff --git a/index.html b/index.html
@@ -3,7 +3,7 @@
     <head>
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1">
-        <title>CSS Rolodex</title>
+        <title>Rolodex</title>
         <script src="index.js" type="module"></script>
         <style>
             * {
@@ -25,18 +25,18 @@
         </style>
     </head>
     <body>
-        <h1>Can you imagine the <rolodex-header options='["impact", "damage", "surprise"]' transition-timing-function="step-start"></rolodex-header>?</h1>
+        <h1>Can you imagine the <rolodex-animation options='["impact", "damage", "surprise"]' transition-timing-function="step-start"></rolodex-animation>?</h1>
         <!-- <h1> -->
         <!--     Attention -->
-        <!--     <rolodex-header interval="1000" transition-duration="0.5" options='["Mac", "Linux"]' transition-timing-function="ease-in"></rolodex-header> -->
+        <!--     <rolodex-animation interval="1000" transition-duration="0.5" options='["Mac", "Linux"]' transition-timing-function="ease-in"></rolodex-animation> -->
         <!--     users! -->
         <!-- </h1> -->
-        <!-- <h1>Github... the most<rolodex-header options='["amazing", "wonderful", "incredible"]' transition-timing-function="ease-in"></rolodex-header>GIT repository in the world</h1> -->
-        <!-- <h1>Can you imagine the <rolodex-header options='["impact", "damage", "surprise"]'></rolodex-header>?</h1> -->
-        <!-- <h2>Can you imagine the <rolodex-header options='["impact", "damage", "surprise"]'></rolodex-header>?</h2> -->
-        <!-- <h3>Can you imagine the <rolodex-header options='["impact", "damage", "surprise"]'></rolodex-header>?</h3> -->
-        <!-- <h4>Can you imagine the <rolodex-header options='["impact", "damage", "surprise"]'></rolodex-header>?</h4> -->
-        <!-- <h5>Can you imagine the <rolodex-header options='["impact", "damage", "surprise"]'></rolodex-header>?</h5> -->
-        <!-- <h6>Can you imagine the <rolodex-header options='["impact", "damage", "surprise"]'></rolodex-header>?</h6> -->
+        <!-- <h1>Github... the most<rolodex-animation options='["amazing", "wonderful", "incredible"]' transition-timing-function="ease-in"></rolodex-animation>GIT repository in the world</h1> -->
+        <!-- <h1>Can you imagine the <rolodex-animation options='["impact", "damage", "surprise"]'></rolodex-animation>?</h1> -->
+        <!-- <h2>Can you imagine the <rolodex-animation options='["impact", "damage", "surprise"]'></rolodex-animation>?</h2> -->
+        <!-- <h3>Can you imagine the <rolodex-animation options='["impact", "damage", "surprise"]'></rolodex-animation>?</h3> -->
+        <!-- <h4>Can you imagine the <rolodex-animation options='["impact", "damage", "surprise"]'></rolodex-animation>?</h4> -->
+        <!-- <h5>Can you imagine the <rolodex-animation options='["impact", "damage", "surprise"]'></rolodex-animation>?</h5> -->
+        <!-- <h6>Can you imagine the <rolodex-animation options='["impact", "damage", "surprise"]'></rolodex-animation>?</h6> -->
     </body>
 </html>
diff --git a/index.js b/index.js
@@ -283,4 +283,4 @@ class Rolodex extends HTMLElement {
         adoptedCallback () {}
 }
 
-window.customElements.define('rolodex-header', Rolodex)
+window.customElements.define('rolodex-animation', Rolodex)
diff --git a/package.json b/package.json
@@ -1,12 +1,13 @@
 {
     "name": "@chrisjohnsoct/rolodex",
-    "version": "0.0.9",
-    "description": "CSS header rolodex",
+    "version": "1.0.1",
+    "description": "Rolodex animation",
     "private": false,
     "author": "johnsoct",
     "license": "ISC",
     "keywords": [
         "css",
+        "js",
         "animation"
     ],
     "main": "index.js",