diff --git a/docs/shops.md b/docs/shops.md new file mode 100644 index 0000000..359f1e2 --- /dev/null +++ b/docs/shops.md @@ -0,0 +1,8 @@ +# Shops + +You can buy a pre-built RaspiBlitz on the following shops: + +- [DIYnodes.com](https://diynodes.com/) +- [yourdevice.ch](https://yourdevice.ch/produkt-kategorie/btc-nodes-zubehoer/) + +If you would like to have your shop listed, please contact us. diff --git a/docusaurus.config.js b/docusaurus.config.js index d287c3f..deb02e5 100644 --- a/docusaurus.config.js +++ b/docusaurus.config.js @@ -95,7 +95,7 @@ const config = { footer: { style: "dark", links: [], - copyright: `Copyright © ${new Date().getFullYear()} RaspiBlitz open source project. Built with Docusaurus.`, + copyright: `Copyright © ${new Date().getFullYear()} RaspiBlitz open source project. Built with Docusaurus. Impressum: Christian Rotzoll, christian [ at ] rotzoll.de - this site is not using any cookies and is not storing your data. Icons by https://fontawesome.com/ (CC BY 4.0) and https://lucide.dev/ (ISC)`, }, prism: { theme: prismThemes.github, diff --git a/package-lock.json b/package-lock.json index 43279fe..3085856 100644 --- a/package-lock.json +++ b/package-lock.json @@ -14,7 +14,8 @@ "clsx": "^2.1.1", "prism-react-renderer": "^2.1.0", "react": "^18.0.0", - "react-dom": "^18.0.0" + "react-dom": "^18.0.0", + "react-icons": "^5.3.0" }, "devDependencies": { "@docusaurus/module-type-aliases": "^3.1.1", @@ -13333,6 +13334,15 @@ "react-dom": "^16.6.0 || ^17.0.0 || ^18.0.0" } }, + "node_modules/react-icons": { + "version": "5.3.0", + "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-5.3.0.tgz", + "integrity": "sha512-DnUk8aFbTyQPSkCfF8dbX6kQjXA9DktMeJqfjrg6cK9vwQVMxmcA3BfP4QoiztVmEHtwlTgLFsPuH2NskKT6eg==", + "license": "MIT", + "peerDependencies": { + "react": "*" + } + }, "node_modules/react-is": { "version": "16.13.1", "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", diff --git a/package.json b/package.json index 092bc54..cb08086 100644 --- a/package.json +++ b/package.json @@ -20,7 +20,8 @@ "clsx": "^2.1.1", "prism-react-renderer": "^2.1.0", "react": "^18.0.0", - "react-dom": "^18.0.0" + "react-dom": "^18.0.0", + "react-icons": "^5.3.0" }, "devDependencies": { "@docusaurus/module-type-aliases": "^3.1.1", diff --git a/src/components/HomepageFeatures/index.js b/src/components/HomepageFeatures/index.js deleted file mode 100644 index 45a7109..0000000 --- a/src/components/HomepageFeatures/index.js +++ /dev/null @@ -1,68 +0,0 @@ -import clsx from "clsx"; -import Heading from "@theme/Heading"; -import styles from "./styles.module.css"; - -const FeatureList = [ - // { - // title: "Open Source", - // Svg: require("@site/static/img/undraw_docusaurus_mountain.svg").default, - // description: ( - // <> - // The project is unapologetically open source under the MIT licence. This - // means that anyone can fork, modify and use the code to their heart's - // content. - // - // ), - // }, - // { - // title: "Batteries Included", - // Svg: require("@site/static/img/undraw_docusaurus_tree.svg").default, - // description: ( - // <> - // The RaspiBlitz includes a wide range of apps and tools that are widely - // used in the ecosystem. They can be turned on and off at the user's - // discretion. - // - // ), - // }, - // { - // title: "Two Versions", - // Svg: require("@site/static/img/undraw_docusaurus_react.svg").default, - // description: ( - // <> - // The RaspiBlitz is available in two versions: the "Minimal" edition - // prioritizes robust security features, while the "Fatpack" version offers - // more features at the cost of some security.{" "} - // Learn more - // - // ), - // }, -]; - -function Feature({ Svg, title, description }) { - return ( -
-
- -
-
- {title} -

