add stylelint

app/contact/form.module.css

@@ -58,6 +58,7 @@
 .result.success {
   color: var(--colors-success);
 }
+
 .result.error {
   color: var(--colors-error);
 }

app/notes/[slug]/page.module.css

@@ -35,11 +35,13 @@
   white-space: nowrap;
   margin-right: 0.75em;
 }
-.meta .metaTag:before {
+
+.meta .metaTag::before {
   content: "\0023"; /* cosmetically hashtagify tags */
   padding-right: 0.125em;
   color: var(--colors-light);
 }
+
 .meta .metaTag:last-of-type {
   margin-right: 0;
 }

app/notes/page.module.css

@@ -7,6 +7,7 @@
 .section:first-of-type {
   margin-top: 0.25em;
 }
+
 .section:last-of-type {
   margin-bottom: 0.25em;
 }

app/page.module.css

@@ -60,6 +60,7 @@
   30% {
     transform: rotate(0deg);
   }
+
   /* pause for ~9 out of 10 seconds */
   100% {
     transform: rotate(0deg);

app/projects/page.module.css

@@ -11,7 +11,7 @@
 .card {
   flex-grow: 1;
   width: 370px;
-  padding: 1.2em 1.2em 0.8em 1.2em;
+  padding: 1.2em 1.2em 0.8em;
   border: 1px solid var(--colors-kindaLight);
   border-radius: var(--radii-corner);
   font-size: 0.9em;
@@ -32,7 +32,6 @@
 .card .meta {
   display: flex;
   flex-wrap: wrap;
-  align-items: baseline;
 }
 
 .card .metaItem {
@@ -51,7 +50,7 @@
 }
 
 .card .metaIcon {
-  display: inline;
+  display: inline-block;
   width: 1.25em;
   height: 1.25em;
   vertical-align: -0.25em;
@@ -61,9 +60,10 @@
 .card .metaLanguage {
   display: inline-block;
   position: relative;
-  width: 1.15em;
-  height: 1.15em;
+  width: 1.1em;
+  height: 1.1em;
+  line-height: 1;
   margin-right: 0.5em;
   border-radius: 50%;
-  vertical-align: text-top;
+  vertical-align: -0.2em;
 }

app/projects/page.tsx

@@ -114,11 +114,7 @@ export default async function Page() {
       <div className={styles.grid}>
         {repos?.map((repo) => (
           <div key={repo.name} className={styles.card}>
-            <Link
-              // @ts-ignore
-              href={repo.url}
-              className={styles.name}
-            >
+            <Link href={repo.url} className={styles.name}>
               {repo.name}
             </Link>
 
@@ -137,7 +133,6 @@ export default async function Page() {
               {repo.stars && repo.stars > 0 && (
                 <div className={styles.metaItem}>
                   <Link
-                    // @ts-ignore
                     href={`${repo.url}/stargazers`}
                     title={`${commaNumber(repo.stars)} ${repo.stars === 1 ? "star" : "stars"}`}
                     plain
@@ -152,7 +147,6 @@ export default async function Page() {
               {repo.forks && repo.forks > 0 && (
                 <div className={styles.metaItem}>
                   <Link
-                    // @ts-ignore
                     href={`${repo.url}/network/members`}
                     title={`${commaNumber(repo.forks)} ${repo.forks === 1 ? "fork" : "forks"}`}
                     plain

app/themes.css

@@ -1,7 +1,7 @@
 :root {
   --colors-backgroundInner: #ffffff;
   --colors-backgroundOuter: #fcfcfc;
-  --colors-backgroundHeader: rgba(252, 252, 252, 0.7);
+  --colors-backgroundHeader: rgb(252 252 252 / 70%);
   --colors-text: #202020;
   --colors-mediumDark: #515151;
   --colors-medium: #5e5e5e;
@@ -11,7 +11,7 @@
   --colors-superLight: #f4f4f4;
   --colors-superDuperLight: #fbfbfb;
   --colors-link: #0e6dc2;
-  --colors-linkUnderline: rgba(14, 109, 194, 0.4);
+  --colors-linkUnderline: rgb(14 109 194 / 40%);
   --colors-success: #44a248;
   --colors-error: #ff1b1b;
   --colors-warning: #f78200;
@@ -33,7 +33,7 @@
 [data-theme="dark"] {
   --colors-backgroundInner: #1e1e1e;
   --colors-backgroundOuter: #252525;
-  --colors-backgroundHeader: rgba(37, 37, 37, 0.85);
+  --colors-backgroundHeader: rgb(37 37 37 / 85%);
   --colors-text: #f1f1f1;
   --colors-mediumDark: #d7d7d7;
   --colors-medium: #b1b1b1;
@@ -43,7 +43,7 @@
   --colors-superLight: #272727;
   --colors-superDuperLight: #1f1f1f;
   --colors-link: #88c7ff;
-  --colors-linkUnderline: rgba(136, 199, 255, 0.4);
+  --colors-linkUnderline: rgb(136 199 255 / 40%);
   --colors-success: #78df55;
   --colors-error: #ff5151;
   --colors-warning: #f2b702;