publish and seo

Author: acharneski

.prettierrc.json

@@ -1,9 +1,9 @@
 {
-    "semi": true,
-    "singleQuote": true,
-    "trailingComma": "es5",
-    "printWidth": 100,
-    "tabWidth": 2,
-    "useTabs": false,
-    "endOfLine": "lf"
-  }
+  "semi": true,
+  "singleQuote": true,
+  "trailingComma": "es5",
+  "printWidth": 100,
+  "tabWidth": 2,
+  "useTabs": false,
+  "endOfLine": "lf"
+}

.stylelintrc.json

@@ -1,15 +1,15 @@
 {
-    "extends": ["stylelint-config-standard"],
-    "plugins": ["stylelint-prettier"],
-    "rules": {
-      "prettier/prettier": true,
-      "no-descending-specificity": null,
-      "selector-class-pattern": null,
-      "custom-property-pattern": null,
-      "keyframes-name-pattern": null,
-      "alpha-value-notation": "number",
-      "color-function-notation": "legacy",
-      "declaration-block-no-redundant-longhand-properties": null
-    },
-    "ignoreFiles": ["node_modules/**", "dist/**"]
-  }
+  "extends": ["stylelint-config-standard"],
+  "plugins": ["stylelint-prettier"],
+  "rules": {
+    "prettier/prettier": true,
+    "no-descending-specificity": null,
+    "selector-class-pattern": null,
+    "custom-property-pattern": null,
+    "keyframes-name-pattern": null,
+    "alpha-value-notation": "number",
+    "color-function-notation": "legacy",
+    "declaration-block-no-redundant-longhand-properties": null
+  },
+  "ignoreFiles": ["node_modules/**", "dist/**"]
+}

LICENSE

