From bb00c393a44681d514fc99a28caa42a9de2241fd Mon Sep 17 00:00:00 2001 From: Mats Rauhala Date: Thu, 27 Apr 2023 21:53:31 +0300 Subject: [PATCH] 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
-
- - - +
+ + + 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