{description}

-
-
- ); -} - -export default function HomepageFeatures() { - return ( -
-
-
- {FeatureList.map((props, idx) => ( - - ))} -
-
-
- ); -} diff --git a/src/components/HomepageFeatures/styles.module.css b/src/components/HomepageFeatures/styles.module.css deleted file mode 100644 index b248eb2..0000000 --- a/src/components/HomepageFeatures/styles.module.css +++ /dev/null @@ -1,11 +0,0 @@ -.features { - display: flex; - align-items: center; - padding: 2rem 0; - width: 100%; -} - -.featureSvg { - height: 200px; - width: 200px; -} diff --git a/src/css/custom.css b/src/css/custom.css index 2da0768..6a027b4 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -31,3 +31,11 @@ --ifm-color-primary-lightest: #4fddbf; --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3); } + +.primary { + color: var(--ifm-color-primary); +} + +.primary:hover { + color: var(--ifm-color-primary-light) +} \ No newline at end of file diff --git a/src/pages/index.js b/src/pages/index.js index 84ca5fe..80acd67 100644 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -1,135 +1,181 @@ -import clsx from "clsx"; -import Link from "@docusaurus/Link"; -import useDocusaurusContext from "@docusaurus/useDocusaurusContext"; +import React from 'react'; +import { FaBook, FaDownload, FaGithub, FaShoppingCart, FaTelegram } from 'react-icons/fa'; +import { LuCloudLightning, LuServer, LuStore, LuWrench } from 'react-icons/lu'; import Layout from "@theme/Layout"; -import HomepageFeatures from "@site/src/components/HomepageFeatures"; - -import Heading from "@theme/Heading"; -import styles from "./index.module.css"; +import useDocusaurusContext from "@docusaurus/useDocusaurusContext"; +import Link from '@docusaurus/Link'; -function HomepageHeader() { - const { siteConfig } = useDocusaurusContext(); - return ( -
-

RaspiBlitz - DIY Bitcoin & Lightning Node on a RaspberryPi

- Raspberry Pi Blitz -
- Download the latest Version for Install & Update: - -
-
- Tutorial on how to build from Single Parts & Setup: - -
-
- Source Code (MIT OpenSource): - -
-
- Questions and Support: - -
-
- Shops that offer RaspiBlitz Hardware: - -
-
- - Scan or Click to Donate to the RaspiBlitz Project:
- Donate to RaspiBlitz Project with Lightning Address
- Lightning Address: raspiblitz@btcypay.fulmo.org
All donations for the RaspiBlitz project are collected by Fulmo & managed together with the developer team. -
-
- Impressum: Christian Rotzoll, christian [ at ] rotzoll.de - this site is not using any cookies and is not storing your data. -
+const FeatureBox = ({ icon, title, description }) => ( +
+
{icon}
+

{title}

+

{description}

- ); -} +); + +const RaspiBlitzOverview = () => { + return ( +
+
+

RaspiBlitz

+

Your DIY Bitcoin & Lightning Node on a RaspberryPi

+
+ +
+
+ Raspberry Pi Blitz +

+ RaspiBlitz is an open-source project that allows you to run your own Bitcoin and Lightning + Network node on a Raspberry Pi. +

+
+ +
+ } + title="Easy Installation" + description="Download pre-built SD card images for quick and easy setup on your Raspberry Pi." + /> + } + title="Full Bitcoin Node" + description="Operate a full Bitcoin node to verify the blockchain and transactions yourself." + /> + } + title="Lightning Network" + description="Run a Lightning Node to send and receive fast, low-cost Bitcoin transactions." + /> + } + title="Additional Apps" + description="Install and access additional apps and services directly from RaspiBlitz node." + /> + } + title="Open Source" + description="All parts of RaspiBlitz are MIT licensed, and thus fully open source." + /> + } + title="Buy RaspiBlitz pre-built or Build yourself" + description="You can build RaspiBlitz yourself or buy a pre-built RaspiBlitz from a third party." + /> +
+ +
+

