linted

CHANGELOG.md

@@ -8,7 +8,6 @@ The format is based on Keep a Changelog and this project adheres to Semantic Ver
 
 Created Repo from template
 
-
 ### [Unreleased]
 
 Here we write upgrading notes for brands. It's a team effort to make them as straightforward as possible.

abcd.code-workspace

@@ -73,25 +73,9 @@
       "javascript": "javascriptreact"
     },
     "eslint.options": {
-      "extensions": [
-        ".js",
-        ".jsx",
-        ".md",
-        ".mdx",
-        ".ts",
-        ".tsx",
-        ".astro"
-      ]
+      "extensions": [".js", ".jsx", ".md", ".mdx", ".ts", ".tsx", ".astro"]
     },
-    "eslint.validate": [
-      "mdx",
-      "markdown",
-      "javascript",
-      "javascriptreact",
-      "typescript",
-      "typescriptreact",
-      "astro"
-    ],
+    "eslint.validate": ["mdx", "markdown", "javascript", "javascriptreact", "typescript", "typescriptreact", "astro"],
     "explorer.compactFolders": false,
     "explorer.confirmDelete": false,
     "explorer.confirmDragAndDrop": false,
@@ -119,10 +103,7 @@
     },
     "git.autofetch": true,
     "git.branchPrefix": "feature/",
-    "git.branchProtection": [
-      "develop",
-      "main"
-    ],
+    "git.branchProtection": ["develop", "main"],
     "git.branchRandomName.enable": true,
     "git.confirmSync": false,
     "git.enableCommitSigning": false,
@@ -133,9 +114,7 @@
     "js/ts.implicitProjectConfig.checkJs": true,
     "peacock.affectSideBarBorder": true,
     "peacock.color": "#abcd00",
-    "prettier.documentSelectors": [
-      "**/*.astro"
-    ],
+    "prettier.documentSelectors": ["**/*.astro"],
     "prettier.printWidth": 120,
     "prettier.quoteProps": "consistent",
     "prettier.singleQuote": false,
@@ -189,4 +168,4 @@
       "titleBar.inactiveForeground": "#15202b99"
     }
   }
-}
+}

components.json

@@ -14,4 +14,4 @@
     "components": "components",
     "utils": "utils"
   }
-}
+}

public/sitemap-index.html

@@ -3,4 +3,4 @@
   <sitemap>
     <loc>https://www.parixan.xyz/sitemap2.xml.gz</loc>
   </sitemap>
-</sitemapindex>
+</sitemapindex>

src/assets/styles/about.css

@@ -1,4 +1,4 @@
-@import url('./common.css');
+@import url("./common.css");
 
 .about-main {
   display: block;
@@ -7,8 +7,8 @@
 .container__about {
   padding: 1rem;
 
-  >.moto {
+  > .moto {
     color: #3a8657;
     font-size: 3rem;
   }
-}
+}

src/assets/styles/alphabet.css

@@ -3,7 +3,7 @@
   grid-gap: 4px;
   container-type: inline-size;
   container-name: layout;
-  font-family: 'atkinson';
+  font-family: "atkinson";
 }
 
 .list {
@@ -39,7 +39,7 @@
   ::selection {
     color: red;
     background-color: yellow;
-    text-shadow: 5px 5px #558ABB;
+    text-shadow: 5px 5px #558abb;
   }
 }
 
@@ -53,4 +53,4 @@
     color: black;
     font-size: max(1.5em, 1.23em + 2cqi);
   }
-}
+}

src/assets/styles/common.css

@@ -2,4 +2,4 @@
   padding: 1rem;
   outline: 1px solid grey;
   cursor: pointer;
-}
+}

src/assets/styles/custom-fonts.css

@@ -2,17 +2,19 @@
 @supports font-format(woff2) {
   @font-face {
     font-family: "sportrop";
-    src: url("/fonts/sportrop-webfont.woff2") format("woff2"),
-        url("/fonts/sportrop-webfont.woff") format("woff");
+    src:
+      url("/fonts/sportrop-webfont.woff2") format("woff2"),
+      url("/fonts/sportrop-webfont.woff") format("woff");
     font-weight: normal;
     font-style: normal;
     font-display: swap;
   }
 
   @font-face {
     font-family: "atkinson";
-    src: url("/fonts/atkinson-hyperlegible-regular-102-webfont.woff2") format("woff2"),
-        url("/fonts/atkinson-hyperlegible-regular-102-webfont.woff") format("woff");
+    src:
+      url("/fonts/atkinson-hyperlegible-regular-102-webfont.woff2") format("woff2"),
+      url("/fonts/atkinson-hyperlegible-regular-102-webfont.woff") format("woff");
     font-weight: normal;
     font-style: normal;
     font-display: swap;

src/assets/styles/dialog.css

@@ -97,4 +97,4 @@ because the nesting selector cannot represent pseudo-elements. */
   dialog[open]::backdrop {
     background-color: var(--dialog__bg--1);
   }
-}
+}

src/assets/styles/footer.css

@@ -6,7 +6,7 @@
 }
 
 .footer__nav {
-  @apply flex flex-col md:flex-row items-center justify-center gap-3 text-gray-700 underline underline-offset-2 dark:text-gray-500;
+  @apply flex flex-col items-center justify-center gap-3 text-gray-700 underline underline-offset-2 dark:text-gray-500 md:flex-row;
 }
 
 .footer__nav--item {

src/assets/styles/globals.css

@@ -11,7 +11,7 @@
     --background: #0f172a;
     --text: #f1f5f9;
     --border: #1e293b;
-    
+
     --header-h: 4rem;
     --footer-h: 4rem;
     --sidebar-w: 16rem;
@@ -177,4 +177,4 @@
   .text__active {
     @apply text-customLight-active dark:text-customDark-active;
   }
-}
+}

