diff --git a/_data/projects.yaml b/_data/projects.yaml index 98f06f2b3..f7b94d13a 100644 --- a/_data/projects.yaml +++ b/_data/projects.yaml @@ -276,7 +276,7 @@ projects: url: https://discord.gg/V6v4xXCKbU - id: 18 - image: project_image_03.svg + image: project_name_privacy_22.svg color: "#AE66D6" category: Design Advocacy title: Making Privacy Permeate diff --git a/_sass/minima/_projects-page.scss b/_sass/minima/_projects-page.scss index e8d7504d4..9137b2f07 100644 --- a/_sass/minima/_projects-page.scss +++ b/_sass/minima/_projects-page.scss @@ -203,6 +203,68 @@ } } +.projects-toc { + max-width: 800px; + margin-left: auto; + margin-right: auto; + padding: $spacing-unit * 2 0; + + &__grid { + display: grid; + grid-template-columns: 1fr 1fr; + gap: $spacing-unit; + } + + &__item { + display: flex; + gap: 12px; + align-items: flex-start; + text-decoration: none; + color: #032869; + + &:hover { + color: $brand-color; + } + } + + &__content { + display: flex; + flex-direction: column; + gap: 4px; + } + + &__number { + font-family: $code-font-family; + font-size: 14px; + text-transform: uppercase; + letter-spacing: 1.4px; + line-height: 0.99; + color: #032869; + margin: 0; + } + + &__image { + width: 40px; + height: 40px; + display: flex; + align-items: center; + justify-content: center; + flex-shrink: 0; + + img { + width: 100%; + height: 100%; + } + } + + &__title { + font-size: 16px; + font-weight: 500; + line-height: 1.12; + letter-spacing: -0.6px; + } +} + .project-category { &__header { display: flex; @@ -385,10 +447,21 @@ font-size: 18px; } } + + .projects-toc__grid { + grid-template-columns: 1fr; + } + + .projects-toc__title { + font-size: 16px; + } } // Projects landing page theme .theme-projects { + html { + scroll-behavior: smooth; + } // Header links .site-header { diff --git a/assets/images/projects/project_name_18.svg b/assets/images/projects/project_name_18.svg deleted file mode 100644 index ec5ce1295..000000000 --- a/assets/images/projects/project_name_18.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/assets/images/projects/project_name_19.svg b/assets/images/projects/project_name_19.svg deleted file mode 100644 index 489f9f651..000000000 --- a/assets/images/projects/project_name_19.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/assets/images/projects/project_name_20.svg b/assets/images/projects/project_name_20.svg deleted file mode 100644 index f9661c520..000000000 --- a/assets/images/projects/project_name_20.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/assets/images/projects/project_name_21.svg b/assets/images/projects/project_name_21.svg deleted file mode 100644 index 3c2f5cb0e..000000000 --- a/assets/images/projects/project_name_21.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/assets/images/projects/project_name_privacy_22.svg b/assets/images/projects/project_name_privacy_22.svg new file mode 100644 index 000000000..646721140 --- /dev/null +++ b/assets/images/projects/project_name_privacy_22.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/projects.md b/projects.md index 86cfcdebc..456af88a4 100644 --- a/projects.md +++ b/projects.md @@ -46,9 +46,25 @@ https://www.figma.com/file/qzvCvqhSRx3Jq8aywaSjlr/Bitcoin-Design-Guide-Illustrat

These design initiatives can have a giant impact on bitcoin, and thus, on the world. It is a big ambitious slate of work, one for which we need incredible designers to lean in to help us explore, to create and to lead the charge with us. Bitcoin is money for everyone. But it is also yours—what will you design it to be?

+
+
+ {% for project in site.data.projects.projects %} + +
+ +
+
+ {{ forloop.index | prepend: '00' | slice: -2, 2 }} +
{{ project.title }}
+
+ + {% endfor %} +
+
+
{% for project in site.data.projects.projects %} -
+
{{ forloop.index | prepend: '00' | slice: -2, 2 }}