@asd20/ui 3.2.771 → 3.2.773

package/package.json

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

package/src/components/atoms/Asd20Logo/index.vue

@@ -143,7 +143,7 @@ export default {
     margin-top: space(0.50);
     font-family: var(--website-typography__font-family-headlines);
     font-weight: var(--website-typography__font-weight-body, normal);
-    font-size: 0.5em;
+    font-size: 0.75rem;
     // text-transform: uppercase;
     opacity: 0.75;
     text-align: justify;

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

@@ -5,6 +5,12 @@
       We're sorry, it looks like you have a reached a location for a page that
       doesn't exist.
     </p>
+    <asd20-button class="go-back" reversed :link="referrerLink"
+      >Go back to the page you came from
+    </asd20-button>
+    <asd20-button class="go-back"reversed :link="homeLink"
+      >Go back to our Home Page
+    </asd20-button>
     <asd20-list
       v-if="suggestedPagesListItems.length > 0"
       :items="suggestedPagesListItems"
@@ -49,6 +55,7 @@
 
 <script>
 import Asd20List from '../../organisms/Asd20List'
+import Asd20Button from '../../atoms/Asd20Button'
 import Asd20SiteNavigation from '../../../components/organisms/Asd20SiteNavigation'
 import Asd20WidgetsSection from '../../../components/organisms/Asd20WidgetsSection'
 
@@ -62,6 +69,7 @@ import Intersect from 'vue-intersect'
 export default {
   components: {
     Asd20List,
+    Asd20Button,
     Asd20SiteNavigation,
     Asd20WidgetsSection,
     Intersect,
@@ -71,6 +79,8 @@ export default {
 
   data: () => ({
     suggestedPagesListItems: [],
+    referrerLink: document.referrer || window.location.origin,
+    homeLink: window.location.origin,
   }),
 
   mounted() {
@@ -116,9 +126,9 @@ export default {
     small {
       position: relative;
       display: block;
-      font-size: 40vw;
+      font-size: 20vw;
       opacity: 1;
-      color: asd20-swatch('background-alt');
+      color: rgb(245, 245, 245);
       line-height: 1;
       margin-bottom: -10vw;
       z-index: -1;
@@ -127,6 +137,10 @@ export default {
   p {
     text-align: center;
   }
+  .go-back {
+    margin: 1rem;
+    width: 30%;
+  }
   .not-found {
     display: flex;
     height: 100%;

package/src/data/messages/stories.json

@@ -2,24 +2,61 @@
   "@odata.context": "https://asd20-search-prod.search.windows.net/indexes('messages-index')/$metadata#docs(*)",
   "@odata.count": 41,
   "@search.facets": {
-    "categories": [
-      { "count": 24, "value": "Graduation 2020" },
-      { "count": 22, "value": "School Spotlight" },
-      { "count": 22, "value": "Video" },
-      { "count": 20, "value": "News" },
-      { "count": 14, "value": "Featured" },
-      { "count": 12, "value": "Arts" },
-      { "count": 12, "value": "Sports" },
-      { "count": 8, "value": "Kudos" },
-      { "count": 4, "value": "20's People" },
-      { "count": 4, "value": "School Trips" },
-      { "count": 2, "value": "COVID-19" },
-      { "count": 2, "value": "In the News" },
-      { "count": 2, "value": "Uncategorized" }
+    "categories": [{
+        "count": 24,
+        "value": "Graduation 2020"
+      },
+      {
+        "count": 22,
+        "value": "School Spotlight"
+      },
+      {
+        "count": 22,
+        "value": "Video"
+      },
+      {
+        "count": 20,
+        "value": "News"
+      },
+      {
+        "count": 14,
+        "value": "Featured"
+      },
+      {
+        "count": 12,
+        "value": "Arts"
+      },
+      {
+        "count": 12,
+        "value": "Sports"
+      },
+      {
+        "count": 8,
+        "value": "Kudos"
+      },
+      {
+        "count": 4,
+        "value": "20's People"
+      },
+      {
+        "count": 4,
+        "value": "School Trips"
+      },
+      {
+        "count": 2,
+        "value": "COVID-19"
+      },
+      {
+        "count": 2,
+        "value": "In the News"
+      },
+      {
+        "count": 2,
+        "value": "Uncategorized"
+      }
     ]
   },
-  "value": [
-    {
+  "value": [{
       "@search.score": 7.313502,
       "type": "message",
       "id": "14801f20-ba12-11ea-89c6-97124e38f254",
@@ -42,7 +79,7 @@
       "channels": ["News & Stories"],
       "audiences": [],
       "ownerOrganizationId": "26eaf390-d8ab-11e9-a3a8-5de5bba4f125",
-      "images": "[{\"files\":[{\"url\":\"https://asd20websitestorage.blob.core.windows.net/website-files/message-images//thumbnail-md/Screen Shot 2020-06-29 at 8.08.34 AM_250x250.jpg\",\"name\":\"thumbnail-md\",\"width\":250,\"height\":250,\"filename\":\"Screen Shot 2020-06-29 at 8.08.34 AM_250x250.jpg\",\"filepath\":\"message-images//thumbnail-md/Screen Shot 2020-06-29 at 8.08.34 AM_250x250.jpg\",\"filesize\":18750},{\"url\":\"https://asd20websitestorage.blob.core.windows.net/website-files/message-images//thumbnail-sm/Screen Shot 2020-06-29 at 8.08.34 AM_100x100.jpg\",\"name\":\"thumbnail-sm\",\"width\":100,\"height\":100,\"filename\":\"Screen Shot 2020-06-29 at 8.08.34 AM_100x100.jpg\",\"filepath\":\"message-images//thumbnail-sm/Screen Shot 2020-06-29 at 8.08.34 AM_100x100.jpg\",\"filesize\":4884},{\"url\":\"https://asd20websitestorage.blob.core.windows.net/website-files/message-images//thumbnail-xs/Screen Shot 2020-06-29 at 8.08.34 AM_50x50.jpg\",\"name\":\"thumbnail-xs\",\"width\":50,\"height\":50,\"filename\":\"Screen Shot 2020-06-29 at 8.08.34 AM_50x50.jpg\",\"filepath\":\"message-images//thumbnail-xs/Screen Shot 2020-06-29 at 8.08.34 AM_50x50.jpg\",\"filesize\":1840},{\"url\":\"https://asd20websitestorage.blob.core.windows.net/website-files/message-images//banner/Screen Shot 2020-06-29 at 8.08.34 AM_800x300.jpg\",\"name\":\"banner\",\"width\":800,\"height\":300,\"filename\":\"Screen Shot 2020-06-29 at 8.08.34 AM_800x300.jpg\",\"filepath\":\"message-images//banner/Screen Shot 2020-06-29 at 8.08.34 AM_800x300.jpg\",\"filesize\":54628},{\"url\":\"https://asd20websitestorage.blob.core.windows.net/website-files/message-images//full/Screen Shot 2020-06-29 at 8.08.34 AM_1200x800.jpg\",\"name\":\"full\",\"width\":1200,\"height\":800,\"filename\":\"Screen Shot 2020-06-29 at 8.08.34 AM_1200x800.jpg\",\"filepath\":\"message-images//full/Screen Shot 2020-06-29 at 8.08.34 AM_1200x800.jpg\",\"filesize\":142032}],\"isCover\":true,\"metadata\":{\"alt\":\"\"}}]",
+      "images": "[{\"files\":[{\"url\":\"https://asd20websitestorage.blob.core.windows.net/website-files/message-images//thumbnail-md/Screen Shot 2020-06-29 at 8.08.34 AM_250x250.jpg\",\"name\":\"thumbnail-md\",\"width\":250,\"height\":250,\"filename\":\"Screen Shot 2020-06-29 at 8.08.34 AM_250x250.jpg\",\"filepath\":\"message-images//thumbnail-md/Screen Shot 2020-06-29 at 8.08.34 AM_250x250.jpg\",\"filesize\":18750},{\"url\":\"https://asd20websitestorage.blob.core.windows.net/website-files/message-images//thumbnail-sm/Screen Shot 2020-06-29 at 8.08.34 AM_100x100.jpg\",\"name\":\"thumbnail-sm\",\"width\":100,\"height\":100,\"filename\":\"Screen Shot 2020-06-29 at 8.08.34 AM_100x100.jpg\",\"filepath\":\"message-images//thumbnail-sm/Screen Shot 2020-06-29 at 8.08.34 AM_100x100.jpg\",\"filesize\":4884},{\"url\":\"https://asd20websitestorage.blob.core.windows.net/website-files/message-images//thumbnail-xs/Screen Shot 2020-06-29 at 8.08.34 AM_50x50.jpg\",\"name\":\"thumbnail-xs\",\"width\":50,\"height\":50,\"filename\":\"Screen Shot 2020-06-29 at 8.08.34 AM_50x50.jpg\",\"filepath\":\"message-images//thumbnail-xs/Screen Shot 2020-06-29 at 8.08.34 AM_50x50.jpg\",\"filesize\":1840},{\"url\":\"https://asd20websitestorage.blob.core.windows.net/website-files/message-images//banner/Screen Shot 2020-06-29 at 8.08.34 AM_800x300.jpg\",\"name\":\"banner\",\"width\":800,\"height\":300,\"filename\":\"Screen Shot 2020-06-29 at 8.08.34 AM_800x300.jpg\",\"filepath\":\"message-images//banner/Screen Shot 2020-06-29 at 8.08.34 AM_800x300.jpg\",\"filesize\":54628},{\"url\":\"https://asd20websitestorage.blob.core.windows.net/website-files/message-images//full/Screen Shot 2020-06-29 at 8.08.34 AM_1200x800.jpg\",\"name\":\"full\",\"width\":1200,\"height\":800,\"filename\":\"Screen Shot 2020-06-29 at 8.08.34 AM_1200x800.jpg\",\"filepath\":\"message-images//full/Screen Shot 2020-06-29 at 8.08.34 AM_1200x800.jpg\",\"filesize\":142032}],\"isCover\":true,\"metadata\":{\"alt\":\"A Pine Creek High School Graduate looking very self-assured.\"}}]",
       "videos": "[{\"id\":\"LXIJ87xshpc\",\"embedUrl\":\"https://www.youtube.com/embed/LXIJ87xshpc\",\"watchUrl\":\"https://www.youtube.com/watch?v=LXIJ87xshpc\",\"coverImageUrl\":\"https://img.youtube.com/vi/LXIJ87xshpc/0.jpg\"}]",
       "translations": "null",
       "callsToAction": "null",
@@ -802,4 +839,4 @@
       "modifiedDateTime": "2020-07-15T14:59:40.6Z"
     }
   ]
-}
+}

package/src/helpers/mapMessageToCard.js

@@ -9,11 +9,11 @@ export default function mapMessageToCard(message, options = {}) {
     : message.images
   const coverImage = images.find(i => i.isCover) || null
   const coverImageFiles = coverImage ? coverImage.files || [] : []
+  const coverImageAlt = coverImage ? coverImage.metadata.alt : ''
   const bannerImageOrDefault =
     coverImageFiles.length > 0
       ? coverImageFiles.find(f => f.name === 'full') || coverImageFiles[0]
       : null
-
   const channelTitle =
     message.channels && message.channels.length ? message.channels[0] : 'none'
 
@@ -32,6 +32,7 @@ export default function mapMessageToCard(message, options = {}) {
       time: format(message.publishDateTime, 'h:mm A'),
       pinned: message.isFeatured || message.isDistrictFeatured,
       image: bannerImageOrDefault ? bannerImageOrDefault.url : '',
+      alt: bannerImageOrDefault ? coverImageAlt : '',
       link: `${channelPrefixMap[channelTitle]}${message.slug}`,
       hasGallery: images.length > 0,
       hasVideo: videos.length > 0,