From de03b0d17d6baedae0514479d5c6d7e84bb7e414 Mon Sep 17 00:00:00 2001 From: possumbilities <109087089+possumbilities@users.noreply.github.com> Date: Fri, 21 Feb 2025 17:33:44 +0000 Subject: [PATCH 01/46] add pidgin file, and include in layer import --- specimen/style.css | 1 + src/css/vocabulary-pidgin.css | 0 2 files changed, 1 insertion(+) create mode 100644 src/css/vocabulary-pidgin.css diff --git a/specimen/style.css b/specimen/style.css index 2231bd96..b3aed957 100644 --- a/specimen/style.css +++ b/specimen/style.css @@ -1,2 +1,3 @@ @import '../src/css/vocabulary.css' layer(vocabulary); +@import '../src/css/vocabulary-pidgin.css' layer(vocabulary); @import '../specimen/tests/grid-test.css' layer(vocabulary); diff --git a/src/css/vocabulary-pidgin.css b/src/css/vocabulary-pidgin.css new file mode 100644 index 00000000..e69de29b From c1b9256f05a632c65f15c41d6183e99be760b15f Mon Sep 17 00:00:00 2001 From: possumbilities <109087089+possumbilities@users.noreply.github.com> Date: Fri, 21 Feb 2025 17:35:10 +0000 Subject: [PATCH 02/46] setup pidgin contexts folder --- specimen/contexts/pidgin/home-index.html | 0 1 file changed, 0 insertions(+), 0 deletions(-) create mode 100644 specimen/contexts/pidgin/home-index.html diff --git a/specimen/contexts/pidgin/home-index.html b/specimen/contexts/pidgin/home-index.html new file mode 100644 index 00000000..e69de29b From 4a3f58fc7b05807a3acb5800a3b4962e37932bb7 Mon Sep 17 00:00:00 2001 From: possumbilities <109087089+possumbilities@users.noreply.github.com> Date: Fri, 21 Feb 2025 17:36:50 +0000 Subject: [PATCH 03/46] rename file simplify --- specimen/style.css | 2 +- src/css/{vocabulary-pidgin.css => pidgin.css} | 0 2 files changed, 1 insertion(+), 1 deletion(-) rename src/css/{vocabulary-pidgin.css => pidgin.css} (100%) diff --git a/specimen/style.css b/specimen/style.css index b3aed957..02fe1a42 100644 --- a/specimen/style.css +++ b/specimen/style.css @@ -1,3 +1,3 @@ @import '../src/css/vocabulary.css' layer(vocabulary); -@import '../src/css/vocabulary-pidgin.css' layer(vocabulary); +@import '../src/css/pidgin.css' layer(vocabulary); @import '../specimen/tests/grid-test.css' layer(vocabulary); diff --git a/src/css/vocabulary-pidgin.css b/src/css/pidgin.css similarity index 100% rename from src/css/vocabulary-pidgin.css rename to src/css/pidgin.css From 34f3e4d7d8657d9badb42317d4021409b6e8bebb Mon Sep 17 00:00:00 2001 From: possumbilities <109087089+possumbilities@users.noreply.github.com> Date: Fri, 21 Feb 2025 17:52:46 +0000 Subject: [PATCH 04/46] isolate style imports better --- specimen/contexts/pidgin/home-index.html | 274 +++++++++++++++++++++++ specimen/style.css | 1 - 2 files changed, 274 insertions(+), 1 deletion(-) diff --git a/specimen/contexts/pidgin/home-index.html b/specimen/contexts/pidgin/home-index.html index e69de29b..cf1f7434 100644 --- a/specimen/contexts/pidgin/home-index.html +++ b/specimen/contexts/pidgin/home-index.html @@ -0,0 +1,274 @@ + + + +Default Page - Context + + + + + + + + + + + + + + + +Skip to content + +
+
+

+ + + + +
+ + + +
+ + + + + +
+ +
+ +
+

Join us in celebrating 100 years of the Commons this Fall.

+
+ +
+ +
+ +

Frequently Asked Questions

