Merge pull request #75 from swiss/bugfix/easy-language-review-10

bugfix(easy-language): section half for title
swiss · Aug 16, 2024 · 9e1aae9 · 9e1aae9
2 parents 7897cfa + b2d6045
commit 9e1aae9
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 27 deletions.
diff --git a/app/pages/detailSimpleLanguage.vue b/app/pages/detailSimpleLanguage.vue
@@ -29,17 +29,16 @@
       </div>
     </header>
     <main id="main-content">
-      <Hero type="default">
-        <template v-slot:title>
-          Datenmodellablage: Model Repository für Geobasisdaten des Bundesrechts
-        </template>
-        <template v-slot:description>
-          Der Modellkatalog kann unter models.geo.admin.ch angesehen werden. Ein
-          neues «minimales Geodatenmodell» in der Datenmodellablage publizieren.
-          Für die Publikation der «minimalen Geodatenmodelle» besteht kein
-          direkter Online-Zugang.
-        </template>
-      </Hero>
+      <section class="section section--py-half">
+        <div class="container container--grid gap--responsive">
+          <div class="container__center--xs vertical-spacing">
+            <h1 class="h1">
+              Datenmodellablage: Model Repository für Geobasisdaten des
+              Bundesrechts
+            </h1>
+          </div>
+        </div>
+      </section>
       <section class="section section--default">
         <div class="container container--grid gap--responsive">
           <div class="container__center--xs vertical-spacing">
@@ -49,20 +48,19 @@
               </picture>
             </figure>
             <figure v-if="isSignLanguage">
-                <div class="ratio ratio--16/9">
-                  <iframe
-                    width="560"
-                    height="315"
-                    src="//www.youtube-nocookie.com/embed/vIG4cKz7ukM"
-                    title="Geoinformation - Alles findet irgendwo statt — © Swiss Geoportal"
-                    frameborder="0"
-                  />
-                </div>
-                <figcaption>
-                  Geoinformation - Alles findet irgendwo statt — © Swiss
-                  Geoportal
-                </figcaption>
-              </figure>
+              <div class="ratio ratio--16/9">
+                <iframe
+                  width="560"
+                  height="315"
+                  src="//www.youtube-nocookie.com/embed/vIG4cKz7ukM"
+                  title="Geoinformation - Alles findet irgendwo statt — © Swiss Geoportal"
+                  frameborder="0"
+                />
+              </div>
+              <figcaption>
+                Geoinformation - Alles findet irgendwo statt — © Swiss Geoportal
+              </figcaption>
+            </figure>
           </div>
           <div class="container__center--xs vertical-spacing">
             <h2 class="h2">
@@ -127,7 +125,6 @@
 </template>
 
 <script>
-import Hero from '~/components/ch/sections/Hero'
 import Btn from '../components/ch/components/Btn.vue'
 import TextImage from '../components/ch/components/TextImage.vue'
 import ShareBar from '../components/ch/demo/ShareBar.vue'
@@ -143,7 +140,6 @@ export default {
     TopBar,
     TopHeader,
     Breadcrumb,
-    Hero,
     Btn,
     ShareBar,
     TextImage,

diff --git a/css/layouts/container.postcss b/css/layouts/container.postcss
@@ -29,6 +29,10 @@
   @apply py-14 lg:py-20 3xl:py-32;
 }
 
+.container--py-half {
+  @apply py-7 lg:py-10 3xl:py-16;
+}
+
 .container--pt {
   @apply pt-14 lg:pt-20 3xl:pt-32;
   @apply pb-0 lg:pb-0 3xl:pb-0;

diff --git a/css/layouts/section.postcss b/css/layouts/section.postcss
@@ -16,6 +16,10 @@
   @apply container--py;
 }
 
+.section--py-half {
+  @apply container--py-half;
+}
+
 .section--py {
   @apply container--py;
 }