Skip to content

Commit 41d4479

Browse files
andersondaniloandersondanilo
committed
first commit
0 parents  commit 41d4479

23 files changed

+7847
-0
lines changed

‎.editorconfig

+13
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
root = true
2+
3+
[*]
4+
indent_style = space
5+
indent_size = 2
6+
charset = utf-8
7+
trim_trailing_whitespace = true
8+
insert_final_newline = true
9+
end_of_line = lf
10+
max_line_length = off
11+
12+
[CHANGELOG.md]
13+
indent_size = false

‎.eslintrc

+38
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
{
2+
extends: [
3+
'airbnb-typescript',
4+
'airbnb/hooks',
5+
'plugin:@typescript-eslint/recommended',
6+
'prettier',
7+
'prettier/react',
8+
'prettier/@typescript-eslint',
9+
'plugin:prettier/recommended'
10+
],
11+
plugins: ['react', '@typescript-eslint'],
12+
env: {
13+
browser: true,
14+
es6: true
15+
},
16+
globals: {
17+
Atomics: 'readonly',
18+
SharedArrayBuffer: 'readonly',
19+
},
20+
parser: '@typescript-eslint/parser',
21+
parserOptions: {
22+
ecmaFeatures: {
23+
jsx: true,
24+
},
25+
ecmaVersion: 2018,
26+
sourceType: 'module',
27+
project: './tsconfig.json',
28+
},
29+
rules: {
30+
'linebreak-style': 'off',
31+
'prettier/prettier': [
32+
'error',
33+
{
34+
endOfLine: 'auto',
35+
},
36+
],
37+
},
38+
}

‎.gitignore

+30
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
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+
/out/
14+
15+
# production
16+
/build
17+
18+
# misc
19+
.DS_Store
20+
21+
# debug
22+
npm-debug.log*
23+
yarn-debug.log*
24+
yarn-error.log*
25+
26+
# local env files
27+
.env.local
28+
.env.development.local
29+
.env.test.local
30+
.env.production.local

‎assets/css/main.scss

