Merge pull request #379 from MarkLodato/blog

Blog: clean up styling, add banner for guest posts

Merge pull request #379 from MarkLodato/blog
Blog: clean up styling, add banner for guest posts
b363f601 · Mark Lodato · GitHub · b4ad95e4 · c6517dad · b363f601
Unverified Commit b363f601 authored May 04, 2022 by Mark Lodato Committed by GitHub May 04, 2022
--- a/docs/_layouts/post-list.html
+++ b/docs/_layouts/post-list.html
+---
+is_post: false
+---
 <!DOCTYPE html>
 <html lang="{{ page.lang | default: site.lang | default: "en" }}">

@@ -9,9 +12,13 @@
      <main aria-label="Content">
            <div class="wrapper">
                <!-- Hero -->
-                <section class="hero specifications flex justify-center items-center">
+                <section class="hero {% if layout.is_post %}post{% else %}post-list{% endif %} flex justify-center items-center">
                    <div class="wrapper inner text-green-darkest text-left flex flex-col justify-start">
-                        <h1 class="pr-32 mb-16 mt-32">{{page.title}}</h1>
+                      {%- if layout.is_post %}
+                        <h1 class="pr-32 mb-4 mt-8">{{ page.title }}</h1>
+                      {%- else %}
+                        <h1 class="pr-32 mb-16 mt-32">{{ page.title }}</h1>
+                      {%- endif %}
                        <h2>{{ page.subtitle }}</h2>
                        <div class="md:flex justify-between items-start">
                            <div class="w-full md:w-3/5">

--- a/docs/_layouts/post.html
+++ b/docs/_layouts/post.html
 ---
 layout: post-list
+is_post: true
 ---
-<h3 class="mt-8 mb-8"> by {{ page.author }}</h3>
-<p><b>{{ page.date | date_to_string }}</b></p>
+<p class="h3 post-author">by {{ page.author }}</p>
+<p class="post-date"><time datetime="{{ page.date | date: "%Y-%m-%d" }}">{{ page.date | date_to_string }}</time></p>

-{{ content }}
\ No newline at end of file
+{{ content }}
+
+{% if page.is_guest_post -%}
+<div class="guest-post-banner">
+  This is a guest post. The views expressed are not official positions of the
+  SLSA community or any parent organization. The author has requested and
+  incorporated reviewer feedback whenever possible, but the opinions presented
+  are the author’s alone.
+</div>
+{%- endif %}
--- a/docs/_posts/2022-04-08-blog-launch.md
+++ b/docs/_posts/2022-04-08-blog-launch.md
 ---
 title: Introducing the SLSA Blog
 author: "SLSA Community"
-layout: post
+is_guest_post: false
 ---
 We're excited to launch our very own blog, from which we will be posting project news, documentation, and other information about SLSA. Stay tuned for more posts coming your way soon.
--- a/docs/_posts/2022-04-11-slsa-is-no-free-lunch.md
+++ b/docs/_posts/2022-04-11-slsa-is-no-free-lunch.md
 ---
 title: SLSA Is No Free Lunch
 author: "Mike Lieberman"
-layout: post
+is_guest_post: true
 ---
 “What is SLSA?” followed closely by “What does SLSA do for me?” are the two most common questions I get when people learn about SLSA. This has led to a lot of confusion as to how folks apply SLSA, and the benefits they get. You can’t just apply SLSA practices to a pipeline that runs a build, generate a SLSA attestation and magically be protected from supply chain compromise. Contrary to a lot of the hype being thrown around, SLSA is no free lunch, and we must help protect our lunch!


--- a/docs/_posts/2022-05-02-slsa-sbom.md
+++ b/docs/_posts/2022-05-02-slsa-sbom.md
 ---
 title: "SBOM + SLSA: Accelerating SBOM success with the help of SLSA"
 author: "Brandon Lum, Isaac Hepworth, Meder Kydyraliev"
-layout: post
+is_guest_post: true
 ---

 <!-- markdownlint-disable-next-line MD033 -->

--- a/docs/_sass/minima/_layout.scss
+++ b/docs/_sass/minima/_layout.scss
@@ -474,6 +474,23 @@
    margin-bottom: $spacer-xl;
 }

+.markdown .post-author {
+    margin-top: $spacer-xl;
+    margin-bottom: $spacer-m;
+}
+
+.markdown .post-date {
+    color: $grey-color;
+}
+
+.markdown .guest-post-banner {
+    margin-left: $spacer-xxl;
+    margin-right: $spacer-xxl;
+    font-style: italic;
+    font-size: $small-font-size;
+    color: $grey-color;
+}
+

 // hero styling

@@ -492,12 +509,12 @@
        background-size: cover;
    }

-    &.specifications{
+    &.specifications, &.post-list {
        background-color: $light-green;
        height: auto;
    }

-    &.markdown-page{
+    &.markdown-page, &.post {
        background-color: white;
        height: auto;
        padding-bottom: 0;
@@ -530,4 +547,4 @@
            }
        }
    }
-}
\ No newline at end of file
+}