+ + + +

lead in paragraph

+ + + + + + +
+ + + + +
+ + + + + +

What are the barriers to open culture? What challenges do cultural heritage institutions — such as galleries, libraries, archives, and museums (GLAMs) — face in making their collections openly accessible online? How could Creative Commons support institutions in addressing these challenges and taking part in better sharing of cultural heritage?

+ +

In search of answers, we looked at past research, notably Andrea Wallace's Barriers to Open Access — Open GLAM, and asked more than 30 experts in the open culture movement. You can watch what they told us in our CC Open Culture VOICES vlog series. Here's a small sample of what we heard:

+ +

Let's Try This Again

+ +

Along The Way We Try

+ + +

Along with 600 million people, nine-year-old Chris Hadfield is glued to his television—watching intently as American astronaut Neil Armstrong glides down the ladder of the Lunar Module, and in one swift pounce, touches the dust of a familiar yet alien world. His words forever immortalized, "That's one small step for man, one giant leap for mankind."

+ + + +

“To see that successfully carried out against what seemed like impossible odds for the first time in human history,” Hadfield recalled in 2012, “was hugely inspiring.” That moment sparked his lifelong journey to become an astronaut; which he did, becoming the first Canadian to walk in space in 2001. In the 1990s, Haley Harrison first heard Armstrong's words on an educational tape about space. “I was very young, probably 4 or 5 years old,” she recollected, “I just listened to the tape over and over. I would imagine myself on the shuttle…and I would pretend I was going up to space.” Harrison is now a Ph.D. candidate studying nanoscience at The University of North Carolina at Greensboro, with goals of working in the space industry.

+ + +
+

NASA is not only required by law (e.g. the U.S. Copyright Act of 1976) to give the public access to many of its materials, the Agency really wants people to use them.

+
+ +
+ +
"The More We Share, The More We Have (series 1/2)" by Pietro Soldi for Creative Commons & Fine Acts is licensed under CC BY-SA 4.0
+
+ + +

Footage and audio of the Apollo 11 Commander Neil Armstrong and lunar module pilot Buzz Aldrin hopping on the Moon's surface in 1969 have been remixed, remastered, and reshared countless times—inspiring generations of everyday citizens, like Hadfield and Harrison, to engage with space science and exploration. In fact, the use of materials created by the National Aeronautics and Space Administration (NASA) to create new works for the public doesn't end with Armstrong's history-making first steps.

+ +

Steps to launch

+
    +
  1. Assemble module
  2. +
  3. Launch aircraft
  4. +
  5. Land safely
  6. +
+ +

For example, Alex G. Orphanos, a science communicator, engineer, and host of the Today in Space podcast, has put NASA's materials to use for over six years. In particular, he has used images from the Hubble Space Telescope and information from NASA Procurement to better explain space-related issues to his audience. Rachael Eidson, a business development specialist for Trenton Systems and social media influencer also routinely uses NASA's images in her collaborations with eco-fashion and accessory companies. In fact, it's hard to miss the resurgence of space-themed items, including t-shirts, mugs, bags, etc. featuring NASA's “meatball” logo. As the L.A. Times reported in 2019, “The NASA logo is having a moment.”

