diff --git a/assets/images/home/banner/designathon-2-background-mobile.jpg b/assets/images/home/banner/designathon-2-background-mobile.jpg new file mode 100644 index 000000000..5245c961e Binary files /dev/null and b/assets/images/home/banner/designathon-2-background-mobile.jpg differ diff --git a/assets/images/home/banner/designathon-2-background-mobile@2x.jpg b/assets/images/home/banner/designathon-2-background-mobile@2x.jpg new file mode 100644 index 000000000..237cbe5f4 Binary files /dev/null and b/assets/images/home/banner/designathon-2-background-mobile@2x.jpg differ diff --git a/assets/images/home/banner/designathon-2-background.jpg b/assets/images/home/banner/designathon-2-background.jpg new file mode 100644 index 000000000..ad59f8740 Binary files /dev/null and b/assets/images/home/banner/designathon-2-background.jpg differ diff --git a/assets/images/home/banner/designathon-2-background@2x.jpg b/assets/images/home/banner/designathon-2-background@2x.jpg new file mode 100644 index 000000000..c0c77c7d0 Binary files /dev/null and b/assets/images/home/banner/designathon-2-background@2x.jpg differ diff --git a/assets/images/home/banner/designathon-2-mobile.png b/assets/images/home/banner/designathon-2-mobile.png new file mode 100644 index 000000000..802ff3914 Binary files /dev/null and b/assets/images/home/banner/designathon-2-mobile.png differ diff --git a/assets/images/home/banner/designathon-2-mobile@2x.png b/assets/images/home/banner/designathon-2-mobile@2x.png new file mode 100644 index 000000000..094cec2fb Binary files /dev/null and b/assets/images/home/banner/designathon-2-mobile@2x.png differ diff --git a/assets/images/home/banner/designathon-2.png b/assets/images/home/banner/designathon-2.png new file mode 100644 index 000000000..ef81c1385 Binary files /dev/null and b/assets/images/home/banner/designathon-2.png differ diff --git a/assets/images/home/banner/designathon-2@2x.png b/assets/images/home/banner/designathon-2@2x.png new file mode 100644 index 000000000..375a00718 Binary files /dev/null and b/assets/images/home/banner/designathon-2@2x.png differ diff --git a/index.md b/index.md index 0a6c73f62..92b0ee589 100644 --- a/index.md +++ b/index.md @@ -12,6 +12,18 @@ videoWidth: 1600 videoHeight: 840 --- + +### Join the [Bitcoin Designathon](https://event.bitcoin.design) + +We are organizing a designathon! Imagine a traditional hackathon, but this time focused only on design. Our goal is to motivate designers and builders to get together and collaboratively explore ideas and concepts in and around the bitcoin ecosystem. Come join us! + +[Find out more](https://event.bitcoin.design){: .button } + +--- + ## We are helping make [bitcoin](https://bitcoin.org) more intuitive and accessible. As bitcoin’s popularity continues to rise, it is essential that everyone be able to participate in this new economy regardless of technical expertise or geography. That can only happen if creators everywhere have the resources and community necessary to foster better bitcoin experiences. diff --git a/js/themes.js b/js/themes.js index 527626382..691cee112 100644 --- a/js/themes.js +++ b/js/themes.js @@ -54,328 +54,375 @@ var themes = [ outlineColor: "#000" }, title: { - fillColor: "#000", + fillColor: "#FFFFFF", outlineColor: "transparent" }, description: { fillColor: "#000" }, button1: { - fillColor: "#FFF", - outlineColor: "#000", + fillColor: "#FFFFFF", + outlineColor: "null", labelFillColor: "#000" }, button2: { fillColor: '', - outlineColor: "#000", - labelFillColor: "#000" - }, - background: { - path: '', - pathRetina: '', - pathMobile: '', - pathMobileRetina: '', - backgroundColor: '' - }, - copy: { - backgroundColor: "#F7931A" - }, - image: { - path: 'url("/assets/images/home/banner/header-theme-1-bridging-bitcoin.png")', - pathRetina: 'url("/assets/images/home/banner/header-theme-1-bridging-bitcoin@2x.png")', - pathMobile: 'url("/assets/images/home/banner/header-theme-1-bridging-bitcoin-mobile.png")', - pathMobileRetina: 'url("/assets/images/home/banner/header-theme-1-bridging-bitcoin-mobile@2x.png")', - backgroundColor: "#F7931A" - }, - flipLayoutOnMobile: false, - author: { - name: "Alexa Aker", - link: "https://github.com/BitcoinDesign/Guide/issues/45" - } - }, - { - // Rutuja bitcoin page theme banner - logo: { - path: "/assets/bitcoin-design-community-banner.svg", - fillColor: "#FEE78D", - outlineColor: "#5A4C4C" - }, - title: { - fillColor: "#FEE78D", - outlineColor: "#FEE78D" - }, - description: { - fillColor: "#E4CBCB" - }, - button1: { - fillColor: "#FEE78D", - outlineColor: "#FEE78D", - labelFillColor: "#5A4C4C" - }, - button2: { - fillColor: "#5A4C4C", - outlineColor: "#FEE78D", - labelFillColor: "#FEE78D" - }, - image: { - path: '', - pathRetina: '', - pathMobile: '', - pathMobileRetina: '', - backgroundColor: '' - }, - copy: { - backgroundColor: '' - }, - background: { - path: 'url("/assets/images/home/banner/rutuja_bitcoin_theme_banner_web.jpg")', - pathRetina: 'url("/assets/images/home/banner/rutuja_bitcoin_theme_banner_web@2x.jpg")', - pathMobile: 'url("/assets/images/home/banner/themeBG_mobile.jpg")', - pathMobileRetina: 'url("/assets/images/home/banner/themeBG_mobile@2x.jpg")', - backgroundColor: "#5A4C4C" - }, - flipLayoutOnMobile: false, - author: { - name: "Rutuja Kelkar", - link: "https://github.com/BitcoinDesign/Guide/issues/592" - } - }, - { - // 3D abstract - logo: { - path: "/assets/bitcoin-design-community-banner.svg", - fillColor: "#F7931A", - outlineColor: "#FFF" - }, - title: { - fillColor: "#F7931A", - outlineColor: "#F7931A" - }, - description: { - fillColor: "#000" - }, - button1: { - fillColor: "#F7931A", - outlineColor: "#F7931A", - labelFillColor: "#FFF" - }, - button2: { - fillColor: "#F7931A", - outlineColor: "#F7931A", - labelFillColor: "#FFF" - }, - background: { - path: '', - pathRetina: '', - pathMobile: '', - pathMobileRetina: '', - backgroundColor: '' - }, - copy: { - backgroundColor: "#64EBFC" - }, - image: { - path: 'url("/assets/images/home/banner/header-theme-2-3d-abstract.png")', - pathRetina: 'url("/assets/images/home/banner/header-theme-2-3d-abstract@2x.png")', - pathMobile: 'url("/assets/images/home/banner/header-theme-2-3d-abstract-mobile.png")', - pathMobileRetina: 'url("/assets/images/home/banner/header-theme-2-3d-abstract-mobile@2x.png")', - backgroundColor: "#64EBFC" - }, - flipLayoutOnMobile: false, - author: { - name: "Gabor Magyar", - link: "https://github.com/BitcoinDesign/Guide/issues/143" - } - }, - { - // The Meta-Future - logo: { - path: "/assets/bitcoin-design-community-banner.svg", - fillColor: "#F7931A", - outlineColor: "#000" - }, - title: { - fillColor: "#000", - outlineColor: "transparent" - }, - description: { - fillColor: "#000" - }, - button1: { - fillColor: "#F7931A", - outlineColor: "#000", - labelFillColor: "#000" - }, - button2: { - fillColor: "#FFF", - outlineColor: "#000", - labelFillColor: "#000" - }, - background: { - path: 'url("/assets/images/home/banner/the-meta-future.jpg")', - pathRetina: 'url("/assets/images/home/banner/the-meta-future@2x.jpg")', - pathMobile: 'url("/assets/images/home/banner/the-meta-future-mobile.jpg")', - pathMobileRetina: 'url("/assets/images/home/banner/the-meta-future-mobile@2x.jpg")', - backgroundColor: "#D0E8E1" - }, - copy: { - backgroundColor: "" - }, - image: { - path: '', - pathRetina: '', - pathMobile: '', - pathMobileRetina: '', - backgroundColor: '' - }, - flipLayoutOnMobile: false, - author: { - name: "Rama Krushna", - link: "https://github.com/BitcoinDesign/Guide/issues/272" - } - }, - { - // BITs and pieces - logo: { - path: "/assets/bitcoin-design-community-banner.svg", - fillColor: "#FEC34A", - outlineColor: "#000" - }, - title: { - fillColor: "#000", - outlineColor: "transparent" - }, - description: { - fillColor: "#000" - }, - button1: { - fillColor: "#00C4C6", - outlineColor: "#000", - labelFillColor: "#000" - }, - button2: { - fillColor: "#FEC34A", - outlineColor: "#000", - labelFillColor: "#000" + outlineColor: "#FFFFFF", + labelFillColor: "#FFFFFF" }, background: { - path: 'url("/assets/images/home/banner/bits-and-pieces.png")', - pathRetina: 'url("/assets/images/home/banner/bits-and-pieces@2x.png")', - pathMobile: '', - pathMobileRetina: '', - backgroundColor: "#FFFFFF" + path: 'url("/assets/images/home/banner/designathon-2-background.jpg")', + pathRetina: 'url("/assets/images/home/banner/designathon-2-background@2x.jpg")', + pathMobile: 'url("/assets/images/home/banner/designathon-2-background-mobile.jpg")', + pathMobileRetina: 'url("/assets/images/home/banner/designathon-2-background-mobile@2x.jpg")', + backgroundColor: "#E76428" }, copy: { backgroundColor: "" }, image: { - path: 'url("/assets/images/home/banner/bits-and-pieces-fallback.png")', - pathRetina: 'url("/assets/images/home/banner/bits-and-pieces-fallback@2x.png")', - pathMobile: 'url("/assets/images/home/banner/bits-and-pieces-mobile.png")', - pathMobileRetina: 'url("/assets/images/home/banner/bits-and-pieces-mobile@2x.png")', - backgroundColor: '', - lottie: "/assets/animations/banner-jessica.json" - }, - flipLayoutOnMobile: false, - author: { - name: "Jessica Wolff and Andy Ribetz", - link: "https://github.com/BitcoinDesign/Guide/issues/289" - } - }, - { - // The Ongoing Development of Bitcoin - logo: { - path: "/assets/bitcoin-design-community-banner.svg", - fillColor: "#E0E0E0", - outlineColor: "#000" - }, - title: { - fillColor: "#ADAAAA", - outlineColor: "#000" - }, - description: { - fillColor: "#000" - }, - button1: { - fillColor: "#F7931A", - outlineColor: '#F7931A', - labelFillColor: "#00" - }, - button2: { - fillColor: "#FFF", - outlineColor: "#000", - labelFillColor: "#000" - }, - background: { - path: '', - pathRetina: '', - pathMobile: '', - pathMobileRetina: '', - backgroundColor: "#F4F4F4" - }, - copy: { - backgroundColor: '' - }, - image: { - path: 'url("/assets/images/home/banner/ongoing-development.png")', - pathRetina: 'url("/assets/images/home/banner/ongoing-development@2x.png")', - pathMobile: 'url("/assets/images/home/banner/ongoing-development-mobile.png")', - pathMobileRetina: 'url("/assets/images/home/banner/ongoing-development-mobile@2x.png")', + path: 'url("/assets/images/home/banner/designathon-2.png")', + pathRetina: 'url("/assets/images/home/banner/designathon-2@2x.png")', + pathMobile: 'url("/assets/images/home/banner/designathon-2-mobile.png")', + pathMobileRetina: 'url("/assets/images/home/banner/designathon-2-mobile@2x.png")', backgroundColor: "" }, flipLayoutOnMobile: false, author: { - name: "Susrita Chatterjee", - link: "https://github.com/BitcoinDesign/Guide/issues/688" + name: "Christoph Ono", + link: "https://github.com/BitcoinDesign/Guide/pull/1162" } }, - { - // Here Comes Bitcoin - logo: { - path: "/assets/bitcoin-design-community-banner.svg", - fillColor: "#F7931A", - outlineColor: "#000" - }, - title: { - fillColor: "#000", - outlineColor: "transparent" - }, - description: { - fillColor: "#000" - }, - button1: { - fillColor: "#70B6C3", - outlineColor: "#000", - labelFillColor: "#FFF" - }, - button2: { - fillColor: "#F7931A", - outlineColor: "#000", - labelFillColor: "#FFF" - }, - background: { - path: '', - pathRetina: '', - pathMobile: '', - pathMobileRetina: '', - backgroundColor: "#FFFFFF" - }, - copy: { - backgroundColor: '' - }, - image: { - path: 'url("/assets/images/home/banner/HCB-Banner.png")', - pathRetina: 'url("/assets/images/home/banner/HCB-Banner@2x.png")', - pathMobile: 'url("/assets/images/home/banner/HCB-Banner-Mobile.png")', - pathMobileRetina: 'url("/assets/images/home/banner/HCB-Banner-Mobile@2x.png")', - backgroundColor: "" - }, - flipLayoutOnMobile: true, - author: { - name: "Sushant Faujdar and Abhijay Jain", - link: "https://github.com/BitcoinDesign/Guide/issues/1110" - } - } +// { +// // Bridging bitcoin +// logo: { +// path: "/assets/bitcoin-design-community-banner.svg", +// fillColor: "#FFF", +// outlineColor: "#000" +// }, +// title: { +// fillColor: "#000", +// outlineColor: "transparent" +// }, +// description: { +// fillColor: "#000" +// }, +// button1: { +// fillColor: "#FFF", +// outlineColor: "#000", +// labelFillColor: "#000" +// }, +// button2: { +// fillColor: '', +// outlineColor: "#000", +// labelFillColor: "#000" +// }, +// background: { +// path: '', +// pathRetina: '', +// pathMobile: '', +// pathMobileRetina: '', +// backgroundColor: '' +// }, +// copy: { +// backgroundColor: "#F7931A" +// }, +// image: { +// path: 'url("/assets/images/home/banner/header-theme-1-bridging-bitcoin.png")', +// pathRetina: 'url("/assets/images/home/banner/header-theme-1-bridging-bitcoin@2x.png")', +// pathMobile: 'url("/assets/images/home/banner/header-theme-1-bridging-bitcoin-mobile.png")', +// pathMobileRetina: 'url("/assets/images/home/banner/header-theme-1-bridging-bitcoin-mobile@2x.png")', +// backgroundColor: "#F7931A" +// }, +// flipLayoutOnMobile: false, +// author: { +// name: "Alexa Aker", +// link: "https://github.com/BitcoinDesign/Guide/issues/45" +// } +// }, +// { +// // Rutuja bitcoin page theme banner +// logo: { +// path: "/assets/bitcoin-design-community-banner.svg", +// fillColor: "#FEE78D", +// outlineColor: "#5A4C4C" +// }, +// title: { +// fillColor: "#FEE78D", +// outlineColor: "#FEE78D" +// }, +// description: { +// fillColor: "#E4CBCB" +// }, +// button1: { +// fillColor: "#FEE78D", +// outlineColor: "#FEE78D", +// labelFillColor: "#5A4C4C" +// }, +// button2: { +// fillColor: "#5A4C4C", +// outlineColor: "#FEE78D", +// labelFillColor: "#FEE78D" +// }, +// image: { +// path: '', +// pathRetina: '', +// pathMobile: '', +// pathMobileRetina: '', +// backgroundColor: '' +// }, +// copy: { +// backgroundColor: '' +// }, +// background: { +// path: 'url("/assets/images/home/banner/rutuja_bitcoin_theme_banner_web.jpg")', +// pathRetina: 'url("/assets/images/home/banner/rutuja_bitcoin_theme_banner_web@2x.jpg")', +// pathMobile: 'url("/assets/images/home/banner/themeBG_mobile.jpg")', +// pathMobileRetina: 'url("/assets/images/home/banner/themeBG_mobile@2x.jpg")', +// backgroundColor: "#5A4C4C" +// }, +// flipLayoutOnMobile: false, +// author: { +// name: "Rutuja Kelkar", +// link: "https://github.com/BitcoinDesign/Guide/issues/592" +// } +// }, +// { +// // 3D abstract +// logo: { +// path: "/assets/bitcoin-design-community-banner.svg", +// fillColor: "#F7931A", +// outlineColor: "#FFF" +// }, +// title: { +// fillColor: "#F7931A", +// outlineColor: "#F7931A" +// }, +// description: { +// fillColor: "#000" +// }, +// button1: { +// fillColor: "#F7931A", +// outlineColor: "#F7931A", +// labelFillColor: "#FFF" +// }, +// button2: { +// fillColor: "#F7931A", +// outlineColor: "#F7931A", +// labelFillColor: "#FFF" +// }, +// background: { +// path: '', +// pathRetina: '', +// pathMobile: '', +// pathMobileRetina: '', +// backgroundColor: '' +// }, +// copy: { +// backgroundColor: "#64EBFC" +// }, +// image: { +// path: 'url("/assets/images/home/banner/header-theme-2-3d-abstract.png")', +// pathRetina: 'url("/assets/images/home/banner/header-theme-2-3d-abstract@2x.png")', +// pathMobile: 'url("/assets/images/home/banner/header-theme-2-3d-abstract-mobile.png")', +// pathMobileRetina: 'url("/assets/images/home/banner/header-theme-2-3d-abstract-mobile@2x.png")', +// backgroundColor: "#64EBFC" +// }, +// flipLayoutOnMobile: false, +// author: { +// name: "Gabor Magyar", +// link: "https://github.com/BitcoinDesign/Guide/issues/143" +// } +// }, +// { +// // The Meta-Future +// logo: { +// path: "/assets/bitcoin-design-community-banner.svg", +// fillColor: "#F7931A", +// outlineColor: "#000" +// }, +// title: { +// fillColor: "#000", +// outlineColor: "transparent" +// }, +// description: { +// fillColor: "#000" +// }, +// button1: { +// fillColor: "#F7931A", +// outlineColor: "#000", +// labelFillColor: "#000" +// }, +// button2: { +// fillColor: "#FFF", +// outlineColor: "#000", +// labelFillColor: "#000" +// }, +// background: { +// path: 'url("/assets/images/home/banner/the-meta-future.jpg")', +// pathRetina: 'url("/assets/images/home/banner/the-meta-future@2x.jpg")', +// pathMobile: 'url("/assets/images/home/banner/the-meta-future-mobile.jpg")', +// pathMobileRetina: 'url("/assets/images/home/banner/the-meta-future-mobile@2x.jpg")', +// backgroundColor: "#D0E8E1" +// }, +// copy: { +// backgroundColor: "" +// }, +// image: { +// path: '', +// pathRetina: '', +// pathMobile: '', +// pathMobileRetina: '', +// backgroundColor: '' +// }, +// flipLayoutOnMobile: false, +// author: { +// name: "Rama Krushna", +// link: "https://github.com/BitcoinDesign/Guide/issues/272" +// } +// }, +// { +// // BITs and pieces +// logo: { +// path: "/assets/bitcoin-design-community-banner.svg", +// fillColor: "#FEC34A", +// outlineColor: "#000" +// }, +// title: { +// fillColor: "#000", +// outlineColor: "transparent" +// }, +// description: { +// fillColor: "#000" +// }, +// button1: { +// fillColor: "#00C4C6", +// outlineColor: "#000", +// labelFillColor: "#000" +// }, +// button2: { +// fillColor: "#FEC34A", +// outlineColor: "#000", +// labelFillColor: "#000" +// }, +// background: { +// path: 'url("/assets/images/home/banner/bits-and-pieces.png")', +// pathRetina: 'url("/assets/images/home/banner/bits-and-pieces@2x.png")', +// pathMobile: '', +// pathMobileRetina: '', +// backgroundColor: "#FFFFFF" +// }, +// copy: { +// backgroundColor: "" +// }, +// image: { +// path: 'url("/assets/images/home/banner/bits-and-pieces-fallback.png")', +// pathRetina: 'url("/assets/images/home/banner/bits-and-pieces-fallback@2x.png")', +// pathMobile: 'url("/assets/images/home/banner/bits-and-pieces-mobile.png")', +// pathMobileRetina: 'url("/assets/images/home/banner/bits-and-pieces-mobile@2x.png")', +// backgroundColor: '', +// lottie: "/assets/animations/banner-jessica.json" +// }, +// flipLayoutOnMobile: false, +// author: { +// name: "Jessica Wolff and Andy Ribetz", +// link: "https://github.com/BitcoinDesign/Guide/issues/289" +// } +// }, +// { +// // The Ongoing Development of Bitcoin +// logo: { +// path: "/assets/bitcoin-design-community-banner.svg", +// fillColor: "#E0E0E0", +// outlineColor: "#000" +// }, +// title: { +// fillColor: "#ADAAAA", +// outlineColor: "#000" +// }, +// description: { +// fillColor: "#000" +// }, +// button1: { +// fillColor: "#F7931A", +// outlineColor: '#F7931A', +// labelFillColor: "#00" +// }, +// button2: { +// fillColor: "#FFF", +// outlineColor: "#000", +// labelFillColor: "#000" +// }, +// background: { +// path: '', +// pathRetina: '', +// pathMobile: '', +// pathMobileRetina: '', +// backgroundColor: "#F4F4F4" +// }, +// copy: { +// backgroundColor: '' +// }, +// image: { +// path: 'url("/assets/images/home/banner/ongoing-development.png")', +// pathRetina: 'url("/assets/images/home/banner/ongoing-development@2x.png")', +// pathMobile: 'url("/assets/images/home/banner/ongoing-development-mobile.png")', +// pathMobileRetina: 'url("/assets/images/home/banner/ongoing-development-mobile@2x.png")', +// backgroundColor: "" +// }, +// flipLayoutOnMobile: false, +// author: { +// name: "Susrita Chatterjee", +// link: "https://github.com/BitcoinDesign/Guide/issues/688" +// } +// }, +// { +// // Here Comes Bitcoin +// logo: { +// path: "/assets/bitcoin-design-community-banner.svg", +// fillColor: "#F7931A", +// outlineColor: "#000" +// }, +// title: { +// fillColor: "#000", +// outlineColor: "transparent" +// }, +// description: { +// fillColor: "#000" +// }, +// button1: { +// fillColor: "#70B6C3", +// outlineColor: "#000", +// labelFillColor: "#FFF" +// }, +// button2: { +// fillColor: "#F7931A", +// outlineColor: "#000", +// labelFillColor: "#FFF" +// }, +// background: { +// path: '', +// pathRetina: '', +// pathMobile: '', +// pathMobileRetina: '', +// backgroundColor: "#FFFFFF" +// }, +// copy: { +// backgroundColor: '' +// }, +// image: { +// path: 'url("/assets/images/home/banner/HCB-Banner.png")', +// pathRetina: 'url("/assets/images/home/banner/HCB-Banner@2x.png")', +// pathMobile: 'url("/assets/images/home/banner/HCB-Banner-Mobile.png")', +// pathMobileRetina: 'url("/assets/images/home/banner/HCB-Banner-Mobile@2x.png")', +// backgroundColor: "" +// }, +// flipLayoutOnMobile: true, +// author: { +// name: "Sushant Faujdar and Abhijay Jain", +// link: "https://github.com/BitcoinDesign/Guide/issues/1110" +// } +// } ]; var shuffleArray = function(array) {