Skip to content

Commit

Permalink
update files to match styling and markup of vocabulary-theme v1.7
Browse files Browse the repository at this point in the history
  • Loading branch information
@possumbilities
possumbilities authored Dec 11, 2024
1 parent f60ce27 commit 34b2752
Show file tree
Hide file tree
Showing 3 changed files with 68 additions and 80 deletions.
3 changes: 1 addition & 2 deletions src/components/FooterSection.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,12 +17,11 @@
<h2>Contact Us</h2>
<p>Creative Commons <br> PO Box 1866, Mountain View, CA 94042</p>
<p><a href="mailto:[email protected]">[email protected]</a></p>
<p><a href="tel:+14154296753">+1-415-429-6753</a></p>

<nav class="social-menu">
<ul>
<!-- <li><a class="icon-replace fa-instagram" href="#">Instagram</a></li> -->
<li><a class="icon-replace fa-twitter" href="https://twitter.com/creativecommons" target="_blank">Twitter</a></li>
<li><a class="icon-replace fa-bluesky" href="https://bsky.app/profile/creativecommons.bsky.social" target="_blank">Bluesky</a></li>
<li><a class="icon-replace fa-mastodon" href="https://mastodon.social/@creativecommons" target="_blank">Mastodon</a></li>
<li><a class="icon-replace fa-facebook" href="https://www.facebook.com/creativecommons" target="_blank">Facebook</a></li>
<li><a class="icon-replace fa-linkedin" href="https://www.linkedin.com/company/creative-commons/" target="_blank">LinkedIn</a></li>
Expand Down
85 changes: 43 additions & 42 deletions static/vocabulary/css/library-vars.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -26,37 +26,37 @@
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(../fonts/SourceSansPro-Regular.woff2) format("woff2"),
url(../fonts/SourceSansPro-Regular.woff) format("woff"),
url(../fonts/SourceSansPro-Regular.otf) format("opentype");
src: url('../fonts/SourceSansPro-Regular.woff2') format("woff2"),
url('../fonts/SourceSansPro-Regular.woff') format("woff"),
url('../fonts/SourceSansPro-Regular.otf') format("opentype");
}

@font-face {
font-family: "Source Sans Pro";
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(../fonts/SourceSansPro-SemiBold.woff2) format("woff2"),
url(../fonts/SourceSansPro-SemiBold.woff) format("woff"),
url(../fonts/SourceSansPro-SemiBold.otf) format("opentype");
src: url('../fonts/SourceSansPro-SemiBold.woff2') format("woff2"),
url('../fonts/SourceSansPro-SemiBold.woff') format("woff"),
url('../fonts/SourceSansPro-SemiBold.otf') format("opentype");
}

@font-face {
font-family: "Source Sans Pro";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(../fonts/SourceSansPro-Bold.woff2) format("woff2"),
url(../fonts/SourceSansPro-Bold.woff) format("woff"),
url(../fonts/SourceSansPro-Bold.otf) format("opentype");
src: url('../fonts/SourceSansPro-Bold.woff2') format("woff2"),
url('../fonts/SourceSansPro-Bold.woff') format("woff"),
url('../fonts/SourceSansPro-Bold.otf') format("opentype");
}

@font-face {
font-family: "Accidenz Commons";
font-family: "CC Accidenz Commons";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(../fonts/AccidenzCommons.otf) format("opentype");
src: url('../fonts/CCAccidenzCommons-medium.otf') format("opentype");
}


Expand Down Expand Up @@ -132,27 +132,27 @@
--icon-sprite-size: 1em;

/* cc sprite names */
--cc-logo: url('./../svg/cc/icons/cc-icons.svg#cc-logo');
--cc-heart: url('./../svg/cc/icons/cc-icons.svg#cc-heart');
--cc-heart-filled: url('./../svg/cc/icons/cc-icons.svg#cc-heart-filled');
--cc-logo: url('../svg/cc/icons/cc-icons.svg#cc-logo');
--cc-heart: url('../svg/cc/icons/cc-icons.svg#cc-heart');
--cc-heart-filled: url('../svg/cc/icons/cc-icons.svg#cc-heart-filled');
--cc-quote: url('../svg/cc/icons/cc-icons.svg#cc-quote');

