Skip to content

Commit 34b2752

Browse files
update files to match styling and markup of vocabulary-theme v1.7
1 parent f60ce27 commit 34b2752

File tree

3 files changed

+68
-80
lines changed

3 files changed

+68
-80
lines changed

src/components/FooterSection.vue

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -17,12 +17,11 @@
1717
<h2>Contact Us</h2>
1818
<p>Creative Commons <br> PO Box 1866, Mountain View, CA 94042</p>
1919
<p><a href="mailto:info@creativecommons.org">info@creativecommons.org</a></p>
20-
<p><a href="tel:+14154296753">+1-415-429-6753</a></p>
2120

2221
<nav class="social-menu">
2322
<ul>
2423
<!-- <li><a class="icon-replace fa-instagram" href="#">Instagram</a></li> -->
25-
<li><a class="icon-replace fa-twitter" href="https://twitter.com/creativecommons" target="_blank">Twitter</a></li>
24+
<li><a class="icon-replace fa-bluesky" href="https://bsky.app/profile/creativecommons.bsky.social" target="_blank">Bluesky</a></li>
2625
<li><a class="icon-replace fa-mastodon" href="https://mastodon.social/@creativecommons" target="_blank">Mastodon</a></li>
2726
<li><a class="icon-replace fa-facebook" href="https://www.facebook.com/creativecommons" target="_blank">Facebook</a></li>
2827
<li><a class="icon-replace fa-linkedin" href="https://www.linkedin.com/company/creative-commons/" target="_blank">LinkedIn</a></li>

static/vocabulary/css/library-vars.css

Lines changed: 43 additions & 42 deletions
Original file line numberDiff line numberDiff line change
@@ -26,37 +26,37 @@
2626
font-style: normal;
2727
font-weight: 400;
2828
font-display: swap;
29-
src: url(../fonts/SourceSansPro-Regular.woff2) format("woff2"),
30-
url(../fonts/SourceSansPro-Regular.woff) format("woff"),
31-
url(../fonts/SourceSansPro-Regular.otf) format("opentype");
29+
src: url('../fonts/SourceSansPro-Regular.woff2') format("woff2"),
30+
url('../fonts/SourceSansPro-Regular.woff') format("woff"),
31+
url('../fonts/SourceSansPro-Regular.otf') format("opentype");
3232
}
3333

3434
@font-face {
3535
font-family: "Source Sans Pro";
3636
font-style: normal;
3737
font-weight: 600;
3838
font-display: swap;
39-
src: url(../fonts/SourceSansPro-SemiBold.woff2) format("woff2"),
40-
url(../fonts/SourceSansPro-SemiBold.woff) format("woff"),
41-
url(../fonts/SourceSansPro-SemiBold.otf) format("opentype");
39+
src: url('../fonts/SourceSansPro-SemiBold.woff2') format("woff2"),
40+
url('../fonts/SourceSansPro-SemiBold.woff') format("woff"),
41+
url('../fonts/SourceSansPro-SemiBold.otf') format("opentype");
4242
}
4343

4444
@font-face {
4545
font-family: "Source Sans Pro";
4646
font-style: normal;
4747
font-weight: 700;
4848
font-display: swap;
49-
src: url(../fonts/SourceSansPro-Bold.woff2) format("woff2"),
50-
url(../fonts/SourceSansPro-Bold.woff) format("woff"),
51-
url(../fonts/SourceSansPro-Bold.otf) format("opentype");
49+
src: url('../fonts/SourceSansPro-Bold.woff2') format("woff2"),
50+
url('../fonts/SourceSansPro-Bold.woff') format("woff"),
51+
url('../fonts/SourceSansPro-Bold.otf') format("opentype");
5252
}
5353

5454
@font-face {
55-
font-family: "Accidenz Commons";
55+
font-family: "CC Accidenz Commons";
5656
font-style: normal;
5757
font-weight: 400;
5858
font-display: swap;
59-
src: url(../fonts/AccidenzCommons.otf) format("opentype");
59+
src: url('../fonts/CCAccidenzCommons-medium.otf') format("opentype");
6060
}
6161

6262

@@ -132,27 +132,27 @@
132132
--icon-sprite-size: 1em;
133133

134134
/* cc sprite names */
135-
--cc-logo: url('./../svg/cc/icons/cc-icons.svg#cc-logo');
136-
--cc-heart: url('./../svg/cc/icons/cc-icons.svg#cc-heart');
137-
--cc-heart-filled: url('./../svg/cc/icons/cc-icons.svg#cc-heart-filled');
135+
--cc-logo: url('../svg/cc/icons/cc-icons.svg#cc-logo');
136+
--cc-heart: url('../svg/cc/icons/cc-icons.svg#cc-heart');
137+
--cc-heart-filled: url('../svg/cc/icons/cc-icons.svg#cc-heart-filled');
138+
--cc-quote: url('../svg/cc/icons/cc-icons.svg#cc-quote');
138139

