@asd20/ui 3.2.457 → 3.2.459

package/package.json

@@ -5,7 +5,7 @@
     "*.scss",
     "*.vue"
   ],
-  "version": "3.2.457",
+  "version": "3.2.459",
   "private": false,
   "license": "MIT",
   "repository": {

package/src/components/templates/Asd20WayfindingTemplate/index.vue

@@ -55,10 +55,10 @@
 
     <!-- Page Content -->
     <asd20-page-content
-      :primary-messages="wayFindingPrimaryMessages"
-      :secondary-messages="secondaryMessages"
-      omit-body-content
-      grid
+      class="intro-message"
+      :primary-messages="primaryMessage"
+      omit-detail-links
+      omit-calls-to-action
     >
       <!-- Inline-Notifications -->
       <template slot="before">
@@ -74,6 +74,15 @@
 
       <slot></slot>
     </asd20-page-content>
+    <!-- <hr class="seperator" /> -->
+
+    <asd20-page-content
+      :primary-messages="wayFindingPrimaryMessages"
+      :secondary-messages="secondaryMessages"
+      omit-body-content
+      grid
+    >
+    </asd20-page-content>
 
     <asd20-feeds-section
       :announcements="announcements"
@@ -169,6 +178,11 @@ export default {
           )
       )
     },
+    primaryMessage() {
+      const introMessage = this.primaryMessages.slice(0, 1)
+      if ((introMessage[0].bodyHtml === '' || null) || (introMessage[0].detailLink !== '' || null)) return
+      return introMessage
+    },
   },
 }
 </script>
@@ -208,6 +222,34 @@ export default {
       }
     }
   }
+  .intro-message {
+    .asd20-messaging {
+      border-left: 40px solid var(--color__tertiary);
+      border-bottom: 20px solid var(--color__tertiary);
+      padding-left: space(1);
+      padding-bottom: space(1);
+    }
+    p {
+      // font-family: var(--website-typography__font-family-headlines);
+      font-size: 18px !important;
+      line-height: 1.5;
+      font-family: var(--website-typography__font-family-headlines);
+    }
+    h2 {
+      @include asd20-font(
+        1.5,
+        var(--website-typography__font-family-headlines),
+        1.2,
+        700
+      );
+      font-family: var(--website-typography__font-family-headlines);
+      // font-size: 36px !important;
+    }
+  }
+  .seperator {
+    width: 90%;
+    margin: auto;
+  }
 }
 
 @media (min-width: 1024px) {
@@ -229,6 +271,9 @@ export default {
     .asd20-page-content {
       margin-top: space(0);
     }
+    .intro-message {
+      width: 90%;
+    }
   }
 }
 </style>

package/src/data/page-queries/landing-page-query-result.json

@@ -101,12 +101,11 @@
             "id": "4fe4dc65-0d61-497f-8596-e4c5d156bf71",
             "title": "Supports for Academic Success",
             "summary": "Academy District 20 provides a host of services so all students have the tools they need to achieve academic success.",
-            "bodyHtml": "",
+            "bodyHtml": "<h2>Overview</h2><p>Each Academy District 20 school has at least one special education teacher and speech/language pathologist. Students may also receive supports from school social workers, school psychologists, school nurses and occupational and physical therapists.&nbsp;</p><p>Our special education staff members work with students and their families in a variety of ways such as: completing assessments, participating in the development of Individual Education Plans (IEPs) and providing specialized support services.&nbsp;</p><p>Special Education staff&nbsp;meet the state standards for licensed teachers and/or special service providers through the Colorado Department of Education.&nbsp;</p><h2>Inclusion at Academy District 20</h2><p>Inclusion is a child-centered, collaborative process that focuses on the unique needs of each student as an equally valued member of the school community. Inclusion gives each student authentic access to the standards driven curriculum and social community through meaningful instruction and interaction supported by the intentional allocation of time and resources.</p><p>This includes the practice of educating all students together to the maximum extent appropriate with the long -range goal of independence, and participation in and contribution to the community.</p>",
             "status": "Published",
             "publishDateTime": "2019-07-02T20:42:12.000Z",
             "expireDateTime": null,
             "translations": [],
-            "images": [],
             "callsToAction": null,
             "links": [
               {

package/src/mixins/pageTemplateMixin.js

@@ -238,8 +238,9 @@ export default {
         footer.eventsFeedProps = this.eventsFeedProps
       }
 
-      if (relatedLinksContainImages || !useSidebar) {
-        footer.relatedLinks = this.relatedLinks || []
+      if (this.relatedLinks.length > 10 || !useSidebar) {
+        footer.relatedLinks = this.relatedLinks.filter(l => l.imageUrl)
+        sidebar.relatedLinks = this.relatedLinks.filter(l => !l.imageUrl)
       } else {
         sidebar.relatedLinks = this.relatedLinks || []
       }