+ + + +
+ +
+ + + + + + + diff --git a/specimen/style.css b/specimen/style.css index 02fe1a42..2231bd96 100644 --- a/specimen/style.css +++ b/specimen/style.css @@ -1,3 +1,2 @@ @import '../src/css/vocabulary.css' layer(vocabulary); -@import '../src/css/pidgin.css' layer(vocabulary); @import '../specimen/tests/grid-test.css' layer(vocabulary); From ef04ca6a4795e9958d9b08f6228eea630eae63c1 Mon Sep 17 00:00:00 2001 From: possumbilities <109087089+possumbilities@users.noreply.github.com> Date: Fri, 21 Feb 2025 17:52:58 +0000 Subject: [PATCH 05/46] setup baseline header reset --- src/css/pidgin.css | 51 ++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 51 insertions(+) diff --git a/src/css/pidgin.css b/src/css/pidgin.css index e69de29b..9eb76a34 100644 --- a/src/css/pidgin.css +++ b/src/css/pidgin.css @@ -0,0 +1,51 @@ + + +body > header .masthead .primary-menu ul li { + margin-left: 3em; +} + +body > header .masthead .primary-menu ul li a { + font-family: 'Source Sans Pro'; + 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; + + /* margin-top: 6px; */ +} + +body > header .masthead .primary-menu ul li a.donate:hover:before { + --icon-sprite-color: white; +} \ No newline at end of file From 22b35f93920e8cb2b33e24d421cf1b942be447d1 Mon Sep 17 00:00:00 2001 From: possumbilities <109087089+possumbilities@users.noreply.github.com> Date: Fri, 21 Feb 2025 17:58:22 +0000 Subject: [PATCH 06/46] adjust markup for better baseline --- specimen/contexts/pidgin/home-index.html | 50 +----------------------- 1 file changed, 1 insertion(+), 49 deletions(-) diff --git a/specimen/contexts/pidgin/home-index.html b/specimen/contexts/pidgin/home-index.html index cf1f7434..8c2b6d68 100644 --- a/specimen/contexts/pidgin/home-index.html +++ b/specimen/contexts/pidgin/home-index.html @@ -86,58 +86,11 @@

Our Work Relies On You!

-

Join us in celebrating 100 years of the Commons this Fall.

+

Join us in celebrating 25 years of the Commons this Fall.

-
- -

Frequently Asked Questions

- - - -

lead in paragraph

- - - - - - -
- - - - -
- + +
+ + + +
+ + +
+ + + + + + + + + +Need help choosing a license? + +
+ +
+

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.

