| |
@@ -13,14 +13,26 @@
|
| |
with_title: false
|
| |
---
|
| |
|
| |
+ <style>
|
| |
+ div.hero-signal {
|
| |
+ height: 30px;
|
| |
+ min-height: 40px;
|
| |
+ background-color: #a14f8c;
|
| |
+ background-image: url("data:image/svg+xml,%3Csvg width='84' height='48' viewBox='0 0 84 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h12v6H0V0zm28 8h12v6H28V8zm14-8h12v6H42V0zm14 0h12v6H56V0zm0 8h12v6H56V8zM42 8h12v6H42V8zm0 16h12v6H42v-6zm14-8h12v6H56v-6zm14 0h12v6H70v-6zm0-16h12v6H70V0zM28 32h12v6H28v-6zM14 16h12v6H14v-6zM0 24h12v6H0v-6zm0 8h12v6H0v-6zm14 0h12v6H14v-6zm14 8h12v6H28v-6zm-14 0h12v6H14v-6zm28 0h12v6H42v-6zm14-8h12v6H56v-6zm0-8h12v6H56v-6zm14 8h12v6H70v-6zm0 8h12v6H70v-6zM14 24h12v6H14v-6zm14-8h12v6H28v-6zM14 8h12v6H14V8zM0 8h12v6H0V8z' fill='%23ffffff' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");
|
| |
+ }
|
| |
+ .card:hover div.hero-signal {
|
| |
+ background-image: url("data:image/svg+xml,%3Csvg width='84' height='48' viewBox='0 0 84 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h12v6H0V0zm28 8h12v6H28V8zm14-8h12v6H42V0zm14 0h12v6H56V0zm0 8h12v6H56V8zM42 8h12v6H42V8zm0 16h12v6H42v-6zm14-8h12v6H56v-6zm14 0h12v6H70v-6zm0-16h12v6H70V0zM28 32h12v6H28v-6zM14 16h12v6H14v-6zM0 24h12v6H0v-6zm0 8h12v6H0v-6zm14 0h12v6H14v-6zm14 8h12v6H28v-6zm-14 0h12v6H14v-6zm28 0h12v6H42v-6zm14-8h12v6H56v-6zm0-8h12v6H56v-6zm14 8h12v6H70v-6zm0 8h12v6H70v-6zM14 24h12v6H14v-6zm14-8h12v6H28v-6zM14 8h12v6H14V8zM0 8h12v6H0V8z' fill='%23ffffff' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E");
|
| |
+ }
|
| |
+ </style>
|
| |
+
|
| |
<div class="row">
|
| |
{% assign distributions = site.data.centos.distributions %}
|
| |
{% for distro in distributions %}
|
| |
<div class="col-sm-12 col-md-6 col-lg-4 mb-3">
|
| |
<div class="card">
|
| |
- <img src="{{ site.baseurl }}/assets/img/download/distribution-release-screenshot-1.png" class="card-img-top" alt="...">
|
| |
- <div class="card-header h5">{{ distro.title }}</div>
|
| |
+ <div class="hero-signal"> </div>
|
| |
<div class="card-body">
|
| |
+ <div class="card-title h5">{{ distro.title }}</div>
|
| |
<p class="card-text">{{ distro.description }}</p>
|
| |
<a class="btn btn-sm btn-outline-primary text-nowrap stretched-link" href="{{ distro.page }}">Learn more <i class="fa-solid fa-arrow-right"></i></a>
|
| |
</div>
|
| |
@@ -36,18 +48,6 @@
|
| |
copper kettles and warm woolen mittens.
|
| |
|
| |
{% assign sigs = site.data.centos.sigs %}
|
| |
- <style>
|
| |
- div.hero-signal {
|
| |
- height: 30px;
|
| |
- min-height: 40px;
|
| |
- background-color: #a14f8c;
|
| |
- background-image: url("data:image/svg+xml,%3Csvg width='84' height='48' viewBox='0 0 84 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h12v6H0V0zm28 8h12v6H28V8zm14-8h12v6H42V0zm14 0h12v6H56V0zm0 8h12v6H56V8zM42 8h12v6H42V8zm0 16h12v6H42v-6zm14-8h12v6H56v-6zm14 0h12v6H70v-6zm0-16h12v6H70V0zM28 32h12v6H28v-6zM14 16h12v6H14v-6zM0 24h12v6H0v-6zm0 8h12v6H0v-6zm14 0h12v6H14v-6zm14 8h12v6H28v-6zm-14 0h12v6H14v-6zm28 0h12v6H42v-6zm14-8h12v6H56v-6zm0-8h12v6H56v-6zm14 8h12v6H70v-6zm0 8h12v6H70v-6zM14 24h12v6H14v-6zm14-8h12v6H28v-6zM14 8h12v6H14V8zM0 8h12v6H0V8z' fill='%23ffffff' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");
|
| |
- }
|
| |
- .card:hover div.hero-signal {
|
| |
- background-image: url("data:image/svg+xml,%3Csvg width='84' height='48' viewBox='0 0 84 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h12v6H0V0zm28 8h12v6H28V8zm14-8h12v6H42V0zm14 0h12v6H56V0zm0 8h12v6H56V8zM42 8h12v6H42V8zm0 16h12v6H42v-6zm14-8h12v6H56v-6zm14 0h12v6H70v-6zm0-16h12v6H70V0zM28 32h12v6H28v-6zM14 16h12v6H14v-6zM0 24h12v6H0v-6zm0 8h12v6H0v-6zm14 0h12v6H14v-6zm14 8h12v6H28v-6zm-14 0h12v6H14v-6zm28 0h12v6H42v-6zm14-8h12v6H56v-6zm0-8h12v6H56v-6zm14 8h12v6H70v-6zm0 8h12v6H70v-6zM14 24h12v6H14v-6zm14-8h12v6H28v-6zM14 8h12v6H14V8zM0 8h12v6H0V8z' fill='%23ffffff' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E");
|
| |
- }
|
| |
- </style>
|
| |
-
|
| |
<div class="row">
|
| |
{% for sig in sigs %}
|
| |
{% if sig.highlight %}
|
| |
carlwgeorge
commented 2 months ago
To avoid having empty blocks where screenshots would go, use the same hero-signal image for the distro cards as the SIG cards.