From bb00c393a44681d514fc99a28caa42a9de2241fd Mon Sep 17 00:00:00 2001 From: Mats Rauhala Date: Thu, 27 Apr 2023 21:53:31 +0300 Subject: [PATCH 1/2] Start replacing the profile --- rauhala.info/css/index.css | 62 +++++++++++++++++---- rauhala.info/profile.html | 27 ++++++++++ rauhala.info/templates/default.html | 83 +++++++++++++++-------------- site/app/site.hs | 7 ++- 4 files changed, 128 insertions(+), 51 deletions(-) create mode 100644 rauhala.info/profile.html diff --git a/rauhala.info/css/index.css b/rauhala.info/css/index.css index bec0e62..d183d10 100644 --- a/rauhala.info/css/index.css +++ b/rauhala.info/css/index.css @@ -599,6 +599,18 @@ video { display: none; } +.h-screen { + height: 100vh; +} + +.w-1\/3 { + width: 33.333333%; +} + +.w-full { + width: 100%; +} + .max-w-2xl { max-width: 42rem; } @@ -619,10 +631,18 @@ video { grid-template-columns: repeat(1, minmax(0, 1fr)); } +.grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); +} + .flex-col { flex-direction: column; } +.place-items-stretch { + place-items: stretch; +} + .items-start { align-items: flex-start; } @@ -665,8 +685,8 @@ video { border-radius: 0.25rem; } -.border { - border-width: 1px; +.rounded-full { + border-radius: 9999px; } .border-b { @@ -687,6 +707,16 @@ video { background-color: rgb(31 41 55 / var(--tw-bg-opacity)); } +.bg-sky-200 { + --tw-bg-opacity: 1; + background-color: rgb(186 230 253 / var(--tw-bg-opacity)); +} + +.bg-teal-400 { + --tw-bg-opacity: 1; + background-color: rgb(45 212 191 / var(--tw-bg-opacity)); +} + .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); @@ -696,11 +726,6 @@ video { padding: 0.5rem; } -.px-2 { - padding-left: 0.5rem; - padding-right: 0.5rem; -} - .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; @@ -715,10 +740,6 @@ video { padding-top: 2.5rem; } -.pt-2 { - padding-top: 0.5rem; -} - .text-2xl { font-size: 1.5rem; line-height: 2rem; @@ -729,11 +750,25 @@ video { line-height: 1.75rem; } +.text-sm { + font-size: 0.875rem; + line-height: 1.25rem; +} + +.text-xl { + font-size: 1.25rem; + line-height: 1.75rem; +} + .text-xs { font-size: 0.75rem; line-height: 1rem; } +.font-bold { + font-weight: 700; +} + .font-semibold { font-weight: 600; } @@ -757,6 +792,11 @@ video { color: rgb(17 24 39 / var(--tw-text-opacity)); } +.drop-shadow { + --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06)); + filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); +} + .first\:border-none:first-child { border-style: none; } diff --git a/rauhala.info/profile.html b/rauhala.info/profile.html new file mode 100644 index 0000000..21ecad7 --- /dev/null +++ b/rauhala.info/profile.html @@ -0,0 +1,27 @@ +
+
+ +
+
+

Mats Rauhala

+

Lead Software Developer

+
+
+
+
+
+ + +
+
+ + +
+
+
+

Biography

+

Location

+ Espoo, Finland +
+ +
diff --git a/rauhala.info/templates/default.html b/rauhala.info/templates/default.html index 673efd9..127e958 100644 --- a/rauhala.info/templates/default.html +++ b/rauhala.info/templates/default.html @@ -1,45 +1,50 @@ - - - - - rauhala.info - $title$ - - - - -
- -
+ + + + + rauhala.info - $title$ + + + + +
+
+ +
-
+
+
+ $body$ +
+
+ +
+
- $body$ + Site proudly generated by Hakyll
-
- -
- Site proudly generated by - Hakyll -
- +
+ + + diff --git a/site/app/site.hs b/site/app/site.hs index 8f897e2..17e3f41 100644 --- a/site/app/site.hs +++ b/site/app/site.hs @@ -50,7 +50,12 @@ main = hakyllWith defaultConfiguration{ignoreFile = ignore} $ do >>= relativizeUrls - match (fromList ["index.markdown", "contact.markdown"]) $ do + match "profile.html" $ do + route $ constRoute "index.html" + compile $ getResourceBody + >>= loadAndApplyTemplate "templates/default.html" defaultContext + >>= relativizeUrls + match (fromList ["contact.markdown"]) $ do route $ setExtension "html" compile $ pandocCompiler >>= loadAndApplyTemplate "templates/default.html" defaultContext From 48948ca62351cf62a7a7164386a3f80aca8e8280 Mon Sep 17 00:00:00 2001 From: Mats Rauhala Date: Thu, 27 Apr 2023 22:03:38 +0300 Subject: [PATCH 2/2] Trial the skills --- rauhala.info/css/index.css | 51 ++++++++++++++++++++++++++++---------- rauhala.info/profile.html | 17 ++++++++++++- 2 files changed, 54 insertions(+), 14 deletions(-) diff --git a/rauhala.info/css/index.css b/rauhala.info/css/index.css index d183d10..d16afef 100644 --- a/rauhala.info/css/index.css +++ b/rauhala.info/css/index.css @@ -566,11 +566,21 @@ video { inset: 0px; } +.mx-3 { + margin-left: 0.75rem; + margin-right: 0.75rem; +} + .mx-auto { margin-left: auto; margin-right: auto; } +.my-2 { + margin-top: 0.5rem; + margin-bottom: 0.5rem; +} + .mb-10 { margin-bottom: 2.5rem; } @@ -631,18 +641,10 @@ video { grid-template-columns: repeat(1, minmax(0, 1fr)); } -.grid-cols-3 { - grid-template-columns: repeat(3, minmax(0, 1fr)); -} - .flex-col { flex-direction: column; } -.place-items-stretch { - place-items: stretch; -} - .items-start { align-items: flex-start; } @@ -702,6 +704,11 @@ video { border-color: rgb(229 231 235 / var(--tw-border-opacity)); } +.bg-gray-500 { + --tw-bg-opacity: 1; + background-color: rgb(107 114 128 / var(--tw-bg-opacity)); +} + .bg-gray-800 { --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity)); @@ -712,11 +719,6 @@ video { background-color: rgb(186 230 253 / var(--tw-bg-opacity)); } -.bg-teal-400 { - --tw-bg-opacity: 1; - background-color: rgb(45 212 191 / var(--tw-bg-opacity)); -} - .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); @@ -726,6 +728,10 @@ video { padding: 0.5rem; } +.p-1 { + padding: 0.25rem; +} + .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; @@ -736,6 +742,16 @@ video { padding-bottom: 6rem; } +.px-3 { + padding-left: 0.75rem; + padding-right: 0.75rem; +} + +.py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + .pt-10 { padding-top: 2.5rem; } @@ -769,6 +785,10 @@ video { font-weight: 700; } +.font-medium { + font-weight: 500; +} + .font-semibold { font-weight: 600; } @@ -777,6 +797,11 @@ video { line-height: 1.5rem; } +.text-gray-200 { + --tw-text-opacity: 1; + color: rgb(229 231 235 / var(--tw-text-opacity)); +} + .text-gray-300 { --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity)); diff --git a/rauhala.info/profile.html b/rauhala.info/profile.html index 21ecad7..1444502 100644 --- a/rauhala.info/profile.html +++ b/rauhala.info/profile.html @@ -8,10 +8,24 @@ -
+
+

Working on

+ +
+ +
+
+ +
+
+ +
+
+ +
@@ -20,6 +34,7 @@

Biography

+

A software developer from southern Finland

Location

Espoo, Finland