+ + +
+ + + +
diff --git a/src/css/pidgin.css b/src/css/pidgin.css index fb3e04da..9fde65aa 100644 --- a/src/css/pidgin.css +++ b/src/css/pidgin.css @@ -1,4 +1,8 @@ +:root { + --vocabulary-brand-color-cyan: #05b5da; + --vocabulary-brand-color-dark-cyan:#038289; +} body > header .masthead .primary-menu ul li { margin-left: 3em; @@ -89,3 +93,157 @@ body > article.attention:nth-of-type(7) { } + + +body article.attention { + display: none; +} + + + +.chooser-mini { + /* width: 80%; */ + 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: #414040; */ + font-family: "DM Serif Display", serif; + font-weight: 400; + font-style: normal; + font-size: 4em; +} + +.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; +} From bd252afed7b435617ef9976cee6febf2ed66b770 Mon Sep 17 00:00:00 2001 From: possumbilities <109087089+possumbilities@users.noreply.github.com> Date: Mon, 7 Apr 2025 21:13:26 +0000 Subject: [PATCH 10/46] improve baseline typography and color pallette --- specimen/contexts/pidgin/home-index.html | 3 +++ src/css/pidgin.css | 31 ++++++++++++++++++++++-- 2 files changed, 32 insertions(+), 2 deletions(-) diff --git a/specimen/contexts/pidgin/home-index.html b/specimen/contexts/pidgin/home-index.html index 1498b8b6..50f136df 100644 --- a/specimen/contexts/pidgin/home-index.html +++ b/specimen/contexts/pidgin/home-index.html @@ -9,6 +9,9 @@ + + + diff --git a/src/css/pidgin.css b/src/css/pidgin.css index 9fde65aa..134170b8 100644 --- a/src/css/pidgin.css +++ b/src/css/pidgin.css @@ -1,6 +1,33 @@ :root { - --vocabulary-brand-color-cyan: #05b5da; - --vocabulary-brand-color-dark-cyan:#038289; + + --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; */ + } From a8caa57bd3c705eef2e57c958321522ccf9832b3 Mon Sep 17 00:00:00 2001 From: possumbilities <109087089+possumbilities@users.noreply.github.com> Date: Tue, 8 Apr 2025 17:22:25 +0000 Subject: [PATCH 11/46] add more typefaces to try --- specimen/contexts/pidgin/home-index.html | 6 +++--- src/css/pidgin.css | 21 +++++++++++++++++++-- 2 files changed, 22 insertions(+), 5 deletions(-) diff --git a/specimen/contexts/pidgin/home-index.html b/specimen/contexts/pidgin/home-index.html index 50f136df..21bc6ddb 100644 --- a/specimen/contexts/pidgin/home-index.html +++ b/specimen/contexts/pidgin/home-index.html @@ -11,7 +11,7 @@ - + @@ -22,7 +22,7 @@ - + Skip to content
@@ -122,7 +122,7 @@

Our Work Relies On You!

-

Our Licenses

+

licenses & tools

There are six main Creative Commons license you can use when you choose to publish your work under CC terms. The six CC licenses are based on four conditions. The four conditions and the six licenses are described below.

diff --git a/src/css/pidgin.css b/src/css/pidgin.css index 134170b8..0218c4ed 100644 --- a/src/css/pidgin.css +++ b/src/css/pidgin.css @@ -37,6 +37,7 @@ body > header .masthead .primary-menu ul li { 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; @@ -127,9 +128,15 @@ body article.attention { } +/* body.pidgin-home .primary-nav { + font-family: "Jost", sans-serif; +} */ + + .chooser-mini { - /* width: 80%; */ + width: 80%; + grid-column: 5 / 8; margin: 0 auto; margin-top: 3em; @@ -144,11 +151,20 @@ body article.attention { text-align: center; color: #324c7f; color: var(--vocabulary-brand-color-dark-cyan); + color: black; /* color: #414040; */ - font-family: "DM Serif Display", serif; + /* 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 { @@ -263,6 +279,7 @@ body article.attention { .chooser-mini .explainer p { margin-top: 1.7em; + line-height: 1.6; } From 49fa34f955d85956f48991022289542e4e99aedb Mon Sep 17 00:00:00 2001 From: possumbilities <109087089+possumbilities@users.noreply.github.com> Date: Tue, 15 Apr 2025 20:15:32 +0000 Subject: [PATCH 12/46] add maps to track IA and flow --- specimen/maps/index/about/community.html | 0 specimen/maps/index/about/index.html | 22 +++++++++++++++++++ specimen/maps/index/about/team.html | 0 specimen/maps/index/blog/index.html | 0 specimen/maps/index/community/index.html | 0 specimen/maps/index/donate.html | 0 specimen/maps/index/index.html | 20 +++++++++++++++++ specimen/maps/index/licenses-tools.html | 0 specimen/maps/index/licenses/index.html | 0 specimen/maps/index/map.html | 0 specimen/maps/index/programs/index.html | 0 .../maps/index/programs/open-culture.html | 0 .../maps/index/programs/open-education.html | 0 .../maps/index/programs/open-science.html | 0 14 files changed, 42 insertions(+) create mode 100644 specimen/maps/index/about/community.html create mode 100644 specimen/maps/index/about/index.html create mode 100644 specimen/maps/index/about/team.html create mode 100644 specimen/maps/index/blog/index.html create mode 100644 specimen/maps/index/community/index.html create mode 100644 specimen/maps/index/donate.html create mode 100644 specimen/maps/index/index.html create mode 100644 specimen/maps/index/licenses-tools.html create mode 100644 specimen/maps/index/licenses/index.html create mode 100644 specimen/maps/index/map.html create mode 100644 specimen/maps/index/programs/index.html create mode 100644 specimen/maps/index/programs/open-culture.html create mode 100644 specimen/maps/index/programs/open-education.html create mode 100644 specimen/maps/index/programs/open-science.html diff --git a/specimen/maps/index/about/community.html b/specimen/maps/index/about/community.html new file mode 100644 index 00000000..e69de29b diff --git a/specimen/maps/index/about/index.html b/specimen/maps/index/about/index.html new file mode 100644 index 00000000..3132bb28 --- /dev/null +++ b/specimen/maps/index/about/index.html @@ -0,0 +1,22 @@ + +About Page + + + +

About

+/about + + + +

Creative Commons (logo)

+ +

Primary Navigation

+ + +

Intro Section

\ 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 00000000..e69de29b diff --git a/specimen/maps/index/blog/index.html b/specimen/maps/index/blog/index.html new file mode 100644 index 00000000..e69de29b diff --git a/specimen/maps/index/community/index.html b/specimen/maps/index/community/index.html new file mode 100644 index 00000000..e69de29b diff --git a/specimen/maps/index/donate.html b/specimen/maps/index/donate.html new file mode 100644 index 00000000..e69de29b diff --git a/specimen/maps/index/index.html b/specimen/maps/index/index.html new file mode 100644 index 00000000..141a2df5 --- /dev/null +++ b/specimen/maps/index/index.html @@ -0,0 +1,20 @@ + +Home Index + + + +

Home Index

+/ + +

Creative Commons (logo)

+ +

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 00000000..e69de29b diff --git a/specimen/maps/index/licenses/index.html b/specimen/maps/index/licenses/index.html new file mode 100644 index 00000000..e69de29b diff --git a/specimen/maps/index/map.html b/specimen/maps/index/map.html new file mode 100644 index 00000000..e69de29b diff --git a/specimen/maps/index/programs/index.html b/specimen/maps/index/programs/index.html new file mode 100644 index 00000000..e69de29b diff --git a/specimen/maps/index/programs/open-culture.html b/specimen/maps/index/programs/open-culture.html new file mode 100644 index 00000000..e69de29b diff --git a/specimen/maps/index/programs/open-education.html b/specimen/maps/index/programs/open-education.html new file mode 100644 index 00000000..e69de29b diff --git a/specimen/maps/index/programs/open-science.html b/specimen/maps/index/programs/open-science.html new file mode 100644 index 00000000..e69de29b From 163955e12c28514800cb2d71cc6e50b9ffa77e71 Mon Sep 17 00:00:00 2001 From: possumbilities <109087089+possumbilities@users.noreply.github.com> Date: Tue, 15 Apr 2025 20:18:13 +0000 Subject: [PATCH 13/46] correct pathways in links --- specimen/maps/index/about/index.html | 2 +- specimen/maps/index/index.html | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/specimen/maps/index/about/index.html b/specimen/maps/index/about/index.html index 3132bb28..b063b87d 100644 --- a/specimen/maps/index/about/index.html +++ b/specimen/maps/index/about/index.html @@ -8,7 +8,7 @@

About

-

Creative Commons (logo)

+

Creative Commons (logo)

Primary Navigation

+
+

Intro Section

\ No newline at end of file From 9898f7bd6c6e41c03f22eb6a8b457c5c4fceb346 Mon Sep 17 00:00:00 2001 From: possumbilities <109087089+possumbilities@users.noreply.github.com> Date: Tue, 15 Apr 2025 20:27:58 +0000 Subject: [PATCH 15/46] fix relative pathways --- specimen/maps/index/about/index.html | 4 ++-- specimen/maps/index/about/team.html | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/specimen/maps/index/about/index.html b/specimen/maps/index/about/index.html index 81bc0f20..449f48b6 100644 --- a/specimen/maps/index/about/index.html +++ b/specimen/maps/index/about/index.html @@ -9,7 +9,7 @@

About


-

Creative Commons (logo)

+

Creative Commons (logo)

Primary Navigation

+ +
+ + + +
+ + + + +
- +
@@ -263,7 +267,25 @@

Open Access in Practice: A Conversation with Presi
- + +
+ + + + +
  • + @@ -279,7 +301,7 @@

    Open Access in Practice: A Conversation with Presi
    - +
    diff --git a/src/css/pidgin.css b/src/css/pidgin.css index c7f678a2..68c55351 100644 --- a/src/css/pidgin.css +++ b/src/css/pidgin.css @@ -349,7 +349,7 @@ body article.attention { transition: .2s ease; } -.home-narrative article.topic-summary.intro a:hover { +.home-narrative article.topic-summary.intro .description a:hover { font-weight: 700; } @@ -362,25 +362,28 @@ body article.attention { } .home-narrative article.topic-summary.intro figcaption { - width: 50%; + /* width: 50%; */ margin: 0; margin-top: -5px; - padding: 12px; + /* padding: 12px; */ + padding-top: 8px; float: right; - background: black; - color: white; + /* background: black; + color: white; */ font-family: 'Source Sans Pro'; - font-size: 1em; + /* 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; - + /* color: white; */ } @@ -510,14 +513,103 @@ body article.attention { width: 100%; } -.home-narrative article.call-to-action{ - grid-column: 4/9; +.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); From a5b6932befbbbdd8a189d672b43ab6c62e51ca2c Mon Sep 17 00:00:00 2001 From: possumbilities <109087089+possumbilities@users.noreply.github.com> Date: Wed, 15 Oct 2025 19:00:04 +0000 Subject: [PATCH 39/46] setup baseline of legal tools section --- src/css/pidgin.css | 17 +++++++++++++++-- 1 file changed, 15 insertions(+), 2 deletions(-) diff --git a/src/css/pidgin.css b/src/css/pidgin.css index 68c55351..416116b8 100644 --- a/src/css/pidgin.css +++ b/src/css/pidgin.css @@ -430,9 +430,22 @@ body article.attention { } .home-narrative article.topic-summary.legal-tools { - grid-column: 4/9; + grid-column: 1/12; + margin-top: 6em; + padding: 6em 25% 8em 25%; - display: none; + background: var(--vocabulary-color-light-grey); + + + /* display: none; */ +} + +.home-narrative article.topic-summary.legal-tools h2 { + + margin-bottom: .7em; + + font-size: 2em; + font-weight: 100; } .home-narrative article.topic-summaries.focus-areas { From caca474fc288b246f09e3c0bac59fb238af66abf Mon Sep 17 00:00:00 2001 From: possumbilities <109087089+possumbilities@users.noreply.github.com> Date: Wed, 15 Oct 2025 21:26:44 +0000 Subject: [PATCH 40/46] simplfy weight of attribution-list, style newsletter better, add and style mini-chooser for legal-tols --- .../pidgin/interim/home-narrative.html | 363 +++++++++--------- src/css/pidgin.css | 134 ++++++- src/js/vocabulary.js | 1 - 3 files changed, 304 insertions(+), 194 deletions(-) diff --git a/specimen/contexts/pidgin/interim/home-narrative.html b/specimen/contexts/pidgin/interim/home-narrative.html index aeff72ba..4c08ebb8 100644 --- a/specimen/contexts/pidgin/interim/home-narrative.html +++ b/specimen/contexts/pidgin/interim/home-narrative.html @@ -15,8 +15,6 @@ @@ -115,13 +113,83 @@

    The commons belongs to all of us

    @@ -313,196 +381,20 @@

    Open Access in Practice: A Conversation with Presi

    +
    +

    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

    +
    + Give now +
    +
    + diff --git a/src/css/pidgin.css b/src/css/pidgin.css index 91c983c7..70168a3c 100644 --- a/src/css/pidgin.css +++ b/src/css/pidgin.css @@ -294,6 +294,69 @@ body article.attention { /* 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; From ee4ff3a26ba1e2d5036cdcf4db69c70dd8cc4d33 Mon Sep 17 00:00:00 2001 From: possumbilities <109087089+possumbilities@users.noreply.github.com> Date: Fri, 17 Oct 2025 13:48:44 +0000 Subject: [PATCH 46/46] correct p spacing in legal tools topic-summary --- src/css/pidgin.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/css/pidgin.css b/src/css/pidgin.css index 70168a3c..4575cfaa 100644 --- a/src/css/pidgin.css +++ b/src/css/pidgin.css @@ -526,11 +526,12 @@ body article.attention { .home-narrative article.topic-summary.legal-tools .description p { font-size: 1.2em; margin-bottom: 1em; - margin-bottom: 2em; + /* 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 {