@asd20/ui 3.2.363 → 3.2.366

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 (6) hide show
  1. package/package.json +1 -1
  2. package/src/components/organisms/Asd20SchoolHomepageVideoHeader/index.vue +4 -4
  3. package/src/components/organisms/Asd20VideoHeader/index.vue +2 -2
  4. package/src/components/organisms/Asd20VideoHeaderContent/index.vue +35 -26
  5. package/src/components/templates/Asd20DistrictVideoTemplate/index.vue +4 -1
  6. 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.363",
8
+ "version": "3.2.366",
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 {
@@ -251,7 +251,7 @@ export default {
251
251
  }
252
252
  }
253
253
  .scroll-down-indicator {
254
- position: relative;
254
+ position: absolute;
255
255
  z-index: 3;
256
256
  text-transform: uppercase;
257
257
  display: none;
@@ -262,7 +262,7 @@ export default {
262
262
  font-weight: 400;
263
263
  color: transparent;
264
264
  bottom: 15vh;
265
- left: 45vw;
265
+ left: 45%;
266
266
  &::before {
267
267
  content: '';
268
268
  position: absolute;
package/src/components/organisms/Asd20VideoHeader/index.vue CHANGED
@@ -135,7 +135,7 @@ export default {
135
135
  }
136
136
  }
137
137
  .scroll-down-indicator {
138
- position: relative;
138
+ position: absolute;
139
139
  z-index: 3;
140
140
  text-transform: uppercase;
141
141
  display: none;
@@ -146,7 +146,7 @@ export default {
146
146
  font-weight: 400;
147
147
  color: transparent;
148
148
  bottom: 15vh;
149
- left:45vw;
149
+ left: 45%;
150
150
  &::before {
151
151
  content: '';
152
152
  position: absolute;
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: 40%;
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",