+169
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,169 @@
1+
@font-face {
2+
font-family: Courgette;
3+
src: url(../fonts/Courgette-Regular.ttf);
4+
}
5+
6+
@font-face {
7+
font-family: 'Noto Sans HK';
8+
src: url('../fonts/NotoSansHK-Regular.otf');
9+
font-weight: 400;
10+
}
11+
12+
@font-face {
13+
font-family: 'Noto Sans HK';
14+
src: url('../fonts/NotoSansHK-Medium.otf');
15+
font-weight: 500;
16+
}
17+
18+
@font-face {
19+
font-family: 'Noto Sans HK';
20+
src: url('../fonts/NotoSansHK-Bold.otf');
21+
font-weight: 700;
22+
}
23+
24+
body {
25+
font-family: 'Noto Sans HK' !important;
26+
}
27+
28+
$site-width: 1000px;
29+
30+
body {
31+
font-size: 14px;
32+
}
33+
34+
.page-header {
35+
min-height: 400px;
36+
background: rgb(57,114,193);
37+
background: linear-gradient(41deg, rgba(57,114,193,1) 0%, rgba(193,235,251,1) 100%);
38+
position: relative;
39+
padding-bottom: 1px;
40+
41+
.content-wrapper {
42+
max-width: $site-width;
43+
margin-left: auto;
44+
margin-right: auto;
45+
position: relative;
46+
}
47+
48+
.navbar-container {
49+
background: rgb(0,0,0);
50+
background: linear-gradient(90deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.05) 100%);
51+
52+
.navbar-wrapper {
53+
padding: 20px;
54+
display: flex;
55+
56+
.navbar-options {
57+
display: flex;
58+
flex-grow: 1;
59+
align-items: flex-end;
60+
flex-direction: column;
61+
}
62+
}
63+
}
64+
65+
h1.page-title {
66+
font-family: Courgette;
67+
color: white;
68+
font-size: 1.8em;
69+
margin-top: 5px;
70+
margin-left: 15px;
71+
}
72+
}
73+
74+
.macbook-wrapper {
75+
position: relative;
76+
margin: 25px 0;
77+
background-image: url(../images/macbook.png);
78+
background-size: 1000px 450px;
79+
height: 450px;
80+
}
81+
82+
$solr_base03: #002b36;
83+
$solr_base02: #073642;
84+
$solr_base01: #586e75;
85+
$solr_base00: #657b83;
86+
$solr_base0: #839496;
87+
$solr_base1: #93a1a1;
88+
$solr_base2: #eee8d5;
89+
$solr_base3: #fdf6e3;
90+
$solr_yellow: #b58900;
91+
$solr_orange: #cb4b16;
92+
$solr_red: #dc322f;
93+
$solr_magenta: #d33682;
94+
$solr_violet: #6c71c4;
95+
$solr_blue: #268bd2;
96+
$solr_cyan: #2aa198;
97+
$solr_green: #859900;
98+
99+
.fg_solr_red {
100+
color: $solr_red;
101+
}
102+
103+
.fg_solr_green {
104+
color: $solr_green;
105+
}
106+
107+
.fg_solr_orange {
108+
color: $solr_orange;
109+
}
110+
111+
.fg_solr_blue {
112+
color: $solr_blue;
113+
}
114+
115+
.macbook-screen {
116+
background-color: #002b36;
117+
color: #93a1a1;
118+
width: 620px;
119+
height: 360px;
120+
position: absolute;
121+
top: 22px;
122+
left: 190px;
123+
font-family: 'Droid Sans Mono for Powerline';
124+
display: flex;
125+
126+
.line-number-col {
127+
width: 30px;
128+
text-align: right;
129+
background-color: rgba(255, 255, 255, 0.1);
130+
padding-right: 5px;
131+
}
132+
133+
.editor {
134+
padding-left: 5px;
135+
}
136+
}
137+
138+
.quote {
139+
background: #EEE;
140+
width: 70%;
141+
margin: 2em auto 0 auto;
142+
padding: 3em;
143+
}
144+
145+
.features-row {
146+
margin-bottom: 2em;
147+
.feature {
148+
text-align: center;
149+
150+
img {
151+
height: 150px;
152+
}
153+
}
154+
}
155+
156+
.features-title {
157+
text-align: center;
158+
margin-top: 2em;
159+
margin-bottom: 1em;
160+
}
161+
162+
.btn-get-started-wrapper {
163+
text-align: center;
164+
margin-bottom: 3em;
165+
margin-top: 2em;
166+
}
167+
.btn-get-started {
168+
font-size: 1.5em !important;
169+
}

‎assets/fonts/Courgette-Regular.ttf

116 KB
Binary file not shown.

‎assets/fonts/Droid Sans Mono for Powerline.otf

142 KB
Binary file not shown.

‎assets/fonts/NotoSansHK-Bold.otf

5.77 MB
Binary file not shown.

‎assets/fonts/NotoSansHK-Medium.otf

5.62 MB
Binary file not shown.

‎assets/fonts/NotoSansHK-Regular.otf

5.6 MB
Binary file not shown.

‎assets/images/macbook.png

158 KB
Loading

‎components/notebook.tsx