139140
/* font awesome sprite names */
140-
--fa-angle-down: url('./../svg/font-awesome/icons/fa-icons.svg#fa-angle-down');
141-
--fa-angle-left: url('./../svg/font-awesome/icons/fa-icons.svg#fa-angle-left');
142-
--fa-angle-right: url('./../svg/font-awesome/icons/fa-icons.svg#fa-angle-right');
143-
--fa-angle-up: url('./../svg/font-awesome/icons/fa-icons.svg#fa-angle-up');
144-
--fa-globe: url('./../svg/font-awesome/icons/fa-icons.svg#fa-globe');
145-
--fa-heart: url('./../svg/font-awesome/icons/fa-icons.svg#fa-heart');
146-
--fa-info: url('./../svg/font-awesome/icons/fa-icons.svg#fa-info');
147-
--fa-quote: url('./../svg/font-awesome/icons/fa-icons.svg#fa-quote');
148-
--fa-right-angle: url('./../svg/font-awesome/icons/fa-icons.svg#fa-right-angle');
149-
--fa-search: url('./../svg/font-awesome/icons/fa-icons.svg#fa-search');
150-
151-
--fa-instagram: url('./../svg/font-awesome/icons/fa-icons.svg#fa-instagram');
152-
--fa-twitter: url('./../svg/font-awesome/icons/fa-icons.svg#fa-twitter');
153-
--fa-facebook: url('./../svg/font-awesome/icons/fa-icons.svg#fa-facebook');
154-
--fa-linkedin: url('./../svg/font-awesome/icons/fa-icons.svg#fa-linkedin');
155-
--fa-mastodon: url('./../svg/font-awesome/icons/fa-icons.svg#fa-mastodon');
141+
--fa-angle-down: url('../svg/font-awesome/icons/fa-icons.svg#fa-angle-down');
142+
--fa-angle-left: url('../svg/font-awesome/icons/fa-icons.svg#fa-angle-left');
143+
--fa-angle-right: url('../svg/font-awesome/icons/fa-icons.svg#fa-angle-right');
144+
--fa-angle-up: url('../svg/font-awesome/icons/fa-icons.svg#fa-angle-up');
145+
--fa-globe: url('../svg/font-awesome/icons/fa-icons.svg#fa-globe');
146+
--fa-heart: url('../svg/font-awesome/icons/fa-icons.svg#fa-heart');
147+
--fa-info: url('../svg/font-awesome/icons/fa-icons.svg#fa-info');
148+
--fa-right-angle: url('../svg/font-awesome/icons/fa-icons.svg#fa-right-angle');
149+
--fa-search: url('../svg/font-awesome/icons/fa-icons.svg#fa-search');
150+
151+
--fa-bluesky: url('../svg/font-awesome/icons/fa-icons.svg#fa-bluesky');
152+
--fa-facebook: url('../svg/font-awesome/icons/fa-icons.svg#fa-facebook');
153+
--fa-instagram: url('../svg/font-awesome/icons/fa-icons.svg#fa-instagram');
154+
--fa-linkedin: url('../svg/font-awesome/icons/fa-icons.svg#fa-linkedin');
155+
--fa-mastodon: url('../svg/font-awesome/icons/fa-icons.svg#fa-mastodon');
156156

157157
}
158158

@@ -189,6 +189,10 @@ leaving room for semantic and accessible implementation choices */
189189
--icon-sprite: var(--cc-heart-filled);
190190
}
191191

192+
.icon.cc-quote, .icon-attach.cc-quote:before {
193+
--icon-sprite: var(--cc-quote);
194+
}
195+
192196
.icon.fa-angle-down, .icon-attach.fa-angle-down:before {
193197
--icon-sprite: var(--fa-angle-down);
194198
}
@@ -197,7 +201,7 @@ leaving room for semantic and accessible implementation choices */
197201
--icon-sprite: var(--fa-angle-left);
198202
}
199203

200-
.icon.fa-angle-right, .icon-attach.fa-angle-rignt:before {
204+
.icon.fa-angle-right, .icon-attach.fa-angle-right:before {
201205
--icon-sprite: var(--fa-angle-right);
202206
}
203207

@@ -217,30 +221,27 @@ leaving room for semantic and accessible implementation choices */
217221
--icon-sprite: var(--fa-info);
218222
}
219223

220-
.icon.fa-quote, .icon-attach.fa-quote:before {
221-
--icon-sprite: var(--fa-quote);
222-
}
223-
224-
.icon.fa-right-angle, .icon-attach.fa-righ-angle:before {
225-
--icon-sprite: var(--fa-heart);
224+
.icon.fa-right-angle, .icon-attach.fa-right-angle:before {
225+
--icon-sprite: var(--fa-right-angle);
226226
}
227227

228228
.icon.fa-search, .icon-attach.fa-search:before {
229229
--icon-sprite: var(--fa-search);
230230
}
231231

232-
.icon-replace.fa-instagram {
233-
--icon-sprite: var(--fa-instagram);
234-
}
235232

236-
.icon-replace.fa-twitter {
237-
--icon-sprite: var(--fa-twitter);
233+
.icon-replace.fa-bluesky {
234+
--icon-sprite: var(--fa-bluesky);
238235
}
239236

240237
.icon-replace.fa-facebook {
241238
--icon-sprite: var(--fa-facebook);
242239
}
243240

241+
.icon-replace.fa-instagram {
242+
--icon-sprite: var(--fa-instagram);
243+
}
244+
244245
.icon-replace.fa-linkedin {
245246
--icon-sprite: var(--fa-linkedin);
246247
}

0 commit comments

Comments
 (0)