@asd20/ui 3.4.1 → 3.4.2

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@asd20/ui",
3
- "version": "3.4.1",
3
+ "version": "3.4.2",
4
4
  "private": false,
5
5
  "license": "MIT",
6
6
  "sideEffects": [
@@ -17,46 +17,46 @@ storiesOf('Atoms - Asd20Logo', module)
17
17
  template: `
18
18
  <div style="">
19
19
  <div style="padding: 3rem; --logo-border-color: #ffd457; --logo-title-color: #014b8d; --logo-subtitle-color: #c2b59b; display: flex; flex-wrap: wrap; justify-content: space-between; margin: auto; border: 10px solid transparent;">
20
- <asd20-logo size="lg" title="Rampart" subtitle="High School" image="/statics/images/school-logos/rampart.png" />
21
- <asd20-logo size="md" title="Rampart" subtitle="High School" image="/statics/images/school-logos/rampart.png" />
22
- <asd20-logo size="sm" title="Rampart" subtitle="High School" image="/statics/images/school-logos/rampart.png" />
23
- <asd20-logo size="xs" title="Rampart" subtitle="High School" image="/statics/images/school-logos/rampart.png" />
20
+ <asd20-logo size="lg" title="Rampart" subtitle="High School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/RHS.png" />
21
+ <asd20-logo size="md" title="Rampart" subtitle="High School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/RHS.png" />
22
+ <asd20-logo size="sm" title="Rampart" subtitle="High School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/RHS.png" />
23
+ <asd20-logo size="xs" title="Rampart" subtitle="High School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/RHS.png" />
24
24
  <div style="height: 2rem; width: 100%; flex-shrink: 0;"></div>
25
- <asd20-logo bordered size="lg" title="Rampart" subtitle="High School" image="/statics/images/school-logos/rampart.png" />
26
- <asd20-logo bordered size="md" title="Rampart" subtitle="High School" image="/statics/images/school-logos/rampart.png" />
27
- <asd20-logo bordered size="sm" title="Rampart" subtitle="High School" image="/statics/images/school-logos/rampart.png" />
28
- <asd20-logo bordered size="xs" title="Rampart" subtitle="High School" image="/statics/images/school-logos/rampart.png" />
25
+ <asd20-logo bordered size="lg" title="Rampart" subtitle="High School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/RHS.png" />
26
+ <asd20-logo bordered size="md" title="Rampart" subtitle="High School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/RHS.png" />
27
+ <asd20-logo bordered size="sm" title="Rampart" subtitle="High School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/RHS.png" />
28
+ <asd20-logo bordered size="xs" title="Rampart" subtitle="High School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/RHS.png" />
29
29
  <div style="height: 2rem; width: 100%; flex-shrink: 0;"></div>
30
- <asd20-logo horizontal size="lg" title="Rampart" subtitle="High School" image="/statics/images/school-logos/rampart.png" />
31
- <asd20-logo horizontal size="md" title="Rampart" subtitle="High School" image="/statics/images/school-logos/rampart.png" />
32
- <asd20-logo horizontal size="sm" title="Rampart" subtitle="High School" image="/statics/images/school-logos/rampart.png" />
33
- <asd20-logo horizontal size="xs" title="Rampart" subtitle="High School" image="/statics/images/school-logos/rampart.png" />
30
+ <asd20-logo horizontal size="lg" title="Rampart" subtitle="High School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/RHS.png" />
31
+ <asd20-logo horizontal size="md" title="Rampart" subtitle="High School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/RHS.png" />
32
+ <asd20-logo horizontal size="sm" title="Rampart" subtitle="High School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/RHS.png" />
33
+ <asd20-logo horizontal size="xs" title="Rampart" subtitle="High School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/RHS.png" />
34
34
  <div style="height: 2rem; width: 100%; flex-shrink: 0;"></div>
35
- <asd20-logo bordered horizontal size="lg" title="Rampart" subtitle="High School" image="/statics/images/school-logos/rampart.png" />
36
- <asd20-logo bordered horizontal size="md" title="Rampart" subtitle="High School" image="/statics/images/school-logos/rampart.png" />
37
- <asd20-logo bordered horizontal size="sm" title="Rampart" subtitle="High School" image="/statics/images/school-logos/rampart.png" />
38
- <asd20-logo bordered horizontal size="xs" title="Rampart" subtitle="High School" image="/statics/images/school-logos/rampart.png" />
35
+ <asd20-logo bordered horizontal size="lg" title="Rampart" subtitle="High School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/RHS.png" />
36
+ <asd20-logo bordered horizontal size="md" title="Rampart" subtitle="High School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/RHS.png" />
37
+ <asd20-logo bordered horizontal size="sm" title="Rampart" subtitle="High School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/RHS.png" />
38
+ <asd20-logo bordered horizontal size="xs" title="Rampart" subtitle="High School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/RHS.png" />
39
39
  </div>
40
40
  <div style="background: #013F76; padding: 3rem; --logo-border-color: #5B7984; --logo-title-color: #ffd457; --logo-subtitle-color: #4E9ECE; display: flex; flex-wrap: wrap; justify-content: space-between; margin: auto; border: 10px solid transparent;">
41
- <asd20-logo size="lg" title="Rampart" subtitle="High School" image="/statics/images/school-logos/rampart.png" />
42
- <asd20-logo size="md" title="Rampart" subtitle="High School" image="/statics/images/school-logos/rampart.png" />
43
- <asd20-logo size="sm" title="Rampart" subtitle="High School" image="/statics/images/school-logos/rampart.png" />
44
- <asd20-logo size="xs" title="Rampart" subtitle="High School" image="/statics/images/school-logos/rampart.png" />
41
+ <asd20-logo size="lg" title="Rampart" subtitle="High School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/RHS.png" />
42
+ <asd20-logo size="md" title="Rampart" subtitle="High School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/RHS.png" />
43
+ <asd20-logo size="sm" title="Rampart" subtitle="High School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/RHS.png" />
44
+ <asd20-logo size="xs" title="Rampart" subtitle="High School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/RHS.png" />
45
45
  <div style="height: 2rem; width: 100%; flex-shrink: 0;"></div>
46
- <asd20-logo bordered size="lg" title="Rampart" subtitle="High School" image="/statics/images/school-logos/rampart.png" />
47
- <asd20-logo bordered size="md" title="Rampart" subtitle="High School" image="/statics/images/school-logos/rampart.png" />
48
- <asd20-logo bordered size="sm" title="Rampart" subtitle="High School" image="/statics/images/school-logos/rampart.png" />
49
- <asd20-logo bordered size="xs" title="Rampart" subtitle="High School" image="/statics/images/school-logos/rampart.png" />
46
+ <asd20-logo bordered size="lg" title="Rampart" subtitle="High School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/RHS.png" />
47
+ <asd20-logo bordered size="md" title="Rampart" subtitle="High School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/RHS.png" />
48
+ <asd20-logo bordered size="sm" title="Rampart" subtitle="High School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/RHS.png" />
49
+ <asd20-logo bordered size="xs" title="Rampart" subtitle="High School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/RHS.png" />
50
50
  <div style="height: 2rem; width: 100%; flex-shrink: 0;"></div>
51
- <asd20-logo horizontal size="lg" title="Rampart" subtitle="High School" image="/statics/images/school-logos/rampart.png" />
52
- <asd20-logo horizontal size="md" title="Rampart" subtitle="High School" image="/statics/images/school-logos/rampart.png" />
53
- <asd20-logo horizontal size="sm" title="Rampart" subtitle="High School" image="/statics/images/school-logos/rampart.png" />
54
- <asd20-logo horizontal size="xs" title="Rampart" subtitle="High School" image="/statics/images/school-logos/rampart.png" />
51
+ <asd20-logo horizontal size="lg" title="Rampart" subtitle="High School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/RHS.png" />
52
+ <asd20-logo horizontal size="md" title="Rampart" subtitle="High School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/RHS.png" />
53
+ <asd20-logo horizontal size="sm" title="Rampart" subtitle="High School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/RHS.png" />
54
+ <asd20-logo horizontal size="xs" title="Rampart" subtitle="High School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/RHS.png" />
55
55
  <div style="height: 2rem; width: 100%; flex-shrink: 0;"></div>
56
- <asd20-logo bordered horizontal size="lg" title="Rampart" subtitle="High School" image="/statics/images/school-logos/rampart.png" />
57
- <asd20-logo bordered horizontal size="md" title="Rampart" subtitle="High School" image="/statics/images/school-logos/rampart.png" />
58
- <asd20-logo bordered horizontal size="sm" title="Rampart" subtitle="High School" image="/statics/images/school-logos/rampart.png" />
59
- <asd20-logo bordered horizontal size="xs" title="Rampart" subtitle="High School" image="/statics/images/school-logos/rampart.png" />
56
+ <asd20-logo bordered horizontal size="lg" title="Rampart" subtitle="High School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/RHS.png" />
57
+ <asd20-logo bordered horizontal size="md" title="Rampart" subtitle="High School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/RHS.png" />
58
+ <asd20-logo bordered horizontal size="sm" title="Rampart" subtitle="High School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/RHS.png" />
59
+ <asd20-logo bordered horizontal size="xs" title="Rampart" subtitle="High School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/RHS.png" />
60
60
  </div>
61
61
  </div>`,
62
62
  }),
