refactor(layout): make "default-max" the default

Qiskit · Jul 28, 2023 · 4942d2d · 4942d2d
1 parent 1f1cb67
commit 4942d2d
Show file tree

Hide file tree

Showing 30 changed files with 11 additions and 74 deletions.
diff --git a/layouts/default-max.vue b/layouts/default-max.vue
diff --git a/layouts/default.vue b/layouts/default.vue
@@ -1,25 +1,29 @@
 <template>
   <div>
-    <qiskit-ui-shell variant="hide-account" @on-click="onClick" />
-    <div class="main-container">
+    <header>
+      <qiskit-ui-shell v-if="isALearningPage" @on-click="onClick" />
+      <qiskit-ui-shell v-else variant="hide-account" @on-click="onClick" />
+    </header>
+    <main class="main">
       <slot />
-    </div>
-    <LayoutFooter old-container theme="light" />
+    </main>
+    <LayoutFooter />
   </div>
 </template>
 
 <script setup lang="ts">
-// import "@qiskit/web-components/ui-shell";
-
+const route = useRoute();
 const { trackClickEvent } = useSegment();
 
 function onClick(e: CustomEvent) {
   trackClickEvent(`${e.detail?.label?.toLowerCase()}`, "menu");
 }
+
+const isALearningPage = computed(() => route.path.includes("/learn"));
 </script>
 
 <style lang="scss" scoped>