+70
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,70 @@
1+
import React from "react";
2+
3+
export default function Notebook(): JSX.Element {
4+
return (
5+
<div className="macbook-wrapper">
6+
<div className="macbook-screen">
7+
<div className="line-number-col">
8+
1<br />
9+
2<br />
10+
3<br />
11+
4<br />
12+
5<br />
13+
6<br />
14+
7<br />
15+
8<br />
16+
9<br />
17+
10
18+
<br />
19+
11
20+
<br />
21+
12
22+
<br />
23+
13
24+
<br />
25+
14
26+
<br />
27+
15
28+
<br />
29+
</div>
30+
<div className="editor">
31+
<span className="fg_solr_red">require &quot;</span>
32+
<span className="fg_solr_green">glassy-http</span>
33+
<span className="fg_solr_red">&quot;</span>
34+
<br />
35+
<br />
36+
<span className="fg_solr_red">class </span>
37+
<span className="fg_solr_orange">HomeController</span> &#x3C;
38+
<span className="fg_solr_orange"> Glassy::Http::Controller</span>
39+
<br />
40+
<span>&nbsp;&nbsp;</span>
41+
<span className="fg_solr_red">@[</span>
42+
<span className="fg_solr_orange">Route</span>(
43+
<span className="fg_solr_red">&quot;</span>
44+
<span className="fg_solr_green">GET</span>
45+
<span className="fg_solr_red">&quot;</span>
46+
<span>, </span>
47+
<span className="fg_solr_red">&quot;</span>
48+
<span className="fg_solr_green">/</span>
49+
<span className="fg_solr_red">&quot;</span>)
50+
<span className="fg_solr_red">]</span>
51+
<br />
52+
<span>&nbsp;&nbsp;</span>
53+
<span className="fg_solr_red">def</span>
54+
<span className="fg_solr_blue"> index</span>
55+
<br />
56+
<span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
57+
<span className="fg_solr_red">&quot;</span>
58+
<span className="fg_solr_green">Hello World!</span>
59+
<span className="fg_solr_red">&quot;</span>
60+
<br />
61+
<span>&nbsp;&nbsp;</span>
62+
<span className="fg_solr_red">end</span>
63+
<br />
64+
<span className="fg_solr_red">end</span>
65+
<br />
66+
</div>
67+
</div>
68+
</div>
69+
);
70+
}

‎next-env.d.ts

+2
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
/// <reference types="next" />
2+
/// <reference types="next/types/global" />

‎package.json

+37
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
{
2+
"name": "learn-starter",
3+
"version": "0.1.0",
4+
"private": true,
5+
"scripts": {
6+
"dev": "next dev",
7+
"build": "next build",
8+
"start": "next start",
9+
"lint": "eslint ."
10+
},
11+
"dependencies": {
12+
"bootstrap": "^4.5.2",
13+
"next": "9.3.5",
14+
"react": "16.13.1",
15+
"react-bootstrap": "^1.3.0",
16+
"react-dom": "16.13.1"
17+
},
18+
"devDependencies": {
19+
"@types/node": "^14.6.0",
20+
"@types/react": "^16.9.46",
21+
"@typescript-eslint/eslint-plugin": "^3.9.1",
22+
"@typescript-eslint/parser": "^3.9.1",
23+
"eslint": "^7.7.0",
24+
"eslint-config-airbnb": "^18.2.0",
25+
"eslint-config-airbnb-typescript": "^9.0.0",
26+
"eslint-config-prettier": "^6.11.0",
27+
"eslint-plugin-import": "^2.22.0",
28+
"eslint-plugin-jsx-a11y": "^6.3.1",
29+
"eslint-plugin-prettier": "^3.1.4",
30+
"eslint-plugin-react": "^7.20.6",
31+
"eslint-plugin-react-hooks": "^4.1.0",
32+
"node-sass": "^4.14.1",
33+
"prettier": "^2.0.5",
34+
"sass": "^1.26.10",
35+
"typescript": "^3.9.7"
36+
}
37+
}

‎pages/_app.tsx

+11
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
import React from "react";
2+
import "../assets/css/main.scss";
3+
import "bootstrap/dist/css/bootstrap.min.css";
4+
5+
// eslint-disable-next-line
6+
function MyApp({ Component, pageProps }: any): JSX.Element {
7+
// eslint-disable-next-line react/jsx-props-no-spreading
8+
return <Component {...pageProps} />;
9+
}
10+
11+
export default MyApp;

0 commit comments

Comments
 (0)