@@ -69,46 +69,46 @@ storiesOf('Atoms - Asd20Logo', module)
69
69
  template: `
70
70
  <div style="">
71
71
  <div style="padding: 3rem; --logo-border-color: #DFD0D0; --logo-title-color: #5A1E8F; --logo-subtitle-color: #1D1A21; display: flex; flex-wrap: wrap; justify-content: space-between; margin: auto; border: 10px solid transparent;">
72
- <asd20-logo size="lg" title="Discovery Canyon Campus" subtitle="Middle School" image="/statics/images/school-logos/dcc-trimmed.png" tagline="An Academy District 20 School" />
73
- <asd20-logo size="md" title="Discovery Canyon Campus" subtitle="Middle School" image="/statics/images/school-logos/dcc-trimmed.png" tagline="An Academy District 20 School"/>
74
- <asd20-logo size="sm" title="Discovery Canyon Campus" subtitle="Middle School" image="/statics/images/school-logos/dcc-trimmed.png" tagline="An Academy District 20 School"/>
75
- <asd20-logo size="xs" title="Discovery Canyon Campus" subtitle="Middle School" image="/statics/images/school-logos/dcc-trimmed.png" tagline="An Academy District 20 School"/>
72
+ <asd20-logo size="lg" title="Discovery Canyon Campus" subtitle="Middle School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/DCC.png" tagline="An Academy District 20 School" />
73
+ <asd20-logo size="md" title="Discovery Canyon Campus" subtitle="Middle School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/DCC.png" tagline="An Academy District 20 School"/>
74
+ <asd20-logo size="sm" title="Discovery Canyon Campus" subtitle="Middle School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/DCC.png" tagline="An Academy District 20 School"/>
75
+ <asd20-logo size="xs" title="Discovery Canyon Campus" subtitle="Middle School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/DCC.png" tagline="An Academy District 20 School"/>
76
76
  <div style="height: 2rem; width: 100%; flex-shrink: 0;"></div>
77
- <asd20-logo bordered size="lg" title="Discovery Canyon Campus" subtitle="Middle School" image="/statics/images/school-logos/dcc-trimmed.png" tagline="An Academy District 20 School"/>
78
- <asd20-logo bordered size="md" title="Discovery Canyon Campus" subtitle="Middle School" image="/statics/images/school-logos/dcc-trimmed.png" tagline="An Academy District 20 School"/>
79
- <asd20-logo bordered size="sm" title="Discovery Canyon Campus" subtitle="Middle School" image="/statics/images/school-logos/dcc-trimmed.png" tagline="An Academy District 20 School"/>
80
- <asd20-logo bordered size="xs" title="Discovery Canyon Campus" subtitle="Middle School" image="/statics/images/school-logos/dcc-trimmed.png" tagline="An Academy District 20 School"/>
77
+ <asd20-logo bordered size="lg" title="Discovery Canyon Campus" subtitle="Middle School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/DCC.png" tagline="An Academy District 20 School"/>
78
+ <asd20-logo bordered size="md" title="Discovery Canyon Campus" subtitle="Middle School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/DCC.png" tagline="An Academy District 20 School"/>
79
+ <asd20-logo bordered size="sm" title="Discovery Canyon Campus" subtitle="Middle School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/DCC.png" tagline="An Academy District 20 School"/>
80
+ <asd20-logo bordered size="xs" title="Discovery Canyon Campus" subtitle="Middle School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/DCC.png" tagline="An Academy District 20 School"/>
81
81
  <div style="height: 2rem; width: 100%; flex-shrink: 0;"></div>
82
- <asd20-logo horizontal size="lg" title="Discovery Canyon Campus" subtitle="Middle School" image="/statics/images/school-logos/dcc-trimmed.png" tagline="An Academy District 20 School"/>
83
- <asd20-logo horizontal size="md" title="Discovery Canyon Campus" subtitle="Middle School" image="/statics/images/school-logos/dcc-trimmed.png" tagline="An Academy District 20 School"/>
84
- <asd20-logo horizontal size="sm" title="Discovery Canyon Campus" subtitle="Middle School" image="/statics/images/school-logos/dcc-trimmed.png" tagline="An Academy District 20 School"/>
85
- <asd20-logo horizontal size="xs" title="Discovery Canyon Campus" subtitle="Middle School" image="/statics/images/school-logos/dcc-trimmed.png" tagline="An Academy District 20 School"/>
82
+ <asd20-logo horizontal size="lg" title="Discovery Canyon Campus" subtitle="Middle School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/DCC.png" tagline="An Academy District 20 School"/>
83
+ <asd20-logo horizontal size="md" title="Discovery Canyon Campus" subtitle="Middle School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/DCC.png" tagline="An Academy District 20 School"/>
84
+ <asd20-logo horizontal size="sm" title="Discovery Canyon Campus" subtitle="Middle School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/DCC.png" tagline="An Academy District 20 School"/>
85
+ <asd20-logo horizontal size="xs" title="Discovery Canyon Campus" subtitle="Middle School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/DCC.png" tagline="An Academy District 20 School"/>
86
86
  <div style="height: 2rem; width: 100%; flex-shrink: 0;"></div>
87
- <asd20-logo bordered horizontal size="lg" title="Discovery Canyon Campus" subtitle="Middle School" image="/statics/images/school-logos/dcc-trimmed.png" tagline="An Academy District 20 School"/>
88
- <asd20-logo bordered horizontal size="md" title="Discovery Canyon Campus" subtitle="Middle School" image="/statics/images/school-logos/dcc-trimmed.png" tagline="An Academy District 20 School"/>
89
- <asd20-logo bordered horizontal size="sm" title="Discovery Canyon Campus" subtitle="Middle School" image="/statics/images/school-logos/dcc-trimmed.png" tagline="An Academy District 20 School"/>
90
- <asd20-logo bordered horizontal size="xs" title="Discovery Canyon Campus" subtitle="Middle School" image="/statics/images/school-logos/dcc-trimmed.png" tagline="An Academy District 20 School"/>
87
+ <asd20-logo bordered horizontal size="lg" title="Discovery Canyon Campus" subtitle="Middle School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/DCC.png" tagline="An Academy District 20 School"/>
88
+ <asd20-logo bordered horizontal size="md" title="Discovery Canyon Campus" subtitle="Middle School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/DCC.png" tagline="An Academy District 20 School"/>
89
+ <asd20-logo bordered horizontal size="sm" title="Discovery Canyon Campus" subtitle="Middle School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/DCC.png" tagline="An Academy District 20 School"/>
90
+ <asd20-logo bordered horizontal size="xs" title="Discovery Canyon Campus" subtitle="Middle School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/DCC.png" tagline="An Academy District 20 School"/>
91
91
  </div>
92
92
  <div style="background: #421668; padding: 3rem; --logo-border-color: #7E6C93; --logo-title-color: #FFFFFF; --logo-subtitle-color: #DFD0D0; display: flex; flex-wrap: wrap; justify-content: space-between; margin: auto; border: 10px solid transparent;">
93
- <asd20-logo size="lg" title="Discovery Canyon Campus" subtitle="Middle School" image="/statics/images/school-logos/dcc-trimmed.png" />
94
- <asd20-logo size="md" title="Discovery Canyon Campus" subtitle="Middle School" image="/statics/images/school-logos/dcc-trimmed.png" />
95
- <asd20-logo size="sm" title="Discovery Canyon Campus" subtitle="Middle School" image="/statics/images/school-logos/dcc-trimmed.png" />
96
- <asd20-logo size="xs" title="Discovery Canyon Campus" subtitle="Middle School" image="/statics/images/school-logos/dcc-trimmed.png" />
93
+ <asd20-logo size="lg" title="Discovery Canyon Campus" subtitle="Middle School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/DCC.png" />
94
+ <asd20-logo size="md" title="Discovery Canyon Campus" subtitle="Middle School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/DCC.png" />
95
+ <asd20-logo size="sm" title="Discovery Canyon Campus" subtitle="Middle School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/DCC.png" />
96
+ <asd20-logo size="xs" title="Discovery Canyon Campus" subtitle="Middle School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/DCC.png" />
97
97
  <div style="height: 2rem; width: 100%; flex-shrink: 0;"></div>
98
- <asd20-logo bordered size="lg" title="Discovery Canyon Campus" subtitle="Middle School" image="/statics/images/school-logos/dcc-trimmed.png" />
99
- <asd20-logo bordered size="md" title="Discovery Canyon Campus" subtitle="Middle School" image="/statics/images/school-logos/dcc-trimmed.png" />
100
- <asd20-logo bordered size="sm" title="Discovery Canyon Campus" subtitle="Middle School" image="/statics/images/school-logos/dcc-trimmed.png" />
101
- <asd20-logo bordered size="xs" title="Discovery Canyon Campus" subtitle="Middle School" image="/statics/images/school-logos/dcc-trimmed.png" />
98
+ <asd20-logo bordered size="lg" title="Discovery Canyon Campus" subtitle="Middle School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/DCC.png" />
99
+ <asd20-logo bordered size="md" title="Discovery Canyon Campus" subtitle="Middle School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/DCC.png" />
100
+ <asd20-logo bordered size="sm" title="Discovery Canyon Campus" subtitle="Middle School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/DCC.png" />
101
+ <asd20-logo bordered size="xs" title="Discovery Canyon Campus" subtitle="Middle School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/DCC.png" />
102
102
  <div style="height: 2rem; width: 100%; flex-shrink: 0;"></div>
103
- <asd20-logo horizontal size="lg" title="Discovery Canyon Campus" subtitle="Middle School" image="/statics/images/school-logos/dcc-trimmed.png" />
104
- <asd20-logo horizontal size="md" title="Discovery Canyon Campus" subtitle="Middle School" image="/statics/images/school-logos/dcc-trimmed.png" />
105
- <asd20-logo horizontal size="sm" title="Discovery Canyon Campus" subtitle="Middle School" image="/statics/images/school-logos/dcc-trimmed.png" />
106
- <asd20-logo horizontal size="xs" title="Discovery Canyon Campus" subtitle="Middle School" image="/statics/images/school-logos/dcc-trimmed.png" />
103
+ <asd20-logo horizontal size="lg" title="Discovery Canyon Campus" subtitle="Middle School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/DCC.png" />
104
+ <asd20-logo horizontal size="md" title="Discovery Canyon Campus" subtitle="Middle School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/DCC.png" />
105
+ <asd20-logo horizontal size="sm" title="Discovery Canyon Campus" subtitle="Middle School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/DCC.png" />
106
+ <asd20-logo horizontal size="xs" title="Discovery Canyon Campus" subtitle="Middle School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/DCC.png" />
107
107
  <div style="height: 2rem; width: 100%; flex-shrink: 0;"></div>
108
- <asd20-logo bordered horizontal size="lg" title="Discovery Canyon Campus" subtitle="Middle School" image="/statics/images/school-logos/dcc-trimmed.png" />
109
- <asd20-logo bordered horizontal size="md" title="Discovery Canyon Campus" subtitle="Middle School" image="/statics/images/school-logos/dcc-trimmed.png" />
110
- <asd20-logo bordered horizontal size="sm" title="Discovery Canyon Campus" subtitle="Middle School" image="/statics/images/school-logos/dcc-trimmed.png" />
111
- <asd20-logo bordered horizontal size="xs" title="Discovery Canyon Campus" subtitle="Middle School" image="/statics/images/school-logos/dcc-trimmed.png" />
108
+ <asd20-logo bordered horizontal size="lg" title="Discovery Canyon Campus" subtitle="Middle School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/DCC.png" />
109
+ <asd20-logo bordered horizontal size="md" title="Discovery Canyon Campus" subtitle="Middle School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/DCC.png" />
110
+ <asd20-logo bordered horizontal size="sm" title="Discovery Canyon Campus" subtitle="Middle School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/DCC.png" />
111
+ <asd20-logo bordered horizontal size="xs" title="Discovery Canyon Campus" subtitle="Middle School" image="https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/DCC.png" />
112
112
  </div>
113
113
  </div>`,
