diff --git a/public/assets/css/style.css b/public/assets/css/style.css new file mode 100644 index 0000000..f2a0dfb --- /dev/null +++ b/public/assets/css/style.css @@ -0,0 +1,73 @@ +:root { + --color: black; +} + +@font-face { + font-family: "Roboto Mono"; + font-weight: 400; + src: local("Roboto Mono Regular"), + local("RobotoMono-Regular"), + url("../fonts/RobotoMono-Regular.woff2"), + url("../fonts/RobotoMono-Regular.ttf"); +} + +@font-face { + font-family: "Roboto Mono"; + font-weight: 700; + src: local("Roboto Mono Bold"), + local("RobotoMono-Bold"), + url("../fonts/RobotoMono-Bold.woff2"), + url("../fonts/RobotoMono-Bold.ttf"); +} + +/* Cornerstones */ + +* { + margin: auto; + font-family: "Roboto Mono","Arial",sans-serif; + color: var(--color); +} + +html, +body, +main { + width: 100%; + height: 100%; +} + +/* Components */ + +.logo { + --size: 3vw; + --skew: calc(var(--size) / 1.7); + + width: 0; + height: 0; + border-left: var(--skew) solid transparent; + border-right: var(--skew) solid transparent; + border-top: var(--size) solid var(--color); +} + +.logo::after { + content: ""; + width: 0; + height: 0; + border-left: var(--skew) solid transparent; + border-right: var(--skew) solid transparent; + border-top: var(--size) solid var(--color); + opacity: .3; +} + +/* Layout */ + +main { + display: grid; + grid-template-columns: repeat(2, 1fr); + grid-template-rows: 1fr; + grid-column-gap: 0px; + grid-row-gap: 0px; +} + +main > div { + width: 80%; +} \ No newline at end of file diff --git a/public/assets/fonts/RobotoMono-Bold.ttf b/public/assets/fonts/RobotoMono-Bold.ttf new file mode 100644 index 0000000..900fce6 Binary files /dev/null and b/public/assets/fonts/RobotoMono-Bold.ttf differ diff --git a/public/assets/fonts/RobotoMono-Bold.woff2 b/public/assets/fonts/RobotoMono-Bold.woff2 new file mode 100644 index 0000000..3884344 Binary files /dev/null and b/public/assets/fonts/RobotoMono-Bold.woff2 differ diff --git a/public/assets/fonts/RobotoMono-Regular.ttf b/public/assets/fonts/RobotoMono-Regular.ttf new file mode 100644 index 0000000..7c4ce36 Binary files /dev/null and b/public/assets/fonts/RobotoMono-Regular.ttf differ diff --git a/public/assets/fonts/RobotoMono-Regular.woff2 b/public/assets/fonts/RobotoMono-Regular.woff2 new file mode 100644 index 0000000..1f715de Binary files /dev/null and b/public/assets/fonts/RobotoMono-Regular.woff2 differ diff --git a/public/assets/img/favicon.png b/public/assets/img/favicon.png new file mode 100644 index 0000000..9b5f6b2 Binary files /dev/null and b/public/assets/img/favicon.png differ diff --git a/public/assets/js/script.js b/public/assets/js/script.js new file mode 100644 index 0000000..e69de29 diff --git a/public/index.html b/public/index.html new file mode 100644 index 0000000..4de4f0b --- /dev/null +++ b/public/index.html @@ -0,0 +1,37 @@ + + + + + + + + + + Victor Westerlund + + +
+
+
+ +

victor westerlund

+

full-stack web developer

+
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis, nibh sed ultrices vehicula, risus enim fermentum lacus, vitae lacinia erat arcu in magna. Sed eget aliquam diam, vitae facilisis enim. Morbi laoreet nulla sit amet eros tempor tincidunt.

+

Donec facilisis efficitur dui, sed vestibulum dolor luctus et. Sed tincidunt nulla urna.

+
+
+ +
+
+
+

Placeholder

+
+
+ + + \ No newline at end of file diff --git a/public/sw.js b/public/sw.js new file mode 100644 index 0000000..e69de29