-.main-container {
+.main {
   margin-top: 3.25rem;
 }
 

diff --git a/pages/advocates.vue b/pages/advocates.vue
@@ -14,7 +14,6 @@
 
 <script setup lang="ts">
 definePageMeta({
-  layout: "default-max",
   pageTitle: "Qiskit Advocates",
   routeName: "advocates",
 });

diff --git a/pages/ecosystem.vue b/pages/ecosystem.vue
@@ -148,7 +148,6 @@ const joinAction: TextLink = {
 };
 
 definePageMeta({
-  layout: "default-max",
   pageTitle: "Qiskit Ecosystem",
   routeName: "ecosystem",
 });

diff --git a/pages/events/fall-fest.vue b/pages/events/fall-fest.vue
@@ -100,15 +100,13 @@
 </template>
 
 <script setup lang="ts">
-// import "@carbon/web-components/es/components/tabs/index.js";
 import {
   header,
   agenda,
   helpfulResources,
 } from "~/constants/fallFest2022Content";
 
 definePageMeta({
-  layout: "default-max",
   pageTitle: "Qiskit Fall Fest 2022",
   routeName: "fall-fest",
 });

diff --git a/pages/events/index.vue b/pages/events/index.vue
@@ -113,9 +113,6 @@
 </template>
 
 <script setup lang="ts">
-// import "@carbon/web-components/es/components/checkbox/index.js";
-// import "@carbon/web-components/es/components/code-snippet/index.js";
-// import "@carbon/web-components/es/components/tabs/index.js";
 import {
   CommunityEvent,
   WORLD_REGION_OPTIONS,
@@ -128,7 +125,6 @@ import rawUpcomingEvents from "~/content/events/upcoming-community-events.json";
 type TabActiveSet = "calendar" | "past" | "upcoming";
 
 definePageMeta({
-  layout: "default-max",
   pageTitle: "Qiskit Events",
   routeName: "events",
 });

diff --git a/pages/events/seminar-series.vue b/pages/events/seminar-series.vue
@@ -123,7 +123,6 @@ import { TextLink } from "~/types/links";
 import { DescriptionCard, MosaicElement } from "~/types/uiComponents";
 
 definePageMeta({
-  layout: "default-max",
   pageTitle: "Qiskit Seminar Series",
   routeName: "seminar-series",
 });

diff --git a/pages/events/summer-school-2022.vue b/pages/events/summer-school-2022.vue
@@ -110,7 +110,6 @@ import {
 } from "~/constants/summerSchool2022Content";
 
 definePageMeta({
-  layout: "default-max",
   pageTitle: "Qiskit Global Summer School 2022",
   routeName: "summer-school-2022",
 });

diff --git a/pages/events/summer-school-2023.vue b/pages/events/summer-school-2023.vue
@@ -121,7 +121,6 @@ import {
 } from "~/constants/summerSchool2023Content";
 
 definePageMeta({
-  layout: "default-max",
   pageTitle: "Qiskit Global Summer School 2023",
   routeName: "/events/summer-school-2023",
 });

diff --git a/pages/index.vue b/pages/index.vue
@@ -15,7 +15,6 @@ interface PackageInfo {
 }
 
 definePageMeta({
-  layout: "default-max",
   pageTitle: "Qiskit",
   routeName: "qiskit-landing-page",
 });

diff --git a/pages/learn/course/algorithm-design.vue b/pages/learn/course/algorithm-design.vue
@@ -23,7 +23,6 @@ import { RecommendedReading } from "~/types/learn";
 import { TextLink } from "~/types/links";
 
 definePageMeta({
-  layout: "default-max",
   pageTitle: "Variational Algorithm Design",
   routeName: "algorithm-design",
 });

diff --git a/pages/learn/course/basics-quantum-information.vue b/pages/learn/course/basics-quantum-information.vue
@@ -23,7 +23,6 @@ import { RecommendedReading } from "~/types/learn";
 import { TextLink } from "~/types/links";
 
 definePageMeta({
-  layout: "default-max",
   pageTitle: "Basics of quantum information",
   routeName: "basics-quantum-information-course",
 });

diff --git a/pages/learn/course/fundamentals-quantum-algorithms.vue b/pages/learn/course/fundamentals-quantum-algorithms.vue
@@ -23,7 +23,6 @@ import { RecommendedReading } from "~/types/learn";
 import { TextLink } from "~/types/links";
 
 definePageMeta({
-  layout: "default-max",
   pageTitle: "Fundamentals of quantum algorithms",
   routeName: "fundamentals-quantum-algorithms-course",
 });

diff --git a/pages/learn/course/games-and-demos.vue b/pages/learn/course/games-and-demos.vue
@@ -29,7 +29,6 @@ enum GamesAndDemosUrl {
 }
 
 definePageMeta({
-  layout: "default-max",
   pageTitle: "Games and demos",
   routeName: "games-and-demos",
 });

diff --git a/pages/learn/course/introduction-course.vue b/pages/learn/course/introduction-course.vue
@@ -23,7 +23,6 @@ import { RecommendedReading } from "~/types/learn";
 import { TextLink } from "~/types/links";
 
 definePageMeta({
-  layout: "default-max",
   pageTitle: "Introduction course",
   routeName: "introduction-course",
 });

diff --git a/pages/learn/course/legacy-content.vue b/pages/learn/course/legacy-content.vue
@@ -34,7 +34,6 @@ enum LegacyContentUrl {
 }
 
 definePageMeta({
-  layout: "default-max",
   pageTitle: "Legacy content",
   routeName: "legacy-content",
 });

diff --git a/pages/learn/course/machine-learning-course.vue b/pages/learn/course/machine-learning-course.vue
@@ -22,7 +22,6 @@ import { LearnStartLearningUrl } from "~/constants/links";
 import { TextLink } from "~/types/links";
 
 definePageMeta({
-  layout: "default-max",
   pageTitle: "Quantum machine learning course",
   routeName: "machine-learning-course",
 });

diff --git a/pages/learn/course/multiple-qubits-and-entanglement.vue b/pages/learn/course/multiple-qubits-and-entanglement.vue
@@ -31,7 +31,6 @@ enum MultipleQubitsAndEntanglementUrl {
 }
 
 definePageMeta({
-  layout: "default-max",
   pageTitle: "Multiple Qubits and Entanglement",
   routeName: "multiple-qubits-and-entanglement",
 });

diff --git a/pages/learn/course/prerequisites.vue b/pages/learn/course/prerequisites.vue
@@ -27,7 +27,6 @@ enum PrerequisitesUrl {
 }
 
 definePageMeta({
-  layout: "default-max",
   pageTitle: "Prerequisites",
   routeName: "prerequisites",
 });

diff --git a/pages/learn/course/quantum-algorithms-for-applications.vue b/pages/learn/course/quantum-algorithms-for-applications.vue
@@ -34,7 +34,6 @@ enum QuantumAlgorithmsForApplicationsUrl {
 }
 
 definePageMeta({
-  layout: "default-max",
   pageTitle: "Quantum Algorithms for Applications",
   routeName: "quantum-algorithms-for-applications",
 });

diff --git a/pages/learn/course/quantum-computing-labs.vue b/pages/learn/course/quantum-computing-labs.vue
@@ -34,7 +34,6 @@ enum QuantumComputingLabsUrl {
 }
 
 definePageMeta({
-  layout: "default-max",
   pageTitle: "Quantum Computing Labs",
   routeName: "quantum-computing-labs",
 });

diff --git a/pages/learn/course/quantum-hardware-circuits.vue b/pages/learn/course/quantum-hardware-circuits.vue
@@ -29,7 +29,6 @@ enum QuantumHardwareCircuitsUrl {
 }
 
 definePageMeta({
-  layout: "default-max",
   pageTitle: "Investigating Quantum Hardware Using Quantum Circuits",
   routeName: "quantum-hardware-circuits",
 });

diff --git a/pages/learn/course/quantum-hardware-pulses.vue b/pages/learn/course/quantum-hardware-pulses.vue
@@ -31,7 +31,6 @@ enum QuantumHardwarePulsesUrl {
 }
 
 definePageMeta({
-  layout: "default-max",
   pageTitle: "Investigating Quantum Hardware Using Microwave Pulses",
   routeName: "quantum-hardware-pulses",
 });

diff --git a/pages/learn/course/quantum-protocols-and-quantum-algorithms.vue b/pages/learn/course/quantum-protocols-and-quantum-algorithms.vue
@@ -39,7 +39,6 @@ enum QuantumProtocolsAndQuantumAlgorithmsUrl {
 }
 
 definePageMeta({
-  layout: "default-max",
   pageTitle: "Quantum Protocols and Quantum Algorithms",
   routeName: "quantum-protocols-and-quantum-algorithms",
 });

diff --git a/pages/learn/course/quantum-states-and-qubits.vue b/pages/learn/course/quantum-states-and-qubits.vue
@@ -30,7 +30,6 @@ enum QuantumStatesAndQubitsUrl {
 }
 
 definePageMeta({
-  layout: "default-max",
   pageTitle: "Quantum States and Qubits",
   routeName: "quantum-states-and-qubits",
 });

diff --git a/pages/learn/index.vue b/pages/learn/index.vue
@@ -14,7 +14,6 @@ import { SocialMedia } from "~/constants/links";
 import { DescriptionCard } from "~/types/uiComponents";
 
 definePageMeta({
-  layout: "default-max",
   pageTitle: "Qiskit Textbook",
   routeName: "learn",
 });

diff --git a/pages/learn/summer-school/introduction-to-quantum-computing-and-quantum-hardware-2020.vue b/pages/learn/summer-school/introduction-to-quantum-computing-and-quantum-hardware-2020.vue
@@ -22,7 +22,6 @@ import { LearnStartLearningUrl } from "~/constants/links";
 import { TextLink } from "~/types/links";
 
 definePageMeta({
-  layout: "default-max",
   pageTitle:
     "2020 Qiskit global summer school on quantum computing and quantum hardware",
   routeName: "introduction-to-quantum-computing-and-quantum-hardware-2020",

diff --git a/pages/learn/summer-school/quantum-computing-and-quantum-learning-2021.vue b/pages/learn/summer-school/quantum-computing-and-quantum-learning-2021.vue
@@ -23,7 +23,6 @@ import { RecommendedReading } from "~/types/learn";
 import { TextLink } from "~/types/links";
 
 definePageMeta({
-  layout: "default-max",
   pageTitle: "2021 Qiskit Global Summer School on Quantum Machine Learning",
   routeName: "quantum-computing-and-quantum-learning-2021",
 });

diff --git a/pages/learn/summer-school/quantum-simulation-summer-school-2022.vue b/pages/learn/summer-school/quantum-simulation-summer-school-2022.vue
@@ -22,7 +22,6 @@ import { LearnStartLearningUrl } from "~/constants/links";
 import { TextLink } from "~/types/links";
 
 definePageMeta({
-  layout: "default-max",
   pageTitle: "2022 Qiskit global summer school on quantum simulation",
   routeName: "quantum-simulation-summer-school-2022",
 });

diff --git a/pages/providers.vue b/pages/providers.vue
@@ -70,7 +70,6 @@ import {
 } from "~/types/providers";
 
 definePageMeta({
-  layout: "default-max",
   pageTitle: "Qiskit Providers",
   routeName: "providers",
 });