src/assets/styles/header.css

@@ -33,7 +33,7 @@
 
   .caption {
     text-align: center;
-    
+
     h1 {
       font-size: 1.25rem;
       font-weight: 500;
@@ -58,4 +58,4 @@
   width: 2rem;
   border-radius: 50%;
   cursor: pointer;
-}
+}

src/assets/styles/menu.css

@@ -39,7 +39,7 @@
     background: color-mix(in srgb, var(--primary) 15%, transparent);
     color: var(--primary);
     font-weight: 600;
-    border-radius: 0.75rem; 
+    border-radius: 0.75rem;
   }
 
   .layout {

src/assets/styles/panel.css

@@ -21,18 +21,17 @@
 
 .panel-main {
   display: grid;
-  grid-template-areas: 'option' 'panel';
+  grid-template-areas: "option" "panel";
   grid-auto-flow: row;
   grid-template-rows: 15% 1fr;
   grid-gap: 0.8rem;
   min-height: max-content;
   background-color: var(--main__bg--1);
   height: calc(100dvh - 10rem);
   margin: 2rem;
-  overflow:hidden;
+  overflow: hidden;
 }
 
-
 .panel__options {
   grid-area: option;
   display: grid;
@@ -42,7 +41,6 @@
   align-self: baseline;
 }
 
-
 .range__option {
   color: var(--range__option__txt--4);
 }
@@ -78,7 +76,9 @@
   color: var(--panel__cell__txt--6);
   text-align: center;
   opacity: 1;
-  transition: transform 1s, opacity 1s;
+  transition:
+    transform 1s,
+    opacity 1s;
 }
 
 .panel__cell:nth-child(10n + 1) {
@@ -170,7 +170,7 @@
   column-gap: 10px;
 }
 
-input[type='radio'] {
+input[type="radio"] {
   opacity: 0;
   position: fixed;
   width: 0;
@@ -207,14 +207,14 @@ label:hover {
   background-color: var(--orientation__bg--9);
 }
 
-label:has(input[type='radio']:checked) {
+label:has(input[type="radio"]:checked) {
   color: var(--panel__cell__txt--6);
   background-color: var(--label__bg--10);
 }
 
 /* range slider */
 
-input[type=range] {
+input[type="range"] {
   overflow: hidden;
   height: 40px;
   border-radius: 1.2rem;
@@ -223,7 +223,7 @@ input[type=range] {
   background-color: #ddd;
 }
 
-input[type=range]::-webkit-slider-runnable-track {
+input[type="range"]::-webkit-slider-runnable-track {
   height: 40px;
   -webkit-appearance: none;
   appearance: none;
@@ -232,37 +232,41 @@ input[type=range]::-webkit-slider-runnable-track {
   transition: box-shadow 0.2s ease-in-out;
 }
 
-input[type=range]::-webkit-slider-thumb {
+input[type="range"]::-webkit-slider-thumb {
   width: 40px;
   -webkit-appearance: none;
   appearance: none;
   height: 40px;
   cursor: ew-resize;
   background: #fff;
-  box-shadow: -340px 0 0 320px #1597ff, inset 0 0 0 40px #1597ff;
+  box-shadow:
+    -340px 0 0 320px #1597ff,
+    inset 0 0 0 40px #1597ff;
   border-radius: 50%;
   -webkit-transition: box-shadow 0.2s ease-in-out;
   transition: box-shadow 0.2s ease-in-out;
   position: relative;
 }
 
-input[type=range]:active::-webkit-slider-thumb {
+input[type="range"]:active::-webkit-slider-thumb {
   background: #fff;
-  box-shadow: -340px 0 0 320px #1597ff, inset 0 0 0 3px #1597ff;
+  box-shadow:
+    -340px 0 0 320px #1597ff,
+    inset 0 0 0 3px #1597ff;
 }
 
-input[type=range]::-moz-range-progress {
+input[type="range"]::-moz-range-progress {
   background-color: #43e5f7;
 }
 
-input[type=range]::-moz-range-track {
+input[type="range"]::-moz-range-track {
   background-color: #9a905d;
 }
 
-input[type=range]::-ms-fill-lower {
+input[type="range"]::-ms-fill-lower {
   background-color: #43e5f7;
 }
 
-input[type=range]::-ms-fill-upper {
+input[type="range"]::-ms-fill-upper {
   background-color: #9a905d;
-}
+}

src/components/Alphabet.astro

@@ -1,22 +1,19 @@
 ---
+import "@/assets/styles/alphabet.css";
+import Letter from "@/components/Letter.astro";
+import { type LetterEntity } from "@/types";
 
-import '@/assets/styles/alphabet.css';
-import Letter from '@/components/Letter.astro';
-import { type LetterEntity } from '@/types';
-
-type Props =  {
+type Props = {
   title: string;
   list: LetterEntity[];
-}
+};
 
 const { title, list } = Astro.props;
-
 ---
 
 <div class="container__alphabet">
   <h1>{title}</h1>
-  <div class="list"  >
-    {list.map((item) =>  <Letter item={item}></Letter> )}
+  <div class="list">
+    {list.map((item) => <Letter item={item} />)}
   </div>
 </div>
-

src/components/Help.astro

@@ -8,6 +8,7 @@ interface Props {
 
 const { title, description } = Astro.props;
 ---
+
 <div id="hint" class="hint">❓</div>
 <dialog id="info" class="help-dialog">
   <div class="dialog-header">
@@ -19,7 +20,6 @@ const { title, description } = Astro.props;
   </div>
 </dialog>
 
-
 <script>
   const hint = document.querySelector("#hint");
   const infoDialog = document.querySelector("dialog");