Improvements of welcomehub

- proper usage of e-INFRA CZ acronym
- added section with another einfra services

docs/index.md

 ---
 template: overrides/home.html
-title:
+title: 
+hide:
+    - nav
+    - toc
 ---
+
+# **Other e-INFRA CZ Cloud Computing Services**
+
+<div class="grid cards" markdown>
+
+-   __OpenStack site in Brno__
+
+    ---
+
+    Another e-INFRA CZ OpenStack cloud site located in Brno. Use multi-cloud deployments to ensure reliability and availability of your deployed application. 
+
+    [Login to Dashboard][ostack-brno]
+
+-   __Container cloud__
+
+    ---
+
+    Simplify your infrastructure with container platform service. Streamline deployment, scaling and management of your research applications with Kubernetes.   
+
+    [Learn more about our Kubernetes][k8s-product-page]   
+
+-   __SensitiveCloud__
+
+    ---
+    Work with your sensitive data in Trusted Research Environment which is designed to process the data following ISO 27K and other standards. Tailored for the academic purposes.
+
+    [Learn more about SensitiveCloud][sensitive-learn-more]
+
+</div>
+
+[ostack-brno]: https://cloud.muni.cz
+[k8s-product-page]: https://www.cerit-sc.cz/infrastructure-services/data-processing/container-platform
+[sensitive-learn-more]: https://www.cerit-sc.cz/infrastructure-services/sensitivecloud
\ No newline at end of file

docs/stylesheets/extra.css

@@ -9,3 +9,113 @@
   --md-primary-fg-color--light: #3582c4;
   --md-primary-fg-color--dark:  #3582c4;
 }
+
+.md-typeset .grid {
+  grid-gap: 0.4rem;
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
+  margin: 1em 0;
+}
+
+.md-typeset .grid.grid-sm {
+  grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
+}
+
+.md-typeset .grid.cards > :-webkit-any(ul, ol) {
+  display: contents;
+}
+.md-typeset .grid.cards > :-moz-any(ul, ol) {
+  display: contents;
+}
+.md-typeset .grid.cards > :is(ul, ol) {
+  display: contents;
+}
+.md-typeset .grid.cards > :-webkit-any(ul, ol) > li,
+.md-typeset .grid > .card {
+  border: 0.05rem solid var(--md-default-fg-color--lightest);
+  border-radius: 0.1rem;
+  display: block;
+  margin: 0;
+  padding: 0.8rem;
+  -webkit-transition: border 0.25s, box-shadow 0.25s;
+  transition: border 0.25s, box-shadow 0.25s;
+}
+.md-typeset .grid.cards > :-moz-any(ul, ol) > li,
+.md-typeset .grid > .card {
+  border: 0.05rem solid var(--md-default-fg-color--lightest);
+  border-radius: 0.1rem;
+  display: block;
+  margin: 0;
+  padding: 0.8rem;
+  -moz-transition: border 0.25s, box-shadow 0.25s;
+  transition: border 0.25s, box-shadow 0.25s;
+}
+
+.md-typeset .grid.cards > :is(ul, ol) > li,
+.md-typeset .grid > .card {
+  border: 0.05rem solid var(--md-default-fg-color--lightest);
+  border-radius: 0.1rem;
+  display: block;
+  margin: 0;
+  padding: 0.8rem;
+  transition: border 0.25s, box-shadow 0.25s;
+}
+.md-typeset .grid.cards > :-webkit-any(ul, ol) > li:-webkit-any(:focus-within, :hover),
+.md-typeset .grid > .card:-webkit-any(:focus-within, :hover) {
+  border-color: transparent;
+  box-shadow: var(--md-shadow-z2);
+}
+.md-typeset .grid.cards > :-moz-any(ul, ol) > li:-moz-any(:focus-within, :hover),
+.md-typeset .grid > .card:-moz-any(:focus-within, :hover) {
+  border-color: transparent;
+  box-shadow: var(--md-shadow-z2);
+}
+.md-typeset .grid.cards > :is(ul, ol) > li:is(:focus-within, :hover),
+.md-typeset .grid > .card:is(:focus-within, :hover) {
+  border-color: transparent;
+  box-shadow: var(--md-shadow-z2);
+}
+.md-typeset .grid.cards > :-webkit-any(ul, ol) > li > hr,
+.md-typeset .grid > .card > hr {
+  margin-bottom: 1em;
+  margin-top: 1em;
+}
+.md-typeset .grid.cards > :-moz-any(ul, ol) > li > hr,
+.md-typeset .grid > .card > hr {
+  margin-bottom: 1em;
+  margin-top: 1em;
+}
+.md-typeset .grid.cards > :is(ul, ol) > li > hr,
+.md-typeset .grid > .card > hr {
+  margin-bottom: 1em;
+  margin-top: 1em;
+}
+.md-typeset .grid.cards > :-webkit-any(ul, ol) > li > :first-child,
+.md-typeset .grid > .card > :first-child {
+  margin-top: 0;
+  font-size: 1rem;
+}
+.md-typeset .grid.cards > :-moz-any(ul, ol) > li > :first-child,
+.md-typeset .grid > .card > :first-child {
+  margin-top: 0;
+}
+.md-typeset .grid.cards > :is(ul, ol) > li > :first-child,
+.md-typeset .grid > .card > :first-child {
+  margin-top: 0;
+}
+.md-typeset .grid.cards > :-webkit-any(ul, ol) > li > :last-child,
+.md-typeset .grid > .card > :last-child {
+  margin-bottom: 0;
+}
+.md-typeset .grid.cards > :-moz-any(ul, ol) > li > :last-child,
+.md-typeset .grid > .card > :last-child {
+  margin-bottom: 0;
+}
+.md-typeset .grid.cards > :is(ul, ol) > li > :last-child,
+.md-typeset .grid > .card > :last-child {
+  margin-bottom: 0;
+}
+
+.md-main {
+  margin-top: -100px;
+}
\ No newline at end of file

