diff --git a/content/_index.md b/content/_index.md index 7081752..33d0025 100644 --- a/content/_index.md +++ b/content/_index.md @@ -31,6 +31,15 @@ hero_alt: "Exit to Community concept illustration" +
+ +
+ View All Case Studies +
+
+

Explore E2C

@@ -52,6 +61,7 @@ hero_alt: "Exit to Community concept illustration"
+
Partnership handshake illustration
diff --git a/content/case-studies/ampled.md b/content/case-studies/ampled.md index ddadd7f..07278c3 100644 --- a/content/case-studies/ampled.md +++ b/content/case-studies/ampled.md @@ -12,6 +12,7 @@ tags: - music url_external: https://ampled.com/ image: /img/logos/ampled.svg +banner: /img/banners/ampled.png --- ### Summary diff --git a/content/case-studies/arena.md b/content/case-studies/arena.md index 4ca10e0..21fc03f 100644 --- a/content/case-studies/arena.md +++ b/content/case-studies/arena.md @@ -9,6 +9,7 @@ tags: - underway url_external: https://are.na/ image: /img/logos/arena.png +banner: /img/banners/arena.webp --- ### Summary @@ -34,4 +35,4 @@ At present, Are.ca could take one of two paths. First, it could seek majority co - E2C conversation with founding team - [Charles Broskoski: How do you describe are.na at a party? – Are.na](https://www.are.na/charles-broskoski/how-do-you-describe-are-na-at-a-party) - [Can the Internet Feel Better? – Early Magazine](https://www.earlymagazine.com/articles/can-the-internet-feel-better) -- [Meet are.na – ArtNews](https://www.artnews.com/art-news/artists/doesnt-produce-anxiety-meet-na-social-network-created-artists-10207/) \ No newline at end of file +- [Meet are.na – ArtNews](https://www.artnews.com/art-news/artists/doesnt-produce-anxiety-meet-na-social-network-created-artists-10207/) diff --git a/content/case-studies/buytwitter.md b/content/case-studies/buytwitter.md index 71946b1..2820fc3 100644 --- a/content/case-studies/buytwitter.md +++ b/content/case-studies/buytwitter.md @@ -12,6 +12,7 @@ tags: - utilities url_external: https://buytwitter.org/ image: /img/logos/buytwitter.png +banner: /img/banners/buytwitter.jpg --- ### Summary diff --git a/content/case-studies/cmx.md b/content/case-studies/cmx.md index 552ae79..ba2a965 100644 --- a/content/case-studies/cmx.md +++ b/content/case-studies/cmx.md @@ -9,6 +9,7 @@ tags: - services url_external: https://cmxhub.com image: /img/logos/cmx.jpg +banner: /img/banners/cmx.webp --- ### Summary diff --git a/content/case-studies/dada.md b/content/case-studies/dada.md index bd6e9fc..3e6be29 100644 --- a/content/case-studies/dada.md +++ b/content/case-studies/dada.md @@ -9,6 +9,7 @@ tags: - underway url_external: https://dadacoin.com image: /img/logos/dada.jpg +banner: /img/banners/dada.png --- ### Summary diff --git a/content/case-studies/debian.md b/content/case-studies/debian.md index 703794d..bb18b5a 100644 --- a/content/case-studies/debian.md +++ b/content/case-studies/debian.md @@ -9,6 +9,7 @@ tags: - success url_external: https://debian.org/ image: /img/logos/debian.png +banner: /img/banners/debian.png --- ### Summary diff --git a/content/case-studies/defector.md b/content/case-studies/defector.md index 3326e93..b9c8f7f 100644 --- a/content/case-studies/defector.md +++ b/content/case-studies/defector.md @@ -11,6 +11,7 @@ tags: - worker-owned url_external: https://defector.com/ image: /img/logos/defector.png +banner: /img/banners/defector.jpg --- ### Summary diff --git a/content/case-studies/ens.md b/content/case-studies/ens.md index 2cd9c82..37fc19b 100644 --- a/content/case-studies/ens.md +++ b/content/case-studies/ens.md @@ -9,6 +9,7 @@ tags: - success url_external: https://ens.domains/ image: /img/logos/ens.jpg +banner: /img/banners/ens.jpg --- ### Summary diff --git a/content/case-studies/forward.md b/content/case-studies/forward.md index 72b4936..4a1025f 100644 --- a/content/case-studies/forward.md +++ b/content/case-studies/forward.md @@ -10,6 +10,7 @@ tags: - success url_external: https://forwardaction.uk/ image: /img/logos/forward.jpg +banner: /img/banners/forward.webp --- ### Summary @@ -31,4 +32,4 @@ Because the transition was so recent, it may be too soon to gauge its long-term ### Sources - [A New Chapter for Forward Action](https://forwardaction.uk/2022/09/new-chapter/) -- [Forward Action – About Us](https://forwardaction.uk/2022/04/about-forward-action-our-job-benefits/) \ No newline at end of file +- [Forward Action – About Us](https://forwardaction.uk/2022/04/about-forward-action-our-job-benefits/) diff --git a/content/case-studies/gitcoin.md b/content/case-studies/gitcoin.md index 6928319..ba4530b 100644 --- a/content/case-studies/gitcoin.md +++ b/content/case-studies/gitcoin.md @@ -9,6 +9,7 @@ tags: - crypto url_external: https://gitcoin.co/ image: /img/logos/gitcoin.png +banner: /img/banners/gitcoin.png --- ### Summary diff --git a/content/case-studies/groupmuse.md b/content/case-studies/groupmuse.md index 25faae6..b8dfc5e 100644 --- a/content/case-studies/groupmuse.md +++ b/content/case-studies/groupmuse.md @@ -13,6 +13,7 @@ tags: - worker-owned url_external: https://groupmuse.com/ image: /img/logos/groupmuse.png +banner: /img/banners/groupmuse.jpg --- ### Summary diff --git a/content/case-studies/hackernoon.md b/content/case-studies/hackernoon.md index 7775afe..5860d06 100644 --- a/content/case-studies/hackernoon.md +++ b/content/case-studies/hackernoon.md @@ -10,6 +10,7 @@ tags: - success url_external: https://hackernoon.com/ image: /img/logos/hackernoon.jpg +banner: /img/banners/hackernoon.png --- ### Summary diff --git a/content/case-studies/josephine.md b/content/case-studies/josephine.md index 9c98030..8de5649 100644 --- a/content/case-studies/josephine.md +++ b/content/case-studies/josephine.md @@ -11,6 +11,7 @@ tags: - services url_external: https://www.crunchbase.com/organization/josephine image: /img/logos/josephine.png +banner: /img/banners/josephine.webp --- ### Summary diff --git a/content/case-studies/juno.md b/content/case-studies/juno.md index 442f76b..d3133fb 100644 --- a/content/case-studies/juno.md +++ b/content/case-studies/juno.md @@ -11,6 +11,7 @@ tags: - software url_external: https://en.wikipedia.org/wiki/Juno_(company) image: /img/logos/juno.png +banner: /img/banners/juno.jpg --- ### Summary diff --git a/content/case-studies/namaste.md b/content/case-studies/namaste.md index c726a86..be4b902 100644 --- a/content/case-studies/namaste.md +++ b/content/case-studies/namaste.md @@ -11,6 +11,7 @@ tags: - worker-owned url_external: https://namastesolar.com image: /img/logos/namaste.png +banner: /img/banners/namaste.jpg --- ### Summary diff --git a/content/case-studies/nio.md b/content/case-studies/nio.md index f35a487..1e33c9b 100644 --- a/content/case-studies/nio.md +++ b/content/case-studies/nio.md @@ -11,6 +11,7 @@ tags: - trust url_external: https://nio.com image: /img/logos/nio.jpg +banner: /img/banners/nio.webp --- ### Summary diff --git a/content/case-studies/python.md b/content/case-studies/python.md index 0f9a1b6..0929a89 100644 --- a/content/case-studies/python.md +++ b/content/case-studies/python.md @@ -10,6 +10,7 @@ tags: - success url_external: https://python.org/ image: /img/logos/python.jpg +banner: /img/banners/python.jpg --- ### Summary diff --git a/content/case-studies/signalise.md b/content/case-studies/signalise.md index d8116c4..ec2e66e 100644 --- a/content/case-studies/signalise.md +++ b/content/case-studies/signalise.md @@ -12,6 +12,7 @@ tags: - success url_external: https://signalise.coop/ image: /img/logos/signalise.jpg +banner: /img/banners/signalise.jpg --- ### Summary diff --git a/content/case-studies/songadao.md b/content/case-studies/songadao.md index 346b8df..518bccb 100644 --- a/content/case-studies/songadao.md +++ b/content/case-studies/songadao.md @@ -10,6 +10,7 @@ tags: - success url_external: https://songaday.world/ image: /img/logos/songadao.png +banner: /img/banners/songadao.jpg --- ### Summary diff --git a/content/case-studies/the-appeal.md b/content/case-studies/the-appeal.md index 0bf6669..e65e488 100644 --- a/content/case-studies/the-appeal.md +++ b/content/case-studies/the-appeal.md @@ -10,6 +10,7 @@ tags: - success url_external: https://theappeal.org/ image: /img/logos/the-appeal.jpg +banner: /img/banners/the-appeal.jpg --- ### Summary diff --git a/content/case-studies/the-brick-house.md b/content/case-studies/the-brick-house.md index 73bbe99..9557d85 100644 --- a/content/case-studies/the-brick-house.md +++ b/content/case-studies/the-brick-house.md @@ -11,6 +11,7 @@ tags: - worker-owned url_external: https://thebrick.house/ image: /img/logos/the-brick-house.jpg +banner: /img/banners/the-brick-house.png --- ### Summary diff --git a/content/case-studies/the-well.md b/content/case-studies/the-well.md index 06af62f..1cbeea2 100644 --- a/content/case-studies/the-well.md +++ b/content/case-studies/the-well.md @@ -10,6 +10,7 @@ tags: - success url_external: https://well.com/ image: /img/logos/the-well.png +banner: /img/banners/the-well.png --- ### Summary diff --git a/content/case-studies/trident-booksellers.md b/content/case-studies/trident-booksellers.md index 82be5ea..f678fa5 100644 --- a/content/case-studies/trident-booksellers.md +++ b/content/case-studies/trident-booksellers.md @@ -10,6 +10,7 @@ tags: - success url_external: https://tridentcafe.com/ image: /img/logos/trident-booksellers.png +banner: /img/banners/trident-booksellers.jpg --- ### Summary diff --git a/content/case-studies/uniswap.md b/content/case-studies/uniswap.md index af3456b..5ab6047 100644 --- a/content/case-studies/uniswap.md +++ b/content/case-studies/uniswap.md @@ -9,6 +9,7 @@ tags: - crypto url_external: https://uniswap.org image: /img/logos/uniswap.jpg +banner: /img/banners/uniswap.png --- ### Summary diff --git a/layouts/_default/list.html b/layouts/_default/list.html index 4bc8f81..867044a 100644 --- a/layouts/_default/list.html +++ b/layouts/_default/list.html @@ -26,8 +26,19 @@ data-description="{{ if .Description }}{{ .Description }}{{ else if .Summary }}{{ .Summary | plainify | replaceRE "^### \\*\\*Summary\\*\\*\\s*" "" | truncate 200 }}{{ else }}{{ .Content | plainify | replaceRE "^### \\*\\*Summary\\*\\*\\s*" "" | truncate 200 }}{{ end }}" data-tags="{{ if .Params.tags }}{{ delimit .Params.tags "," }}{{ end }}" data-date="{{ .Date.Format "2006-01-02" }}"> - {{ if .Params.image }} - + {{ if .Params.banner }} + +
+ {{ .Title }} banner + {{ if .Params.image }} + {{ .Title }} logo + {{ end }} +
+ + {{ else if .Params.image }} + + + {{ end }}

