diff --git a/src/css/styles.css b/src/css/styles.css index ac8b7cb2..0a4db20e 100644 --- a/src/css/styles.css +++ b/src/css/styles.css @@ -392,6 +392,7 @@ a { display: none; } #contributors, +#caseStudies, .video-holder-watch-video { text-align: center; background: linear-gradient( @@ -408,6 +409,43 @@ a { .video-holder-watch-video + .video-holder-watch-video { margin-top: 0 !important; } +#caseStudies h2 { + margin: 0 0 3rem; +} +#caseStudies ul { + list-style: none; + display: flex; + flex-wrap: wrap; + max-width: 1320px; + gap: 2rem; + justify-content: center; + margin: 0 auto 3rem; + padding: 0; +} +#caseStudies ul li { + flex: 0 1 300px; +} +#caseStudies ul li a { + display: block; + height: 100%; + border-radius: 10px; + box-shadow: 0 0 0 1px var(--shadow-20); + color: var(--black); + background: var(--light-grey); + overflow: hidden; +} +#caseStudies ul li img { + width: 100%; + height: 160px; + object-fit: cover; + object-position: top; +} +#caseStudies ul li h3 { + margin: .5rem 0; +} +#caseStudies ul li p { + margin: .5rem 1rem 1rem; +} .check-list { margin-left: 2rem; text-align: left; diff --git a/src/html/tmpl.html b/src/html/tmpl.html index 6ae476d0..0a319877 100644 --- a/src/html/tmpl.html +++ b/src/html/tmpl.html @@ -194,6 +194,61 @@

{{automation-via-api}}

+
+

{{case-studies}}

+ +
+

{{integrations-and-plugins}}

diff --git a/src/static/img/case-studies/bitcoin-jungle.png b/src/static/img/case-studies/bitcoin-jungle.png new file mode 100644 index 00000000..3b1ac398 Binary files /dev/null and b/src/static/img/case-studies/bitcoin-jungle.png differ diff --git a/src/static/img/case-studies/bitcoin-people.png b/src/static/img/case-studies/bitcoin-people.png new file mode 100644 index 00000000..973cafef Binary files /dev/null and b/src/static/img/case-studies/bitcoin-people.png differ diff --git a/src/static/img/case-studies/coincards.png b/src/static/img/case-studies/coincards.png new file mode 100644 index 00000000..656c4c79 Binary files /dev/null and b/src/static/img/case-studies/coincards.png differ diff --git a/src/static/img/case-studies/hodlhodl.png b/src/static/img/case-studies/hodlhodl.png new file mode 100644 index 00000000..f7950ab9 Binary files /dev/null and b/src/static/img/case-studies/hodlhodl.png differ diff --git a/src/static/img/case-studies/strainly.png b/src/static/img/case-studies/strainly.png new file mode 100644 index 00000000..7dd6ecfa Binary files /dev/null and b/src/static/img/case-studies/strainly.png differ diff --git a/src/static/img/case-studies/technical-case-study.png b/src/static/img/case-studies/technical-case-study.png new file mode 100644 index 00000000..3e8074b5 Binary files /dev/null and b/src/static/img/case-studies/technical-case-study.png differ diff --git a/src/static/img/case-studies/voltage.png b/src/static/img/case-studies/voltage.png new file mode 100644 index 00000000..b06ae320 Binary files /dev/null and b/src/static/img/case-studies/voltage.png differ diff --git a/transifex/resources/website.json b/transifex/resources/website.json index 205a4985..65079d71 100644 --- a/transifex/resources/website.json +++ b/transifex/resources/website.json @@ -16,6 +16,7 @@ "live-demo": "Live Demo", "donate": "Donate", "woocommerce": "WooCommerce", + "smartstore": "SmartStore", "drupal": "Drupal", "magento": "Magento", "prestashop": "PrestaShop", @@ -68,5 +69,6 @@ "this-website-does": "This website does not use cookies nor collect personal data.", "btcpay-for-communities": "BTCPay Server for local communities", "what-is-btcpay": "What is BTCPay Server?", - "shopify": "Shopify" + "shopify": "Shopify", + "case-studies": "Case Studies" }