114
114
  }),
@@ -111,13 +111,7 @@ export default {
111
111
  isMobile: false,
112
112
  }
113
113
  },
114
- mounted() {
115
- this.checkIsMobile()
116
- window.addEventListener('resize', this.checkIsMobile)
117
- },
118
- beforeDestroy() {
119
- window.removeEventListener('resize', this.checkIsMobile)
120
- },
114
+
121
115
  computed: {
122
116
  mq() {
123
117
  return this.$mq || 'sm'
@@ -144,6 +138,13 @@ export default {
144
138
  return this.videoUrl
145
139
  },
146
140
  },
141
+ mounted() {
142
+ this.checkIsMobile()
143
+ window.addEventListener('resize', this.checkIsMobile)
144
+ },
145
+ beforeDestroy() {
146
+ window.removeEventListener('resize', this.checkIsMobile)
147
+ },
147
148
  methods: {
148
149
  checkIsMobile() {
149
150
  this.isMobile = window.innerWidth <= 1024
@@ -235,7 +236,7 @@ export default {
235
236
  &__content {
236
237
  position: absolute;
237
238
  top: 0;
238
- background: rgba(0, 0, 0, 0.5);
239
+ background: rgba(0, 0, 0, 0.4);
239
240
  height: 100%;
240
241
  padding-top: space(3);
241
242
  }
@@ -666,18 +667,20 @@ $max: 4rem;
666
667
  }
667
668
 
668
669
  &__content {
669
- top: space(1);
670
- left: space(1);
670
+ top: 2.6875rem;
671
+ left: -3rem;
671
672
  z-index: 100;
672
- width: 30%;
673
- min-width: space(15);
673
+ // width: 30%;
674
+ width: 25rem;
675
+ // min-width: space(15);
674
676
  height: min-content;
675
- background: rgba(0, 0, 0, 0.6);
677
+ background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0.5) 80%, rgba(0, 0, 0, 0) 100%);
676
678
  padding: space(1);
677
679
  border-radius: var(--website-shape__radius-m);
678
- border-left: space(0.5) solid var(--color__accent);
679
- border-top: space(0.5) solid var(--color__accent);
680
+ border-left: space(0.5) solid var(--color__accent-t40);
681
+ border-top: space(0.5) solid var(--color__accent-t40);
680
682
  animation: slide_left 1s ease-in-out 0.5s both;
683
+ height: 80%;
681
684
  }
682
685
 
683
686
  h1 {
@@ -718,7 +721,7 @@ $max: 4rem;
718
721
  padding: 0;
719
722
  transform: translate3d(0, calc(-20% * var(--scroll-progress)), 0);
720
723
  border-radius: var(--website-shape__radius-l);
721
- overflow: hidden;
724
+ overflow: visible;
722
725
 
723
726
  img {
724
727
  display: block;
@@ -35,7 +35,7 @@
35
35
  "instagram": "",
36
36
  "instructionTypes": [],
37
37
  "location": {},
38
- "logoImageUrl": "/statics/images/school-logos/dcc-trimmed.png",
38
+ "logoImageUrl": "https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/DCC.png",
39
39
  "mascotImageUrl": "https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/aees_logo.png",
40
40
  "mission": null,
41
41
  "modifiedByDisplayName": "",
@@ -384,7 +384,7 @@
384
384
  "hours": "7:30 a.m. - 4:30 p.m.",
385
385
  "instagram": "",
386
386
  "location": {},
387
- "logoImageUrl": "/statics/images/school-logos/dcc-trimmed.png",
387
+ "logoImageUrl": "https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/DCC.png",
388
388
  "mascotImageUrl": "",
389
389
  "phone": "(719) 234 - 1200",
390
390
  "primaryColor": "",
@@ -147,7 +147,7 @@
147
147
  "hours": "7:30 a.m. - 4:30 p.m.",
148
148
  "instagram": "",
149
149
  "location": {},
150
- "logoImageUrl": "/statics/images/school-logos/dcc-trimmed.png",
150
+ "logoImageUrl": "https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/DCC.png",
151
151
  "mascotImageUrl": "",
152
152
  "phone": "(719) 234 - 1200",
153
153
  "primaryColor": "",
@@ -72,7 +72,7 @@
72
72
  "hours": "7:30 a.m. - 4:30 p.m.",
73
73
  "instagram": "",
74
74
  "location": {},
75
- "logoImageUrl": "/statics/images/school-logos/dcc-trimmed.png",
75
+ "logoImageUrl": "https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/DCC.png",
76
76
  "mascotImageUrl": "",
77
77
  "phone": "(719) 234 - 1200",
78
78
  "primaryColor": "",
@@ -825,7 +825,7 @@
825
825
  "hours": "7:30 a.m. - 4:30 p.m.",
826
826
  "instagram": "",
827
827
  "location": {},
828
- "logoImageUrl": "/statics/images/school-logos/dcc-trimmed.png",
828
+ "logoImageUrl": "https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/DCC.png",
829
829
  "mascotImageUrl": "",
830
830
  "phone": "(719) 234 - 1200",
831
831
  "primaryColor": "",
@@ -51,7 +51,7 @@
51
51
  "hours": "7:30 a.m. - 4:30 p.m.",
52
52
  "instagram": "",
53
53
  "location": {},
54
- "logoImageUrl": "/statics/images/school-logos/dcc-trimmed.png",
54
+ "logoImageUrl": "https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/DCC.png",
55
55
  "mascotImageUrl": "",
56
56
  "phone": "(719) 234 - 1200",
57
57
  "primaryColor": "",
@@ -209,7 +209,7 @@
209
209
  "hours": "7:30 a.m. - 4:30 p.m.",
210
210
  "instagram": "",
211
211
  "location": {},
212
- "logoImageUrl": "/statics/images/school-logos/dcc-trimmed.png",
212
+ "logoImageUrl": "https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/DCC.png",
213
213
  "mascotImageUrl": "",
214
214
  "offerings": [{
215
215
  "offering": {
@@ -165,7 +165,7 @@
165
165
  "hours": "7:30 a.m. - 4:30 p.m.",
166
166
  "instagram": "",
167
167
  "location": {},
168
- "logoImageUrl": "/statics/images/school-logos/dcc-trimmed.png",
168
+ "logoImageUrl": "https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/DCC.png",
169
169
  "mascotImageUrl": "",
170
170
  "phone": "(719) 234 - 1200",
171
171
  "primaryColor": "",
@@ -312,7 +312,7 @@
312
312
  "hours": "7:30 a.m. - 4:30 p.m.",
313
313
  "instagram": "",
314
314
  "location": {},
315
- "logoImageUrl": "/statics/images/school-logos/dcc-trimmed.png",
315
+ "logoImageUrl": "https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/DCC.png",
316
316
  "mascotImageUrl": "",
317
317
  "phone": "(719) 234 - 1200",
318
318
  "fax": "(719) 234 - 1201",
@@ -103,7 +103,7 @@
103
103
  "hours": "7:30 a.m. - 4:30 p.m.",
104
104
  "instagram": "",
105
105
  "location": {},
106
- "logoImageUrl": "/statics/images/school-logos/dcc-trimmed.png",
106
+ "logoImageUrl": "https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/DCC.png",
107
107
  "mascotImageUrl": "",
108
108
  "phone": "(719) 234 - 1200",
109
109
  "primaryColor": "",
@@ -703,7 +703,7 @@
703
703
  "hours": "7:30 a.m. - 4:30 p.m.",
704
704
  "instagram": "",
705
705
  "location": {},
706
- "logoImageUrl": "/statics/images/school-logos/dcc-trimmed.png",
706
+ "logoImageUrl": "https://asd20websitestorage.blob.core.windows.net/asd20-images/school-logos/DCC.png",
707
707
  "mascotImageUrl": "",
708
708
  "phone": "(719) 234 - 1200",
709
709
  "primaryColor": "",