diff --git a/specimen/contexts/pidgin/attributron/attributron.html b/specimen/contexts/pidgin/attributron/attributron.html
new file mode 100644
index 0000000..85ac116
--- /dev/null
+++ b/specimen/contexts/pidgin/attributron/attributron.html
@@ -0,0 +1,645 @@
+
+
+
+Attributron
+
+Skip to content
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Website
+
+ If you are licensing or marking one work, paste the code next to it. If you are licensing or marking the whole page or blog, you can paste the code at the bottom of the page.
+
+
+
+ Rich Text
+
+ [contextually formatted mark here]
+
+
+
+
+
+
+
+ HTML
+
+
+
+
+
+
+
+
+
+
+ Print Work or Media
+
+ Copy the text below and paste it on the title and/or copyright page of your print work or presentation, or in the credits of your media.
+
+
+
+ Plain Text
+
+ [contextually formatted mark here]
+
+
+
+
+
+
+
+
Confused? Need Help?
+
+
+ What are Creative Commons licenses?
+ Creative Commons licenses are legal tools that help you grant copyright permissions to the general public. Our CC legal tools include six different licenses and one public domain dedication tool . It is important to specify which one of the 7 legal tools you are applying to your material. The license chooser can help you decide which license is right for you.
+ CC licenses may be applied to any type of copyrightable work. The only types of works for which CC does not recommend its licenses are computer software and hardware, where we recommend a standard free software license instead. For works that are already in the public domain we recommend that you mark them with the Public Domain Mark . If you hold the rights to a work but would like to place it into the public domain, you can use the Chooser to select CC0.
+
+
+
+ How to apply a Creative Commons license
+ You can license your work by marking it with the specific CC license you choose. This marking can be as simple as a bit of text stating the license in a copyright notice, or as complex as embedding the license information on your website using the HTML code associated with the particular license. We strongly recommend including a link to the applicable license (e.g., https://creativecommons.org/licenses/by/4.0/ ).
+
+
+
+ What should I consider?
+ As a creator licensing a work, among other considerations , you should:
+
+
+
+
+ What do the icons mean?
+ The icons represent key features of the different CC license options:
+
+
+
Attribution Required (BY)
+ Credit must be given to you, the creator.
+
+
+
+
Commercial Use Not Allowed (NC/NonCommercial)
+
+ Only noncommercial use of your work is permitted.
+ Noncommercial means not primarily intended for or directed towards commercial advantage or monetary compensation.
+
+
+
+
+
Distributed on Same Terms (SA/ShareAlike)
+ Adaptations must be shared under the same terms.
+
+
+
+
Modifying Not Allowed (ND/NoDerivatives)
+ No derivatives or adaptations of your work are permitted.
+
+
+
+
+
+ What if I have other questions?
+ You can find a full list of our frequently asked questions on our site. If your questions or concerns are not answered there, you can email us at legal@creativecommons.org .
+
+
+
+
+
+
+
+ Creative Commons
+
+
+
+
+
+
+
Subscribe to our Newsletter
+
+
+
Support Our Work
+
Our work relies on you! Help us keep the Internet free and open.
+
Donate Now
+
+
+
+
+
+
+
+
+ CC0 1.0
+
+
+
+
+
+
+ CC0 1.0 Universal
+
+
+
+
By marking the work with a CC0 public domain dedication, the creator is giving up their copyright and allowing reusers to distribute, remix, adapt, and build upon the material in any medium or format, even for commercial purposes.
+
+
+
CC0
+ This work has been marked as dedicated to the public domain.
+
+
+
+ See the License Deed
+
+
+
+
+ CC-BY 4.0
+
+
+
+
+
+
+ Creative Commons Attribution 4.0 International
+
+
+
+
This license requires that reusers give credit to the creator. It allows reusers to distribute, remix, adapt, and build upon the material in any medium or format, even for commercial purposes.
+
+
+
BY
+ Credit must be given to you, the creator.
+
+
+
+ See the License Deed
+
+
+
+
+ CC BY-SA 4.0
+
+
+
+
+
+
+
+
+ Creative Commons Attribution-ShareAlike 4.0 International
+
+
+
+
This license requires that reusers give credit to the creator. It allows reusers to distribute, remix, adapt, and build upon the material in any medium or format, even for commercial purposes. If others remix, adapt, or build upon the material, they must license the modified material under identical terms.
+
+
+
BY
+ Credit must be given to you, the creator.
+
+
+
+
SA
+ Adaptations must be shared under the same terms.
+
+
+
+ See the License Deed
+
+
+
+
+ CC BY-ND 4.0
+
+
+
+
+
+
+
+
+ Creative Commons Attribution-NoDerivatives 4.0 International
+
+
+
+
This license requires that reusers give credit to the creator. It allows reusers to copy and distribute the material in any medium or format in unadapted form only, even for commercial purposes.
+
+
+
+
BY
+ Credit must be given to you, the creator.
+
+
+
+
ND
+ No derivatives or adaptations of your work are permitted.
+
+
+
+ See the License Deed
+
+
+
+
+ CC BY-NC 4.0
+
+
+
+
+
+
+
+
+ Creative Commons Attribution-NonCommercial 4.0 International
+
+
+
+
This license requires that reusers give credit to the creator. It allows reusers to distribute, remix, adapt, and build upon the material in any medium or format, for noncommercial purposes only.
+
+
+
BY
+ Credit must be given to you, the creator.
+
+
+
+
NC
+
+ Only noncommercial use of your work is permitted.
+ Noncommercial means not primarily intended for or directed towards commercial advantage or monetary compensation.
+
+
+
+
+
+
+ See the License Deed
+
+
+
+
+ CC BY-NC-SA 4.0
+
+
+
+
+
+
+
+
+
+
+ Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International
+
+
+
+
This license requires that reusers give credit to the creator. It allows reusers to distribute, remix, adapt, and build upon the material in any medium or format, for noncommercial purposes only. If others modify or adapt the material, they must license the modified material under identical terms.
+
+
+
BY
+ Credit must be given to you, the creator.
+
+
+
+
NC
+
+ Only noncommercial use of your work is permitted.
+ Noncommercial means not primarily intended for or directed towards commercial advantage or monetary compensation.
+
+
+
+
+
SA
+ Adaptations must be shared under the same terms.
+
+
+
+ See the License Deed
+
+
+
+
+ CC BY-NC-ND 4.0
+
+
+
+
+
+
+
+
+
+
+ Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International
+
+
+
+
This license requires that reusers give credit to the creator. It allows reusers to copy and distribute the material in any medium or format in unadapted form and for noncommercial purposes only.
+
+
+
BY
+ Credit must be given to you, the creator.
+
+
+
+
NC
+
+ Only noncommercial use of your work is permitted.
+ Noncommercial means not primarily intended for or directed towards commercial advantage or monetary compensation.
+
+
+
+
+
ND
+ No derivatives or adaptations of your work are permitted.
+
+
+
+ See the License Deed
+
+
+
+ {{title}} {{copyright}} by {{creator}} is {{typeAsVerb}} {{toolName}}. To view a copy of this {{type}}, visit {{toolURL}}
+
+
+
+
\ No newline at end of file
diff --git a/specimen/contexts/pidgin/attributron/style.css b/specimen/contexts/pidgin/attributron/style.css
new file mode 100644
index 0000000..3c7850a
--- /dev/null
+++ b/specimen/contexts/pidgin/attributron/style.css
@@ -0,0 +1,370 @@
+@import '../../../../../src/css/vocabulary.css' layer(vocabulary);
+
+:root {
+
+ /* localized cc sprite names */
+ --cc-by: url('/vocabulary/svg/cc/icons/cc-icons.svg#cc-by');
+ --cc-nc: url('/vocabulary/svg/cc/icons/cc-icons.svg#cc-nc');
+ --cc-nd: url('/vocabulary/svg/cc/icons/cc-icons.svg#cc-nd');
+ --cc-pd: url('/vocabulary/svg/cc/icons/cc-icons.svg#cc-pd');
+ --cc-pdm: url('/vocabulary/svg/cc/icons/cc-icons.svg#cc-pdm');
+ --cc-sa: url('/vocabulary/svg/cc/icons/cc-icons.svg#cc-sa');
+ --cc-zero: url('/vocabulary/svg/cc/icons/cc-icons.svg#cc-zero');
+}
+
+.chooser-page .icon-attach.cc-by:before {
+ --icon-sprite: var(--cc-by);
+ margin-right: .2em;
+ margin-bottom: -.125em;
+}
+
+.chooser-page .icon-attach.cc-nc:before {
+ --icon-sprite: var(--cc-nc);
+ margin-right: .2em;
+ margin-bottom: -.125em;
+}
+
+.chooser-page .icon-attach.cc-nd:before {
+ --icon-sprite: var(--cc-nd);
+ margin-right: .2em;
+ margin-bottom: -.125em;
+}
+
+.chooser-page .icon-attach.cc-pd:before {
+ --icon-sprite: var(--cc-pd);
+ margin-right: .2em;
+ margin-bottom: -.125em;
+}
+
+.chooser-page .icon-attach.cc-pdm:before {
+ --icon-sprite: var(--cc-pdm);
+ margin-right: .2em;
+ margin-bottom: -.125em;
+}
+
+.chooser-page .icon-attach.cc-sa:before {
+ --icon-sprite: var(--cc-sa);
+ margin-right: .2em;
+ margin-bottom: -.125em;
+}
+
+.chooser-page .icon-attach.cc-zero:before {
+ --icon-sprite: var(--cc-zero);
+ margin-right: .2em;
+ margin-bottom: -.125em;
+}
+
+.chooser-page dl div {
+ margin-bottom: .8em;
+}
+
+.chooser-page dt, .chooser-page dd {
+ display: inline-block;
+}
+
+.chooser-page dt:after {
+ content: ':';
+}
+
+.chooser-page dd {
+ margin-left: .2em;
+}
+
+.chooser-page dd span {
+ display: block;
+}
+
+.chooser-page ol li:has(.disable) {
+ display: none;
+}
+
+.chooser-page .disable {
+ display: none;
+}
+
+.chooser-page .hide {
+ display: none;
+}
+
+.chooser-page .tool header {
+ display: flex;
+ flex-wrap: wrap;
+}
+
+.chooser-page .tool header > h4 {
+ width: 100%;
+}
+
+.chooser-page .tool header > .tool-icons {
+ order: -1;
+ margin: 0 1em 0 0;
+}
+
+.chooser-page .tool .tool-icons svg {
+ display: inline;
+ width: 1.9em;
+ height: 1.9em;
+ margin-right: .3em;
+}
+
+.chooser-page .content {
+ display: grid;
+ gap: 2em;
+ grid-template-columns: 1fr 2fr;
+}
+
+.chooser-page .mark svg {
+ display: inline;
+ width: 1.3em;
+ height: 1.3em;
+}
+
+.chooser-page .mark svg:first-of-type {
+ margin-left: .5em;
+}
+
+.chooser-page .tool-rec-details input {
+ color: lightgray;
+}
+
+.chooser-page form#chooser > ol {
+ position: relative;
+
+ list-style: none;
+ counter-reset: chooser-counter;
+}
+
+.chooser-page form#chooser > ol li {
+ counter-increment: chooser-counter;
+}
+.chooser-page form#chooser > ol li::before {
+ position: absolute;
+ --size: 32px;
+ left: calc(-1 * var(--size) - 25px);
+ min-height: 2em;
+ min-width: 2em;
+ padding-top: .4em;
+ box-sizing: border-box;
+
+ content: counter(chooser-counter);
+ font-weight: bold;
+ border-radius: 200px;
+ background: var(--vocabulary-neutral-color-lighter-gray);
+ color: black;
+ text-align: center;
+ vertical-align: middle;
+}
+
+.chooser-page form#chooser legend {
+ font-weight: bold;
+}
+
+.chooser-page form#chooser fieldset {
+ margin-bottom: 1em;
+}
+
+.chooser-page form#chooser label {
+ display: block;
+ font-size: .7em;
+ font-weight: 400;
+}
+
+.chooser-page form#chooser #attribution-details span {
+ display: inline-block;
+ padding: .7em 0;
+
+ font-size: .8em;
+ line-height: 1.3;
+}
+
+.chooser-page form#chooser #attribution-details div {
+ margin-bottom: .5em;
+}
+
+.chooser-page form#chooser #waive-your-copyright div {
+ margin-bottom: 1em;
+}
+
+.chooser-page form#chooser #attribution-details input {
+ padding: .2em .2em;
+
+ font-size: 1em;
+}
+
+.chooser-page form#chooser #atrribution-details input::placeholder {
+ opacity: .5;
+}
+
+.chooser-page aside #empty {
+ min-height: 10em;
+ padding: 2em;
+
+ background: var(--vocabulary-brand-color-soft-turquoise);
+ background: var(--vocabulary-neutral-color-lighter-gray);
+}
+
+.chooser-page aside #empty p {
+ font-size: 1.2em;
+}
+
+.chooser-page #tool-recommendation {
+ margin-bottom: 4em;
+
+ font-family: 'Source Sans Pro';
+}
+
+.chooser-page #tool-recommendation .tool {
+ padding: 2em;
+
+ background: var(--vocabulary-brand-color-soft-turquoise);
+}
+
+.chooser-page #tool-recommendation .tool a {
+ --underline-background-color: var(--vocabulary-brand-color-soft-turquoise);
+}
+
+.chooser-page #tool-recommendation h3 {
+ margin: 0;
+
+ font-family: 'Source Sans Pro';
+ font-size: 1.4em;
+}
+
+.chooser-page #tool-recommendation h4 {
+ margin: .2em;
+
+ font-family: 'Source Sans Pro';
+ font-size: 1.4em;
+}
+
+.chooser-page #tool-recommendation p {
+ font-size: 1.2em;
+}
+
+.chooser-page #tool-recommendation a {
+ font-weight: 700;
+}
+
+.chooser-page #tool-recommendation .conditions-definitions {
+ margin-bottom: 2em;
+
+ font-family: 'Source Sans Pro';
+}
+
+.chooser-page #tool-recommendation .conditions-definitions dt {
+ font-weight: 700;
+}
+
+.chooser-page #mark-your-work textarea {
+ min-height: 9em;
+ width: 90%;
+ margin: 1em;
+ box-sizing: border-box;
+}
+
+.chooser-page #mark-your-work p {
+ font-size: 1.2em;
+}
+
+.chooser-page details {
+ font-family: 'Source Sans Pro';
+
+ border: 2px solid var(--vocabulary-neutral-color-lighter-gray);
+ border-radius: 5px;
+}
+
+.chooser-page details details {
+ margin: 1em;
+}
+
+.chooser-page details.medium {
+ margin-bottom: 1em;
+}
+
+.chooser-page details summary {
+ padding: .2em .5em;
+
+ background: var(--vocabulary-neutral-color-lighter-gray);
+ font-size: 1.6em;
+}
+
+.chooser-page details.format summary {
+ font-size: 1.3em;
+}
+
+.chooser-page summary:hover {
+ cursor: pointer;
+}
+
+.chooser-page summary::marker {
+ font-size: .8em;
+}
+
+.chooser-page details p {
+ padding: 0 1em;
+
+ font-size: 1em;
+}
+
+.chooser-page details.format footer {
+ display: flex;
+ justify-content: space-between;
+ padding: 1em;
+}
+
+.chooser-page details.format footer label {
+ margin-left: .2em;
+}
+
+.chooser-page details.format footer button {
+ padding: .5em 1em;
+
+ background: #324C7F;
+ color: white;
+ border-radius: 3px;
+ border: none;
+}
+
+.chooser-page details.format footer button:hover {
+ cursor: pointer;
+}
+
+.chooser-page .content {
+ grid-column: 3 / 10;
+}
+
+.chooser-page #help {
+ margin-top: 4em;
+ }
+
+ .chooser-page #help details {
+ margin-bottom: 1em;
+ }
+
+ .chooser-page #help ul {
+ font-size: 1em;
+ padding: 0 1em;
+ }
+
+ .chooser-page #help ul li {
+ padding-bottom: .5em;
+ }
+
+ .chooser-page #help dl {
+ padding: 0 1em;
+ }
+
+
+@media (max-width: 705px) {
+ .chooser-page .content {
+ display: block;
+ }
+}
+
+.chooser-page .panel {
+ display: none;
+}
+
+.chooser-page .panel.expand {
+ display: initial;
+}
\ No newline at end of file
diff --git a/specimen/contexts/pidgin/home-index.html b/specimen/contexts/pidgin/home-index.html
new file mode 100644
index 0000000..21bc6dd
--- /dev/null
+++ b/specimen/contexts/pidgin/home-index.html
@@ -0,0 +1,330 @@
+
+
+
+Default Page - Context
+
+Skip to content
+
+
+
+
+ Join us in celebrating 25 years of the Commons this Fall.
+
+
+
+ Join us in celebrating 25 years of the Commons this Fall.
+
+
+
+ Join us in celebrating 25 years of the Commons this Fall.
+
+
+
+ Join us in celebrating 25 years of the Commons this Fall.
+
+
+
+ Join us in celebrating 25 years of the Commons this Fall.
+
+
+
+ Join us in celebrating 25 years of the Commons this Fall.
+
+
+
+ Join us in celebrating 25 years of the Commons this Fall.
+
+
+
+
+
+
+
+
+
+
+
+
+
Attribution ShareAlike (CC-BY-SA)
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
This license lets others remix, tweak, and build upon your work even for commercial purposes, as long as credit you and license their new creations under the identical terms. This license is often compared to "copyleft" free and open source software licenses. All new works based on yours will carry the same license, so any derivatives will also allow commercial use. This is the license used by Wikipedia, and is recommended for materials that would benefit from incorporating content form Wikipedia and similarly licensed projects.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Creative Commons
+
+
+
+
+
+
+
Subscribe to our Newsletter
+
+
+
Support Our Work
+
Our work relies on you! Help us keep the Internet free and open.
+
Donate Now
+
+
+
+
+
+
diff --git a/specimen/contexts/pidgin/interim/home-index.html b/specimen/contexts/pidgin/interim/home-index.html
new file mode 100644
index 0000000..83ad2de
--- /dev/null
+++ b/specimen/contexts/pidgin/interim/home-index.html
@@ -0,0 +1,330 @@
+
+
+
+Default Page - Context
+
+Skip to content
+
+
+
+
+ Join us in celebrating 25 years of the Commons this Fall.
+
+
+
+ Join us in celebrating 25 years of the Commons this Fall.
+
+
+
+ Join us in celebrating 25 years of the Commons this Fall.
+
+
+
+ Join us in celebrating 25 years of the Commons this Fall.
+
+
+
+ Join us in celebrating 25 years of the Commons this Fall.
+
+
+
+ Join us in celebrating 25 years of the Commons this Fall.
+
+
+
+ Join us in celebrating 25 years of the Commons this Fall.
+
+
+
+
+
+
+
+
+
+
+
+
+
Attribution ShareAlike (CC-BY-SA)
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
This license lets others remix, tweak, and build upon your work even for commercial purposes, as long as credit you and license their new creations under the identical terms. This license is often compared to "copyleft" free and open source software licenses. All new works based on yours will carry the same license, so any derivatives will also allow commercial use. This is the license used by Wikipedia, and is recommended for materials that would benefit from incorporating content form Wikipedia and similarly licensed projects.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Creative Commons
+
+
+
+
+
+
+
Subscribe to our Newsletter
+
+
+
Support Our Work
+
Our work relies on you! Help us keep the Internet free and open.
+
Donate Now
+
+
+
+
+
+
diff --git a/specimen/contexts/pidgin/interim/home-narrative.html b/specimen/contexts/pidgin/interim/home-narrative.html
new file mode 100644
index 0000000..278ab81
--- /dev/null
+++ b/specimen/contexts/pidgin/interim/home-narrative.html
@@ -0,0 +1,591 @@
+
+
+
+Home Index - Context
+
+Skip to content
+
+
+
+
+ Help us protect the commons, make a gift today!
+ "The work they're doing is vital to the future of culture, copyright, and the commons" - Person Nameguy
+
+
+
+
+
+
+
+
+
The commons belongs to all of us
+
Creative Commons safeguards and strengthens the global commons, which is made up of all shared knowledge and culture, so that it can power human creativity, equity, and innovation.
+
We are a global nonprofit protecting your right to access and share information and participate in knowledge.
+
+
+
+ "Holding a Heart " by
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Attribution ShareAlike (CC-BY-SA)
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
This license lets others remix, tweak, and build upon your work even for commercial purposes, as long as credit you and license their new creations under the identical terms. This license is often compared to "copyleft" free and open source software licenses. All new works based on yours will carry the same license, so any derivatives will also allow commercial use. This is the license used by Wikipedia, and is recommended for materials that would benefit from incorporating content form Wikipedia and similarly licensed projects.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Join us in shaping what's next
+
We steward the open infrastructure of sharing and contribute to a thriving creative commons with, and for, community.
+
Learn more about how to get involved →
+
+
+ "Untitled" by Ken Rahaim, 2007, Center for Folklife and Cultural Heritage, Smithsonian.
+
+
+
+
+
+
+
Empowering Access to Knowledge
+
Whether through our CC Certificate courses, tailored facilitation, or legal office hours, we support organizations working to expand the global commons. Learn, collaborate, and lead with openness at the center.
+
Request training or consulting today →
+
+ "Inpiration Arch Plaque " by Nicolas Raymond 2011, CC BY 3.0
+
+
+
+
+
+
The Commons is the Foundation of AI
+
If we want ethical and equitable AI, we must protect and nourish the commons it relies on. Learn about how we’re adapting to address sharing in the age of AI, from developing new tools like CC signals, strengthening licensing guidance, and advocating for policies that keep access to knowledge open and equitable.
+
Explore our AI and Commons work →
+
+ "Mauretania Construction", 1906, Tyne & Wear Archives & Museums
+
+
+
+
+
+
CC BY is the Best Option for Preprints
+
If you are a researcher, scientist, or knowledge producer, you are a creator. The knowledge you record as a research output is the scaffolding for collaboration.
+
Our latest video that explains open licenses for research outputs and encourages researchers to use CC licenses for data, preprints, manuscripts, and journal articles.
+
Watch video →
+
+
+ "Person Behind Books ", 2016 CC0
+
+
+
+
+
+
+
The TAROCH Coalition is on a Mission to advance open access to public domain cultural heritage
+
The Towards a Recommendation on Open Cultural Heritage (TAROCH) Coalition unites over 60 institutions and organizations from 25 countries that share a belief in the transformative potential of open solutions.
+
Show your support →
+
+
+ "Watering Place at Marley " by Alfred Sisley, 1875, CC0, Art Institute of Chicago, remixed with "TAROCH balloon" by Creative Commons/Dee Harris, 2025, CC0.
+
+
+
+
+
+
+
+ Support CC and Stay Connected
+
+
+
+
+
+
+ Recently from the blog
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Newsletter highlights
+
+
+
+
+
+
+
+
+
+
+
+
+Images attribution
+
+
+
+
+
+
+
+
+
+
+
+
+ Creative Commons
+
+
+
+
+
+
+
Subscribe to our Newsletter
+
+
+
Support Our Work
+
Our work relies on you! Help us keep the Internet free and open.
+
Donate Now
+
+
+
+
+
diff --git a/specimen/contexts/pidgin/interim/wireframes/home-index-wf1.html b/specimen/contexts/pidgin/interim/wireframes/home-index-wf1.html
new file mode 100644
index 0000000..9fa4359
--- /dev/null
+++ b/specimen/contexts/pidgin/interim/wireframes/home-index-wf1.html
@@ -0,0 +1,121 @@
+
+
+
+home-index - context wireframe v1.0
+
+Homepage - Wireframe Beats Draft v1.0
+
+ Header: Logo, Navigation
+
+
+ Lead in Summary of the Org: Who, What, Why
+
+
+ WHO is Creative CommonsWHAT Creative Commons doesWHY it matters (and WHY you should care and support us)
+
+
Quick drill down, biggest beat is “who” and then can jump to the what/why
+
+
Center Community, and layer throughout other sections as relevant.
+
+
Enough interest to dig further, but new visitors are not “lost” with this as the only takeaway, they are instead “curious”, “excited”, or “motivated” to know more.
+
+
What We Do
+
+
Legal Tools
+
+
Focus Areas & Projects
+
+
Legitimacy (why we matter) is layered throughout this, tied to impact, case studies, etc.
+
+
Opportunities here to tie topics to community
+
+
Support Our Work
+
+
Give
+
+
Get Involved
+
+
Can begin light (just giving), and then break into ways to support beyond monetary (joining the community, etc.)
+
+
"What's Going On"
+
+
Blog
+
+
Newsletter(s)
+
+
"What is going on" in the space, establishes relevance, context, and grounds org in being “active”. Can later expand to include News and Events
+
+
Opportunities here to tie topics to community
+
+
+
Footer
+
+
+
diff --git a/specimen/contexts/pidgin/interim/wireframes/home-index-wf2.html b/specimen/contexts/pidgin/interim/wireframes/home-index-wf2.html
new file mode 100644
index 0000000..80baea2
--- /dev/null
+++ b/specimen/contexts/pidgin/interim/wireframes/home-index-wf2.html
@@ -0,0 +1,196 @@
+
+
+
+home-index - context wireframe v2.0
+
+
+ Homepage - Wireframe Beats Draft v2.0
+ Header: Logo, Navigation
+
+
+
+
+
+ Lead in Summary of the Org: Who, What, Why
+ description here
+
+
+
+
+
+
+
+ What We Do
+
+
+ Legal Tools
+
+
+
+ Focus Areas & Projects
+
+
+
+
+
+
+
+
+ Support Our Work
+
+ Give
+
+ Get Involved
+
+
+
+
+
+
+ "What's Going On"
+
+ Blog
+
+ Newsletter(s)
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/specimen/maps/index/about/community.html b/specimen/maps/index/about/community.html
new file mode 100644
index 0000000..e69de29
diff --git a/specimen/maps/index/about/index.html b/specimen/maps/index/about/index.html
new file mode 100644
index 0000000..449f48b
--- /dev/null
+++ b/specimen/maps/index/about/index.html
@@ -0,0 +1,32 @@
+
+About Page
+
+
+
+About
+route: /about
+inbound from: primary nav
+
+Primary Navigation
+
+
+Who We Are
+
+
+
+What We Do
\ No newline at end of file
diff --git a/specimen/maps/index/about/team.html b/specimen/maps/index/about/team.html
new file mode 100644
index 0000000..70bd690
--- /dev/null
+++ b/specimen/maps/index/about/team.html
@@ -0,0 +1,28 @@
+
+Team Index
+
+
+
+Team
+route: /about/team
+inbound from: /about
+
+Primary Navigation
+
+
+What We Do
\ No newline at end of file
diff --git a/specimen/maps/index/blog/index.html b/specimen/maps/index/blog/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/specimen/maps/index/community/index.html b/specimen/maps/index/community/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/specimen/maps/index/donate.html b/specimen/maps/index/donate.html
new file mode 100644
index 0000000..e69de29
diff --git a/specimen/maps/index/index.html b/specimen/maps/index/index.html
new file mode 100644
index 0000000..686c0bb
--- /dev/null
+++ b/specimen/maps/index/index.html
@@ -0,0 +1,24 @@
+
+Home Index
+
+
+
+Home Index
+/
+
+Primary Navigation
+
+
+Intro Section
\ No newline at end of file
diff --git a/specimen/maps/index/licenses-tools.html b/specimen/maps/index/licenses-tools.html
new file mode 100644
index 0000000..e69de29
diff --git a/specimen/maps/index/licenses/index.html b/specimen/maps/index/licenses/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/specimen/maps/index/map.html b/specimen/maps/index/map.html
new file mode 100644
index 0000000..e69de29
diff --git a/specimen/maps/index/programs/index.html b/specimen/maps/index/programs/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/specimen/maps/index/programs/open-culture.html b/specimen/maps/index/programs/open-culture.html
new file mode 100644
index 0000000..e69de29
diff --git a/specimen/maps/index/programs/open-education.html b/specimen/maps/index/programs/open-education.html
new file mode 100644
index 0000000..e69de29
diff --git a/specimen/maps/index/programs/open-science.html b/specimen/maps/index/programs/open-science.html
new file mode 100644
index 0000000..e69de29
diff --git a/src/css/pidgin.css b/src/css/pidgin.css
new file mode 100644
index 0000000..4575cfa
--- /dev/null
+++ b/src/css/pidgin.css
@@ -0,0 +1,917 @@
+:root {
+
+ --vocabulary-brand-color-magenta: #BB377E;
+ --vocabulary-brand-color-cyan: #05B6DA;
+ --vocabulary-brand-color-yellow: #FBD53C;
+
+ --vocabulary-brand-color-red: #B82E1E;
+ --vocabulary-brand-color-indigo: #03286C;
+ --vocabulary-brand-color-green: #039733;
+
+ --vocabulary-brand-color: #DB855D;
+ --vocabulary-brand-color: #CB5E6F;
+ --vocabuary-brand-color: #C3508E;
+ --vocabulary-brand-color: #A088B6;
+ --vocabulary-brand-color: #22BFDF;
+ --vocabulary-brand-color: #42BEB3;
+ --vocabulary-brand-color: #80C48B;
+
+
+
+ --vocabulary-brand-color-dark-cyan: #0480A5;
+ --vocabulary-brand-color-dark-yellow: #887421;
+
+ --vocabulary-color-light-grey: #F5F5F5;
+
+
+
+
+ /* --vocabulary-brand-color-dark-cyan:#038289; */
+
+
+}
+
+/* body > header .masthead .primary-menu ul li {
+ margin-left: 3em;
+}
+
+body > header .masthead .primary-menu ul li a {
+ font-family: 'Source Sans Pro';
+ font-family: "Jost", sans-serif;
+ text-transform: capitalize;
+ text-transform: lowercase;
+ font-weight: 600;
+ font-size: 1.4em;
+
+ color: #414040;
+}
+
+body > header .masthead .primary-menu ul li a:hover {
+ color: purple;
+ text-decoration: underline;
+}
+
+body > header .masthead .primary-menu ul li a.donate {
+ padding: .5em .7em;
+
+ color: #62327F;
+ color: #bb377e;
+ background: #E4CBF3;
+ background: #fee9f9;
+ border-radius: 5px;
+}
+
+body > header .masthead .primary-menu ul li a.donate:hover {
+ color: white;
+ background: #bb377e;
+ text-decoration: none;
+
+} */
+
+/* body > header .masthead .primary-menu ul li a.donate:before {
+ --icon-sprite-color: #62327F;
+ --icon-sprite-color: #bb377e;
+ --icon-sprite-size: .7em;
+
+ margin-right: .3em;
+
+} */
+
+/* body > header .masthead .primary-menu ul li a.donate:hover:before {
+ --icon-sprite-color: white;
+} */
+
+body > article.attention {
+ /* background: #fbd43c; */
+ /* background: #05b5da; */
+ /* background: #bb377e; */
+ /* background: #e4cbf3; */
+}
+
+/* body > article.attention:nth-of-type(2) {
+ background: #CBF3F0;
+ display: none;
+
+}
+
+body > article.attention:nth-of-type(3) {
+ background: #fbd43c;
+} */
+
+body > article.attention:nth-of-type(4) {
+ /* background: #fbd43c; */
+
+ /* display: none; */
+}
+
+
+/* body > article.attention:nth-of-type(5) {
+ background: #bb377e;
+}
+
+body > article.attention:nth-of-type(6) {
+ background: #e4cbf3;
+ background: #fee9f9;
+ display: none;
+}
+
+body > article.attention:nth-of-type(7) {
+ background: black;
+
+}
+
+
+
+body article.attention {
+ display: none;
+} */
+
+
+/* body.pidgin-home .primary-nav {
+ font-family: "Jost", sans-serif;
+} */
+
+
+
+.chooser-mini {
+ width: 80%;
+ grid-column: 5 / 8;
+ margin: 0 auto;
+ margin-top: 3em;
+
+ font-size: .8em;
+}
+
+.chooser-mini a {
+ color: #324c7f;
+}
+
+.chooser-mini header h2 {
+ text-align: center;
+ color: #324c7f;
+ color: var(--vocabulary-brand-color-dark-cyan);
+ color: black;
+ /* color: #414040; */
+ /* font-family: "DM Serif Display", serif; */
+ /* font-family: "Knewave", system-ui; */
+ font-family: "Permanent Marker", cursive;
+ font-weight: 400;
+ font-style: normal;
+ font-size: 4em;
+ font-size: 5em;
+ /* transform: rotate(-2deg); */
+}
+
+.chooser-mini p {
+ font-family: "Jost", sans-serif;
+}
+
+.chooser-mini label {
+ display: none;
+}
+
+.chooser-mini select {
+ padding: .8em .5em;
+ padding-right: 1.4em;
+
+ appearance: none;
+ background: transparent;
+ border: 2px solid #bfbdbd;
+ border-color: #324c7f;
+ color: #324c7f;
+ border-radius: 5px;
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+ font-family: 'Source Sans Pro';
+}
+
+.chooser-mini .license-menu div {
+ position: relative;
+ background: transparent;
+}
+
+.chooser-mini .license-menu div.icon-attach:before {
+ --icon-sprite-color: #324c7f;
+
+ position: absolute;
+ top: 1em;
+ right: .4em;
+ z-index: -1;
+}
+
+.chooser-mini .license-menu a.need-help-choosing {
+ font-style: italic;
+}
+
+.chooser-mini .license-menu {
+ display: flex;
+ justify-content: space-between;
+
+ font-size: 1.5em;
+}
+
+.chooser-mini .license-menu a {
+ margin-top: .7em;
+ display: inline-block;
+ height: min-content;
+}
+
+.chooser-mini .explainer {
+ margin-top: 2em;
+ padding: 2em;
+ position: relative;
+
+ background: var(--vocabulary-neutral-color-lighter-gray);
+ background: #CBF3F0;
+ /* background: #D6EDE7; */
+ border-radius: 5px;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+
+}
+
+.chooser-mini .explainer:before {
+ content: '';
+ width: 2em;
+ height: 2em;
+ position: absolute;
+ top: -13px;
+ left: 50px;
+ transform: rotateZ(45deg);
+
+ background: var(--vocabulary-neutral-color-lighter-gray);
+ background: #CBF3F0;
+}
+
+.chooser-mini .explainer h3 {
+ margin-top: 0;
+
+ font-family: 'Source Sans Pro';
+}
+
+.chooser-mini .explainer a {
+ --underline-background-color: var(--vocabulary-neutral-color-lighter-gray);
+ --underline-background-color: #CBF3F0;
+ font-size: .8em;
+}
+
+.chooser-mini .explainer .license-graphics {
+ display: flex;
+ justify-content: space-between;
+ opacity: .7;
+}
+
+
+.chooser-mini .explainer .license-icons svg {
+ font-size: 1.3em;
+ display: inline;
+ width: 1.9em;
+ height: 1.9em;
+ margin-right: .1em;
+}
+
+.chooser-mini .explainer img.license-badge {
+ /* width: 120px; */
+ /* height: 42px; */
+ height: 2.7em;
+}
+
+.chooser-mini .explainer p {
+ margin-top: 1.7em;
+
+ line-height: 1.6;
+}
+
+.chooser-mini .explainer .license-info-nav ul {
+ display: flex;
+ justify-content: space-between;
+ margin: 0;
+ padding: 0;
+
+ list-style: none;
+}
+
+
+/* interim home-narrative */
+
+.home-narrative .attention {
+ grid-column: 1/12;
+ display: grid;
+ grid-template-columns: 1fr 1.6fr auto;
+ align-items: center;
+ gap: 0 3em;
+ padding: 1.2em 3em;
+
+ background: black;
+ background: var(--vocabulary-color-light-grey);
+ color: white;
+ color: black;
+ /* border-radius: 20px; */
+ text-align: left;
+
+ display: none;
+}
+
+.home-narrative .attention h2 {
+ font-size: 1.6em;
+ font-family: 'Roboto Condensed';
+ font-weight: normal;
+ line-height: 1.3;
+}
+
+.home-narrative .attention div {
+ text-align: right;
+ /* margin-top: 10%; */
+}
+
+.home-narrative .attention a {
+ --icon-sprite-color: white;
+
+ display: inline-flex;
+ align-items: center;
+ /* width: 100%; */
+ padding: 12px 20px;
+
+ /* color: black; */
+ color: white;
+ /* background: white; */
+ background: black;
+ border: 1px solid black;
+ border-radius: 5px;
+ text-decoration: none;
+ /* text-transform: uppercase; */
+ text-align: center;
+ font-size: 1.2em;
+ font-weight: bold;
+ transition: .2s ease;
+}
+
+.home-narrative .attention a:hover {
+ --icon-sprite-color: black;
+
+ background: white;
+ color: black;
+}
+
+.home-narrative .attention a:before {
+ margin-right: .2em;
+}
+
+
+.home-narrative article.topic-summary {
+ grid-column: 3/10;
+}
+
+.home-narrative article.topic-summary.intro {
+ grid-column: 2/11;
+ display: grid;
+ grid-template-columns: 1fr 1.2fr;
+ gap: 2em;
+ /* margin: 12em 0; */
+ margin-top: 2em;
+ overflow: hidden;
+
+ /* border-top-right-radius: 200px; */
+ /* border-bottom-right-radius: 300px; */
+ /* border-bottom-left-radius: 200px; */
+
+ /* display: none; */
+}
+.home-narrative article.topic-summary.intro .description {
+ padding: 5% 0;
+}
+
+.home-narrative article.topic-summary.intro h2 {
+ margin-bottom: .5em;
+
+ font-size: 3.5em;
+ font-weight: 100;
+}
+
+.home-narrative article.topic-summary.intro h2 strong {
+ /* font-weight: 700; */
+}
+
+.home-narrative article.topic-summary.intro p {
+ margin-bottom: 1em;
+
+ font-size: 1.3em;
+ line-height: 1.3;
+}
+
+.home-narrative article.topic-summary.intro p:nth-of-type(2) {
+ font-size: 1.2em;
+}
+
+.home-narrative article.topic-summary.intro a {
+ display: inline-block;
+
+ color: black;
+ font-size: .8em;
+ font-style: italic;
+ transition: .2s ease;
+}
+
+.home-narrative article.topic-summary.intro .description a:hover {
+ font-weight: 700;
+}
+
+.home-narrative article.topic-summary.intro img {
+ width: 200%;
+ width: 140%;
+}
+
+.home-narrative article.topic-summary.intro figure {
+ padding: 0;
+}
+
+.home-narrative article.topic-summary.intro figcaption {
+ /* width: 50%; */
+ margin: 0;
+ margin-top: -5px;
+ /* padding: 12px; */
+ padding-top: 8px;
+ float: right;
+
+ /* background: black;
+ color: white; */
+ font-family: 'Source Sans Pro';
+ /* font-size: 1em; */
+ font-size: .8em;
+
+}
+
+.home-narrative article.topic-summary.intro figcaption a {
+ font-style: normal;
+ text-shadow: none;
+ font-size: inherit;
+ line-height: 1.8;
+
+ /* color: white; */
+}
+
+
+
+.home-narrative article.topic-summary.intro ul {
+ display: flex;
+ margin: 0;
+ list-style: none;
+ gap: 1em;
+ align-items: center;
+}
+
+.home-narrative article.topic-summary.intro ul li {
+ margin-bottom: 1em;
+}
+
+.home-narrative article.topic-summary.intro li:nth-of-type(1) a {
+
+ --icon-sprite-color: white;
+
+ /* display: block; */
+ box-sizing: border-box;
+
+ font-family: 'Source Sans Pro';
+ font-style: normal;
+ background: black;
+ color: white;
+ padding: 12px;
+ border: 1px solid white;
+ border-radius: 5px;
+ text-shadow: none;
+ font-weight: 200;
+ text-decoration: none;
+ transition: .2s ease;
+}
+
+.home-narrative article.topic-summary.intro li:nth-of-type(1) a:hover {
+ --icon-sprite-color: black;
+
+ color: black;
+ background: white;
+ font-weight: 100;
+ border: 1px solid black;
+}
+
+.home-narrative article.topic-summary.legal-tools {
+ grid-column: 1/12;
+ /* display: grid; */
+ grid-template-columns: 1fr 1fr;
+ gap: 2em;
+ margin-top: 6em;
+ padding: 6em 25% 8em 25%;
+
+ background: var(--vocabulary-color-light-grey);
+
+
+ /* display: none; */
+}
+
+.home-narrative article.topic-summary.legal-tools h2 {
+ grid-column: span 4;
+ margin-bottom: .7em;
+
+ font-size: 2em;
+ font-weight: 100;
+}
+
+.home-narrative article.topic-summary.legal-tools .description {
+ /* grid-column: 1/2; */
+ /* order: 1; */
+ /* padding: 0 5%; */
+ /* margin-bottom: 4em; */
+
+}
+
+.home-narrative article.topic-summary.legal-tools .description p {
+ font-size: 1.2em;
+ margin-bottom: 1em;
+ /* margin-bottom: 2em; */
+}
+
+.home-narrative article.topic-summary.legal-tools .description p:nth-of-type(2) {
+ font-size: 1.1em;
+ margin-bottom: 2em;
+}
+
+.home-narrative article.topic-summary.legal-tools .description a {
+ --underline-background-color: var(--vocabulary-color-light-grey);
+}
+
+.home-narrative article.topic-summary.legal-tools .description > a {
+ font-family: 'Source Sans Pro';
+ font-style: italic;
+ margin-left: 1em;
+}
+
+.home-narrative article.topic-summary.legal-tools .description > a:nth-of-type(1) {
+ --icon-sprite-color: white;
+ margin-left: 0;
+ /* display: block; */
+ box-sizing: border-box;
+
+ font-family: 'Source Sans Pro';
+ font-style: normal;
+ background: black;
+ color: white;
+ padding: 12px;
+ border: 1px solid white;
+ border-radius: 5px;
+ text-shadow: none;
+ font-weight: 200;
+ text-decoration: none;
+ transition: .2s ease;
+}
+
+.home-narrative article.topic-summary.legal-tools .description > a:hover {
+ font-weight: 700;
+}
+
+.home-narrative article.topic-summary.legal-tools .description > a:nth-of-type(1):hover {
+ background: white;
+ color: black;
+ border: 1px solid black;
+ font-weight: normal;
+}
+
+.home-narrative article.topic-summary.legal-tools a {
+ --underline-background-color: white;
+ color: black;
+}
+
+.home-narrative article.topic-summary.legal-tools .chooser-mini {
+ grid-column: auto;
+ order: -1;
+ width: auto;
+
+ display: none;
+}
+
+.home-narrative article.topic-summary.legal-tools .chooser-mini select {
+
+
+ border-color: black;
+ color: black;
+
+ background: black;
+ color: white;
+}
+
+.chooser-mini .license-menu div.icon-attach:before {
+ --icon-sprite-color: black;
+ --icon-sprite-color: white;
+
+ z-index: 1;
+}
+
+.home-narrative article.topic-summary.legal-tools .chooser-mini a.need-help-choosing {
+ --underline-background-color: var(--vocabulary-color-light-grey);
+ font-family: 'Source Sans Pro';
+}
+
+.home-narrative article.topic-summary.legal-tools .chooser-mini .explainer {
+ background: white;
+}
+
+.home-narrative article.topic-summary.legal-tools .chooser-mini .explainer:before {
+ background: white;
+}
+
+.home-narrative article.topic-summaries.focus-areas {
+ /* display: grid;
+ grid-template-columns: subgrid; */
+ grid-column: 4/9;
+}
+
+.home-narrative article.topic-summaries.focus-areas .topic-summary {
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ gap: 2em;
+
+ margin: 12em 0;
+ overflow-x: hidden;
+}
+
+.home-narrative article.topic-summaries.focus-areas .topic-summary .description {
+ padding: 20% 0;
+}
+
+.home-narrative article.topic-summaries.focus-areas .topic-summary .description h3 {
+ margin-bottom: .7em;
+
+ font-size: 2em;
+ font-weight: 100;
+}
+
+
+.home-narrative article.topic-summaries.focus-areas .topic-summary p {
+ font-size: 1.2em;
+}
+
+.home-narrative article.topic-summaries.focus-areas .topic-summary .description a {
+
+ --icon-sprite-color: black;
+
+ box-sizing: border-box;
+
+ font-family: 'Source Sans Pro';
+ background: white;
+ color: black;
+ padding: 12px;
+ border: 1px solid black;
+ border-radius: 5px;
+ text-shadow: none;
+ font-weight: 200;
+ text-decoration: none;
+ transition: .2s ease;
+}
+
+.home-narrative article.topic-summaries.focus-areas .topic-summary a:hover {
+ background: black;
+ color: white;
+}
+
+.home-narrative article.topic-summaries.focus-areas .topic-summary a span:before {
+ /* display: inline-block; */
+ /* margin-top: 4px; */
+}
+
+.home-narrative article.topic-summaries.focus-areas .topic-summary:nth-child(even) figure {
+ order: -1;
+ text-align: right;
+}
+
+.home-narrative article.topic-summaries.focus-areas .topic-summary figure {
+
+}
+
+.home-narrative article.topic-summaries.focus-areas .topic-summary figure img {
+ object-fit: cover;
+ width: 200%;
+ height: auto;
+}
+
+.home-narrative article.topic-summaries.focus-areas .topic-summary:nth-child(even) figure img {
+ width: 100%;
+ /* object-fit: cover;
+ width: 200%; */
+}
+
+.home-narrative article.topic-summaries.focus-areas .topic-summary figcaption {
+ font-family: 'Source Sans Pro';
+ font-size: .8em;
+}
+
+.home-narrative article.topic-summaries.focus-areas .topic-summary figcaption a {
+ font-style: normal;
+ text-shadow: none;
+ font-size: inherit;
+ line-height: 1.8;
+
+ color: black;
+
+ /* color: white; */
+}
+
+.home-narrative article.topic-summaries.focus-areas .topic-summary:nth-child(even) figcaption {
+ float: left;
+}
+
+.home-narrative article.support {
+ grid-column: 5/8;
+ grid-column: 1/12;
+ padding: 4em 25% 8em 25%;
+ margin-bottom: 6em;
+
+ background: var(--vocabulary-color-light-grey);
+}
+
+.home-narrative article.support h2 {
+ margin-bottom: .7em;
+
+ font-size: 2em;
+ font-weight: 100;
+}
+
+.home-narrative article.support p {
+ font-size: 1.2em;
+
+}
+
+.home-narrative article.support a {
+ --underline-background-color: var(--vocabulary-color-light-grey);
+ font-family: 'Source Sans Pro';
+ color: black;
+
+}
+
+.home-narrative article.support div > a {
+ font-style: italic;
+ margin-left: 1em;
+}
+
+.home-narrative article.support div > a:hover {
+ font-weight: 700;
+}
+
+.home-narrative article.support div > a:nth-of-type(1) {
+
+ --icon-sprite-color: white;
+
+ box-sizing: border-box;
+ margin-left: 0;
+
+ font-family: 'Source Sans Pro';
+ font-style: normal;
+ background: black;
+ color: white;
+ padding: 12px;
+ border: 1px solid white;
+ border-radius: 5px;
+ text-shadow: none;
+ font-weight: 200;
+ text-decoration: none;
+ transition: .2s ease;
+}
+
+.home-narrative article.support div > a:nth-of-type(1):hover {
+ --icon-sprite-color: black;
+
+ background: white;
+ color: black;
+ border: 1px solid black;
+}
+
+.home-narrative article.support p {
+ margin-bottom: .7em;
+}
+
+.home-narrative article.support p.share {
+ margin-top: 0;
+ margin-bottom: 2.8em;
+
+ font-size: 1em;
+}
+
+.home-narrative article.posts {
+ grid-column: 3/10;
+}
+
+.home-narrative article.posts h2 {
+ font-weight: 100;
+ margin-bottom: 1em;
+}
+
+.home-narrative article.posts a {
+ color: black;
+ font-weight: 100;
+}
+
+.home-narrative article.posts a.more {
+ padding: 12px;
+
+ color: white;
+ border-radius: 5px;
+}
+
+.home-narrative article.posts ul {
+ display: grid;
+ grid-template-columns: repeat(12, 1fr);
+ margin-top: 8em;
+ /* padding: 0 4em; */
+ gap: 2em;
+ box-sizing: border-box;
+ width:100%;
+ margin: 0 auto;
+ margin-top: 0;
+
+ font-size: 1rem;
+ list-style: none;
+}
+
+.home-narrative article.posts ul li {
+ grid-column: span 4;
+ }
+
+ .home-narrative article.posts ul li h3 {
+ font-size: 1.5em;
+}
+
+.home-narrative article.posts .post {
+ margin-bottom: 4em;
+}
+
+.home-narrative article.posts .post figure {
+ order: -1;
+}
+
+.home-narrative article.newsletter {
+ grid-column: 4/9;
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ margin-top: 6em;
+ padding: 2em 4em;
+
+ background: var(--vocabulary-color-light-grey);
+}
+
+.home-narrative article.newsletter h2 {
+ font-weight: 100;
+ grid-column: span 3;
+}
+
+.home-narrative article.newsletter .description {
+ order: 2;
+ padding-left: 2em;
+}
+
+.home-narrative article.newsletter h3 {
+ /* font-weight: 100; */
+ font-size: 1.5em;
+ margin-bottom: 1em;
+}
+
+.home-narrative article.newsletter a {
+ --underline-background-color: var(--vocabulary-color-light-grey);
+
+ grid-column: span 2;
+ color: black;
+ font-family: 'Source Sans Pro';
+ font-size: 1.2em;
+ font-weight: italic;
+}
+
+
+.home-narrative article.events {
+ grid-column: 3/10;
+}
+
+.home-narrative article.attribution-list {
+ grid-column: 1/12;
+ margin-top: 12em;
+ padding: 1em;
+
+ font-family: 'Source Sans Pro';
+ /* background: white; */
+ /* border: 1px solid rgba(0,0,0,.2); */
+ /* border-radius: 5px; */
+}
+
+.home-narrative details.attribution-list h2 {
+ font-weight: 100;
+ font-size: 1em;
+ font-style: italic;
+}
+
+/* main .attribution button.expand-attribution {
+ top: .4em;
+ right: 1em;
+
+ border: 1px solid rgba(0,0,0,.4);
+} */
+
+.home-narrative main {
+ margin-bottom: 0;
+}
+
+
diff --git a/src/js/vocabulary.js b/src/js/vocabulary.js
index 5d2f5d3..bf02507 100644
--- a/src/js/vocabulary.js
+++ b/src/js/vocabulary.js
@@ -26,7 +26,6 @@ if (attributionButton !== null && attributionPanel !== null ) {
attributionButton.addEventListener('click', (event) => {
attributionButton.classList.toggle('selected');
attributionPanel.classList.toggle('expand');
- // explorePanel.classList.toggle('hide');
});
}
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+
+ 
+
+
+ 
+