feat(guidelines): drop design guidelines content and replace it with …

…a simpler page
Orange-OpenSource · Dec 6, 2021 · c747184 · c747184
1 parent 90eb01e
commit c747184
Show file tree

Hide file tree

Showing 5 changed files with 38 additions and 59 deletions.
diff --git a/config.yml b/config.yml
@@ -61,6 +61,12 @@ params:
   twitter:                          "orange"
   icons:                            "https://design.orange.com/icons-libraries/"
   bootstrap:                        "https://getbootstrap.com"
+  ods:
+    android:                        "https://system.design.orange.com/0c1af118d/n/40c8b1"
+    conversational:                 "https://system.design.orange.com/0c1af118d/n/903c09"
+    extended_reality:               "https://system.design.orange.com/0c1af118d/n/92d30c"
+    iOS:                            "https://system.design.orange.com/0c1af118d/n/24511f"
+    web:                            "https://system.design.orange.com/0c1af118d/n/76065f"
 
   download:
     source:                         "https://github.com/Orange-OpenSource/Orange-Boosted-Bootstrap/archive/v5.1.3.zip"

diff --git a/site/content/docs/5.1/guidelines/_index.md b/site/content/docs/5.1/guidelines/_index.md
@@ -0,0 +1,12 @@
+---
+layout: guidelines
+title: Orange Design System for web
+description: Streamline your workflow and improve experience consistency with this cross-platform, scalable and inspiring design system. Designers, developers, marketers and partners, start your digital creations from the ready-to-use resources here!
+aliases: "/guidelines/"
+---
+
+<div style="background-color: var(--bs-gray-300); height: 200px" class="p-4">
+  <div class="container">
+    <h2 class="h1">Other platforms in the Orange Design System</h2>
+  </div>
+</div>
diff --git a/site/content/docs/5.1/guidelines/logos.md b/site/content/docs/5.1/guidelines/logos.md
@@ -1,12 +1,12 @@
 ---
-layout: guidelines
+layout: single
 title: Logos
 description: The Master logo is our most important and valuable identity element. It’s the mark of assurance that appears on almost everything we do.
 group: guidelines
 subgroup: Core elements
-aliases:
-  - "/guidelines/"
-  - "/docs/5.1/guidelines/"
+#aliases:
+#  - "/guidelines/"
+#  - "/docs/5.1/guidelines/"
 toc: true
 ---
 

diff --git a/site/layouts/_default/guidelines.html b/site/layouts/_default/guidelines.html
@@ -1,58 +1,19 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    {{ partial "header" . }}
-  </head>
-  <body>
-    {{ partial "analytics-body" . }}
-    {{ partial "skippy" . }}
-
-    {{ partial "docs-navbar" . }}
-    {{ partial "guidelines-subnav" . }}
-
-    <div class="container-xxl bd-layout">
-      <aside class="bd-sidebar">
-        {{ partial "guidelines-sidebar" . }}
-      </aside>
-
-      <main class="bd-main bd-guidelines order-1 {{ if eq .Title "Typography" }}bd-typography{{ else if eq .Title "Alerts" }}bd-alerts{{ end }}">
-        <div class="bd-intro pt-md-5 pt-lg-4 ps-lg-4">
-          <h1 class="bd-title" id="content">{{ .Title | markdownify }}</h1>
+{{ define "main" }}
+  <!-- Boosted mod no Header tag here to avoid duplicate banner landmark accessibility error -->
+  <main class="bd-content order-1 py-5" id="content">
+    <div class="container pt-md-1 pb-md-4">
+      <div class="row">
+        <div class="col-12">
+          <h1 class="bd-title mt-0">{{ .Title | markdownify }}</h1>
           <p class="bd-lead">{{ .Page.Params.Description | markdownify }}</p>
-          {{ partial "ads" . }}
-        </div>
-
-        {{ if (eq .Page.Params.toc true) }}
-          <div class="bd-toc mt-4 mb-5 my-md-0 py-md-4 ps-xl-3 mb-lg-5">
-            <strong class="d-block h6 my-2 pb-2 border-bottom border-light border-1">On this page</strong>
-            {{ .TableOfContents }}
+          <div class="d-flex flex-column flex-sm-row">
+            <a href="{{ .Site.Params.ods.web }}" class="btn btn-lg btn-primary">Visit system.design.orange.com</a>
           </div>
-        {{ end }}
-
-      <div class="bd-content ps-lg-4 mb-3">
-        {{ if .Page.Params.sections }}
-            <div class="row g-3">
-              {{ range .Page.Params.sections }}
-              <div class="col-md-6">
-                <a class="d-block text-decoration-none" href="../{{ urlize .title }}/">
-                  <strong class="d-block h5 mb-0">{{ .title }}</strong>
-                  <span class="text-secondary">{{ .description }}</span>
-                </a>
-              </div>
-              {{ end }}
-            </div>
-          {{ end }}
-
-          {{ .Content }}
         </div>
-      </main>
+      </div>
     </div>
-
-    {{ partial "footer" . }}
-    {{ partial "scripts" . }}
-
-    {{ range .Page.Params.extra_js -}}
-      <script{{ with .async }} async{{ end }} src="{{ .src }}"></script>
-    {{- end -}}
-  </body>
-</html>
+  </main>
+  <div class="container-fluid p-0">
+    {{ .Content }}
+  </div>
+{{ end }}
diff --git a/site/layouts/partials/docs-navbar.html b/site/layouts/partials/docs-navbar.html
@@ -20,7 +20,7 @@
           <a class="nav-link{{ if eq .Page.Title "Examples" }} active" aria-current="true{{ end }}" href="/docs/{{ .Site.Params.docs_version }}/examples/" onclick="dataLayer.push({'event': 'clic', 'site_name':'accessibility-boosted', 'phase':'prod', 'track_category':'navbar', 'track_name':'examples'});">Examples</a>
         </li>
         <li class="nav-item col-6 col-md-auto">
-          <a class="nav-link{{ if eq .Page.Layout "guidelines" }} active" aria-current="true{{ end }}" href="/docs/{{ .Site.Params.docs_version }}/guidelines/logos/" onclick="dataLayer.push({'event': 'clic', 'site_name':'accessibility-boosted', 'phase':'prod', 'track_category':'navbar', 'track_name':'guidelines'});">Design guidelines</a>
+          <a class="nav-link{{ if eq .Page.Layout "guidelines" }} active" aria-current="true{{ end }}" href="/docs/{{ .Site.Params.docs_version }}/guidelines/" onclick="dataLayer.push({'event': 'clic', 'site_name':'accessibility-boosted', 'phase':'prod', 'track_category':'navbar', 'track_name':'guidelines'});">Design guidelines</a>
         </li>
       </ul>