@@ -5,9 +5,9 @@
        ───────────────────────────────────────────────────────────── */
 
 :root {
-  --font-display: "Fraunces", "Inter", Georgia, serif;
-  --font-body: "Inter", system-ui, -apple-system, sans-serif;
-  --font-mono: "JetBrains Mono", "Fira Code", Consolas, ui-monospace, monospace;
+  --font-display: 'Fraunces', 'Inter', Georgia, serif;
+  --font-body: 'Inter', system-ui, -apple-system, sans-serif;
+  --font-mono: 'JetBrains Mono', 'Fira Code', Consolas, ui-monospace, monospace;
 
   --accent-glow: rgba(88, 166, 255, 0.45);
   --accent2-glow: rgba(188, 140, 255, 0.35);
@@ -29,8 +29,7 @@ body {
   font-family: var(--font-body);
   background:
     radial-gradient(ellipse at top left, #0f1626 0%, transparent 60%),
-    radial-gradient(ellipse at bottom right, #181024 0%, transparent 60%),
-    #0a0d14;
+    radial-gradient(ellipse at bottom right, #181024 0%, transparent 60%), #0a0d14;
   min-height: 100vh;
   position: relative;
   overflow-x: hidden;
@@ -117,11 +116,7 @@ body {
     linear-gradient(90deg, rgba(88, 166, 255, 0.04) 1px, transparent 1px);
   background-size: 48px 48px;
   mask-image: radial-gradient(ellipse at center, black 30%, transparent 80%);
-  -webkit-mask-image: radial-gradient(
-    ellipse at center,
-    black 30%,
-    transparent 80%
-  );
+  -webkit-mask-image: radial-gradient(ellipse at center, black 30%, transparent 80%);
 }
 
 /* Layer everything else above atmosphere */
@@ -187,14 +182,10 @@ nav {
 }
 
 .hero::before {
-  content: "";
+  content: '';
   position: absolute;
   inset: 0;
-  background: radial-gradient(
-    ellipse 80% 50% at 50% -20%,
-    rgba(88, 166, 255, 0.18),
-    transparent
-  );
+  background: radial-gradient(ellipse 80% 50% at 50% -20%, rgba(88, 166, 255, 0.18), transparent);
   pointer-events: none;
 }
 
@@ -370,11 +361,7 @@ nav {
   left: -20%;
   width: 70%;
   height: 200%;
-  background: radial-gradient(
-    ellipse,
-    rgba(88, 166, 255, 0.12) 0%,
-    transparent 60%
-  );
+  background: radial-gradient(ellipse, rgba(88, 166, 255, 0.12) 0%, transparent 60%);
   pointer-events: none;
   animation: panel-glow 14s ease-in-out infinite;
 }
@@ -402,7 +389,7 @@ nav {
 }
 
 .intro-panel h2::before {
-  content: "";
+  content: '';
   width: 24px;
   height: 1px;
   background: linear-gradient(to right, var(--accent), transparent);
@@ -438,7 +425,7 @@ nav {
 }
 
 .intro-panel .theme-list li::before {
-  content: "→";
+  content: '→';
   position: absolute;
   left: 0;
   top: 0.6rem;
@@ -547,7 +534,7 @@ nav {
 }
 
 .featured-card::before {
-  content: "";
+  content: '';
   position: absolute;
   inset: 0;
   border-radius: var(--radius-lg);
@@ -603,11 +590,7 @@ nav {
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  background: linear-gradient(
-    135deg,
-    rgba(88, 166, 255, 0.08),
-    rgba(188, 140, 255, 0.12)
-  );
+  background: linear-gradient(135deg, rgba(88, 166, 255, 0.08), rgba(188, 140, 255, 0.12));
   letter-spacing: 0.05em;
   box-shadow: 0 0 20px -8px var(--accent2-glow);
   transition:
@@ -684,14 +667,14 @@ nav {
   font-size: 0.9rem;
   color: var(--text-muted);
   line-height: 1.7;
-  max-height: 380px;
+  max-height: 280px;
   overflow: hidden;
   position: relative;
   flex: 1;
 }
 
 .readme-preview::after {
-  content: "";
+  content: '';
   position: absolute;
   left: 0;
   right: 0;
@@ -794,17 +777,13 @@ nav {
 }
 
 .card::after {
-  content: "";
+  content: '';
   position: absolute;
   top: -50%;
   right: -50%;
   width: 100%;
   height: 200%;
-  background: radial-gradient(
-    circle,
-    rgba(88, 166, 255, 0.08) 0%,
-    transparent 60%
-  );
+  background: radial-gradient(circle, rgba(88, 166, 255, 0.08) 0%, transparent 60%);
   opacity: 0;
   transition: opacity 0.4s ease;
   pointer-events: none;
@@ -1062,12 +1041,7 @@ footer {
 .footer-divider {
   width: 60px;
   height: 1px;
-  background: linear-gradient(
-    to right,
-    transparent,
-    var(--accent),
-    transparent
-  );
+  background: linear-gradient(to right, transparent, var(--accent), transparent);
   margin: 0 auto 2rem;
 }
 

css/home.css

@@ -30,7 +30,7 @@ body {
   background: var(--bg);
   color: var(--text);
   font-family:
-    "Segoe UI",
+    'Segoe UI',
     system-ui,
     -apple-system,
     sans-serif;
@@ -208,14 +208,14 @@ nav .spacer {
   color: var(--text);
   font-size: 0.8rem;
 }
-.controls input[type="range"] {
+.controls input[type='range'] {
   width: 100%;
   accent-color: var(--accent);
   cursor: pointer;
 }
 .controls select,
-.controls input[type="number"],
-.controls input[type="text"] {
+.controls input[type='number'],
+.controls input[type='text'] {
   background: var(--bg);
   border: 1px solid var(--border);
   border-radius: 6px;
@@ -287,7 +287,7 @@ nav .spacer {
   background: rgba(255, 255, 255, 0.06);
   border-radius: 4px;
   padding: 0.1em 0.35em;
-  font-family: "Fira Code", Consolas, monospace;
+  font-family: 'Fira Code', Consolas, monospace;
   font-size: 0.85em;
   color: var(--accent2);
 }

css/style.css

@@ -1,32 +1,32 @@
 import js from '@eslint/js';
-  import globals from 'globals';
+import globals from 'globals';
 
-  export default [
-    js.configs.recommended,
-    {
-      files: ['**/*.js'],
-      languageOptions: {
-        ecmaVersion: 'latest',
-        sourceType: 'module',
-        globals: {
-          ...globals.browser,
-          ...globals.node,
-        },
-      },
-      rules: {
-        // Add or override rules here as needed
+export default [
+  js.configs.recommended,
+  {
+    files: ['**/*.js'],
+    languageOptions: {
+      ecmaVersion: 'latest',
+      sourceType: 'module',
+      globals: {
+        ...globals.browser,
+        ...globals.node,
       },
     },
-    {
-      // Files that run only in Node (tests, scripts, etc.)
-      files: ['test/**/*.js', '**/*.config.js'],
-      languageOptions: {
-        globals: {
-          ...globals.node,
-        },
-      },
+    rules: {
+      // Add or override rules here as needed
     },
-    {
-      ignores: ['node_modules/**', 'dist/**'],
+  },
+  {
+    // Files that run only in Node (tests, scripts, etc.)
+    files: ['test/**/*.js', '**/*.config.js'],
+    languageOptions: {
+      globals: {
+        ...globals.node,
+      },
     },
-  ];
+  },
+  {
+    ignores: ['node_modules/**', 'dist/**'],
+  },
+];