material/overrides/home.html

@@ -4,7 +4,7 @@
 {% extends "overrides/main.html" %}
 {% block tabs %}
   {{ super() }}
-  <style>.md-header{position:initial}.md-main__inner{margin:0}.md-content{display:none}@media screen and (min-width:60em){.md-sidebar--secondary{display:none}}@media screen and (min-width:76.25em){.md-sidebar--primary{display:none}}</style>
+  <style>.md-header{position:initial}.md-main__inner{/* margin:0 */}.md-content{display: block;}@media screen and (min-width:60em){.md-sidebar--secondary{display:none}}@media screen and (min-width:76.25em){.md-sidebar--primary{display:none}}</style>
   <section class="mdx-container">
     <div class="md-grid md-typeset">
       <div class="mdx-hero">
@@ -14,7 +14,7 @@
         <div class="mdx-hero__content">
           <p>{{ config.site_description }}</p>
           <a href="https://horizon.ostrava.openstack.cloud.e-infra.cz/" title="Continue to OpenStack Horizon" class="md-button md-button--primary">
-            OpenStack Dashboard (Horizon)
+            Login to Dashboard
           </a>
           <a href="https://docs.e-infra.cz/compute/openstack/" title="Documentation" class="md-button">
             e-infra.cz OpenStack Documentation
@@ -24,5 +24,13 @@
     </div>
   </section>
 {% endblock %}
-{% block content %}{% endblock %}
-{% block footer %}{% endblock %}
+<div class="md-content" data-md-component="content">
+  <article class="md-content__inner md-typeset">
+    {% block content %}
+      {{ super() }}
+    {% endblock %}
+  </article>
+</div>
+{% block footer %}
+  {{ super() }}
+{% endblock %}

mkdocs.yml

@@ -19,14 +19,15 @@
 # IN THE SOFTWARE.
 
 # Project information
-site_name: e-infra.cz OpenStack cloud
+site_name: e-INFRA CZ OpenStack in Ostrava
 site_url: https://ostrava.openstack.cloud.e-infra.cz/
 site_description: >-
-  E-infra.cz OpenStack cloud based in Ostrava.
+  e-INFRA CZ OpenStack cloud site based in Ostrava.
 
 # Copyright
-copyright: Copyright © 2023 e-infra.cz
-
+copyright: Copyright © 2023 e-INFRA CZ - Czech national research e-infrastructure
+extra:
+  generator: false
 # Configuration
 theme:
   name: material