diff options
author | Joris | 2019-05-01 15:52:32 +0200 |
---|---|---|
committer | Joris | 2019-05-01 17:11:02 +0200 |
commit | 23f04635cc26e1b0553088f28553f518488a9fc8 (patch) | |
tree | 97037643bab24564046ce4aba90481e3b92a15d3 /src/Design/Resume.hs | |
parent | 0fe906ae7453aa684e998bbcc7a78b62d84f0206 (diff) |
Setup personal page with Hakyll
Diffstat (limited to 'src/Design/Resume.hs')
-rw-r--r-- | src/Design/Resume.hs | 125 |
1 files changed, 0 insertions, 125 deletions
diff --git a/src/Design/Resume.hs b/src/Design/Resume.hs deleted file mode 100644 index d668987..0000000 --- a/src/Design/Resume.hs +++ /dev/null @@ -1,125 +0,0 @@ -{-# LANGUAGE OverloadedStrings #-} - -module Design.Resume - ( resumeCss - ) where - -import Prelude hiding ((**)) - -import Clay -import qualified Clay.Flexbox as CF - -import qualified Design.Color as Color -import qualified Design.Media as Media -import qualified Design.Size as Size - -resumeCss :: Css -resumeCss = - ".section" ? do - position relative - margin (pct 0) (pct 10) (pct 0) (pct 10) - - h1 ? textTransform capitalize - - ".identity" ? do - ".mail" <> ".git" ? do - Size.indentation - i ? marginRight (em 0.5) - - Media.mobile $ do - fontSize (px 14) - marginBottom (px 15) - - Media.tablet $ do - fontSize (px 18) - marginBottom (px 25) - - Media.desktop $ do - fontSize (px 20) - marginBottom (px 30) - - ".pdf" ? do - position absolute - right (px 0) - top (px 0) - color Color.red - transition "all" (ms 100) ease (sec 0) - i ? marginRight (px 0) - hover & transform (scale 1.2 1.2) - - Media.mobile $ do - lineHeight (px 30) - height (px 30) - fontSize (px 20) - - Media.tablet $ do - lineHeight (px 40) - height (px 40) - fontSize (px 30) - - Media.desktop $ do - lineHeight (px 50) - height (px 50) - fontSize (px 40) - - ".item" ? do - marginBottom (px 40) - Size.indentation - Media.mobile $ marginBottom (px 25) - - ".title" <> ".location" <> ".description" ? do - Size.lineHeight - - ".title" ? do - Media.desktop $ do - display flex - marginBottom (px 10) - - ".skills" & do - Size.tabletMarginBottom - - ".text" ? do - backgroundColor Color.orange - color Color.white - padding (px 0) (px 10) (px 0) (px 10) - sym borderRadius (px 2) - Media.mobileTablet $ marginBottom (px 10) - - ".date" ? do - fontStyle italic - Media.mobile $ fontSize (pct 90) - Media.desktop $ marginLeft (px 15) - - ".description" ? ".detail" ? - marginTop Size.listItemSep - - ".location" ? do - color Color.green - Media.mobile $ do - fontSize (pct 90) - marginBottom (px 10) - Size.tabletMarginBottom - - ".itemList" ? marginTop (px 5) - - ".bullets" |> ".detail" ? do - Media.mobile $ marginBottom Size.listItemSep - Size.tabletMarginBottom - - ".bullets" |> li ? do - Size.lineHeight - before & do - content (stringContent "•") - color Color.red - display inlineBlock - marginRight (px 10) - - ".technos" ? do - display flex - flexWrap CF.wrap - sym2 margin (px 5) (px 0) - - ".technos" |> ".techno" ? do - lineHeight normal - borderBottom solid (px 2) lightgray - margin (px 10) (px 15) (px 5) (px 0) |