diff --git a/_sass/base.scss b/_sass/base.scss index 8c6b6e2..4fb8664 100644 --- a/_sass/base.scss +++ b/_sass/base.scss @@ -116,16 +116,34 @@ main { } } +hr.heading { + width: 100%; + margin-top: 0; + margin-bottom: 2em; + border: 1px solid rgba(128, 128, 128, 0.2); + height: 0; +} + // Used for both blog and project summaries +@mixin time-text { + font-size: 0.75em; + color: var(--theme-subtle-text-color); +} + +span.dt-label { + display: block; + width: 100%; + text-align: right; + @include time-text; +} + section.title-date-container { display: flex; justify-content: space-between; align-items: baseline; - // flex-wrap: wrap; time { - font-size: 0.75em; text-align: right; - color: var(--theme-subtle-text-color); + @include time-text; } } @@ -150,6 +168,13 @@ a { color: var(--theme-text-color); } +h1 > a, +h2 > a, +h3 > a, +li > a { + text-decoration: None; +} + header a, nav a { text-decoration: none; diff --git a/_sass/cv.scss b/_sass/cv.scss index 49befaa..49cfc1f 100644 --- a/_sass/cv.scss +++ b/_sass/cv.scss @@ -77,10 +77,6 @@ summary h3 { flex: 0 1 auto; } -button { - height: 2em; -} - div.details-container { display: flex; margin-left: 2.2rem; @@ -89,32 +85,20 @@ div.details-container { .cv-title-container { display: flex; align-items: baseline; -} - -div.cv-title-container { + justify-content: space-between; margin-bottom: 1em; margin-top: 1em; -} -div.cv-title-container h2 { - margin: 0px; -} -div.cv-title-container a { - cursor: pointer; - margin-left: 3em; - - border-style: solid; - border-radius: 5px; - border-width: 1px; - border-color: transparent; - offset: None; - - background-color: transparent; - font-size: 1em; -} - -div.cv-title-container button:hover { - border-color: black; + border-bottom: var(--theme-subtle-outline) 1px solid; + h2 { + margin: 0px; + } + a { + cursor: pointer; + text-decoration: None; + color: var(--theme-text-color); + font-size: 0.75em; + } } @media only screen and (max-width: 900px) { diff --git a/_sass/highlights.scss b/_sass/highlights.scss index 58efa92..b993e9b 100644 --- a/_sass/highlights.scss +++ b/_sass/highlights.scss @@ -1,3 +1,12 @@ +// Also affects blog and posts pages +h1.highlights { + font-size: 1.75rem; + margin-bottom: -0.2em; + a { + text-decoration: none; + } +} + section.highlights { margin-bottom: 2rem; @@ -9,27 +18,6 @@ section.highlights { margin-left: $left_pad; } - h1.highlights { - font-size: 1.75rem; - // margin-left: $left_pad; - margin-bottom: 0.75em; - } - a.heading { - text-decoration: none; - - h1 { - margin-bottom: 0.5em; - } - } - - hr.heading { - width: 100%; - margin-top: 0; - margin-bottom: 2em; - border: 1px solid rgba(128, 128, 128, 0.2); - height: 0; - } - hr.blogroll { border-width: 0 !important; } diff --git a/blog.md b/blog.md index 857db5d..eca52d0 100644 --- a/blog.md +++ b/blog.md @@ -9,6 +9,11 @@ img: src: /assets/images/avatar.jpeg alt: A picture of me. --- +
+

Blog

+ Date Posted +
+
{% for post in site.posts %} {% include post_summary.html %} {% endfor %} \ No newline at end of file diff --git a/highlights.md b/highlights.md index ddcc1e7..e2ebce6 100644 --- a/highlights.md +++ b/highlights.md @@ -17,26 +17,35 @@ head: | Welcome to my little home on the web! Below you'll find recent blog posts, projects and mastodon toots. You'll also find links to the web version of my thesis (with animations!) and my CV.
-

Posts

+ +
+

Posts

+ Date Posted +
+
{% for post in site.posts limit:5 %} {% include post_summary.html %} {% endfor %}
-More Posts +More
-

Projects

+ +
+

Projects

+ Last Modified +

{% for post in site.projects limit:5 %} {% include project_summary.html %} {% endfor %} -More Projects +More
-

Toots

+

Toots


diff --git a/projects.md b/projects.md index 27a07ee..25f9dc2 100644 --- a/projects.md +++ b/projects.md @@ -11,6 +11,12 @@ img: social_image: /assets/projects/lego_adapters/thumbnail.png --- +
+

Projects

+ Last Modified +
+
+ {% for post in site.projects %} {% include project_summary.html %} {% endfor %} \ No newline at end of file