Commit c3a62234 authored by Alex Feyerke's avatar Alex Feyerke Committed by Chris Lamb
Browse files

feat: improve r-b benefit cards on index page (why r-b matter)

parent 2ff18799

_data/reasons-for-rb.yml

0 → 100644
+17 −0
Original line number Diff line number Diff line 
cards:

  - emoji: "🔒"

    title: "Security & Trust"

    description: "Reproducible Builds let third parties make sure that software hasn’t been altered, increasing **safety and reliability**."

  - emoji: "🔬"

    title: "Transparency in Development"

    description: "Reproducible Builds make sure that developers’ code always works the same way, which makes the software more **consistent and trustworthy**."

  - emoji: "🏰"

    title: "Protection of Build Infrastructure"

    description: "Attacks on build systems and supply chains can affect many users. Reproducible builds **detect unauthorized changes** to the build process early."

  - emoji: "📜"

    title: "Regulatory Compliance & Licensing"

    description: "Reproducible Builds **ensure software complies with licenses** and industry standards by proving that binaries match their source code."

  - emoji: "🛡️" 

    title: "Increased Resilience Against Attacks"

    description: "Reproducible Builds **protect developers from targeted attacks** by allowing third-party verification of their software, preventing your projects from being compromised."

_includes/user-stories.html

deleted100644 → 0
+0 −21
Original line number Diff line number Diff line 
<div  class="row justify-content-center">

  <h2 class="text-center mb-4">Why Reproducible Builds Matter</h2>

  <div class="row justify-content-center">

    {% for card in site.data.user-stories.cards %}

    <div class="col-lg-4 col-md-6 col-sm-12 mb-4 d-flex">

      <div class="card h-100 shadow-sm">

        <div class="card-body">

          <div

            class="bg-light d-flex justify-content-center align-items-center p-3 rounded-circle mx-auto mb-3"

            style="width: 50px; height: 50px; font-size: 24px"

          >

            {{ card.emoji }}

          </div>

          <h3 class="card-title">{{ card.title }}</h3>

          <p class="card-text text-left">{{ card.description }}</p>

        </div>

      </div>

    </div>

    {% endfor %}

  </div>

</div>

assets/styles/components.scss

+8 −0
Original line number Diff line number Diff line
@@ -122,3 +122,11 @@ 
  background-color: $oc-gray-2 !important;

  padding: .2em !important;

}



.tinted-icon {

  width: 100px;

  height: 100px;

  font-size: 60px;

  background-color: #c3ccd5;

  filter: sepia(1) hue-rotate(180deg);

}

index.md

+6 −6
Original line number Diff line number Diff line
@@ -28,19 +28,19 @@ permalink: / 


<div class="row justify-content-center">

  <h2 class="text-center mb-4">Why Reproducible Builds Matter</h2>

  <p class="mb-4"><strong>In short: </strong>Reproducible Builds provide certainty that software is genuine and has not been tampered with.</p>

  <div class="row justify-content-center">

    {% for card in site.data.user-stories.cards %}

    {% for card in site.data.reasons-for-rb.cards %}

    <div class="col-lg-4 col-md-6 col-sm-12 mb-4 d-flex">

      <div class="card h-100 shadow-sm">

        <div class="card-body">

          <div

            class="bg-light d-flex justify-content-center align-items-center p-3 rounded-circle mx-auto mb-3"

            style="width: 50px; height: 50px; font-size: 24px"

            class="d-flex justify-content-center align-items-center p-3 rounded-circle mx-auto tinted-icon"

          >

            {{ card.emoji }}

          </div>

          <h3 class="card-title">{{ card.title }}</h3>

          <p class="card-text text-left">{{ card.description }}</p>

          <h3 class="card-title mt-3">{{ card.title }}</h3>

          <p class="card-text text-left">{{ card.description | markdownify }}</p>

        </div>

      </div>

    </div>