Skip to content

Commit

Permalink
Juju ecosystem docs post-release fixes (#569)
Browse files Browse the repository at this point in the history 
* ecosystem docs post-release fixes

* amend img width and alt text

* remove /en/latest from links

* update cloud links and from scratch section

* change order of clouds to be alphabetic
  • Loading branch information
@abbiesims
abbiesims authored Feb 7, 2025
1 parent 452ed2c commit 2eee27f
Show file tree
Hide file tree
Showing 2 changed files with 39 additions and 39 deletions.
4 changes: 2 additions & 2 deletions static/sass/styles.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -341,7 +341,7 @@ strong {
}

@media (620px <= width < 1036px) {
.any-application-container img {
.from-scratch-container img {
object-fit: cover;
object-position: center;
width: 100%;
Expand All @@ -350,7 +350,7 @@ strong {
}

@media (width < 620px) {
.any-application-container img {
.from-scratch-container img {
object-fit: cover;
object-position: center;
width: 100%;
Expand Down
74 changes: 37 additions & 37 deletions templates/docs/juju-ecosystem-docs.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,25 +7,25 @@
<nav class="p-tabs">
<ul class="p-tabs__list">
<li class="p-tabs__item">
<a href="https://canonical-juju.readthedocs-hosted.com/en/latest" class="p-tabs__link">Juju Docs</a>
<a href="https://canonical-juju.readthedocs-hosted.com" class="p-tabs__link">Juju Docs</a>
</li>
<li class="p-tabs__item">
<a href="https://canonical-terraform-provider-juju.readthedocs-hosted.com/en/latest/tutorial/"
class="p-tabs__link">Terraform Provider Juju Docs</a>
<a href="https://canonical-terraform-provider-juju.readthedocs-hosted.com"
class="p-tabs__link">Terraform Juju Docs</a>
</li>
<li class="p-tabs__item">
<a href="https://pythonlibjuju.readthedocs.io/en/latest/" class="p-tabs__link">Python Libjuju Docs</a>
<a href="https://pythonlibjuju.readthedocs.io" class="p-tabs__link">Python Libjuju Docs</a>
</li>
<li class="p-tabs__item">
<a href="https://canonical-jaas-documentation.readthedocs-hosted.com/en/latest/" class="p-tabs__link">JAAS
<a href="https://canonical-jaas-documentation.readthedocs-hosted.com" class="p-tabs__link">JAAS
Docs</a>
</li>
<li class="p-tabs__item">
<a href="https://canonical-charmcraft.readthedocs-hosted.com/en/stable/" class="p-tabs__link">Charmcraft
<a href="https://canonical-charmcraft.readthedocs-hosted.com" class="p-tabs__link">Charmcraft
Docs</a>
</li>
<li class="p-tabs__item">
<a href="https://ops.readthedocs.io/en/latest/" class="p-tabs__link">Ops Docs</a>
<a href="https://ops.readthedocs.io" class="p-tabs__link">Ops Docs</a>
</li>
</ul>
</nav>
Expand Down Expand Up @@ -77,7 +77,7 @@ <h1>Juju ecosystem</h1>
<div class="p-equal-height-row">
<div class="p-equal-height-row__col">
<div class="p-equal-height-row__item">
<a href="https://canonical-juju.readthedocs-hosted.com/en/latest/">
<a href="https://canonical-juju.readthedocs-hosted.com">
<div
class="p-image-container--3-2-on-small p-image-container--square-on-medium p-image-container--2-3-on-large is-highlighted">
<img class="p-image-container__image" src="https://assets.ubuntu.com/v1/57c99e47-1%20What%20is%20Juju.svg"
Expand All @@ -90,7 +90,7 @@ <h1>Juju ecosystem</h1>
</div>
<div class="p-equal-height-row__item">
<h4 style="font-weight: 500">
<a href="https://canonical-juju.readthedocs-hosted.com/en/latest/">What is Juju?</a>
<a href="https://canonical-juju.readthedocs-hosted.com">What is Juju?</a>
</h4>
</div>
</div>
Expand Down Expand Up @@ -144,8 +144,8 @@ <h4 style="font-weight: 500">
href="https://canonical-juju.readthedocs-hosted.com/en/latest/user/reference/cloud/list-of-supported-clouds/the-amazon-eks-cloud-and-juju">Amazon
EKS</a>&nbsp;&nbsp;&nbsp;
<a
href="https://canonical-juju.readthedocs-hosted.com/en/latest/user/reference/cloud/list-of-supported-clouds/the-equinix-metal-cloud-and-juju">Amazon
Equinix</a>
href="https://canonical-juju.readthedocs-hosted.com/en/3.6/user/reference/cloud/list-of-supported-clouds/the-equinix-metal-cloud-and-juju">Equinix
Metal</a>
</p>
<p class="p-text--small">
<a
Expand All @@ -161,19 +161,20 @@ <h4 style="font-weight: 500">
<a
href="https://canonical-juju.readthedocs-hosted.com/en/latest/user/reference/cloud/list-of-supported-clouds/the-maas-cloud-and-juju">MAAS</a>&nbsp;&nbsp;&nbsp;
<a
href="https://canonical-juju.readthedocs-hosted.com/en/latest/user/reference/cloud/list-of-supported-clouds/the-vmware-vsphere-cloud-and-juju">VMware</a>&nbsp;&nbsp;&nbsp;
href="https://canonical-juju.readthedocs-hosted.com/en/latest/user/reference/cloud/list-of-supported-clouds/the-microsoft-aks-cloud-and-juju/#cloud-kubernetes-aks">Microsoft
AKS</a>&nbsp;&nbsp;&nbsp;
<a
href="https://canonical-juju.readthedocs-hosted.com/en/latest/user/reference/cloud/list-of-supported-clouds/the-microsoft-azure-cloud-and-juju">Microsoft
Azure</a>

</p>
<p class="p-text--small">
<a
href="https://canonical-juju.readthedocs-hosted.com/en/latest/user/reference/cloud/list-of-supported-clouds/the-microsoft-aks-cloud-and-juju/#cloud-kubernetes-aks">Microsoft
AKS</a>&nbsp;&nbsp;&nbsp;
<a
href="https://canonical-juju.readthedocs-hosted.com/en/latest/user/reference/cloud/list-of-supported-clouds/the-openstack-cloud-and-juju">OpenStack</a>&nbsp;&nbsp;&nbsp;
<a
href="https://canonical-juju.readthedocs-hosted.com/en/latest/user/reference/cloud/list-of-supported-clouds/the-oracle-oci-cloud-and-juju">Oracle</a>
href="https://canonical-juju.readthedocs-hosted.com/en/latest/user/reference/cloud/list-of-supported-clouds/the-oracle-oci-cloud-and-juju">Oracle OCI</a>&nbsp;&nbsp;&nbsp;
<a
href="https://canonical-juju.readthedocs-hosted.com/en/3.6/user/reference/cloud/list-of-supported-clouds/the-vmware-vsphere-cloud-and-juju/">VMware vSphere</a>
</p>
</div>
</div>
Expand Down Expand Up @@ -210,7 +211,7 @@ <h4 style="font-weight: 500">
</p>
<p class="p-text--small">
<a
href="https://charmhub.io/topics/canonical-observability-stack">Observe</a>&nbsp;&nbsp;&nbsp;
href="https://charmhub.io/topics/canonical-observability-stack">Monitor</a>&nbsp;&nbsp;&nbsp;
<a
href="https://canonical-juju.readthedocs-hosted.com/en/latest/user/howto/manage-applications/#migrate-an-application">Migrate</a>&nbsp;&nbsp;&nbsp;
<a
Expand Down Expand Up @@ -311,7 +312,7 @@ <h1 class="p-heading--2">Deploy and manage charmed applications</h1>
<div class="p-equal-height-row__col">
<div class="p-equal-height-row__item">
<div class="p-media-container is-highlighted">
<a href="https://canonical-juju.readthedocs-hosted.com/en/latest/">
<a href="https://canonical-juju.readthedocs-hosted.com">
<img src="https://assets.ubuntu.com/v1/630fc738-Interactively.svg" alt="interactively" width="100%"
height="100%">
</a>
Expand All @@ -322,14 +323,14 @@ <h1 class="p-heading--2">Deploy and manage charmed applications</h1>
</p>
<div class="p-equal-height-row__item">
<hr class="is-muted">
<a href="https://canonical-juju.readthedocs-hosted.com/en/latest/" class="p-button has-icon"><span>Read Juju
<a href="https://canonical-juju.readthedocs-hosted.com" class="p-button has-icon"><span>Read Juju
docs</span><i class="p-icon--chevron-right"></i></a>
</div>
</div>
<div class="p-equal-height-row__col">
<div class="p-equal-height-row__item">
<div class="p-media-container">
<a href="https://canonical-terraform-provider-juju.readthedocs-hosted.com/en/latest/tutorial/">
<a href="https://canonical-terraform-provider-juju.readthedocs-hosted.com">
<img src="https://assets.ubuntu.com/v1/96037188-Declaratively.svg" alt="declaratively" width="100%"
height="100%">
</a>
Expand All @@ -340,14 +341,14 @@ <h1 class="p-heading--2">Deploy and manage charmed applications</h1>
</p>
<div class="p-equal-height-row__item">
<hr class="is-muted">
<a href="https://canonical-terraform-provider-juju.readthedocs-hosted.com/en/latest/tutorial/"
<a href="https://canonical-terraform-provider-juju.readthedocs-hosted.com"
class="p-button has-icon"><span>Read Terraform Juju docs</span><i class="p-icon--chevron-right"></i></a>
</div>
</div>
<div class="p-equal-height-row__col">
<div class="p-equal-height-row__item">
<div class="p-media-container">
<a href="https://pythonlibjuju.readthedocs.io/en/latest/">
<a href="https://pythonlibjuju.readthedocs.io">
<img src="https://assets.ubuntu.com/v1/d968780e-Programatically.svg" alt="programatically" width="100%"
height="100%">
</a>
Expand All @@ -358,14 +359,14 @@ <h1 class="p-heading--2">Deploy and manage charmed applications</h1>
</p>
<div class="p-equal-height-row__item">
<hr class="is-muted">
<a href="https://pythonlibjuju.readthedocs.io/en/latest/" class="p-button has-icon"><span>Read Python Libjuju
<a href="https://pythonlibjuju.readthedocs.io" class="p-button has-icon"><span>Read Python Libjuju
docs</span><i class="p-icon--chevron-right"></i></a>
</div>
</div>
<div class="p-equal-height-row__col">
<div class="p-equal-height-row__item">
<div class="p-media-container">
<a href="https://canonical-jaas-documentation.readthedocs-hosted.com/en/latest/">
<a href="https://canonical-jaas-documentation.readthedocs-hosted.com">
<img src="https://assets.ubuntu.com/v1/d1ffe118-Enterprise%20style.svg" alt="enterprise style"
width="100%" height="100%">
</a>
Expand All @@ -376,7 +377,7 @@ <h1 class="p-heading--2">Deploy and manage charmed applications</h1>
</p>
<div class="p-equal-height-row__item">
<hr class="is-muted">
<a href="https://canonical-jaas-documentation.readthedocs-hosted.com/en/latest/"
<a href="https://canonical-jaas-documentation.readthedocs-hosted.com"
class="p-button has-icon"><span>Read JAAS docs</span><i class="p-icon--chevron-right"></i></a>
</div>
</div>
Expand All @@ -394,7 +395,7 @@ <h1 class="p-heading--2">Build charmed applications</h1>
<div class="p-equal-height-row__item">
<div class="p-media-container is-highlighted">
<a href="https://canonical-charmcraft.readthedocs-hosted.com/en/stable/tutorial/flask/">
<img src="https://assets.ubuntu.com/v1/b04cfc1b-Flask.svg" alt="with charmcraft flask" width="100%"
<img src="https://assets.ubuntu.com/v1/b04cfc1b-Flask.svg" alt="build charms with charmcraft flask" width="100%"
height="100%">
</a>
</div>
Expand All @@ -411,8 +412,8 @@ <h1 class="p-heading--2">Build charmed applications</h1>
<div class="p-equal-height-row__col">
<div class="p-equal-height-row__item">
<div class="p-media-container">
<a href="https://canonical-terraform-provider-juju.readthedocs-hosted.com/en/latest/tutorial/">
<img src="https://assets.ubuntu.com/v1/cadf0700-Django.svg" alt="with charmcraft django" width="100%"
<a href="https://canonical-charmcraft.readthedocs-hosted.com/en/stable/tutorial/write-your-first-kubernetes-charm-for-a-django-app/">
<img src="https://assets.ubuntu.com/v1/cadf0700-Django.svg" alt="build charms with charmcraft django" width="100%"
height="100%">
</a>
</div>
Expand All @@ -422,7 +423,7 @@ <h1 class="p-heading--2">Build charmed applications</h1>
</p>
<div class="p-equal-height-row__item">
<hr class="is-muted">
<a href="https://canonical-terraform-provider-juju.readthedocs-hosted.com/en/latest/tutorial/"
<a href="https://canonical-charmcraft.readthedocs-hosted.com/en/stable/tutorial/write-your-first-kubernetes-charm-for-a-django-app/"
class="p-button has-icon"><span>Read Charmcraft/Django docs</span><i class="p-icon--chevron-right"></i></a>
</div>
</div>
Expand All @@ -431,7 +432,7 @@ <h1 class="p-heading--2">Build charmed applications</h1>
<div class="p-media-container">
<a
href="https://canonical-charmcraft.readthedocs-hosted.com/en/stable/tutorial/write-your-first-kubernetes-charm-for-a-fastapi-app/">
<img src="https://assets.ubuntu.com/v1/0d40eb55-FastAPI.svg" alt="with charmcaft fast api" width="100%"
<img src="https://assets.ubuntu.com/v1/0d40eb55-FastAPI.svg" alt="build charms with charmcaft fast api" width="100%"
height="100%">
</a>
</div>
Expand All @@ -450,7 +451,7 @@ <h1 class="p-heading--2">Build charmed applications</h1>
<div class="p-media-container">
<a
href="https://canonical-charmcraft.readthedocs-hosted.com/en/stable/tutorial/write-your-first-kubernetes-charm-for-a-go-app/">
<img src="https://assets.ubuntu.com/v1/470e39b1-Go.svg" alt="with charmcraft go" width="100%"
<img src="https://assets.ubuntu.com/v1/470e39b1-Go.svg" alt="build charms with charmcraft go" width="100%"
height="100%">
</a>
</div>
Expand All @@ -472,19 +473,18 @@ <h1 class="p-heading--2">Build charmed applications</h1>
<section class="p-section">
<div class="row--50-50">
<div class="col">
<div class="p-image-container--square-on-medium p-image-container--square-on-small any-application-container">
<a href="https://ops.readthedocs.io/en/latest/">
<img src="https://assets.ubuntu.com/v1/574de944-Any%20Application.svg" alt="any application" width="100%"
height="100%">
<div class="p-image-container--square-on-medium p-image-container--square-on-small from-scratch-container">
<a href="https://ops.readthedocs.io">
<img src="https://assets.ubuntu.com/v1/574de944-Any%20Application.svg" alt="build charms with charmcaft and ops" width="800">
</a>
</div>
</div>
<div class="col">
<h3><strong>Any application</strong></h3>
<p>with Charmcaft and Ops</p>
<div class="u-fixed-width">
<hr class="is-muted">
</div>
<a href="https://ops.readthedocs.io/en/latest/" class="p-button has-icon"><span>Read the Ops docs</span><i
<a href="https://ops.readthedocs.io" class="p-button has-icon"><span>Read the Ops docs</span><i
class="p-icon--chevron-right"></i></a>
</div>
</div>
Expand Down

0 comments on commit 2eee27f

Please sign in to comment.