Updated the cloud providers. (#63)

* Updated the cloud providers.

Removed:
1. vern instance as is dead for sometime now, and the whole vern domain itself is dead.
2. Facil services, as they no longer provide for FreshRSS instance.
3. Zaclys instance as they too no longer provide RSS instance.

Updated the RSS direct instance details and URLs, so that they take users to the correct place instead of having to find, navigate, locate and what not in the pages of the domains they are hosted in. Makes it much simpler and directs to path of the site itself.

* Reverted and also ensured landing pages are available. As per PR #63

Reverted and also ensured landing pages are available.
As per PR #63

* Simplify and make the cloud providers more coherent

* Use a grid layout for the list of cloud providers

It should be easier to maintain as the rows are automatically handled by
the grid layout (= no need for an additional container per row).

---------

Co-authored-by: Marien Fressinaud <dev@marienfressinaud.fr>

pages/cloud-providers.html

@@ -11,7 +11,7 @@
  </p>
  </div>
 
- <div class="cols cols--wrap">
+ <div class="grid">
  <div class="card flow-small">
  <div class="card__title">
  FLOSS Feeds
@@ -37,6 +37,7 @@
 
  <p>
  <strong><a href="https://cheredeprince.net/">cheredeprince.net</a></strong>
+ <small> ⋅ <a href="https://rss.cheredeprince.net/">FreshRSS</a></small>
  </p>
  </div>
 
@@ -51,11 +52,10 @@
 
  <p>
  <strong><a href="https://facil.services/">facil.services</a></strong>
+ <small> ⋅ <a href="https://journal.facil.services/">FreshRSS</a></small>
  </p>
  </div>
- </div>
 
- <div class="cols cols--wrap">
  <div class="card flow-small">
  <div class="card__title">
  Flus
@@ -81,6 +81,7 @@
 
  <p>
  <strong><a href="https://hostux.network/">hostux.network</a></strong>
+ <small> ⋅ <a href="https://rss.hostux.net/">FreshRSS</a></small>
  </p>
  </div>
 
@@ -94,15 +95,14 @@
  </p>
 
  <p>
- <strong><a href="https://www.prodottoinrete.com/blogs/new_service_freshrss/">prodottoinrete.com</a></strong>
+ <strong><a href="https://prodottoinrete.com/">prodottoinrete.com</a></strong>
+ <small> ⋅ <a href="https://freshrss.prodottoinrete.com/">FreshRSS</a></small>
  </p>
  </div>
- </div>
 
- <div class="cols cols--wrap">
  <div class="card flow-small">
  <div class="card__title">
- Siick’s services
+ Siick's Services
  </div>
 
  <p class="text-secondary">
@@ -111,20 +111,7 @@
 
  <p>
  <strong><a href="https://services.siick.fr/">services.siick.fr</a></strong>
- </p>
- </div>
-
- <div class="card flow-small">
- <div class="card__title">
- ~vern
- </div>
-
- <p class="text-secondary">
- English, free (donations accepted)
- </p>
-
- <p>
- <strong><a href="https://rss.vern.cc/">rss.vern.cc</a></strong>
+ <small> ⋅ <a href="https://rss.siick.fr/">FreshRSS</a></small>
  </p>
  </div>
 
@@ -134,11 +121,12 @@
  </div>
 
  <p class="text-secondary">
- French, 10 € / year
+ French, 10&nbsp;€&nbsp;/&nbsp;year
  </p>
 
  <p>
- <strong><a href="https://www.zaclys.com">zaclys.com</a></strong>
+ <strong><a href="https://www.zaclys.com/">zaclys.com</a></strong>
+ <small> ⋅ <a href="https://www.zaclys.com/flux/">FreshRSS</a></small>
  </p>
  </div>
  </div>

static/style.css

@@ -325,6 +325,13 @@ blockquote {
  }
 }
 
+.grid {
+ display: grid;
+
+ grid-gap: 1rem;
+ grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
+}
+
 .edge-gap {
  padding-right: 0.5rem;
  padding-left: 0.5rem;