/* font awesome sprite names */
--fa-angle-down: url('./../svg/font-awesome/icons/fa-icons.svg#fa-angle-down');
--fa-angle-left: url('./../svg/font-awesome/icons/fa-icons.svg#fa-angle-left');
--fa-angle-right: url('./../svg/font-awesome/icons/fa-icons.svg#fa-angle-right');
--fa-angle-up: url('./../svg/font-awesome/icons/fa-icons.svg#fa-angle-up');
--fa-globe: url('./../svg/font-awesome/icons/fa-icons.svg#fa-globe');
--fa-heart: url('./../svg/font-awesome/icons/fa-icons.svg#fa-heart');
--fa-info: url('./../svg/font-awesome/icons/fa-icons.svg#fa-info');
--fa-quote: url('./../svg/font-awesome/icons/fa-icons.svg#fa-quote');
--fa-right-angle: url('./../svg/font-awesome/icons/fa-icons.svg#fa-right-angle');
--fa-search: url('./../svg/font-awesome/icons/fa-icons.svg#fa-search');

--fa-instagram: url('./../svg/font-awesome/icons/fa-icons.svg#fa-instagram');
--fa-twitter: url('./../svg/font-awesome/icons/fa-icons.svg#fa-twitter');
--fa-facebook: url('./../svg/font-awesome/icons/fa-icons.svg#fa-facebook');
--fa-linkedin: url('./../svg/font-awesome/icons/fa-icons.svg#fa-linkedin');
--fa-mastodon: url('./../svg/font-awesome/icons/fa-icons.svg#fa-mastodon');
--fa-angle-down: url('../svg/font-awesome/icons/fa-icons.svg#fa-angle-down');
--fa-angle-left: url('../svg/font-awesome/icons/fa-icons.svg#fa-angle-left');
--fa-angle-right: url('../svg/font-awesome/icons/fa-icons.svg#fa-angle-right');
--fa-angle-up: url('../svg/font-awesome/icons/fa-icons.svg#fa-angle-up');
--fa-globe: url('../svg/font-awesome/icons/fa-icons.svg#fa-globe');
--fa-heart: url('../svg/font-awesome/icons/fa-icons.svg#fa-heart');
--fa-info: url('../svg/font-awesome/icons/fa-icons.svg#fa-info');
--fa-right-angle: url('../svg/font-awesome/icons/fa-icons.svg#fa-right-angle');
--fa-search: url('../svg/font-awesome/icons/fa-icons.svg#fa-search');

--fa-bluesky: url('../svg/font-awesome/icons/fa-icons.svg#fa-bluesky');
--fa-facebook: url('../svg/font-awesome/icons/fa-icons.svg#fa-facebook');
--fa-instagram: url('../svg/font-awesome/icons/fa-icons.svg#fa-instagram');
--fa-linkedin: url('../svg/font-awesome/icons/fa-icons.svg#fa-linkedin');
--fa-mastodon: url('../svg/font-awesome/icons/fa-icons.svg#fa-mastodon');

}

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

.icon.cc-quote, .icon-attach.cc-quote:before {
--icon-sprite: var(--cc-quote);
}

.icon.fa-angle-down, .icon-attach.fa-angle-down:before {
--icon-sprite: var(--fa-angle-down);
}
Expand All @@ -197,7 +201,7 @@ leaving room for semantic and accessible implementation choices */
--icon-sprite: var(--fa-angle-left);
}

.icon.fa-angle-right, .icon-attach.fa-angle-rignt:before {
.icon.fa-angle-right, .icon-attach.fa-angle-right:before {
--icon-sprite: var(--fa-angle-right);
}

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

.icon.fa-quote, .icon-attach.fa-quote:before {
--icon-sprite: var(--fa-quote);
}

.icon.fa-right-angle, .icon-attach.fa-righ-angle:before {
--icon-sprite: var(--fa-heart);
.icon.fa-right-angle, .icon-attach.fa-right-angle:before {
--icon-sprite: var(--fa-right-angle);
}

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

.icon-replace.fa-instagram {
--icon-sprite: var(--fa-instagram);
}

.icon-replace.fa-twitter {
--icon-sprite: var(--fa-twitter);
.icon-replace.fa-bluesky {
--icon-sprite: var(--fa-bluesky);
}

.icon-replace.fa-facebook {
--icon-sprite: var(--fa-facebook);
}

.icon-replace.fa-instagram {
--icon-sprite: var(--fa-instagram);
}

.icon-replace.fa-linkedin {
--icon-sprite: var(--fa-linkedin);
}
Expand Down
Loading

0 comments on commit 34b2752

Please sign in to comment.