This is a blog post to test (and show off) my blog's design

This is a subtitle, made with h6

Lenke til norsk versjon

Today, November 5th 2024, there’s something wrong with the performance on my blog – especially when it comes to Chromium browsers. To help me fix this, I’ve made this blog post, so I more easily can check the features of the design. So if you check out the site this week, the css might be a bit crazy.

I admire sites like The Jolly Teapot, that are super minimalistic and fast. But it’s easier when you don’t have images, videos, etc. on your blog! And I’m a bit too addicted to design details and effects – while also being a total amateur. But I will try to make things work better, while still being a pleasant place to visit when you’re out surfin'!

Occaecat nulla culpa enim sunt reprehenderit dolor consequat exercitation Lorem. Consectetur cillum officia sit veniam. Aliqua consequat minim minim pariatur ipsum ea nostrud dolor duis incididunt qui dolore culpa minim.¹ Est minim culpa cupidatat consectetur. Magna est aute enim elit cillum aute aliquip tempor tempor cupidatat ipsum.

Duis eu fugiat fugiat id reprehenderit excepteur reprehenderit do tempor irure excepteur laborum deserunt Lorem. Irure aute duis exercitation. Commodo pariatur pariatur deserunt laborum ad sit elit. Officia pariatur irure proident.

• Est in Lorem mollit aliquip eu exercitation consectetur irure elit quis voluptate minim sit.
  • Eniam
  • Consectetur
    • Deserunt
      • Aute
    • Commodo
• Cillum magna consectetur eu ut aliqua ipsum duis cupidatat adipisicing nulla laborum tempor. Officia consequat est ullamco cillum cillum ipsum.
• Labore minim eiusmod excepteur do pariatur commodo nulla anim pariatur amet irure ipsum. Culpa adipisicing cupidatat incididunt commodo exercitation amet sint esse aliqua.

1. Officia enim est exercitation
2. Adipisicing pariatur
   • Enim tempor pariatur
   • Nostrud voluptate excepteur
3. Ad magna pariatur

Heading 2

Heading 2 with bold and italics

Occaecat eiusmod sint veniam minim. Fugiat voluptate Lorem velit dolor excepteur in dolor sunt. Non ut proident sunt id quis ea Lorem tempor nisi ad quis duis nisi elit. Est qui sit nulla. Consequat veniam consectetur deserunt aute sint et id.² Sit anim qui cupidatat in sint esse commodo. Culpa pariatur non laboris pariatur duis id cupidatat enim velit sint aliqua veniam enim ipsum. Non Lorem sunt sunt.

Heading 3

Heading 3 with bold and italics

Heading 4

Heading 4 with bold and italics

Heading 5

Heading 5 with bold and italics

Consectetur incididunt et aliquip est laborum minim commodo Lorem. Consectetur cupidatat quis velit. Dolor occaecat deserunt nisi exercitation qui minim reprehenderit ad dolore occaecat consequat sit.

Veniam aute deserunt consequat tempor sunt proident et voluptate elit esse enim aliqua ea. Aliqua eu duis et. Nisi ipsum Lorem aliquip in sint. Eu anim deserunt eiusmod est sunt ex labore laborum. Ex esse veniam minim pariatur elit do magna.

Ad culpa cupidatat fugiat pariatur cupidatat minim labore dolor dolore mollit culpa. Ad consequat magna ut cillum amet sunt aute aliquip laboris commodo consectetur sunt excepteur.

Pariatur incididunt in consectetur amet ad reprehenderit ex ea. Veniam esse duis veniam laboris. Cillum veniam id cillum. Eiusmod mollit ea minim ipsum labore aute pariatur est.

– A Quote

Ullamco reprehenderit laboris nulla incididunt ad non. Minim cillum id culpa tempor fugiat exercitation adipisicing velit duis. Reprehenderit deserunt eu aliquip elit. Officia Lorem nisi labore ut laboris quis non aliquip eu velit magna nisi fugiat ut.

Commodo ad consequat ut culpa magna. Enim id exercitation ipsum aliqua. Eiusmod tempor deserunt fugiat occaecat duis sit. Lorem officia id aliquip. Deserunt enim aliquip id occaecat sunt duis consequat laborum nisi sunt sunt. Sint exercitation culpa laborum deserunt commodo culpa. Amet dolore irure deserunt. Laboris ullamco sunt qui in eiusmod magna incididunt exercitation veniam.

Nisi sit consequat nisi incididunt amet excepteur aute. Laboris irure magna est dolor consectetur irure exercitation. Consectetur exercitation aliqua non duis excepteur aute fugiat ullamco sint commodo eu deserunt consequat. Pariatur adipisicing incididunt nostrud laboris magna ut veniam elit ea adipisicing fugiat anim. In voluptate laboris dolor ea ad est mollit cillum proident quis. Laborum exercitation ullamco esse tempor velit culpa cupidatat fugiat est ex veniam sit proident minim.

Exercitation ipsum sit cupidatat velit cupidatat. Do non tempor irure cupidatat sint excepteur proident aliqua ex cupidatat ullamco sint veniam. Nostrud culpa nostrud adipisicing fugiat sunt ad tempor est velit tempor. Ea veniam irure laborum id sit labore.

“Large” images

Taller ones reveals the lazy loading image if the page is wide enough…

Embeds etc.

This is a way to listen to the song Feet in the Water.

/* Title and subtitle */
@layer styling {
	h1 {
		margin-top: -0.2rem;

		font-size: var(--font-size-9);
		letter-spacing: var(--letter-spacing-9);
		color: var(--h1);
	}

	h6 {
		margin-top: calc(var(--margin-line) * -1.25);
		background-color: var(--background);

		font-size: var(--font-size-6);
		letter-spacing: var(--letter-spacing-6);
		color: var(--h4);
	}
}