diff --git a/assets/static/style.css b/assets/static/style.css index d843ae3..264b7c3 100644 --- a/assets/static/style.css +++ b/assets/static/style.css @@ -437,8 +437,7 @@ h1 { max-width: 880px; margin: 0; font-size: clamp(30px, 4vw, 45px); font-style: .blog-post-layout { grid-template-areas: "header info" - "body info" - "share info"; + "body info"; } .article-post-layout { grid-template-areas: @@ -527,8 +526,6 @@ h1 { max-width: 880px; margin: 0; font-size: clamp(30px, 4vw, 45px); font-style: border-right: 1px solid rgba(210,97,134,.8); border-bottom: 1px solid rgba(210,97,134,.8); } -.blog-post-layout > .share-panel, -.article-post-layout > .share-panel { grid-area: share; } .post-meta > .share-panel { max-width: none; } .share-panel-heading { display: flex; @@ -692,7 +689,8 @@ h1 { max-width: 880px; margin: 0; font-size: clamp(30px, 4vw, 45px); font-style: padding-block: 68px 78px; } .project-narrative { width: 100%; } -.project-content > .share-panel { grid-column: 1 / -1; } +.project-meta { display: grid; gap: 16px; } +.project-meta > .share-panel { max-width: none; } .repository-card { border: 1px solid var(--rule); background: var(--panel); padding: 24px; } .repository-card dl { margin: 0; } .repository-card a { color: var(--teal); } @@ -746,7 +744,6 @@ h1 { max-width: 880px; margin: 0; font-size: clamp(30px, 4vw, 45px); font-style: grid-template-areas: "header info" "body info" - "share share" "navigation navigation" "back back"; gap: 34px clamp(54px, 7vw, 92px); @@ -756,8 +753,7 @@ h1 { max-width: 880px; margin: 0; font-size: clamp(30px, 4vw, 45px); font-style: .devlog-entry-header { grid-area: header; } .devlog-entry-header h1 { font-style: normal; } .devlog-entry-body { grid-area: body; width: 100%; } -.devlog-entry-layout > .share-panel { grid-area: share; } -.devlog-info { grid-area: info; } +.devlog-meta { grid-area: info; } .devlog-info .post-info-title { color: var(--violet); } .devlog-navigation { grid-area: navigation; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; margin-top: 38px; border: 1px solid var(--rule); background: var(--rule); } .devlog-navigation-link { display: grid; gap: 8px; min-height: 130px; padding: 24px; background: var(--bg); } @@ -849,7 +845,6 @@ h1 { max-width: 880px; margin: 0; font-size: clamp(30px, 4vw, 45px); font-style: "header" "info" "body" - "share" "navigation" "back"; gap: 30px; @@ -868,8 +863,7 @@ h1 { max-width: 880px; margin: 0; font-size: clamp(30px, 4vw, 45px); font-style: grid-template-areas: "header" "info" - "body" - "share"; + "body"; } .article-post-layout { grid-template-areas: diff --git a/templates/base.html b/templates/base.html index ea9dd66..7c3e72c 100644 --- a/templates/base.html +++ b/templates/base.html @@ -10,7 +10,7 @@ - + diff --git a/templates/devlog-entry.html b/templates/devlog-entry.html index 2e7afcc..44c4a6d 100644 --- a/templates/devlog-entry.html +++ b/templates/devlog-entry.html @@ -15,26 +15,27 @@
{{ this.summary }}
- +