Skip to content

Commit

Permalink
Initial commit
Browse files Browse the repository at this point in the history
  • Loading branch information
kasperkronborg committed Sep 28, 2024
0 parents commit c8ee554
Show file tree
Hide file tree
Showing 7 changed files with 174 additions and 0 deletions.
2 changes: 2 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
.hugo_build.lock
public
5 changes: 5 additions & 0 deletions archetypes/default.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
+++
title = '{{ replace .File.ContentBaseName "-" " " | title }}'
date = {{ .Date }}
draft = true
+++
5 changes: 5 additions & 0 deletions hugo.toml
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
baseURL = 'https://kasperkronborg.github.io'
languageCode = 'en-us'
title = 'Kasper Kronborg'
disableKinds = ["taxonomy", "sitemap", "rss"]

14 changes: 14 additions & 0 deletions layouts/_default/baseof.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
<!doctype html>
<html>
<head>
<title>Kasper Kronborg</title>
<link rel="stylesheet" href="/styles.css">
</head>
<body>
<main>
{{ block "main" . }}
<!-- Default content for the "main" block -->
{{ end }}
</main>
</body>
</html>
5 changes: 5 additions & 0 deletions layouts/_default/home.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
{{ define "main" }}
<h1>Hello.</h1>
<p>I'm <a rel="me" href="https://mastodon.social/@kasperkronborg">Kasper Kronborg</a>, a father of two and a <a href="https://www.linkedin.com/in/kasperkronborg/">web developer</a> based in Copenhagen, Denmark.</p>
<p>Spending my days at <a href="https://clever.dk">Clever</a>, making the world greener.</p>
{{ end }}
68 changes: 68 additions & 0 deletions static/reset.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,68 @@
/*
1. Use a more-intuitive box-sizing model.
*/
*,
*::before,
*::after {
box-sizing: border-box;
}

/*
2. Remove default margin
*/
* {
margin: 0;
}

/*
Typographic tweaks!
3. Add accessible line-height
4. Improve text rendering
*/
body {
line-height: 1.5;
-webkit-font-smoothing: antialiased;
}

/*
5. Improve media defaults
*/
img,
picture,
video,
canvas,
svg {
display: block;
max-width: 100%;
}

/*
6. Remove built-in form typography styles
*/
input,
button,
textarea,
select {
font: inherit;
}

/*
7. Avoid text overflows
*/
p,
h1,
h2,
h3,
h4,
h5,
h6 {
overflow-wrap: break-word;
}

/*
8. Create a root stacking context
*/
#root,
#__next {
isolation: isolate;
}
75 changes: 75 additions & 0 deletions static/styles.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,75 @@
@import url('https://fonts.googleapis.com/css2?family=Gowun+Batang&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,300;0,400;1,300;1,400&display=swap');

@import url('/reset.css');

:root {
--kk-color-deep-forest-50: #E8ECE4;
--kk-color-deep-forest-100: #D1D9C9;
--kk-color-deep-forest-200: #A3B394;
--kk-color-deep-forest-300: #758962;
--kk-color-deep-forest-400: #47533B;
--kk-color-deep-forest-500: #181C14;
--kk-color-deep-forest-600: #141811;
--kk-color-deep-forest-700: #0F120D;
--kk-color-deep-forest-800: #0A0C08;
--kk-color-deep-forest-900: #050604;
--kk-color-deep-forest-950: #030302;

--kk-color-forest-shadow-50: #EBECEA;
--kk-color-forest-shadow-100: #DADBD7;
--kk-color-forest-shadow-200: #B3B4AC;
--kk-color-forest-shadow-300: #8E9084;
--kk-color-forest-shadow-400: #64665C;
--kk-color-forest-shadow-500: #3C3D37;
--kk-color-forest-shadow-600: #2F302C;
--kk-color-forest-shadow-700: #252622;
--kk-color-forest-shadow-800: #181816;
--kk-color-forest-shadow-900: #0D0D0C;
--kk-color-forest-shadow-950: #050505;

--kk-color-sagebrush-500: #697565;
--kk-color-sandstone-500: #ECDFCC;
}

body {
display: flex;
height: 100vh;
margin: 0;
background: linear-gradient(var(--kk-color-deep-forest-700), var(--kk-color-forest-shadow-700));
align-items: flex-end;
flex-direction: column;
}

main {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
width: 50%;
padding-inline: 5rem;
background-color: var(--kk-color-forest-shadow-700);
}

h1 {
font-family: "Gowun Batang", serif;
font-weight: 400;
font-style: normal;
font-size: 4rem;
color: #BD904D;
}

p {
font-family: "Barlow", sans-serif;
font-weight: 300;
font-style: normal;
font-size: 1.25rem;
color: #F0E6D6;
text-wrap: balance;
}

a {
color: #00BFFF;
color: rgb(128, 159, 255);
text-decoration: none;
}

0 comments on commit c8ee554

Please sign in to comment.