Difference between revisions of "User:Maxcodes"

Explain xkcd: It's 'cause you're dumb.
Jump to: navigation, search
(css vars)
(moved period to inside link)
 
(10 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<div style="
 
<div style="
−
   --ctp-rosewater: var(--ctp-latte-rosewater);
+
   color-scheme: light dark;
−
  --ctp-flamingo: var(--ctp-latte-flamingo);
 
−
  --ctp-pink: var(--ctp-latte-pink);
 
−
  --ctp-mauve: var(--ctp-latte-mauve);
 
−
  --ctp-red: var(--ctp-latte-red);
 
−
  --ctp-maroon: var(--ctp-latte-maroon);
 
−
  --ctp-peach: var(--ctp-latte-peach);
 
−
  --ctp-yellow: var(--ctp-latte-yellow);
 
−
  --ctp-green: var(--ctp-latte-green);
 
−
  --ctp-teal: var(--ctp-latte-teal);
 
−
  --ctp-sky: var(--ctp-latte-sky);
 
−
  --ctp-sapphire: var(--ctp-latte-sapphire);
 
−
  --ctp-blue: var(--ctp-latte-blue);
 
−
  --ctp-lavender: var(--ctp-latte-lavender);
 
−
  --ctp-text: var(--ctp-latte-text);
 
−
  --ctp-subtext-1: var(--ctp-latte-subtext1);
 
−
  --ctp-subtext-0: var(--ctp-latte-subtext0);
 
−
  --ctp-overlay-2: var(--ctp-latte-overlay2);
 
−
  --ctp-overlay-1: var(--ctp-latte-overlay1);
 
−
  --ctp-overlay-0: var(--ctp-latte-overlay0);
 
−
  --ctp-surface-2: var(--ctp-latte-surface2);
 
−
  --ctp-surface-1: var(--ctp-latte-surface1);
 
−
  --ctp-surface-0: var(--ctp-latte-surface0);
 
−
  --ctp-base: var(--ctp-latte-base);
 
−
  --ctp-mantle: var(--ctp-latte-mantle);
 
−
  --ctp-crust: var(--ctp-latte-crust);
 
  
−
   @media (prefers-color-scheme: dark) {
+
   --ctp-rosewater: light-dark(var(--ctp-latte-rosewater), var(--ctp-macchiato-rosewater));
−
    --ctp-rosewater: var(--ctp-macchiato-rosewater);
+
  --ctp-flamingo: light-dark(var(--ctp-latte-flamingo), var(--ctp-macchiato-flamingo));
−
    --ctp-flamingo: var(--ctp-macchiato-flamingo);
+
  --ctp-pink: light-dark(var(--ctp-latte-pink), var(--ctp-macchiato-pink));
−
    --ctp-pink: var(--ctp-macchiato-pink);
+
  --ctp-mauve: light-dark(var(--ctp-latte-mauve), var(--ctp-macchiato-mauve));
−
    --ctp-mauve: var(--ctp-macchiato-mauve);
+
  --ctp-red: light-dark(var(--ctp-latte-red), var(--ctp-macchiato-red));
−
    --ctp-red: var(--ctp-macchiato-red);
+
  --ctp-maroon: light-dark(var(--ctp-latte-maroon), var(--ctp-macchiato-maroon));
−
    --ctp-maroon: var(--ctp-macchiato-maroon);
+
  --ctp-peach: light-dark(var(--ctp-latte-peach), var(--ctp-macchiato-peach));
−
    --ctp-peach: var(--ctp-macchiato-peach);
+
  --ctp-yellow: light-dark(var(--ctp-latte-yellow), var(--ctp-macchiato-yellow));
−
    --ctp-yellow: var(--ctp-macchiato-yellow);
+
  --ctp-green: light-dark(var(--ctp-latte-green), var(--ctp-macchiato-green));
−
    --ctp-green: var(--ctp-macchiato-green);
+
  --ctp-teal: light-dark(var(--ctp-latte-teal), var(--ctp-macchiato-teal));
−
    --ctp-teal: var(--ctp-macchiato-teal);
+
  --ctp-sky: light-dark(var(--ctp-latte-sky), var(--ctp-macchiato-sky));
−
    --ctp-sky: var(--ctp-macchiato-sky);
+
  --ctp-sapphire: light-dark(var(--ctp-latte-sapphire), var(--ctp-macchiato-sapphire));
−
    --ctp-sapphire: var(--ctp-macchiato-sapphire);
+
  --ctp-blue: light-dark(var(--ctp-latte-blue), var(--ctp-macchiato-blue));
−
    --ctp-blue: var(--ctp-macchiato-blue);
+
  --ctp-lavender: light-dark(var(--ctp-latte-lavender), var(--ctp-macchiato-lavender));
−
    --ctp-lavender: var(--ctp-macchiato-lavender);
+
  --ctp-text: light-dark(var(--ctp-latte-text), var(--ctp-macchiato-text));
−
    --ctp-text: var(--ctp-macchiato-text);
+
  --ctp-subtext-1: light-dark(var(--ctp-latte-subtext1), var(--ctp-macchiato-subtext1));
−
    --ctp-subtext-1: var(--ctp-macchiato-subtext1);
+
  --ctp-subtext-0: light-dark(var(--ctp-latte-subtext0), var(--ctp-macchiato-subtext0));
−
    --ctp-subtext-0: var(--ctp-macchiato-subtext0);
+
  --ctp-overlay-2: light-dark(var(--ctp-latte-overlay2), var(--ctp-macchiato-overlay2));
−
    --ctp-overlay-2: var(--ctp-macchiato-overlay2);
+
  --ctp-overlay-1: light-dark(var(--ctp-latte-overlay1), var(--ctp-macchiato-overlay1));
−
    --ctp-overlay-1: var(--ctp-macchiato-overlay1);
+
  --ctp-overlay-0: light-dark(var(--ctp-latte-overlay0), var(--ctp-macchiato-overlay0));
−
    --ctp-overlay-0: var(--ctp-macchiato-overlay0);
+
  --ctp-surface-2: light-dark(var(--ctp-latte-surface2), var(--ctp-macchiato-surface2));
−
    --ctp-surface-2: var(--ctp-macchiato-surface2);
+
  --ctp-surface-1: light-dark(var(--ctp-latte-surface1), var(--ctp-macchiato-surface1));
−
    --ctp-surface-1: var(--ctp-macchiato-surface1);
+
  --ctp-surface-0: light-dark(var(--ctp-latte-surface0), var(--ctp-macchiato-surface0));
−
    --ctp-surface-0: var(--ctp-macchiato-surface0);
+
  --ctp-base: light-dark(var(--ctp-latte-base), var(--ctp-macchiato-base));
−
    --ctp-base: var(--ctp-macchiato-base);
+
  --ctp-mantle: light-dark(var(--ctp-latte-mantle), var(--ctp-macchiato-mantle));
−
    --ctp-mantle: var(--ctp-macchiato-mantle);
+
  --ctp-crust: light-dark(var(--ctp-latte-crust), var(--ctp-macchiato-crust));
−
    --ctp-crust: var(--ctp-macchiato-crust);
 
−
  }
 
  
 
   --ctp-latte-rosewater: #dc8a78;
 
   --ctp-latte-rosewater: #dc8a78;
Line 371: Line 344:
 
   --ctp-mocha-crust-rgb: 17 17 27;
 
   --ctp-mocha-crust-rgb: 17 17 27;
 
   --ctp-mocha-crust-hsl: 240 22.727% 8.627%;
 
   --ctp-mocha-crust-hsl: 240 22.727% 8.627%;
 +
 +
  background-color: var(--ctp-base);
 +
  color: var(--ctp-text);
 
">
 
">
 
<div style="
 
<div style="
Line 391: Line 367:
 
: [https://github.com/maxCodes-dev @maxCodes-dev]
 
: [https://github.com/maxCodes-dev @maxCodes-dev]
 
</div>
 
</div>
 +
 +
I love programming. Some languages I know include:
 +
* <abbr title="HyperText Markup Language">HTML</abbr> and <abbr title="Cascading Style Sheets">CSS</abbr>
 +
* JavaScript and Typescript
 +
 +
[[2879: Like This One|I love making websites like this one.]]
 +
 +
Other hobbies of mine are:
 +
* Pixel art.
 +
* Making music
  
 
Subpages:
 
Subpages:

Latest revision as of 20:12, 13 March 2026

hOI!!!!

Some things about me:

Pronouns
he/him
Hobbies
Programming
Wiki Idols (NOTICE ME GUYS PLS)
User:DollarStoreBa'al
User:42.book.addict

Links:

GitHub
@maxCodes-dev

I love programming. Some languages I know include:

  • HTML and CSS
  • JavaScript and Typescript

I love making websites like this one.

Other hobbies of mine are:

  • Pixel art.
  • Making music

Subpages:

Retrieved from "https://www.explainxkcd.com/wiki/index.php?title=User:Maxcodes&oldid=408103"