CBM

Axorax · Dec 15, 2023 · f0a9015 · f0a9015
commit f0a9015
Show file tree

Hide file tree

Showing 64 changed files with 3,707 additions and 0 deletions.
diff --git a/.code-workspace b/.code-workspace
@@ -0,0 +1,15 @@
+{
+    "folders": [
+      {
+        "path": "."
+      }
+    ],
+    "settings": {
+        "editor.cursorBlinking": "smooth",
+        "editor.tabSize": 4,
+        "prettier.tabWidth": 4,
+        "files.insertFinalNewline": true,
+        "files.trimTrailingWhitespace": true
+    }
+}
+
diff --git a/.editorconfig b/.editorconfig
@@ -0,0 +1,14 @@
+root = true
+
+[*]
+indent_style = space
+indent_size = 4
+
+[*]
+insert_final_newline = true
+
+[*]
+end_of_line = lf
+
+[*.js]
+max_line_length = 120
diff --git a/.github/FUNDING.yml b/.github/FUNDING.yml
@@ -0,0 +1 @@
+patreon: axorax
diff --git a/.github/workflows/deldep.yml b/.github/workflows/deldep.yml
@@ -0,0 +1,16 @@
+name: deldep
+
+on: push
+
+jobs:
+  deldep:
+    runs-on: ubuntu-latest
+    permissions: write-all
+
+    steps:
+      - name: Delete deployment
+        uses: strumwolf/delete-deployment-environment@v2
+        with:
+          token: ${{ secrets.GITHUB_TOKEN }}
+          environment: github-pages
+          onlyRemoveDeployments: true
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1 @@
+node_modules/
diff --git a/.npmignore b/.npmignore
@@ -0,0 +1,16 @@
+# Folders
+node_modules/
+.github/
+
+# Ignore Files
+.gitignore
+.npmignore
+.prettierignore
+
+# Settings Files
+.prettierrc.json
+.editorconfig
+.code-workspace
+
+# Files
+CODE_OF_CONDUCT.md
diff --git a/.npmrc b/.npmrc
@@ -0,0 +1 @@
+package-lock=false
diff --git a/.prettierignore b/.prettierignore
@@ -0,0 +1,6 @@
+**/.git
+**/.svn
+**/.hg
+**/node_modules
+core.script.min.js
+core.style.min.css
diff --git a/.prettierrc.json b/.prettierrc.json
@@ -0,0 +1 @@
+{}
diff --git a/404.html b/404.html
@@ -0,0 +1,161 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>Page not found!</title>
+        <style>
+            @font-face {
+                font-family: "mono";
+                src: url("https://axorax.github.io/css-button-maker/assets/fonts/robotomono.ttf");
+            }
+            :root {
+                color-scheme: dark;
+            }
+            body {
+                background-color: #111;
+                font-family: "mono", monospace;
+                padding: 0;
+                margin: 0;
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                width: 100%;
+                height: 100vh;
+            }
+            main {
+                background: #131313;
+                border: 1.3px solid #272727;
+                border-radius: 7px;
+                padding: 0.8rem 1.2rem;
+                text-align: center;
+                transition: 190ms;
+                position: absolute;
+            }
+            main:hover {
+                user-select: none;
+                background: #537fe7;
+                border-color: none;
+            }
+            #tip {
+                position: absolute;
+                bottom: 1rem;
+                font-size: 13px;
+                display: none;
+            }
+            dialog {
+                border: none;
+                outline: none;
+                border-radius: 7px;
+                border: 1px solid #ed2b2a;
+                background: #231717dc;
+                color: #ed2b2a;
+                font-weight: 900;
+                font-size: 1.7rem;
+                animation: glow 1s ease-in-out infinite alternate;
+            }
+            @keyframes glow {
+                from {
+                    text-shadow: 0 0 10px #ed2b2a, 0 0 20px #ed2b2a,
+                        0 0 30px #ed2b2a, 0 0 40px #ed2b2a, 0 0 50px #ed2b2a,
+                        0 0 60px #ed2b2a, 0 0 70px #ed2b2a;
+                }
+                to {
+                    text-shadow: 0 0 20px #ed2b2a, 0 0 30px #ed2b2a,
+                        0 0 40px #ed2b2a, 0 0 50px #ed2b2a, 0 0 60px #ed2b2a,
+                        0 0 70px #ed2b2a, 0 0 80px #ed2b2a;
+                }
+            }
+        </style>
+    </head>
+    <body>
+        <main>
+            <h1>404</h1>
+            <p>PAGE NOT FOUND!</p>
+        </main>
+        <p id="tip">Type "move" for a secret!</p>
+        <dialog>IM TIRED OF BEING PRESSED! >:(</dialog>
+        <script>
+            const main = document.querySelector("main"),
+                params = new URLSearchParams(window.location.search),
+                tip = document.querySelector("#tip");
+            let keys = [],
+                active = false;
+
+            if (
+                params.get("secret") &&
+                params.get("secret").trim().length != 0
+            ) {
+                secretActivate();
+            }
+
+            function calculateDistance(x1, y1, x2, y2) {
+                return Math.sqrt(Math.pow(x2 - x1, 2) + Math.pow(y2 - y1, 2));
+            }
+
+            function secretActivate() {
+                const d = document.querySelector("dialog");
+                d.showModal();
+                setTimeout(() => {
+                    d.remove();
+                    move();
+                }, 3000);
+            }
+
+            function move() {
+                window.addEventListener("mousemove", (event) => {
+                    var cursorX = event.clientX;
+                    var cursorY = event.clientY;
+                    const div = main.getBoundingClientRect();
+                    const distance = calculateDistance(
+                        cursorX,
+                        cursorY,
+                        div.left + main.clientWidth / 2,
+                        div.top + main.clientHeight / 2
+                    );
+                    if (distance < 200) {
+                        main.style.left =
+                            random(10, window.innerWidth - main.clientWidth) +
+                            "px";
+                        main.style.top =
+                            random(10, window.innerHeight - main.clientHeight) +
+                            "px";
+                    }
+                });
+            }
+            main.addEventListener("click", () => {
+                main.style.left =
+                    random(10, window.innerWidth - main.clientWidth) + "px";
+                main.style.top =
+                    random(10, window.innerHeight - main.clientHeight) + "px";
+            });
+
+            window.addEventListener("keydown", (e) => {
+                if (!active) {
+                    const x = e.key.toLowerCase();
+                    if (x === "m" || x === "o" || x === "v" || x === "e") {
+                        keys.push(x);
+                        if (keys.join("") == "move") {
+                            secretActivate();
+                        }
+                        setTimeout(() => {
+                            keys.shift();
+                        }, 1000);
+                    }
+                }
+            });
+
+            if (random(0, 100) < 40) {
+                tip.style.display = "block";
+                setTimeout(() => {
+                    tip.remove();
+                }, 3000);
+            }
+
+            function random(min, max) {
+                return Math.floor(Math.random() * (max - min + 1)) + min;
+            }
+        </script>
+    </body>
+</html>
diff --git a/CODE_OF_CONDUCT.md b/CODE_OF_CONDUCT.md
@@ -0,0 +1,22 @@
+# Contributor Code of Conduct
+
+As contributors and maintainers of this project, and in the interest of fostering an open and welcoming community, we pledge to respect all people who contribute through reporting issues, posting feature requests, updating documentation, submitting pull requests or patches, and other activities.
+
+We are committed to making participation in this project a harassment-free experience for everyone, regardless of level of experience, gender, gender identity and expression, sexual orientation, disability, personal appearance, body size, race, ethnicity, age, religion, or nationality.
+
+Examples of unacceptable behavior by participants include:
+
+-   The use of sexualized language or imagery
+-   Personal attacks
+-   Trolling or insulting/derogatory comments
+-   Public or private harassment
+-   Publishing other's private information, such as physical or electronic addresses, without explicit permission
+-   Other unethical or unprofessional conduct
+
+Project maintainers have the right and responsibility to remove, edit, or reject comments, commits, code, wiki edits, issues, and other contributions that are not aligned to this Code of Conduct. By adopting this Code of Conduct, project maintainers commit themselves to fairly and consistently applying these principles to every aspect of managing this project. Project maintainers who do not follow or enforce the Code of Conduct may be permanently removed from the project team.
+
+This code of conduct applies both within project spaces and in public spaces when an individual is representing the project or its community.
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be reported by opening an issue or contacting one or more of the project maintainers.
+
+This Code of Conduct is adapted from the [Contributor Covenant](https://www.contributor-covenant.org), version 1.2.0, available at https://www.contributor-covenant.org/version/1/2/0/code-of-conduct.html
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
@@ -0,0 +1,9 @@
+# CSS Button Maker (cbm) contributing guidelines
+
+**Note:**
+
+Contributions cannot just be a simple refactor of code or anything similar.
+
+Contributions must help improve the overall functionality of the code. These can include making themes, plugins, changing the overall app, making modules, etc.
+
+Make sure your design matches the design of the app or looks good in the app.
diff --git a/LICENSE b/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 Axorax
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/README.md b/README.md
@@ -0,0 +1,2 @@
+<h1 align="center"><code>css button maker</code></h1>
+<p align="center">Create stunning buttons in just a few clicks!</p>