6 |
7 | https://hex.constraint.systems/
8 |
9 | Inspired by [Hundred Rabbits' Noodle](https://github.com/hundredrabbits/noodle).
10 |
--------------------------------------------------------------------------------
/parts/theme.js:
--------------------------------------------------------------------------------
1 | let font_size = 14;
2 | let line_height = 1.5;
3 | let lx = font_size * line_height;
4 |
5 | export default {
6 | fonts: {
7 | body: 'IBM Plex Mono',
8 | },
9 | fontSizes: [font_size],
10 | lineHeights: {
11 | body: line_height,
12 | },
13 | colors: {
14 | background: '#efefef',
15 | },
16 | space: [lx, lx / 2, lx / 4, lx / 8],
17 | };
18 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 | /.pnp
6 | .pnp.js
7 |
8 | # testing
9 | /coverage
10 |
11 | # next.js
12 | /.next/
13 |
14 | # production
15 | /build
16 |
17 | # misc
18 | .DS_Store
19 | .env*
20 |
21 | # debug
22 | npm-debug.log*
23 | yarn-debug.log*
24 | yarn-error.log*
25 |
--------------------------------------------------------------------------------
/out/_next/static/chunks/0.js:
--------------------------------------------------------------------------------
1 | (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[0],{
2 |
3 | /***/ "./node_modules/next/dist/client/dev/noop.js":
4 | /*!***************************************************!*\
5 | !*** ./node_modules/next/dist/client/dev/noop.js ***!
6 | \***************************************************/
7 | /*! no static exports found */
8 | /***/ (function(module, exports, __webpack_require__) {
9 |
10 | "use strict";
11 |
12 |
13 | /***/ })
14 |
15 | }]);
16 | //# sourceMappingURL=0.js.map
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "etch",
3 | "version": "0.1.0",
4 | "private": true,
5 | "scripts": {
6 | "dev": "next dev",
7 | "build": "next build",
8 | "deploy": "next build && next export && touch out/.nojekyll && touch out/CNAME && echo \"hex.constraint.systems\" >> out/CNAME && git add out/ && git commit -m \"Deploy to gh-pages\" && git subtree push --prefix out origin gh-pages",
9 | "start": "next start"
10 | },
11 | "dependencies": {
12 | "@emotion/core": "^10.0.17",
13 | "@mdx-js/react": "^1.4.5",
14 | "gh-pages": "^2.1.1",
15 | "next": "9.0.6",
16 | "react": "16.9.0",
17 | "react-dom": "16.9.0",
18 | "theme-ui": "^0.2.43"
19 | }
20 | }
21 |
--------------------------------------------------------------------------------
/parts/utils.js:
--------------------------------------------------------------------------------
1 | export let requestInterval = function(fn, delay) {
2 | var requestAnimFrame = (function() {
3 | return (
4 | window.requestAnimationFrame ||
5 | function(callback, element) {
6 | window.setTimeout(callback, 1000 / 60);
7 | }
8 | );
9 | })(),
10 | start = new Date().getTime(),
11 | handle = {};
12 | function loop() {
13 | handle.value = requestAnimFrame(loop);
14 | var current = new Date().getTime(),
15 | delta = current - start;
16 | if (delta >= delay) {
17 | fn.call();
18 | start = new Date().getTime();
19 | }
20 | }
21 | handle.value = requestAnimFrame(loop);
22 | return handle;
23 | };
24 |
--------------------------------------------------------------------------------
/components/nav.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import Link from 'next/link'
3 |
4 | const links = [
5 | { href: 'https://zeit.co/now', label: 'ZEIT' },
6 | { href: 'https://github.com/zeit/next.js', label: 'GitHub' }
7 | ].map(link => {
8 | link.key = `nav-link-${link.href}-${link.label}`
9 | return link
10 | })
11 |
12 | const Nav = () => (
13 |
54 | )
55 |
56 | export default Nav
57 |
--------------------------------------------------------------------------------
/pages/_document.js:
--------------------------------------------------------------------------------
1 | import Document, { Html, Head, Main, NextScript } from 'next/document';
2 |
3 | class MyDocument extends Document {
4 | static async getInitialProps(ctx) {
5 | const initialProps = await Document.getInitialProps(ctx);
6 | return { ...initialProps };
7 | }
8 |
9 | render() {
10 | return (
11 |
12 |
13 |
14 |
18 |
19 |
23 |
24 |
28 |
32 |
33 |
34 |
35 |
36 |
37 |