From ff4d80022e6e781b48be2410fa585e6964ed3ab1 Mon Sep 17 00:00:00 2001 From: Ando Date: Tue, 3 Dec 2024 13:25:23 +1100 Subject: [PATCH] headshot fixing --- themes/ando_cv/sass/hyde.scss | 28 ++++++ themes/ando_cv/templates/index.html | 143 ++++++++++++++++------------ 2 files changed, 108 insertions(+), 63 deletions(-) diff --git a/themes/ando_cv/sass/hyde.scss b/themes/ando_cv/sass/hyde.scss index 173afd6..0a4fa61 100644 --- a/themes/ando_cv/sass/hyde.scss +++ b/themes/ando_cv/sass/hyde.scss @@ -80,6 +80,31 @@ html { font-size: 2.75rem; } +.sidebar-about h2 { + color: #fff; + font-family: "PT Sans", sans-serif; +} + +.sidebar-about .languages dl { + display: grid; + grid-auto-flow: row; + /* doesn't assume 3 terms but N */ + grid-auto-rows: 1fr; + grid-template-columns: repeat( + 50, + min-content + ); /* doesn't assume 3 defs but M<50 */ +} +.sidebar-about .languages dt { + grid-column-start: 1; /* reset, next column */ + color: white; + font-weight: bold; +} +.sidebar-about .languages dd { + color: #eee; + font-weight: 100; +} + /* Sidebar nav */ .sidebar-nav { padding-left: 0; @@ -97,11 +122,14 @@ a.sidebar-nav-item:focus { } .sidebar .headshot { + display: inline-block; clip-path: ellipse(50% 50% at 50% 50%); background: white; } .sidebar .headshot img { clip-path: ellipse(48% 48% at 50% 50%); + margin: 0; + padding: 0; } /* Sticky sidebar diff --git a/themes/ando_cv/templates/index.html b/themes/ando_cv/templates/index.html index 9d41dcd..503dea0 100644 --- a/themes/ando_cv/templates/index.html +++ b/themes/ando_cv/templates/index.html @@ -1,77 +1,94 @@ - - - + + + - - - + + + - {% block title %}{{ config.title }}{% endblock title %} + {% block title %}{{ config.title }}{% endblock title %} - - - - - + + + + + - {% if config.generate_feed %} - - {% endif %} + {% if config.generate_feed %} + + {% endif %} - {% block extra_head %} - {% endblock extra_head %} - + {% block extra_head %} + {% endblock extra_head %} + - - {% block sidebar %} -
-
-
- {% block sidebar_about %} - {% set image = resize_image(path="assets/headshot.jpg", width=500, height=500, op="fit_width") %} -
- Content Warning: Eye contact. Selfie of Anders Rasmussen. -
-

{{ config.title }}

- {% if config.description %} -

{{config.description}}

- {% endif %} - {% endblock sidebar_about %} -
+ + {% block sidebar %} +
+
+
+ {% block sidebar_about %} + {% set image = resize_image(path="assets/headshot.jpg", width=500, height=500, op="fit_width") %} +
+ Content Warning: Eye contact. Selfie of Anders Rasmussen. +
+

{{ config.title }}

+ {% if config.description %} +

{{config.description}}

+ {% endif %} + {% endblock sidebar_about %} -
    - {% block sidebar_nav %} - {% for link in config.extra.hyde_links %} -
  • {{link.name}}
    • - {% endfor %} - {% endblock sidebar_nav %} -
-
-
- {% endblock sidebar %} +
+

Languages

+
+
Danish
+
Native
+
English
+
Fluent
+
German
+
Basic
+
Swedish
+
Basic
+
Norwegian
+
Basic
+
+
+
-
- {% block content %} -
- {% for page in section.pages %} -
-

- - {{ page.title }} | {{ page.extra.company | safe }} - -

- {{ page.extra.location }} - {{ page.extra.locality | capitalize }} - {{ page.extra.start_date | date(format="%Y %B") }}—{{ page.extra.end_date | date(format="%Y %B") }} -
- {% endfor %} -
- {% endblock content %} -
+
    + {% block sidebar_nav %} + {% for link in config.extra.hyde_links %} +
  • {{link.name}}
    • + {% endfor %} + {% endblock sidebar_nav %} +
+
+
+ {% endblock sidebar %} - +
+ {% block content %} +
+ {% for page in section.pages %} +
+

+ + {{ page.title }} | {{ page.extra.company | safe }} + +

+ + {{ page.extra.location }} + {{ page.extra.locality | capitalize }} + {{ page.extra.start_date | date(format="%Y %B") }}—{{ page.extra.end_date | date(format="%Y %B") }} +
+ {% endfor %} +
+ {% endblock content %} +
+ +