Daniel Schulz

Daniel Schulz iamschulz avatar

Mostly frontend, sometimes art

my Mastodon

Styleguide

Colors

--base-color
--fg-color
--accent-color
--pop-color
--grey
--grey-fade

Fonts

Sans Serif, small

Sans Serif, base

Monospace, base

Sans Serif, large

Blank River, large

Sans Serif, x-large

Blank River, x-large


Headlines

h2

h3

h4

h5
h6

Text

Bacon ipsum dolor amet drumstick ham hock beef ribs rump. Boudin rump tail, pork buffalo short loin tongue jerky strip steak landjaeger bacon andouille. Chicken leberkas short loin sirloin. Tongue meatloaf short ribs ball tip short loin filet mignon salami.

Short ribs andouille pork belly ground round fatback strip steak kielbasa buffalo bacon short loin, sirloin drumstick bresaola ribeye doner. Chuck pastrami prosciutto, brisket capicola shank short ribs. Tongue ball tip ham, fatback short loin frankfurter picanha spare ribs rump capicola meatloaf. Spare ribs sausage shoulder, drumstick corned beef tail short ribs ground round. Leberkas pancetta pork chop turducken strip steak swine t-bone.

Cupim bresaola leberkas bacon venison. Jowl cupim alcatra ribeye rump. Andouille landjaeger biltong meatball tongue prosciutto spare ribs pork chop shankle sirloin tail strip steak shoulder corned beef leberkas. Chislic biltong chuck fatback, filet mignon t-bone brisket shankle tenderloin picanha prosciutto drumstick landjaeger rump boudin. Tenderloin pork filet mignon ribeye shankle, rump brisket short ribs jowl buffalo strip steak.


Clickables

Normal Link

External Link


Embeds

Codepen

Screenshot of a CodePen Embed Activating this Feature allows CodePen to place cookies and communicate with CodePen's servers.
open in new tab

Youtube

Screenshot of a YouTube Embed Activating this Feature allows YouTube to place cookies and communicate with Google's servers.
open in new tab

Code

:root {
--theme-hue: 190deg;
--theme-lit: 95%;
--theme-sat: clamp(0%, calc(45% - var(--theme-lit)), 30%);
--theme-hue-accent: 330deg;
}
#!/usr/bin/env node

const watchFlag = process.argv.indexOf("--watch") > -1;

require("esbuild")
.build({
entryPoints: ["src/ts/main.ts", "src/ts/sw.ts"],
bundle: true,
outdir: "public",
watch: watchFlag,
})
.catch(() => process.exit(1));

Here's some inline code for you.


Lists

  • Never gonna give you up
  • Never gonna let you down
  • Never gonna run around and hurt you
  1. Never gonna make you cry
  2. Never gonna say goodbye
  3. Never gonna tell a lie and hurt you

Tables

TicTacToe
XOX
XXO
OO

Quotes

F is for friends, right by your side I stand.
U is for you and me, gonna stay that way 'til the end.
N is for nothing ever come between us, yeah.
And if you ever need someone to lean on, I'll be there.

(Spongebob Squarepants)