@asd20/ui 3.2.576 → 3.2.578

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/package.json +1 -1
  2. package/src/components/molecules/Asd20Share/index.vue +1 -1
  3. package/src/components/organisms/Asd20ImageHeader/index.vue +17 -17
  4. package/src/components/organisms/Asd20MediaSection/index.vue +12 -0
  5. package/src/data/page-queries/landing-page-query-result.json +12 -12
package/package.json CHANGED
@@ -5,7 +5,7 @@
5
5
  "*.scss",
6
6
  "*.vue"
7
7
  ],
8
- "version": "3.2.576",
8
+ "version": "3.2.578",
9
9
  "private": false,
10
10
  "license": "MIT",
11
11
  "repository": {
package/src/components/molecules/Asd20Share/index.vue CHANGED
@@ -126,7 +126,7 @@ export default {
126
126
 
127
127
  const el = document.createElement('div')
128
128
  // el.innerHTML = `<h2><a href="${url}">${h1}</a></h2> <p>${summary}<a href="${url}">Read more</a>.</p>${linkHtml}</ul>`
129
- el.innerHTML = `<h2></h2> <p>${summary}<a href="${url}">Read more</a>.</p>${linkHtml}</ul>`
129
+ el.innerHTML = `<h2>${h1}</h2> <p>${summary}<a href="${url}">Read more</a>.</p>${linkHtml}</ul>`
130
130
  document.body.appendChild(el)
131
131
  const range = document.createRange()
132
132
  const selection = document.getSelection()
package/src/components/organisms/Asd20ImageHeader/index.vue CHANGED
@@ -1,11 +1,11 @@
1
1
  <template>
2
2
  <header
3
3
  v-scroll-track.window
4
- class="asd20-image-header"
4
+ class="asd20-page-header"
5
5
  :class="classes"
6
6
  role="banner"
7
7
  >
8
- <div class="asd20-image-header__top" v-if="organizationOptions.length > 0">
8
+ <div class="asd20-page-header__top" v-if="organizationOptions.length > 0">
9
9
  <client-only>
10
10
  <asd20-organization-picker
11
11
  :organization-options="organizationOptions"
@@ -14,9 +14,9 @@
14
14
  </client-only>
15
15
  <slot name="top" />
16
16
  </div>
17
- <div :class="imageUrl ? 'add-fade' : ''" class="asd20-image-header__main">
18
- <div class="asd20-image-header__content">
19
- <div class="asd20-image-header__tools">
17
+ <div :class="imageUrl ? 'add-fade' : ''" class="asd20-page-header__main">
18
+ <div class="asd20-page-header__content">
19
+ <div class="asd20-page-header__tools">
20
20
  <asd20-breadcrumb
21
21
  v-if="breadcrumbLinks.length"
22
22
  :links="breadcrumbLinks"
@@ -52,11 +52,11 @@
52
52
  ></asd20-button>
53
53
  </div>
54
54
  </div>
55
- <div id="main" class="asd20-image-header__title-content">
55
+ <div id="main" class="asd20-page-header__title-content">
56
56
  <h1 v-if="heading" v-html="heading" />
57
57
  <div
58
58
  v-if="publishDateTime || categories.length || $slots.meta"
59
- class="asd20-image-header__meta"
59
+ class="asd20-page-header__meta"
60
60
  >
61
61
  <span class="date-prefix">Published:</span>
62
62
  <asd20-formatted-date
@@ -72,7 +72,7 @@
72
72
  <asd20-tag-group v-if="categories.length" :tags="categories" />
73
73
  <slot name="meta" />
74
74
  </div>
75
- <div v-if="lead" class="asd20-image-header__lead">
75
+ <div v-if="lead" class="asd20-page-header__lead">
76
76
  <span v-html="lead"></span>
77
77
  <a v-show="detailLink && !isDetailPage" :href="detailLink">
78
78
  {{ detailLinkLabel }}
@@ -81,18 +81,18 @@
81
81
  </div>
82
82
  </div>
83
83
 
84
- <div v-if="imageUrl && !$slots.aside" class="asd20-image-header__image">
84
+ <div v-if="imageUrl && !$slots.aside" class="asd20-page-header__image">
85
85
  <img :src="imageUrl" :alt="imageCaption" />
86
86
  </div>
87
87
  </div>
88
88
 
89
- <aside class="asd20-image-header__aside" v-if="$slots.aside">
89
+ <aside class="asd20-page-header__aside" v-if="$slots.aside">
90
90
  <slot name="aside" />
91
91
  </aside>
92
92
 
93
93
  <div
94
94
  v-if="callsToAction.length > 0"
95
- class="asd20-image-header__call-to-action"
95
+ class="asd20-page-header__call-to-action"
96
96
  >
97
97
  <!-- <asd20-button
98
98
  v-for="(cta, index) in callsToAction"
@@ -178,8 +178,8 @@ export default {
178
178
  },
179
179
  classes() {
180
180
  return {
181
- 'asd20-image-header--fullscreen': this.fullscreen,
182
- 'asd20-image-header--has-cta': this.callsToAction
181
+ 'asd20-page-header--fullscreen': this.fullscreen,
182
+ 'asd20-page-header--has-cta': this.callsToAction
183
183
  ? this.callsToAction.length > 0
184
184
  : false,
185
185
  }
@@ -212,7 +212,7 @@ export default {
212
212
  @import '../../../design/_variables.scss';
213
213
  @import '../../../design/_mixins.scss';
214
214
 
215
- .asd20-image-header {
215
+ .asd20-page-header {
216
216
  position: relative;
217
217
  display: flex;
218
218
  flex-shrink: 0;
@@ -428,14 +428,14 @@ export default {
428
428
  }
429
429
  }
430
430
  &--has-cta {
431
- .asd20-image-header__content {
431
+ .asd20-page-header__content {
432
432
  // padding-bottom: space(2);
433
433
  }
434
434
  }
435
435
  }
436
436
 
437
437
  @media (min-width: 768px) {
438
- .asd20-image-header {
438
+ .asd20-page-header {
439
439
  &__main {
440
440
  position: relative;
441
441
  min-height: 500px;
@@ -507,7 +507,7 @@ export default {
507
507
  }
508
508
 
509
509
  @media (min-width: 1024px) {
510
- .asd20-image-header {
510
+ .asd20-page-header {
511
511
  .add-fade {
512
512
  &::before {
513
513
  background: linear-gradient(
package/src/components/organisms/Asd20MediaSection/index.vue CHANGED
@@ -57,6 +57,12 @@ export default {
57
57
  background-position-y: top;
58
58
  padding: space(1) calc(var(--gutter));
59
59
  margin: 0;
60
+ .asd20-videos-section {
61
+ order: 1;
62
+ }
63
+ .asd20-image-gallery {
64
+ order: 2;
65
+ }
60
66
  }
61
67
 
62
68
  // @media (max-width: 1023px) {
@@ -71,5 +77,11 @@ export default {
71
77
  --gutter: #{space(1)};
72
78
  padding: space(1) calc(var(--gutter) + #{space(1)});
73
79
  }
80
+ .asd20-image-gallery {
81
+ order: 1 !important;
82
+ }
83
+ .asd20-videos-section {
84
+ order: 2 !important;
85
+ }
74
86
  }
75
87
  </style>
package/src/data/page-queries/landing-page-query-result.json CHANGED
@@ -360,7 +360,7 @@
360
360
  {
361
361
  "files": [
362
362
  {
363
- "url": "https://asd20websitestorage.blob.core.windows.net/website-files/message-images/a-great-place-to-live/thumbnail-md/colorado_springs_250x250.jpg",
363
+ "url": "https://asd20websitestorage.blob.core.windows.net/website-files/message-images/computing-devices-for-school-use/full/student%20laptops_1280x853_2023-07-05T21_09_21.jpg",
364
364
  "name": "thumbnail-md",
365
365
  "width": 250,
366
366
  "height": 250,
@@ -369,7 +369,7 @@
369
369
  "filesize": 31651
370
370
  },
371
371
  {
372
- "url": "https://asd20websitestorage.blob.core.windows.net/website-files/message-images/a-great-place-to-live/thumbnail-sm/colorado_springs_100x100.jpg",
372
+ "url": "https://asd20websitestorage.blob.core.windows.net/website-files/message-images/computing-devices-for-school-use/full/student%20laptops_1280x853_2023-07-05T21_09_21.jpg",
373
373
  "name": "thumbnail-sm",
374
374
  "width": 100,
375
375
  "height": 100,
@@ -378,7 +378,7 @@
378
378
  "filesize": 3934
379
379
  },
380
380
  {
381
- "url": "https://asd20websitestorage.blob.core.windows.net/website-files/message-images/a-great-place-to-live/thumbnail-xs/colorado_springs_50x50.jpg",
381
+ "url": "https://asd20websitestorage.blob.core.windows.net/website-files/message-images/computing-devices-for-school-use/full/student%20laptops_1280x853_2023-07-05T21_09_21.jpg",
382
382
  "name": "thumbnail-xs",
383
383
  "width": 50,
384
384
  "height": 50,
@@ -387,7 +387,7 @@
387
387
  "filesize": 1849
388
388
  },
389
389
  {
390
- "url": "https://asd20websitestorage.blob.core.windows.net/website-files/message-images/a-great-place-to-live/banner/colorado_springs_800x300.jpg",
390
+ "url": "https://asd20websitestorage.blob.core.windows.net/website-files/message-images/computing-devices-for-school-use/full/student%20laptops_1280x853_2023-07-05T21_09_21.jpg",
391
391
  "name": "banner",
392
392
  "width": 800,
393
393
  "height": 300,
@@ -396,7 +396,7 @@
396
396
  "filesize": 106682
397
397
  },
398
398
  {
399
- "url": "https://asd20websitestorage.blob.core.windows.net/website-files/message-images/a-great-place-to-live/full/colorado_springs_815x486.jpg",
399
+ "url": "https://asd20websitestorage.blob.core.windows.net/website-files/message-images/computing-devices-for-school-use/full/student%20laptops_1280x853_2023-07-05T21_09_21.jpg",
400
400
  "name": "full",
401
401
  "width": 815,
402
402
  "height": 486,
@@ -405,7 +405,7 @@
405
405
  "filesize": 171481
406
406
  }
407
407
  ],
408
- "isCover": false,
408
+ "isCover": true,
409
409
  "metadata": {
410
410
  "alt": "Pike's Peak as seen from Garden of the Gods."
411
411
  }
@@ -458,7 +458,7 @@
458
458
  "filesize": 318555
459
459
  }
460
460
  ],
461
- "isCover": true,
461
+ "isCover": false,
462
462
  "metadata": {
463
463
  "alt": ""
464
464
  }
@@ -548,7 +548,7 @@
548
548
  {
549
549
  "files": [
550
550
  {
551
- "url": "https://asd20websitestorage.blob.core.windows.net/website-files/message-images/a-great-place-to-live/thumbnail-md/PIES_teacher_250x250.jpg",
551
+ "url": "https://asd20websitestorage.blob.core.windows.net/website-files/message-images/school-meals-and-menus/full/ASD20SchoolLunch_1280x852_2023-07-06T14_18_30.jpg",
552
552
  "name": "thumbnail-md",
553
553
  "width": 250,
554
554
  "height": 250,
@@ -557,7 +557,7 @@
557
557
  "filesize": 28287
558
558
  },
559
559
  {
560
- "url": "https://asd20websitestorage.blob.core.windows.net/website-files/message-images/a-great-place-to-live/thumbnail-sm/PIES_teacher_100x100.jpg",
560
+ "url": "https://asd20websitestorage.blob.core.windows.net/website-files/message-images/school-meals-and-menus/full/ASD20SchoolLunch_1280x852_2023-07-06T14_18_30.jpg",
561
561
  "name": "thumbnail-sm",
562
562
  "width": 100,
563
563
  "height": 100,
@@ -566,7 +566,7 @@
566
566
  "filesize": 3752
567
567
  },
568
568
  {
569
- "url": "https://asd20websitestorage.blob.core.windows.net/website-files/message-images/a-great-place-to-live/thumbnail-xs/PIES_teacher_50x50.jpg",
569
+ "url": "https://asd20websitestorage.blob.core.windows.net/website-files/message-images/school-meals-and-menus/full/ASD20SchoolLunch_1280x852_2023-07-06T14_18_30.jpg",
570
570
  "name": "thumbnail-xs",
571
571
  "width": 50,
572
572
  "height": 50,
@@ -575,7 +575,7 @@
575
575
  "filesize": 1875
576
576
  },
577
577
  {
578
- "url": "https://asd20websitestorage.blob.core.windows.net/website-files/message-images/a-great-place-to-live/banner/PIES_teacher_800x300.jpg",
578
+ "url": "https://asd20websitestorage.blob.core.windows.net/website-files/message-images/school-meals-and-menus/full/ASD20SchoolLunch_1280x852_2023-07-06T14_18_30.jpg",
579
579
  "name": "banner",
580
580
  "width": 800,
581
581
  "height": 300,
@@ -584,7 +584,7 @@
584
584
  "filesize": 81515
585
585
  },
586
586
  {
587
- "url": "https://asd20websitestorage.blob.core.windows.net/website-files/message-images/defining-excellence/full/rhs_graduation_1200x960.jpg",
587
+ "url": "https://asd20websitestorage.blob.core.windows.net/website-files/message-images/school-meals-and-menus/full/ASD20SchoolLunch_1280x852_2023-07-06T14_18_30.jpg",
588
588
  "name": "full",
589
589
  "width": 1280,
590
590
  "height": 852,