{{ .Title }}

{{ if .Description }} @@ -159,6 +170,52 @@ display: none; } +.card-banner { + position: relative; + margin-bottom: 1rem; + border-radius: 12px; + overflow: hidden; + aspect-ratio: 16/9; +} + +.case-banner { + width: 100%; + height: 100%; + object-fit: cover; + display: block; +} + +.case-logo-overlay { + position: absolute; + bottom: 16px; + right: 16px; + width: 72px; + height: 72px; + object-fit: contain; + background: rgba(255, 255, 255, 0.9); + border-radius: 12px; + padding: 8px; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); +} + +.card-banner-link, .card-logo-link { + display: block; + text-decoration: none; + transition: transform 0.2s ease, box-shadow 0.2s ease; +} + +.card-banner-link:hover, .card-logo-link:hover { + transform: translateY(-2px); +} + +.card-banner-link:hover .card-banner { + box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); +} + +.card-logo-link:hover .case-logo { + transform: scale(1.05); +} + @media (max-width: 768px) { .filter-controls { margin-bottom: 32px; diff --git a/layouts/_default/single.html b/layouts/_default/single.html index d4f1f72..983a97e 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -1,7 +1,14 @@ {{ define "main" }}
- {{ if .Params.image }} + {{ if .Params.banner }} +
+ {{ .Title }} banner + {{ if .Params.image }} + {{ .Title }} logo + {{ end }} +
+ {{ else if .Params.image }} {{ end }}

{{ .Title }}

@@ -100,5 +107,34 @@ color: var(--text-primary); transform: translateY(-1px); } + +.article-banner { + position: relative; + margin-bottom: 2rem; + border-radius: 16px; + overflow: hidden; + aspect-ratio: 16/9; + max-height: 300px; +} + +.case-detail-banner { + width: 100%; + height: 100%; + object-fit: cover; + display: block; +} + +.case-detail-logo-overlay { + position: absolute; + bottom: 20px; + right: 20px; + width: 96px; + height: 96px; + object-fit: contain; + background: rgba(255, 255, 255, 0.95); + border-radius: 16px; + padding: 12px; + box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3); +} {{ end }} diff --git a/layouts/index.html b/layouts/index.html index f752ee3..8e0cd10 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -1,3 +1,220 @@ {{ define "main" }} {{ .Content }} + + + + {{ end }} \ No newline at end of file diff --git a/static/img/banners/ampled.png b/static/img/banners/ampled.png new file mode 100644 index 0000000..f52d02e Binary files /dev/null and b/static/img/banners/ampled.png differ diff --git a/static/img/banners/arena.png b/static/img/banners/arena.png new file mode 100644 index 0000000..5a6cccb Binary files /dev/null and b/static/img/banners/arena.png differ diff --git a/static/img/banners/arena.webp b/static/img/banners/arena.webp new file mode 100644 index 0000000..6cd5394 Binary files /dev/null and b/static/img/banners/arena.webp differ diff --git a/static/img/banners/buytwitter.jpg b/static/img/banners/buytwitter.jpg new file mode 100644 index 0000000..170e2fc Binary files /dev/null and b/static/img/banners/buytwitter.jpg differ diff --git a/static/img/banners/cmx.webp b/static/img/banners/cmx.webp new file mode 100644 index 0000000..f254121 Binary files /dev/null and b/static/img/banners/cmx.webp differ diff --git a/static/img/banners/dada.png b/static/img/banners/dada.png new file mode 100644 index 0000000..98a205e Binary files /dev/null and b/static/img/banners/dada.png differ diff --git a/static/img/banners/debian.png b/static/img/banners/debian.png new file mode 100644 index 0000000..1cce08c Binary files /dev/null and b/static/img/banners/debian.png differ diff --git a/static/img/banners/defector.jpg b/static/img/banners/defector.jpg new file mode 100644 index 0000000..c80621e Binary files /dev/null and b/static/img/banners/defector.jpg differ diff --git a/static/img/banners/ens.jpg b/static/img/banners/ens.jpg new file mode 100644 index 0000000..596425f Binary files /dev/null and b/static/img/banners/ens.jpg differ diff --git a/static/img/banners/forward.jpg b/static/img/banners/forward.jpg new file mode 100644 index 0000000..65a4ef3 Binary files /dev/null and b/static/img/banners/forward.jpg differ diff --git a/static/img/banners/forward.webp b/static/img/banners/forward.webp new file mode 100644 index 0000000..ab0896b Binary files /dev/null and b/static/img/banners/forward.webp differ diff --git a/static/img/banners/gitcoin.png b/static/img/banners/gitcoin.png new file mode 100644 index 0000000..5549627 Binary files /dev/null and b/static/img/banners/gitcoin.png differ diff --git a/static/img/banners/groupmuse.jpg b/static/img/banners/groupmuse.jpg new file mode 100644 index 0000000..becfaa1 Binary files /dev/null and b/static/img/banners/groupmuse.jpg differ diff --git a/static/img/banners/hackernoon.png b/static/img/banners/hackernoon.png new file mode 100644 index 0000000..6d51883 Binary files /dev/null and b/static/img/banners/hackernoon.png differ diff --git a/static/img/banners/josephine.webp b/static/img/banners/josephine.webp new file mode 100644 index 0000000..9c118bb Binary files /dev/null and b/static/img/banners/josephine.webp differ diff --git a/static/img/banners/juno.jpg b/static/img/banners/juno.jpg new file mode 100644 index 0000000..3435969 Binary files /dev/null and b/static/img/banners/juno.jpg differ diff --git a/static/img/banners/namaste.jpg b/static/img/banners/namaste.jpg new file mode 100644 index 0000000..84c7143 Binary files /dev/null and b/static/img/banners/namaste.jpg differ diff --git a/static/img/banners/nio.webp b/static/img/banners/nio.webp new file mode 100644 index 0000000..e80d9cf Binary files /dev/null and b/static/img/banners/nio.webp differ diff --git a/static/img/banners/python.jpg b/static/img/banners/python.jpg new file mode 100644 index 0000000..c5c572f Binary files /dev/null and b/static/img/banners/python.jpg differ diff --git a/static/img/banners/signalise.jpg b/static/img/banners/signalise.jpg new file mode 100644 index 0000000..941c020 Binary files /dev/null and b/static/img/banners/signalise.jpg differ diff --git a/static/img/banners/songadao.jpg b/static/img/banners/songadao.jpg new file mode 100644 index 0000000..be92038 Binary files /dev/null and b/static/img/banners/songadao.jpg differ diff --git a/static/img/banners/the-appeal.jpg b/static/img/banners/the-appeal.jpg new file mode 100644 index 0000000..d2aa696 Binary files /dev/null and b/static/img/banners/the-appeal.jpg differ diff --git a/static/img/banners/the-brick-house.png b/static/img/banners/the-brick-house.png new file mode 100644 index 0000000..12022bd Binary files /dev/null and b/static/img/banners/the-brick-house.png differ diff --git a/static/img/banners/the-well.png b/static/img/banners/the-well.png new file mode 100644 index 0000000..a908aae Binary files /dev/null and b/static/img/banners/the-well.png differ diff --git a/static/img/banners/trident-booksellers.jpg b/static/img/banners/trident-booksellers.jpg new file mode 100644 index 0000000..70e346f Binary files /dev/null and b/static/img/banners/trident-booksellers.jpg differ diff --git a/static/img/banners/uniswap.png b/static/img/banners/uniswap.png new file mode 100644 index 0000000..0bfa90c Binary files /dev/null and b/static/img/banners/uniswap.png differ