@asd20/ui 3.2.364 → 3.2.367

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/organisms/Asd20SchoolHomepageVideoHeader/index.vue +2 -2
  3. package/src/components/organisms/Asd20VideoHeaderContent/index.vue +35 -26
  4. package/src/components/templates/Asd20DistrictVideoTemplate/index.vue +4 -1
  5. package/src/data/page-queries/school-home-page-query-result.json +27 -0
package/package.json CHANGED
@@ -5,7 +5,7 @@
5
5
  "*.scss",
6
6
  "*.vue"
7
7
  ],
8
- "version": "3.2.364",
8
+ "version": "3.2.367",
9
9
  "private": false,
10
10
  "license": "MIT",
11
11
  "repository": {
package/src/components/organisms/Asd20SchoolHomepageVideoHeader/index.vue CHANGED
@@ -196,7 +196,7 @@ export default {
196
196
  h1 {
197
197
  position: relative;
198
198
  font-size: 32px !important;
199
- color: var(--website-header__title-color);
199
+ color: #ffffff !important;
200
200
  margin: space(3) space(1) space(1) space(1);
201
201
  z-index: 1;
202
202
  border-bottom: 5px solid var(--color__accent);
@@ -206,7 +206,7 @@ export default {
206
206
  &__lead {
207
207
  position: relative;
208
208
  z-index: 1;
209
- color: var(--website-header__foreground-color);
209
+ color: #f6f6f6 !important;
210
210
  @include asd20-font(1, var(--website-typography__font-family-body));
211
211
  margin: space(-0.5) space(2) space(1) space(1);
212
212
  a {
package/src/components/organisms/Asd20VideoHeaderContent/index.vue CHANGED
@@ -41,20 +41,21 @@ export default {
41
41
 
42
42
  .asd20-video-header-content {
43
43
  .asd20-messaging {
44
- margin-bottom: space(1);
45
- background-image: linear-gradient(
46
- to right,
47
- rgba(255, 255, 255, 0.9) 70%,
48
- rgba(255, 255, 255, 0.5) 90%,
49
- rgba(255, 255, 255, 0) 100%
50
- );
44
+ // margin-bottom: space(1);
45
+ // background-image: linear-gradient(
46
+ // to right,
47
+ // rgba(255, 255, 255, 0.9) 70%,
48
+ // rgba(255, 255, 255, 0.5) 90%,
49
+ // rgba(255, 255, 255, 0) 100%
50
+ // );
51
51
  // background-image: linear-gradient(
52
52
  // to right,
53
53
  // rgba(8, 24, 43, 0.9) 50%,
54
54
  // rgba(8, 24, 43, 0.5) 80%,
55
55
  // rgba(8, 24, 43, 0) 100%
56
56
  // );
57
- padding: space(0.5);
57
+ background: rgba(51, 92, 155, 0.7);
58
+ padding: space(1);
58
59
  }
59
60
 
60
61
  &::v-deep .asd20-messaging__heading {
@@ -64,15 +65,18 @@ export default {
64
65
  1.5,
65
66
  700
66
67
  );
67
- color: var(--color__accent-s30);
68
+ color: #fff !important;
69
+ padding-bottom: space(0.25);
70
+ border-bottom: 5px solid var(--color__accent);
68
71
  }
69
72
  &::v-deep .asd20-messaging__body-content {
70
73
  display: none;
71
74
  }
72
75
  &::v-deep .lead {
73
76
  margin-bottom: 0;
74
- width: 90%;
77
+ // width: 90%;
75
78
  font-size: 18px;
79
+ color: #f6f6f6 !important
76
80
  }
77
81
  &::v-deep .asd20-button {
78
82
  @include asd20-font(
@@ -89,9 +93,9 @@ export default {
89
93
  }
90
94
  }
91
95
  .header-messaging-section {
92
- border-left: 10px solid var(--color__accent);
96
+ // border-bottom: 10px solid var(--color__accent);
93
97
  .asd20-messaging__content {
94
- width: 85%;
98
+ // width: 85%;
95
99
  }
96
100
  }
97
101
  }
@@ -100,12 +104,13 @@ export default {
100
104
  .asd20-video-header-content {
101
105
  width: 80%;
102
106
  .header-messaging-section {
103
- border-left: none;
107
+ border-bottom: none;
108
+ width: 70%;
104
109
  &::v-deep .asd20-messaging {
105
110
  padding: space(1);
106
- margin-left: space(1);
111
+ margin-left: space(2);
107
112
  .asd20-messaging__content {
108
- max-width: 80%;
113
+ // max-width: 60%;
109
114
  }
110
115
  }
111
116
  &::after {
@@ -113,9 +118,10 @@ export default {
113
118
  display: block;
114
119
  position: absolute;
115
120
  height: space(10);
116
- width: 90%;
117
- bottom: space(0);
118
- left: 0;
121
+ width: 45%;
122
+ bottom: space(-.75);
123
+ left: space(1.25);
124
+ height: 60%;
119
125
  right: 0;
120
126
  z-index: -1;
121
127
  // background: var(--color__accent);
@@ -125,14 +131,16 @@ export default {
125
131
  // rgba(255, 255, 255, 0.5) 90%,
126
132
  // rgba(255, 255, 255, 0) 100%
127
133
  // );
128
- background: radial-gradient(
129
- ellipse at bottom left,
130
- var(--color__accent) 30%,
131
- rgba(255, 255, 255, 0) 70%,
132
- rgba(255, 255, 255, 0) 80%,
133
- rgba(255, 255, 255, 0) 90%,
134
- rgba(0, 0, 0, 0) 100%
135
- );
134
+ // background: radial-gradient(
135
+ // ellipse at bottom left,
136
+ // var(--color__accent) 30%,
137
+ // rgba(255, 255, 255, 0) 70%,
138
+ // rgba(255, 255, 255, 0) 80%,
139
+ // rgba(255, 255, 255, 0) 90%,
140
+ // rgba(0, 0, 0, 0) 100%
141
+ // );
142
+ border-left: 20px solid var(--color__accent);
143
+ border-bottom: 20px solid var(--color__accent);
136
144
  }
137
145
  }
138
146
  &::v-deep .asd20-messaging__heading {
@@ -144,6 +152,7 @@ export default {
144
152
  700
145
153
  );
146
154
  color: var(--color__accent-s10);
155
+ border-bottom: none;
147
156
  }
148
157
  &::v-deep .asd20-messaging__body-content {
149
158
  display: none;
package/src/components/templates/Asd20DistrictVideoTemplate/index.vue CHANGED
@@ -160,7 +160,7 @@ export default {
160
160
  margin-top: space(2.25);
161
161
  .asd20-video-header-content {
162
162
  position: absolute;
163
- bottom: 20%;
163
+ bottom: 30%;
164
164
  // .asd20-messaging__button-group {
165
165
  // justify-content: center;
166
166
  // }
@@ -169,6 +169,9 @@ export default {
169
169
 
170
170
  @media (min-width: 768px) {
171
171
  .asd20-district-video-template {
172
+ .asd20-video-header-content {
173
+ bottom: 20%;
174
+ }
172
175
  // .lead {
173
176
  // margin-bottom: 0;
174
177
  // width: 90%;
package/src/data/page-queries/school-home-page-query-result.json CHANGED
@@ -165,6 +165,21 @@
165
165
  "url": "https://www.asd20.org/register",
166
166
  "label": "Register",
167
167
  "id": "4c8c8200-3573-11eb-8803-c3566d07dfac"
168
+ },
169
+ {
170
+ "link": {
171
+ "category": "General",
172
+ "type": "Call to Action",
173
+ "id": "4c8c8200-3573-11eb-8803-c3566d07dfac",
174
+ "title": "Graduation Livestream",
175
+ "url": "https://www.asd20.org/register",
176
+ "description": "",
177
+ "imageUrl": null,
178
+ "expireDateTime": "2200-01-01T00:00:00+00:00"
179
+ },
180
+ "url": "https://www.asd20.org/register",
181
+ "label": "Graduation Livestream",
182
+ "id": "4c8c8200-3573-11eb-8803-c3566d07dfac"
168
183
  }
169
184
  ],
170
185
  "categories": [],
@@ -180,6 +195,18 @@
180
195
  "imageUrl": null,
181
196
  "expireDateTime": "2200-01-01T00:00:00+00:00"
182
197
  }
198
+ },
199
+ {
200
+ "link": {
201
+ "category": "General",
202
+ "type": "Call to Action",
203
+ "id": "4c8c8200-3573-11eb-8803-c3566d07dfac",
204
+ "title": "Graduation Livestream",
205
+ "url": "https://www.asd20.org/register",
206
+ "description": "",
207
+ "imageUrl": null,
208
+ "expireDateTime": "2200-01-01T00:00:00+00:00"
209
+ }
183
210
  }
184
211
  ],
185
212
  "heading": "Feel the THUNDER",