Get Started

+
+
+

Download

+

Get the latest version for installation and updates:

+ + RaspberryPi SD-Card Images + +
+
+

Documentation

+

Learn how to build and set up your RaspiBlitz:

+ + RaspiBlitz Documentation + +
+
+

Buy

+

Find shops to buy a pre-built RaspiBlitz

+ + Find Shops + +
+
+
+ +
+
+

Donate to RaspiBlitz

+

If you would like to support the project, you can donate with the QR code below, use our lightning address or follow the link to pay with lightning or on-chain via BTCPay

+
+ Donate to RaspiBlitz Project with Lightning Address + Donate with BTCPay +

Lightning Address: raspiblitz@btcypay.fulmo.org

+

+ All donations for the RaspiBlitz project are collected by{" "} + + Fulmo + {" "} + & managed together with the developer team. +

+
+
+ +
+

Community and Support

+

If you have questions or need support, you can join one of the community-driven telegram groups or open a issue / discussion on GitHub

+
+ {[ + { name: "English", link: "https://t.me/raspiblitz" }, + { name: "Deutsch", link: "https://t.me/raspiblitz_DE" }, + { name: "Español", link: "https://t.me/raspiblitz_ES" }, + { name: "Italiano", link: "https://t.me/raspiblitz_IT" }, + { name: "Русский", link: "https://t.me/raspiblitz_RU" }, + ].map((group) => ( + + Telegram Group {group.name} + + ))} + + GitHub Issues + + + GitHub Discussions + +
+
+
+
+
+ ); +}; + export default function Home() { - const { siteConfig } = useDocusaurusContext(); - return ( - -
- -
- - ); -} + const { siteConfig } = useDocusaurusContext(); + return ( + +
+ +
+ + ); +} \ No newline at end of file diff --git a/static/img/logo.svg b/static/img/logo.svg index 9db6d0d..6b95db0 100644 --- a/static/img/logo.svg +++ b/static/img/logo.svg @@ -1 +1,8 @@ - \ No newline at end of file + + RaspiBlitz_Logo_Icon + + + \ No newline at end of file diff --git a/static/img/qr_donate.png b/static/img/qr_donate.png new file mode 100644 index 0000000..3944ccb Binary files /dev/null and b/static/img/qr_donate.png differ diff --git a/static/img/raspiblitz-header.jpg b/static/img/raspiblitz-header.jpg new file mode 100644 index 0000000..6c938ca Binary files /dev/null and b/static/img/raspiblitz-header.jpg differ diff --git a/tailwind.config.js b/tailwind.config.js index cc71613..cedffec 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -3,8 +3,12 @@ module.exports = { content: [ "./src/**/*.{html,js,jsx,ts,tsx}" ], + corePlugins: { + preflight: false + }, theme: { - extend: {}, + extend: { + }, }, plugins: [], } diff --git a/yarn.lock b/yarn.lock index 28ccb8a..ca05339 100644 --- a/yarn.lock +++ b/yarn.lock @@ -7111,6 +7111,11 @@ react-helmet-async@*, react-helmet-async@^1.3.0: react-fast-compare "^3.2.0" shallowequal "^1.1.0" +react-icons@^5.3.0: + version "5.3.0" + resolved "https://registry.npmjs.org/react-icons/-/react-icons-5.3.0.tgz" + integrity sha512-DnUk8aFbTyQPSkCfF8dbX6kQjXA9DktMeJqfjrg6cK9vwQVMxmcA3BfP4QoiztVmEHtwlTgLFsPuH2NskKT6eg== + react-is@^16.13.1, react-is@^16.6.0, react-is@^16.7.0: version "16.13.1" resolved "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz"