diff options
| author | Oscar Najera <hi@oscarnajera.com> | 2023-10-15 20:44:00 +0200 |
|---|---|---|
| committer | Oscar Najera <hi@oscarnajera.com> | 2023-10-15 20:44:00 +0200 |
| commit | 0ec36ee8242364847305df19e5f7f47f8b99125c (patch) | |
| tree | d6500c1f8e94756737851523886319e88d96c6f7 | |
| parent | 7db628dc7b899b5e3f327f6f492d437d72bfdf42 (diff) | |
| download | hugo-minimalist-theme-0ec36ee8242364847305df19e5f7f47f8b99125c.tar.gz hugo-minimalist-theme-0ec36ee8242364847305df19e5f7f47f8b99125c.tar.bz2 hugo-minimalist-theme-0ec36ee8242364847305df19e5f7f47f8b99125c.zip | |
About section with Experience items
| -rw-r--r-- | assets/scss/style.scss | 30 | ||||
| -rw-r--r-- | layouts/_default/about.html | 18 |
2 files changed, 38 insertions, 10 deletions
diff --git a/assets/scss/style.scss b/assets/scss/style.scss index e4c8ad0..49fc481 100644 --- a/assets/scss/style.scss +++ b/assets/scss/style.scss @@ -165,20 +165,42 @@ } dl { - @extend .ph5; + @extend .ph4, .mh5-ns, .mh3, .pb2; } dt { @extend .b; } - dd p { - @extend .ma0; - } } footer { a { @extend .link, .near-white, .underline; } } +// CV ENTRY +.cv-entry { + padding-left: 2rem; + dl { + border-left: 1px solid #ccc; + position: relative; + margin: 0; + } + dt::before { + content: ""; + position: absolute; + width: 2rem; + height: 2rem; + background-color: #79c753; + border-radius: 50%; + transform: translateX(-50%); + left: 0; + } + dd { + @extend .mh3; + p:first-of-type { + @extend .mid-gray, .fw3, .mt0; + } + } +} // Title font @font-face { diff --git a/layouts/_default/about.html b/layouts/_default/about.html index 6fdfaba..3fa1090 100644 --- a/layouts/_default/about.html +++ b/layouts/_default/about.html @@ -1,12 +1,18 @@ {{ define "hero" }} -{{ partial "hero.html" . }} + {{ partial "hero.html" . }} {{ end }} {{ define "main" }} -{{ range .Paginator.Pages }} -<div class="main-content lh-copy f5 f4-ns"> -{{ .Content }} -</div> -{{ end }} + <div class="stripe-dark"></div> + {{ range .Paginator.Pages }} + <div class="stripe-dark"> + <div class="mw7 center pv2 lh-copy f4-ns main-content ph1"> + <h2 class="athelas lh-title f2"> + {{ .Title }} + </h2> + {{ .Content }} + </div> + </div> + {{ end }} {{ end }} |