@tacc/core-styles 0.6.0-alpha → 0.6.0-beta
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/README.md +51 -52
- package/dist/branding_logos.css +1 -1
- package/dist/components/README.css +1 -1
- package/dist/components/bootstrap.container.css +1 -1
- package/dist/components/bootstrap.figure.css +1 -1
- package/dist/components/bootstrap.form.css +2 -0
- package/dist/components/bootstrap.modal.css +2 -0
- package/dist/components/bootstrap.pagination.css +1 -1
- package/dist/components/c-button.css +2 -2
- package/dist/components/c-callout.css +1 -1
- package/dist/components/c-card.css +1 -1
- package/dist/components/c-data-list.css +1 -1
- package/dist/components/c-footer.css +1 -1
- package/dist/components/c-image-map.css +1 -1
- package/dist/components/c-image-map.skin.css +1 -1
- package/dist/components/c-image-map.structure.css +1 -1
- package/dist/components/c-nav.css +1 -1
- package/dist/components/c-page.css +1 -1
- package/dist/components/c-recognition.css +1 -1
- package/dist/components/c-see-all-link.css +1 -1
- package/dist/components/c-show-more.css +1 -1
- package/dist/components/cortal.icon.css +2 -0
- package/dist/components/cortal.icon.font.css +2 -0
- package/dist/elements/README.css +1 -1
- package/dist/elements/figure.css +1 -1
- package/dist/elements/html-elements.css +1 -1
- package/dist/elements/tacc-search-bar.css +1 -1
- package/dist/generics/README.css +1 -1
- package/dist/objects/README.css +1 -1
- package/dist/objects/o-fixed-header-table.css +2 -0
- package/dist/objects/o-flex-item-table-wrap.css +1 -1
- package/dist/objects/o-grid.css +1 -1
- package/dist/objects/o-offset-content.css +1 -1
- package/dist/objects/o-section.css +1 -1
- package/dist/objects/o-site.css +1 -1
- package/dist/settings/README.css +1 -1
- package/dist/settings/border.css +1 -1
- package/dist/settings/color.css +1 -1
- package/dist/settings/font.css +1 -1
- package/dist/settings/max-width.css +1 -1
- package/dist/settings/space.css +1 -1
- package/dist/tools/README.css +1 -1
- package/dist/tools/media-queries.css +1 -1
- package/dist/tools/x-article-link.css +1 -1
- package/dist/tools/x-center.css +1 -1
- package/dist/tools/x-fake-border.css +1 -1
- package/dist/tools/x-grid.css +1 -1
- package/dist/tools/x-layout.css +1 -1
- package/dist/tools/x-overlay.css +1 -1
- package/dist/tools/x-truncate.css +1 -1
- package/dist/trumps/README.css +1 -1
- package/dist/trumps/icon.css +1 -1
- package/dist/trumps/icon.fonts.css +1 -1
- package/dist/trumps/s-article-list.css +1 -1
- package/dist/trumps/s-article-preview.css +1 -1
- package/dist/trumps/s-blockquote.css +1 -1
- package/dist/trumps/s-breadcrumbs.css +1 -1
- package/dist/trumps/s-cms-nav.css +1 -1
- package/dist/trumps/s-document.css +1 -1
- package/dist/trumps/s-footer.css +1 -1
- package/dist/trumps/s-guide-doc.css +1 -1
- package/dist/trumps/s-header.css +1 -1
- package/dist/trumps/s-inline-dl.css +1 -1
- package/dist/trumps/s-portal-nav.css +1 -1
- package/dist/trumps/s-style-guide.css +1 -1
- package/dist/trumps/s-system-specs.css +1 -1
- package/dist/trumps/tacc-search-bar.css +1 -1
- package/dist/trumps/u-empty.css +1 -1
- package/dist/trumps/u-hide.css +1 -1
- package/dist/trumps/u-nested-text-content.css +1 -1
- package/package.json +10 -8
- package/src/.postcssrc.base.yml +38 -0
- package/src/bin/build.js +6 -8
- package/src/bin/config.js +34 -42
- package/src/bin/version.js +8 -9
- package/src/cli.js +41 -32
- package/src/lib/_imports/README.md +7 -7
- package/src/lib/_imports/components/c-button.css +81 -14
- package/src/lib/_imports/components/c-button.html +8 -4
- package/src/lib/_imports/components/c-callout.html +70 -16
- package/src/lib/_imports/components/c-card.html +31 -16
- package/src/lib/_imports/components/c-data-list.html +16 -30
- package/src/lib/_imports/components/c-image-map.html +12 -2
- package/src/lib/_imports/components/c-page.html +186 -175
- package/src/lib/_imports/elements/tacc-search-bar.md +10 -4
- package/src/lib/_imports/generics/README.md +1 -1
- package/src/lib/_imports/objects/o-grid.html +72 -22
- package/src/lib/_imports/objects/o-section.css +0 -1
- package/src/lib/_imports/objects/o-section.html +72 -11
- package/src/lib/_imports/objects/o-site.html +4 -10
- package/src/lib/_imports/trumps/s-article-list.html +2 -6
- package/src/lib/_imports/trumps/s-article-preview.html +3 -4
- package/src/lib/_imports/trumps/s-cms-nav.html +1 -1
- package/src/lib/_imports/trumps/s-footer.html +1 -3
- package/src/lib/_imports/trumps/s-header.html +2 -5
- package/src/lib/_imports/trumps/s-portal-nav.html +4 -3
- package/src/lib/_tests/README.md +8 -3
- package/src/main.js +18 -19
|
@@ -1,192 +1,203 @@
|
|
|
1
1
|
<!-- Pagination with one page -->
|
|
2
2
|
<div class="c-page-list">
|
|
3
|
-
<button class="
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
c-page-end
|
|
16
|
-
" disabled
|
|
17
|
-
type="button">Next ></button>
|
|
3
|
+
<button class="c-button c-button--as-link c-page-end" disabled type="button">
|
|
4
|
+
< Previous
|
|
5
|
+
</button>
|
|
6
|
+
<button
|
|
7
|
+
class="c-button c-button--secondary c-button--is-active c-button--size-small c-page-item c-page-link c-page-link--always-click"
|
|
8
|
+
type="button"
|
|
9
|
+
>
|
|
10
|
+
1
|
|
11
|
+
</button>
|
|
12
|
+
<button class="c-button c-button--as-link c-page-end" disabled type="button">
|
|
13
|
+
Next >
|
|
14
|
+
</button>
|
|
18
15
|
</div>
|
|
19
16
|
|
|
20
17
|
<!-- Pagination with fewer than 7 pages -->
|
|
21
18
|
<div class="c-page-list">
|
|
22
|
-
<button class="
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
19
|
+
<button class="c-button c-button--as-link c-page-end" type="button">
|
|
20
|
+
< Previous
|
|
21
|
+
</button>
|
|
22
|
+
<button
|
|
23
|
+
class="c-button c-button--secondary c-button--size-small c-page-item c-page-link c-page-link--always-click"
|
|
24
|
+
type="button"
|
|
25
|
+
>
|
|
26
|
+
1
|
|
27
|
+
</button>
|
|
28
|
+
<button
|
|
29
|
+
class="c-button c-button--secondary c-button--is-active c-button--size-small c-page-item c-page-link c-page-link--always-click"
|
|
30
|
+
type="button"
|
|
31
|
+
>
|
|
32
|
+
2
|
|
33
|
+
</button>
|
|
34
|
+
<button
|
|
35
|
+
class="c-button c-button--secondary c-button--size-small c-page-item c-page-link c-page-link--always-click"
|
|
36
|
+
type="button"
|
|
37
|
+
>
|
|
38
|
+
3
|
|
39
|
+
</button>
|
|
40
|
+
<button
|
|
41
|
+
class="c-button c-button--secondary c-button--size-small c-page-item c-page-link c-page-link--always-click"
|
|
42
|
+
type="button"
|
|
43
|
+
>
|
|
44
|
+
4
|
|
45
|
+
</button>
|
|
46
|
+
<button class="c-button c-button--as-link c-page-end" type="button">
|
|
47
|
+
Next >
|
|
48
|
+
</button>
|
|
52
49
|
</div>
|
|
53
50
|
|
|
54
51
|
<!-- Pagination with current page near start -->
|
|
55
52
|
<div class="c-page-list">
|
|
56
|
-
<button class="
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
53
|
+
<button class="c-button c-button--as-link c-page-end" type="button">
|
|
54
|
+
< Previous
|
|
55
|
+
</button>
|
|
56
|
+
<button
|
|
57
|
+
class="c-button c-button--secondary c-button--size-small c-page-item c-page-link c-page-link--always-click"
|
|
58
|
+
type="button"
|
|
59
|
+
>
|
|
60
|
+
1
|
|
61
|
+
</button>
|
|
62
|
+
<button
|
|
63
|
+
class="c-button c-button--secondary c-button--size-small c-page-item c-page-link c-page-link--always-click"
|
|
64
|
+
type="button"
|
|
65
|
+
>
|
|
66
|
+
2
|
|
67
|
+
</button>
|
|
68
|
+
<button
|
|
69
|
+
class="c-button c-button--secondary c-button--is-active c-button--size-small c-page-item c-page-link c-page-link--always-click"
|
|
70
|
+
type="button"
|
|
71
|
+
>
|
|
72
|
+
3
|
|
73
|
+
</button>
|
|
74
|
+
<button
|
|
75
|
+
class="c-button c-button--secondary c-button--size-small c-page-item c-page-link c-page-link--always-click"
|
|
76
|
+
type="button"
|
|
77
|
+
>
|
|
78
|
+
4
|
|
79
|
+
</button>
|
|
80
|
+
<button
|
|
81
|
+
class="c-button c-button--secondary c-button--size-small c-page-item c-page-link c-page-link--always-click"
|
|
82
|
+
type="button"
|
|
83
|
+
>
|
|
84
|
+
5
|
|
85
|
+
</button>
|
|
86
|
+
<button
|
|
87
|
+
class="c-button c-button--secondary c-button--size-small c-page-item c-page-link c-page-link--always-click"
|
|
88
|
+
type="button"
|
|
89
|
+
>
|
|
90
|
+
6
|
|
91
|
+
</button>
|
|
92
|
+
<button
|
|
93
|
+
class="c-button c-button--secondary c-button--size-small c-page-item c-page-link c-page-link--always-click"
|
|
94
|
+
type="button"
|
|
95
|
+
>
|
|
96
|
+
7
|
|
97
|
+
</button>
|
|
98
|
+
<button
|
|
99
|
+
class="c-button c-button--secondary c-button--size-small c-page-item c-page-link c-page-link--always-click"
|
|
100
|
+
type="button"
|
|
101
|
+
>
|
|
102
|
+
8
|
|
103
|
+
</button>
|
|
104
|
+
<button
|
|
105
|
+
class="c-button c-button--secondary c-button--size-small c-page-item c-page-link c-page-link--always-click"
|
|
106
|
+
type="button"
|
|
107
|
+
>
|
|
108
|
+
9
|
|
109
|
+
</button>
|
|
110
|
+
<button
|
|
111
|
+
class="c-button c-button--secondary c-button--size-small c-page-item c-page-link c-page-link--always-click"
|
|
112
|
+
type="button"
|
|
113
|
+
>
|
|
114
|
+
10
|
|
115
|
+
</button>
|
|
111
116
|
<span class="c-page-item--etcetera">...</span>
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
type="button">Next ></button>
|
|
117
|
+
<button
|
|
118
|
+
class="c-button c-button--secondary c-button--size-small c-page-item c-page-link c-page-link--always-click"
|
|
119
|
+
type="button"
|
|
120
|
+
>
|
|
121
|
+
20
|
|
122
|
+
</button>
|
|
123
|
+
<button class="c-button c-button--as-link c-page-end" type="button">
|
|
124
|
+
Next >
|
|
125
|
+
</button>
|
|
122
126
|
</div>
|
|
123
127
|
|
|
124
128
|
<!-- Pagination with current page near end -->
|
|
125
129
|
<div class="c-page-list">
|
|
126
|
-
<button class="
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
type="button">1</button>
|
|
130
|
+
<button class="c-button c-button--as-link c-page-end" type="button">
|
|
131
|
+
< Previous
|
|
132
|
+
</button>
|
|
133
|
+
<button
|
|
134
|
+
class="c-button c-button--secondary c-button--size-small c-page-item c-page-link c-page-link--always-click"
|
|
135
|
+
type="button"
|
|
136
|
+
>
|
|
137
|
+
1
|
|
138
|
+
</button>
|
|
136
139
|
<span class="c-page-item--etcetera">...</span>
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
140
|
+
<button
|
|
141
|
+
class="c-button c-button--secondary c-button--size-small c-page-item c-page-link c-page-link--always-click"
|
|
142
|
+
type="button"
|
|
143
|
+
>
|
|
144
|
+
11
|
|
145
|
+
</button>
|
|
146
|
+
<button
|
|
147
|
+
class="c-button c-button--secondary c-button--size-small c-page-item c-page-link c-page-link--always-click"
|
|
148
|
+
type="button"
|
|
149
|
+
>
|
|
150
|
+
12
|
|
151
|
+
</button>
|
|
152
|
+
<button
|
|
153
|
+
class="c-button c-button--secondary c-button--size-small c-page-item c-page-link c-page-link--always-click"
|
|
154
|
+
type="button"
|
|
155
|
+
>
|
|
156
|
+
13
|
|
157
|
+
</button>
|
|
158
|
+
<button
|
|
159
|
+
class="c-button c-button--secondary c-button--size-small c-page-item c-page-link c-page-link--always-click"
|
|
160
|
+
type="button"
|
|
161
|
+
>
|
|
162
|
+
14
|
|
163
|
+
</button>
|
|
164
|
+
<button
|
|
165
|
+
class="c-button c-button--secondary c-button--size-small c-page-item c-page-link c-page-link--always-click"
|
|
166
|
+
type="button"
|
|
167
|
+
>
|
|
168
|
+
15
|
|
169
|
+
</button>
|
|
170
|
+
<button
|
|
171
|
+
class="c-button c-button--secondary c-button--size-small c-page-item c-page-link c-page-link--always-click"
|
|
172
|
+
type="button"
|
|
173
|
+
>
|
|
174
|
+
16
|
|
175
|
+
</button>
|
|
176
|
+
<button
|
|
177
|
+
class="c-button c-button--secondary c-button--size-small c-page-item c-page-link c-page-link--always-click"
|
|
178
|
+
type="button"
|
|
179
|
+
>
|
|
180
|
+
17
|
|
181
|
+
</button>
|
|
182
|
+
<button
|
|
183
|
+
class="c-button c-button--secondary c-button--is-active c-button--size-small c-page-item c-page-link c-page-link--always-click"
|
|
184
|
+
type="button"
|
|
185
|
+
>
|
|
186
|
+
18
|
|
187
|
+
</button>
|
|
188
|
+
<button
|
|
189
|
+
class="c-button c-button--secondary c-button--size-small c-page-item c-page-link c-page-link--always-click"
|
|
190
|
+
type="button"
|
|
191
|
+
>
|
|
192
|
+
19
|
|
193
|
+
</button>
|
|
194
|
+
<button
|
|
195
|
+
class="c-button c-button--secondary c-button--size-small c-page-item c-page-link c-page-link--always-click"
|
|
196
|
+
type="button"
|
|
197
|
+
>
|
|
198
|
+
20
|
|
199
|
+
</button>
|
|
200
|
+
<button class="c-button c-button--as-link c-page-end" type="button">
|
|
201
|
+
Next >
|
|
202
|
+
</button>
|
|
192
203
|
</div>
|
|
@@ -5,16 +5,22 @@ The search bar (as implemented in TACC/Core-CMS) _currently_ has a caveat (that
|
|
|
5
5
|
Certain styles need to load **before** all search bar styles and markup:
|
|
6
6
|
|
|
7
7
|
```css
|
|
8
|
-
:host {
|
|
8
|
+
:host {
|
|
9
|
+
visibility: hidden;
|
|
10
|
+
height: 0;
|
|
11
|
+
}
|
|
9
12
|
```
|
|
10
13
|
|
|
11
14
|
Certain styles need to load **after** all search bar styles and markup:
|
|
12
15
|
|
|
13
16
|
```css
|
|
14
|
-
:host {
|
|
17
|
+
:host {
|
|
18
|
+
visibility: visible;
|
|
19
|
+
height: auto;
|
|
20
|
+
}
|
|
15
21
|
```
|
|
16
22
|
|
|
17
23
|
This avoids [FOUC] by hiding the search bar _until_ all styles and markup are loaded.
|
|
18
24
|
|
|
19
|
-
[
|
|
20
|
-
[
|
|
25
|
+
[tacc/core-cms#101]: https://github.com/TACC/Core-CMS/issues/101
|
|
26
|
+
[fouc]: https://en.wikipedia.org/wiki/Flash_of_unstyled_content
|
|
@@ -3,10 +3,18 @@
|
|
|
3
3
|
|
|
4
4
|
{# The {{ html }} allows DjangoCMS Snippet to pass in class names #}
|
|
5
5
|
<div class="o-grid {{modifier_class}} {{ html }}">
|
|
6
|
-
<img
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
<img
|
|
6
|
+
<img
|
|
7
|
+
src="https://cep.tacc.utexas.edu/media/filer_public_thumbnails/filer_public/69/85/698569d0-641f-4289-94c2-664389d626e8/spectrum-square-240px.png__240x240_q85_subject_location-120%2C120_subsampling-2.png"
|
|
8
|
+
/>
|
|
9
|
+
<img
|
|
10
|
+
src="https://cep.tacc.utexas.edu/media/filer_public_thumbnails/filer_public/c9/eb/c9ebd744-14d3-43ed-bc2e-86ed96eeef8a/spectrum-tall-320px.png__160x320_q85_subject_location-76%2C160_subsampling-2.jpg"
|
|
11
|
+
/>
|
|
12
|
+
<img
|
|
13
|
+
src="https://cep.tacc.utexas.edu/media/filer_public_thumbnails/filer_public/14/15/1415253c-940f-452d-968e-0a17bd158867/spectrum-wide-600px.png__600x300_q85_subject_location-289%2C146_subsampling-2.png"
|
|
14
|
+
/>
|
|
15
|
+
<img
|
|
16
|
+
src="https://cep.tacc.utexas.edu/media/filer_public_thumbnails/filer_public/fb/3f/fb3fd4c3-6360-4759-b607-f393b84558c0/spectrum-wide-320px.png__320x160_q85_subject_location-157%2C78_subsampling-2.png"
|
|
17
|
+
/>
|
|
10
18
|
</div>
|
|
11
19
|
</details>
|
|
12
20
|
<details>
|
|
@@ -16,8 +24,22 @@
|
|
|
16
24
|
<div class="o-grid {{modifier_class}} {{ html }}">
|
|
17
25
|
<p>Lorem</p>
|
|
18
26
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
|
19
|
-
<p>
|
|
20
|
-
|
|
27
|
+
<p>
|
|
28
|
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tempus justo
|
|
29
|
+
vel pulvinar sagittis. Nulla sed bibendum mauris, vitae faucibus erat. Ut
|
|
30
|
+
vehicula, tellus eget sagittis vehicula, orci leo placerat est, feugiat
|
|
31
|
+
iaculis tortor ipsum quis risus.
|
|
32
|
+
</p>
|
|
33
|
+
<p>
|
|
34
|
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tempus justo
|
|
35
|
+
vel pulvinar sagittis. Nulla sed bibendum mauris, vitae faucibus erat. Ut
|
|
36
|
+
vehicula, tellus eget sagittis vehicula, orci leo placerat est, feugiat
|
|
37
|
+
iaculis tortor ipsum quis risus. Pellentesque quis faucibus nisl. Integer
|
|
38
|
+
dapibus, nunc nec eleifend rhoncus, nibh est finibus purus, gravida
|
|
39
|
+
elementum ipsum purus eu metus. Donec tincidunt metus ut pretium auctor.
|
|
40
|
+
Nulla dignissim euismod tempor. Fusce pharetra arcu nisl, eu varius est
|
|
41
|
+
fermentum eget. Vivamus dictum aliquet turpis.
|
|
42
|
+
</p>
|
|
21
43
|
</div>
|
|
22
44
|
</details>
|
|
23
45
|
<details>
|
|
@@ -25,17 +47,37 @@
|
|
|
25
47
|
|
|
26
48
|
{# The {{ html }} allows DjangoCMS Snippet to pass in class names #}
|
|
27
49
|
<div class="o-grid {{modifier_class}} {{ html }}">
|
|
28
|
-
<a
|
|
29
|
-
|
|
50
|
+
<a
|
|
51
|
+
href="https://cep.tacc.utexas.eduhttps://cep.tacc.utexas.edu/media/filer_public/69/85/698569d0-641f-4289-94c2-664389d626e8/spectrum-square-240px.png"
|
|
52
|
+
target="_blank"
|
|
53
|
+
>
|
|
54
|
+
<img
|
|
55
|
+
src="https://cep.tacc.utexas.edu/media/filer_public_thumbnails/filer_public/69/85/698569d0-641f-4289-94c2-664389d626e8/spectrum-square-240px.png__240x240_q85_subject_location-120%2C120_subsampling-2.png"
|
|
56
|
+
/>
|
|
30
57
|
</a>
|
|
31
|
-
<a
|
|
32
|
-
|
|
58
|
+
<a
|
|
59
|
+
href="https://cep.tacc.utexas.eduhttps://cep.tacc.utexas.edu/media/filer_public/0d/04/0d048909-c09c-4d87-93af-cc1afa81f762/spectrum-tall-320px.png"
|
|
60
|
+
target="_blank"
|
|
61
|
+
>
|
|
62
|
+
<img
|
|
63
|
+
src="https://cep.tacc.utexas.edu/media/filer_public_thumbnails/filer_public/c9/eb/c9ebd744-14d3-43ed-bc2e-86ed96eeef8a/spectrum-tall-320px.png__160x320_q85_subject_location-76%2C160_subsampling-2.jpg"
|
|
64
|
+
/>
|
|
33
65
|
</a>
|
|
34
|
-
<a
|
|
35
|
-
|
|
66
|
+
<a
|
|
67
|
+
href="https://cep.tacc.utexas.eduhttps://cep.tacc.utexas.edu/media/filer_public/93/8c/938c12d4-1784-4061-b701-d81d975ce04c/spectrum-wide-600px.png"
|
|
68
|
+
target="_blank"
|
|
69
|
+
>
|
|
70
|
+
<img
|
|
71
|
+
src="https://cep.tacc.utexas.edu/media/filer_public_thumbnails/filer_public/14/15/1415253c-940f-452d-968e-0a17bd158867/spectrum-wide-600px.png__600x300_q85_subject_location-289%2C146_subsampling-2.png"
|
|
72
|
+
/>
|
|
36
73
|
</a>
|
|
37
|
-
<a
|
|
38
|
-
|
|
74
|
+
<a
|
|
75
|
+
href="https://cep.tacc.utexas.eduhttps://cep.tacc.utexas.edu/media/filer_public/bd/fb/bdfbab1f-5275-42c1-8c3d-03e2a0385027/spectrum-wide-320px.png"
|
|
76
|
+
target="_blank"
|
|
77
|
+
>
|
|
78
|
+
<img
|
|
79
|
+
src="https://cep.tacc.utexas.edu/media/filer_public_thumbnails/filer_public/fb/3f/fb3fd4c3-6360-4759-b607-f393b84558c0/spectrum-wide-320px.png__320x160_q85_subject_location-157%2C78_subsampling-2.png"
|
|
80
|
+
/>
|
|
39
81
|
</a>
|
|
40
82
|
</div>
|
|
41
83
|
</details>
|
|
@@ -45,20 +87,28 @@
|
|
|
45
87
|
{# The {{ html }} allows DjangoCMS Snippet to pass in class names #}
|
|
46
88
|
<div class="o-grid {{modifier_class}} {{ html }}">
|
|
47
89
|
<figure>
|
|
48
|
-
|
|
49
|
-
|
|
90
|
+
<img
|
|
91
|
+
src="https://cep.tacc.utexas.edu/media/filer_public_thumbnails/filer_public/69/85/698569d0-641f-4289-94c2-664389d626e8/spectrum-square-240px.png__240x240_q85_subject_location-120%2C120_subsampling-2.png"
|
|
92
|
+
/>
|
|
93
|
+
<figcaption>Spectrum Square 240px</figcaption>
|
|
50
94
|
</figure>
|
|
51
95
|
<figure>
|
|
52
|
-
|
|
53
|
-
|
|
96
|
+
<img
|
|
97
|
+
src="https://cep.tacc.utexas.edu/media/filer_public_thumbnails/filer_public/c9/eb/c9ebd744-14d3-43ed-bc2e-86ed96eeef8a/spectrum-tall-320px.png__160x320_q85_subject_location-76%2C160_subsampling-2.jpg"
|
|
98
|
+
/>
|
|
99
|
+
<figcaption>Spectrum Tall 320px</figcaption>
|
|
54
100
|
</figure>
|
|
55
101
|
<figure>
|
|
56
|
-
|
|
57
|
-
|
|
102
|
+
<img
|
|
103
|
+
src="https://cep.tacc.utexas.edu/media/filer_public_thumbnails/filer_public/14/15/1415253c-940f-452d-968e-0a17bd158867/spectrum-wide-600px.png__600x300_q85_subject_location-289%2C146_subsampling-2.png"
|
|
104
|
+
/>
|
|
105
|
+
<figcaption>Spectrum Wide 600px</figcaption>
|
|
58
106
|
</figure>
|
|
59
107
|
<figure>
|
|
60
|
-
|
|
61
|
-
|
|
108
|
+
<img
|
|
109
|
+
src="https://cep.tacc.utexas.edu/media/filer_public_thumbnails/filer_public/fb/3f/fb3fd4c3-6360-4759-b607-f393b84558c0/spectrum-wide-320px.png__320x160_q85_subject_location-157%2C78_subsampling-2.png"
|
|
110
|
+
/>
|
|
111
|
+
<figcaption>Spectrum Wide 320px</figcaption>
|
|
62
112
|
</figure>
|
|
63
113
|
</div>
|
|
64
114
|
</details>
|