formatting changes

canonical · Sep 10, 2024 · 22a64d0 · 22a64d0
1 parent db9837f
commit 22a64d0
Showing 1 changed file with 14 additions and 35 deletions.
diff --git a/templates/openstack/architecture.html b/templates/openstack/architecture.html
@@ -35,7 +35,7 @@ <h1>OpenStack architecture</h1>
 
   <section class="p-section">
     <div class="row--50-50">
-      <hr class="is-muted" />
+      <hr />
       <div class="col">
         <h2>Is OpenStack complex?</h2>
       </div>
@@ -50,8 +50,7 @@ <h2>Is OpenStack complex?</h2>
           <p>Keep reading to learn how Canonical OpenStack helps you bypass all this complexity.</p>
         </div>
       </div>
-      <div class="p-image-container is-highlighted u-hide--small">
-
+      <div class="p-image-container u-hide--small">
         {{ image(url="https://assets.ubuntu.com/v1/4cb083ab-openstack-arch-kilo-logical-v1.png",
                 alt="",
                 width="2102",
@@ -62,22 +61,20 @@ <h2>Is OpenStack complex?</h2>
         }}
       </div>
     </div>
-
   </section>
+
   <section class="p-section">
     <div class="row--50-50">
-      <hr class="is-muted" />
+      <hr />
       <div class="col">
         <h2>Why Canonical OpenStack?</h2>
       </div>
       <div class="col p-section">
-        <div>
-          <p>
-            If you want to use OpenStack, but don't necessarily want to deal with its internals, you're in the right place. Canonical effectively tames the complexity of the upstream OpenStack project and delivers its distilled excellence in the form of a human-friendly product &mdash; Canonical OpenStack.
-          </p>
-        </div>
+        <p>
+          If you want to use OpenStack, but don't necessarily want to deal with its internals, you're in the right place. Canonical effectively tames the complexity of the upstream OpenStack project and delivers its distilled excellence in the form of a human-friendly product &mdash; Canonical OpenStack.
+        </p>
         <hr class="is-muted" />
-        <a href="https://canonical.com/openstack">Explore Canonical OpenStack&nbsp;&rsaquo;</a>
+        <a href="/openstack">Explore Canonical OpenStack&nbsp;&rsaquo;</a>
       </div>
       <hr class="is-muted u-hide--medium u-hide--small" />
       <div class="p-equal-height-row">
@@ -90,7 +87,6 @@ <h5 class="p-heading--5">Opinionated design</h5>
           </p>
         </div>
         <div class="p-equal-height-row__col">
-
           <div class="p-equal-height-row__item">
             <h5 class="p-heading--5">Cloud-native architecture</h5>
           </div>
@@ -107,14 +103,11 @@ <h5 class="p-heading--5">Full bottom-up automation</h5>
           </p>
         </div>
         <div class="p-equal-height-row__col">
-
           <div class="p-equal-height-row__item">
             <h5 class="p-heading--5">High-level abstraction</h5>
           </div>
           <p class="p-equal-height-row__item">
-
             Canonical OpenStack exposes a high-level interface for bootstrapping and operating the cloud. This effectively abstracts the complexity of the upstream project and enables users to spin up a cloud in just a few simple steps.
-
           </p>
         </div>
       </div>
@@ -152,8 +145,7 @@ <h2>OpenStack under the hood</h2>
           </p>
         </div>
         <hr class="is-muted" />
-        <a class="p-button--positive"
-           href="https://canonical.com/openstack/docs">Access supported features</a>
+        <a class="p-button--positive" href="/openstack/docs">Access supported features</a>
       </div>
     </div>
   </section>
@@ -180,7 +172,7 @@ <h2>OpenStack components</h2>
     <div class="row">
       <div class="col-9 col-start-large-4">
         <hr class="is-muted u-hide--small" />
-        <div class="p-image-container is-highlighted u-hide--small">
+        <div class="p-image-container u-hide--small">
           {{ image(url="https://assets.ubuntu.com/v1/aa31dc00-1.2.2.png",
                     alt="",
                     width="1846",
@@ -206,12 +198,11 @@ <h2>How does it work?</h2>
         </p>
         <hr class="is-muted" />
         <p>
-          <a href="https://ubuntu.com/engage/openstack-introduction">Read the whitepaper: “An introduction to OpenStack”
-          &nbsp;&rsquo;</a>
+          <a href="https://ubuntu.com/engage/openstack-introduction">Read the whitepaper: “An introduction to OpenStack”&nbsp;&rsaquo;</a>
         </p>
       </div>
     </div>
-    <div class="row">
+    <div class="row p-section--shallow">
       <div class="col-start-large-4 col-9 col-medium-6">
         <hr class="is-muted" />
         <div class="row">
@@ -246,22 +237,11 @@ <h3 class="p-heading--5">3. OpenStack provisions resources</h3>
             </p>
           </div>
         </div>
-        <hr class="is-muted" />
-        <div class="row">
-          <div class="col-3 col-medium-3">
-            <h3 class="p-heading--5">Payments</h3>
-          </div>
-          <div class="col-6 col-medium-3">
-            <p>
-              MongoDB can handle high-volume transactional data efficiently, making it suitable for banking operations that require quick and reliable transaction processing.
-            </p>
-          </div>
-        </div>
       </div>
     </div>
   </section>
 
-  <section class="p-section">
+  <section class="p-section--deep">
     <div class="row--50-50">
       <hr />
       <div class="col">
@@ -275,8 +255,7 @@ <h2>Get started with Canonical OpenStack</h2>
           </p>
         </div>
         <hr class="is-muted" />
-        <a class="p-button--positive"
-           href="https://canonical.com/openstack/docs/single-node">Start today</a>
+        <a class="p-button--positive" href="/openstack/docs/single-node">Start today</a>
       </div>
     </div>
   </section>