Unverified Commit 4df1df91 authored by Pavel Ševčík's avatar Pavel Ševčík
Browse files

WIP

parent ae33905d
......@@ -9,19 +9,20 @@
"dev": "next dev",
"build": "next build && next export",
"start": "next start",
"lint:js": "eslint . --ext .js,.jsx,.ts,.tsx",
"lint:css": "stylelint src/css/*.css",
"lint": "yarn lint:js && yarn lint:css",
"lint": "eslint . --ext .js,.jsx,.ts,.tsx",
"typescript": "tsc --noEmit",
"format": "prettier --write ./src/**/*.*"
},
"dependencies": {
"clsx": "^1.1.1",
"gray-matter": "^4.0.2",
"next": "^10.2.0",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"remark": "^13.0.0",
"remark-html": "^13.0.1"
"remark-html": "^13.0.1",
"tailwindcss": "^2.1.2",
"typeface-raleway": "^1.1.13"
},
"devDependencies": {
"@types/node": "^15.0.1",
......@@ -29,16 +30,15 @@
"@types/react-dom": "^17.0.3",
"@typescript-eslint/eslint-plugin": "^4.22.0",
"@typescript-eslint/parser": "^4.22.0",
"autoprefixer": "^10.2.5",
"eslint": "^7.25.0",
"eslint-config-prettier": "^8.3.0",
"eslint-plugin-react": "^7.23.2",
"eslint-plugin-react-hooks": "^4.2.0",
"husky": ">=4.3.0",
"lint-staged": ">=10.5.4",
"postcss": "^8.2.13",
"prettier": "^2.2.0",
"stylelint": "^13.13.1",
"stylelint-config-prettier": "^8.0.2",
"stylelint-config-standard": "^22.0.0",
"typescript": "^4.2.4"
},
"husky": {
......
module.exports = {
plugins: {
tailwindcss: {},
autoprefixer: {}
}
};
(function($){
$(document).ready(function(){
$('.sidenav').sidenav();
$('.parallax').parallax();
$('.materialboxed').materialbox(); // centers the image and enlarges
$('.carousel.carousel-slider').carousel({
fullWidth: true,
indicators: true
}); // full-width slider carousel
}); // end of document ready
})(jQuery); // end of jQuery name space
This diff is collapsed.
This diff is collapsed.
import React, { FC, Fragment } from "react";
import Link from "next/link";
export const Footer: FC = () => {
return (
<Fragment>
<div className="bg-gray-700 text-white flex p-4">
<div className="container mx-auto max-w-5xl flex space-y-10 md:space-y-0 md:space-x-10 flex-wrap md:flex-nowrap">
<div className="w-full md:w-1/2">
<h4 className="text-3xl mb-2">About Us</h4>
<p className="text-base">
Our team of Ronin are Samourai Wallet users and enthusiasts. This project was born out of a passion of
bringing sovereignty to as many people as possible by building and maintaining software around the
Samourai stack.
</p>
</div>
<div className="w-full md:w-1/4">
<h4 className="text-3xl mb-2">Resources</h4>
<ul>
<li>
<a href="https://wiki.ronindojo.io/FAQ" className="link">
FAQ
</a>
</li>
<li>
<Link href="/pgp">
<a className="link">PGP Keys</a>
</Link>
</li>
<li>
<Link href="/project">
<a className="link">Project</a>
</Link>
</li>
<li>
<a href="https://wiki.ronindojo.io/en/Troubleshooting" className="link">
Troubleshoot
</a>
</li>
</ul>
</div>
<div className="w-full md:w-1/4">
<h4 className="text-3xl mb-2">Social</h4>
<ul>
<li>
<a className="link" href="mailto:ronindojo@ronindojo.io" rel="noreferrer" target="_blank">
Contact
</a>
</li>
<li>
<a className="link" href="mailto:support@ronindojo.io" rel="noreferrer" target="_blank">
Support
</a>
</li>
<li>
<a className="link" href="https://t.me/RoninDojoUI" rel="noreferrer" target="_blank">
Telegram
</a>
</li>
<li>
<a className="link" href="https://twitter.com/RoninDojoUI" rel="noreferrer" target="_blank">
Twitter
</a>
</li>
</ul>
</div>
</div>
</div>
<div className="bg-gray-800 text-white flex p-4">
<div className="container mx-auto max-w-5xl">
Founded 2019 @ The Local Talent Bar, America - © 2021 Ronin Dev Group -{" "}
<Link href="/canary">
<a className="link">Warrant Canary</a>
</Link>
</div>
</div>
</Fragment>
);
};
import React, { FC } from "react";
import Link from "next/link";
export const Header: FC = () => {
return (
<div className="bg-gray-800 px-4 py-1">
<div className="container mx-auto max-w-5xl flex justify-center items-center">
<div className="flex-1">
<img src="/assets/images/RoninDojo-logo.png" className="w-16" />
</div>
<nav>
<ul className="flex space-x-8">
<li>
<Link href="/">
<a className="link">Home</a>
</Link>
</li>
<li>
<Link href="/project">
<a className="link">Project</a>
</Link>
</li>
<li>
<Link href="/#features">
<a className="link">Features</a>
</Link>
</li>
<li>
<Link href="/#products">
<a className="link">Products</a>
</Link>
</li>
<li>
<Link href="/#resources">
<a className="link">Resources</a>
</Link>
</li>
<li>
<a href="https://wiki.ronindojo.io/" rel="noreferrer" target="_blank" className="link">
Wiki
</a>
</li>
</ul>
</nav>
</div>
</div>
);
};
import React, { FC, Fragment } from "react";
import Link from "next/link";
import { Footer } from "./Footer";
import { Header } from "./Header";
export const Layout: FC = ({ children }) => {
return (
<Fragment>
<nav id="home" className="grey darken-4" role="navigation">
<div className="nav-wrapper container">
<Link href="/">
<a>
<img
id="logo-container"
className="brand-logo"
src="/assets/images/RoninDojo-logo.png"
alt="RoninDojo Logo"
/>
</a>
</Link>
<ul className="right hide-on-med-and-down">
<li>
<Link href="/">
<a>Home</a>
</Link>
</li>
<li>
<Link href="/project">
<a>Project</a>
</Link>
</li>
<li>
<Link href="/#features">
<a>Features</a>
</Link>
</li>
<li>
<Link href="/#products">
<a>Products</a>
</Link>
</li>
<li>
<Link href="/#resources">
<a>Resources</a>
</Link>
</li>
<li>
<a target="_blank" rel="noreferrer" href="https://wiki.ronindojo.io">
Wiki
</a>
</li>
</ul>
<ul id="nav-mobile" className="sidenav grey darken-3">
<li>
<Link href="/">
<a className="white-text">Home</a>
</Link>
</li>
<li>
<Link href="/project">
<a className="white-text">
Project
</a>
</Link>
</li>
<li>
<Link href="/#features">
<a className="white-text">
Features
</a>
</Link>
</li>
<li>
<Link href="/#products">
<a className="white-text">
Products
</a>
</Link>
</li>
<li>
<Link href="/#resources">
<a className="white-text">
Resources
</a>
</Link>
</li>
<li>
<a className="white-text" target="_blank" rel="noreferrer" href="https://wiki.ronindojo.io">
Wiki
</a>
</li>
</ul>
<a href="#" data-target="nav-mobile" className="sidenav-trigger">
<i className="material-icons">menu</i>
</a>
</div>
</nav>
{children}
<Header />
<footer id="resources" className="page-footer grey darken-3">
<div className="container">
<div className="row">
<div className="col l6 s12">
<h5 className="white-text">About Us</h5>
<p className="grey-text text-lighten-4">
Our team of Ronin are Samourai Wallet users and enthusiasts. This project was born out of a passion of
bringing sovereignty to as many people as possible by building and maintaining software around the
Samourai stack.
</p>
</div>
<div className="col l3 s12">
<h5 className="white-text">Resources</h5>
<ul>
<li>
<a className="red-text text-darken-2" href="https://wiki.ronindojo.io/FAQ">
FAQ
</a>
</li>
<li>
<Link href="/pgp">
<a className="red-text text-darken-2">PGP Keys</a>
</Link>
</li>
<li>
<Link href="/project">
<a className="red-text text-darken-2">
Project
</a>
</Link>
</li>
<li>
<a className="red-text text-darken-2" href="https://wiki.ronindojo.io/en/Troubleshooting">
Troubleshoot
</a>
</li>
</ul>
</div>
<div className="col l3 s12">
<h5 className="white-text">Social</h5>
<ul>
<li>
<a
className="red-text text-darken-2"
href="mailto:ronindojo@ronindojo.io"
rel="noreferrer"
target="_blank"
>
Contact
</a>
</li>
<li>
<a
className="red-text text-darken-2"
href="mailto:support@ronindojo.io"
rel="noreferrer"
target="_blank"
>
Support
</a>
</li>
<li>
<a
className="red-text text-darken-2"
href="https://t.me/RoninDojoUI"
rel="noreferrer"
target="_blank"
>
Telegram
</a>
</li>
<li>
<a
className="red-text text-darken-2"
href="https://twitter.com/RoninDojoUI"
rel="noreferrer"
target="_blank"
>
Twitter
</a>
</li>
</ul>
</div>
</div>
</div>
{/* children */}
<div className="footer-copyright grey darken-4">
<div className="container">
Founded 2019 @ The Local Talent Bar, America - &copy; {new Date().getFullYear()} Ronin Dev Group -{" "}
<Link href="/canary">
<a className="red-text text-darken-2">Warrant Canary</a>
</Link>
</div>
</div>
</footer>
<Footer />
</Fragment>
);
};
/* Custom Stylesheet */
/**
* Use this file to override Materialize files so you can update
* the core Materialize files in the future
*
* REMINDER:
* id > class > element
*/
nav ul a,
nav .brand-logo {
color: rgb(192, 19, 19);
}
body {
background-color: #424242;
}
p {
line-height: 2rem;
color: #eee;
}
.grey img {
width: 60px;
margin-right: auto;
margin-left: 2px;
}
.sidenav-trigger {
color: #26a69a;
}
.code {
max-width: 90%;
width: 600px;
margin: auto;
overflow: auto;
}
/**
* Project Page
*/
.project-page {
padding-top: 25px;
}
.card .card-content .card-title {
border-bottom: 1px solid rgba(160, 160, 160, 0.2);
padding: 5px 5px;
}
@tailwind base;
@tailwind components;
@tailwind utilities;
.link {
@apply text-red-700 hover:underline
}
This diff is collapsed.
This diff is collapsed.
/* Custom Stylesheet */
/**
* Use this file to override Materialize files so you can update
* the core Materialize files in the future
*
* REMINDER:
* id > class > element
*/
h1 {
font-family: "Hammersmith One", sans-serif;
padding-top: 50px;
}
h4 h5 {
font-family: "Roboto Slab", serif;
}
@media only screen and (max-width: 768px) {
#home {
min-height: 61px;
}
}
@media only screen and (max-width: 768px) {
nav .brand-logo {
padding-top: 1px;
}
}
@media only screen and (min-width: 768px) {
nav .brand-logo {
padding-top: 2px;
}
}
p {
font-family: "Raleway", sans-serif;
line-height: 2rem;
}
.sidenav-trigger {
color: rgb(192, 19, 19);
}
.parallax-container {
min-height: 600px; /* 380px was recommended default */
line-height: 0;
height: auto;
color: #eee;
}
.parallax-container .section {
width: 100%;
}
@media only screen and (max-width: 992px) {
.parallax-container .section {
position: absolute;
top: 40%;
}
#index-banner .section {
top: 10%;
}
}
@media only screen and (max-width: 600px) {
#index-banner .section {
top: 0;
}
}
.icon-block {
padding: 0 15px;
}
.icon-block .material-icons {
font-size: inherit;
}
footer.page-footer {
margin: 0;
}
......@@ -3,9 +3,9 @@ import Head from "next/head";
import { Layout } from "../components/Layout";
import "../css/materialize.css";
import "../css/defaults.css";
import "../css/style.css";
import "typeface-raleway";
import "tailwindcss/tailwind.css";
import "../css/globals.css";
const description =
'RoninDojo is a Samourai Wallet Community-driven Bitcoin full node stack optimized for Single Board Computers, like the Raspberry Pi 4. Our user interfaces and powerful features are fit for any level Bitcoiner. RoninDojo is focused on providing the tools you need to safely and securely use your Samourai Wallet and Hardware Wallet so you can "Be your own Master!".';
......
module.exports = {
purge: ["./src/pages/**/*.{js,ts,jsx,tsx}", "./src/components/**/*.{js,ts,jsx,tsx}"],
darkMode: false, // or 'media' or 'class'
theme: {
extend: {},
fontFamily: {
sans: ["Raleway", "sans-serif"],
},
},
variants: {
extend: {},
},
plugins: [],
};
This diff is collapsed.
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment