Putting back deleted files
This commit is contained in:
Sharyn
parent
53c25a6510
commit
28acf5e664
|
|
@ -0,0 +1,10 @@
|
||||||
|
# ETHPrize
|
||||||
|
ETHPrize single page React website
|
||||||
|
|
||||||
|
## Setting up
|
||||||
|
- `git clone git@github.com:Nona-Creative/ETHPrize.git`
|
||||||
|
- `npm install`
|
||||||
|
|
||||||
|
`npm run dev` runs the site at `localhost:3000`
|
||||||
|
|
||||||
|
`npm run deploy` to deploy to `https://nona-creative.github.io/ETHPrize`
|
||||||
|
|
@ -0,0 +1 @@
|
||||||
|
@import './assets/styles/global.scss';
|
||||||
|
|
@ -0,0 +1,11 @@
|
||||||
|
@font-face {
|
||||||
|
font-family: 'proxima_nova_regular';
|
||||||
|
src: url('/static/fonts/proxima_nova-regular-webfont.eot');
|
||||||
|
src: url('/static/fonts/proxima_nova-regular-webfont.eot?#iefix') format('embedded-opentype'),
|
||||||
|
url('/static/fonts/proxima_nova-regular-webfont.woff2') format('woff2'),
|
||||||
|
url('/static/fonts/proxima_nova-regular-webfont.woff') format('woff'),
|
||||||
|
url('/static/fonts/proxima_nova-regular-webfont.ttf') format('truetype'),
|
||||||
|
url('/static/fonts/proxima_nova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
|
||||||
|
font-weight: normal;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,7 @@
|
||||||
|
@import './assets/styles/global.scss';
|
||||||
|
|
||||||
|
input,
|
||||||
|
button {
|
||||||
|
font-family: $primary-font;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
@ -0,0 +1,4 @@
|
||||||
|
// px to rem
|
||||||
|
@function calculateRem($size) {
|
||||||
|
@return $size / $body-font-size * 1rem;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,48 @@
|
||||||
|
/* http://meyerweb.com/eric/tools/css/reset/
|
||||||
|
v2.0 | 20110126
|
||||||
|
License: none (public domain)
|
||||||
|
*/
|
||||||
|
|
||||||
|
html, body, div, span, applet, object, iframe,
|
||||||
|
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||||||
|
a, abbr, acronym, address, big, cite, code,
|
||||||
|
del, dfn, em, img, ins, kbd, q, s, samp,
|
||||||
|
small, strike, strong, sub, sup, tt, var,
|
||||||
|
b, u, i, center,
|
||||||
|
dl, dt, dd, ol, ul, li,
|
||||||
|
fieldset, form, label, legend,
|
||||||
|
table, caption, tbody, tfoot, thead, tr, th, td,
|
||||||
|
article, aside, canvas, details, embed,
|
||||||
|
figure, figcaption, footer, header, hgroup,
|
||||||
|
menu, nav, output, ruby, section, summary,
|
||||||
|
time, mark, audio, video {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
border: 0;
|
||||||
|
font-size: 100%;
|
||||||
|
font: inherit;
|
||||||
|
vertical-align: baseline;
|
||||||
|
}
|
||||||
|
/* HTML5 display-role reset for older browsers */
|
||||||
|
article, aside, details, figcaption, figure,
|
||||||
|
footer, header, hgroup, menu, nav, section {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
body {
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
ol, ul {
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
blockquote, q {
|
||||||
|
quotes: none;
|
||||||
|
}
|
||||||
|
blockquote:before, blockquote:after,
|
||||||
|
q:before, q:after {
|
||||||
|
content: '';
|
||||||
|
content: none;
|
||||||
|
}
|
||||||
|
table {
|
||||||
|
border-collapse: collapse;
|
||||||
|
border-spacing: 0;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,2 @@
|
||||||
|
// Plugin calls css included in document.js. These styles below are site-specific overrides
|
||||||
|
@import './assets/styles/global.scss';
|
||||||
|
|
@ -0,0 +1,14 @@
|
||||||
|
@import './assets/styles/global.scss';
|
||||||
|
|
||||||
|
*,
|
||||||
|
*::before,
|
||||||
|
*::after {
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: $primary-font;
|
||||||
|
font-size: calculateRem($body-font-size);
|
||||||
|
line-height: calculateRem($body-line-height);
|
||||||
|
color: $text-color;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,15 @@
|
||||||
|
// Media Queries
|
||||||
|
$smallMobile: 375px;
|
||||||
|
$bigMobile: 480px;
|
||||||
|
$tablet: 768px;
|
||||||
|
$desktop: 1024px;
|
||||||
|
$monitor: 1220px;
|
||||||
|
$big: 1440px;
|
||||||
|
|
||||||
|
// colors
|
||||||
|
$text-color: #666;
|
||||||
|
|
||||||
|
// text
|
||||||
|
$body-font-size: 16;
|
||||||
|
$body-line-height: 24;
|
||||||
|
$primary-font: 'proxima_nova_regular', sans-serif;
|
||||||
|
|
@ -0,0 +1,3 @@
|
||||||
|
@import './base/variables.scss';
|
||||||
|
@import './base/mixins.scss';
|
||||||
|
@import './base/functions.scss';
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
const withSass = require('@zeit/next-sass')
|
||||||
|
module.exports =
|
||||||
|
withSass({
|
||||||
|
exportPathMap: function(defaultPathMap) {
|
||||||
|
return {
|
||||||
|
'/': { page: '/' }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
@ -0,0 +1,21 @@
|
||||||
|
import Document, { Head, Main, NextScript } from 'next/document';
|
||||||
|
import React from 'react';
|
||||||
|
|
||||||
|
export default class MyDocument extends Document {
|
||||||
|
render() {
|
||||||
|
return (
|
||||||
|
<html lang="en">
|
||||||
|
<Head>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
|
<link rel="stylesheet" href="/_next/static/style.css" />
|
||||||
|
<link rel="stylesheet" type="text/css" charset="UTF-8" href="//cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.css" />
|
||||||
|
<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick-theme.min.css" />
|
||||||
|
</Head>
|
||||||
|
<body>
|
||||||
|
<Main />
|
||||||
|
<NextScript />
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,8 @@
|
||||||
|
import React from 'react';
|
||||||
|
import '../styles.scss';
|
||||||
|
|
||||||
|
export default () => (
|
||||||
|
<div className="home page-wrapper">
|
||||||
|
<h1><strong>ETHPrize website</strong> <br />coming soon!</h1>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
|
@ -0,0 +1,31 @@
|
||||||
|
@import './assets/styles/base/reset.scss';
|
||||||
|
@import './assets/styles/base/fonts.scss';
|
||||||
|
@import './assets/styles/base/type.scss';
|
||||||
|
@import './assets/styles/base/forms.scss';
|
||||||
|
@import './assets/styles/base/buttons.scss';
|
||||||
|
@import './assets/styles/base/slick-carousel.scss';
|
||||||
|
@import './assets/styles/global.scss';
|
||||||
|
|
||||||
|
.page-wrapper {
|
||||||
|
width: 100vw;
|
||||||
|
height: 100vh;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
text-align: center;
|
||||||
|
font-size: calculateRem(24);
|
||||||
|
line-height: 1;
|
||||||
|
border: 1px solid;
|
||||||
|
padding: calculateRem(20);
|
||||||
|
|
||||||
|
@media (min-width: $tablet) {
|
||||||
|
font-size: calculateRem(40);
|
||||||
|
}
|
||||||
|
|
||||||
|
strong {
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue