Verified Commit 69823f27 authored by Levente Polyak's avatar Levente Polyak 🚀
Browse files

header: adding some nice colors and list good packages

parent 76fa3ae7
...@@ -44,7 +44,7 @@ class Header extends React.Component { ...@@ -44,7 +44,7 @@ class Header extends React.Component {
<p>Welcome to the official experimental Arch Linux <a href="https://github.com/kpcyrd/rebuilderd">rebuilderd</a> instance, this page shows the results of verification builds of official Arch Linux packages in the repositories in an effort to be fully reproducible. For more information read the <a href="https://reproducible-builds.org/">Reproducible Builds website</a> or join the <a href="ircs://chat.freenode.net/archlinux-reproducible">#archlinux-reproducible</a> IRC channel on <a href="https://freenode.net/">Freenode</a>.</p> <p>Welcome to the official experimental Arch Linux <a href="https://github.com/kpcyrd/rebuilderd">rebuilderd</a> instance, this page shows the results of verification builds of official Arch Linux packages in the repositories in an effort to be fully reproducible. For more information read the <a href="https://reproducible-builds.org/">Reproducible Builds website</a> or join the <a href="ircs://chat.freenode.net/archlinux-reproducible">#archlinux-reproducible</a> IRC channel on <a href="https://freenode.net/">Freenode</a>.</p>
<br/> <br/>
{!fetchFailed && suitesStats.map(function(repo, index) { {!fetchFailed && suitesStats.map(function(repo, index) {
return <p key={ index }><a href={"#" + repo.name }>[{ repo.name }]</a> repository is { repo.percentage }% reproducible with { repo.bad } bad and { repo.unknown } unknown packages.</p>; return <p key={ index }><a href={"#" + repo.name }>[{ repo.name }]</a> repository is <span className="bold">{ repo.percentage }%</span> reproducible with <span className="bad">{ repo.bad } bad</span> <span className="unknown">{ repo.unknown } unknown</span> and <span className="good">{ repo.good } good</span> packages.</p>;
})} })}
</div> </div>
</div> </div>
......
...@@ -14,6 +14,24 @@ $link: #212952; ...@@ -14,6 +14,24 @@ $link: #212952;
@import "../node_modules/bulma/sass/layout/section.sass"; @import "../node_modules/bulma/sass/layout/section.sass";
@import "../node_modules/bulma/sass/grid/tiles.sass"; @import "../node_modules/bulma/sass/grid/tiles.sass";
.bold {
font-weight: bold;
}
.good {
color: rgb(0, 256, 0);
font-weight: bold;
}
.bad {
color: rgb(207, 0, 0);
font-weight: bold;
}
.unknown {
color: rgb(255, 164, 5);
font-weight: bold;
}
ul { ul {
@include tablet { @include tablet {
...@@ -25,7 +43,7 @@ ul { ...@@ -25,7 +43,7 @@ ul {
} }
/* bulma has no 4k option */ /* bulma has no 4k option */
@media (min-width: 2000px) { @media (min-width: 2000px) {
columns: 8; columns: 8;
} }
} }
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment