Skip to content

Commit 0a7dc3e

Browse files
bevacquabevacqua
committed
initial commit
0 parents  commit 0a7dc3e

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

80 files changed

+3507
-0
lines changed

‎.editorconfig

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
# editorconfig.org
2+
root = true
3+
4+
[*]
5+
indent_style = space
6+
indent_size = 2
7+
end_of_line = lf
8+
charset = utf-8
9+
trim_trailing_whitespace = true
10+
insert_final_newline = true
11+
12+
[*.md]
13+
trim_trailing_whitespace = false

‎.eslintrc.json

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
{
2+
"env": {
3+
"node": true,
4+
"commonjs": true,
5+
"es6": true
6+
},
7+
"extends": "eslint:recommended",
8+
"parserOptions": {
9+
"sourceType": "module"
10+
},
11+
"rules": {
12+
"indent": ["error", 2, { "SwitchCase": 1 }],
13+
"linebreak-style": ["error", "unix"],
14+
"quotes": ["error", "backtick"],
15+
"semi": ["error", "always"],
16+
"array-callback-return": "error",
17+
"complexity": "error",
18+
"curly": "error",
19+
"eqeqeq": "error",
20+
"handle-callback-err": "error",
21+
"global-require": "error",
22+
"no-console": "warn",
23+
"no-constant-condition": 0,
24+
"no-else-return": "error",
25+
"no-prototype-builtins": "error",
26+
"no-unsafe-negation": "error",
27+
"no-shadow-restricted-names": "error"
28+
}
29+
}

‎.gitignore

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
.DS_Store
2+
npm-debug.log*
3+
node_modules/

‎CNAME

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
mjavascript.com

‎build/build

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
#!/bin/bash
2+
3+
set -e
4+
5+
npm run clean
6+
npm run copy
7+
8+
pug -Do docs src/views
9+
10+
stylus src/css/all.styl \
11+
--out docs/css/all.css \
12+
--include-css \
13+
--compress
14+
15+
cleancss docs/css/all.css \
16+
--output docs/css/all.css \
17+
--s0

‎build/clean

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
rm -rf docs
2+
mkdir -p docs/css

‎build/copy

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
cp -r src/static/{img,favicon.ico} docs

‎build/start

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
#!/bin/bash
2+
3+
set -e
4+
5+
npm run clean
6+
npm run copy
7+
8+
pug -Dwo docs src/views &
9+
10+
stylus src/css/all.styl \
11+
--out docs/css/all.css \
12+
--include-css \
13+
--watch &
14+
15+
static-server docs

‎docs/css/all.css

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎docs/favicon.ico

32.2 KB
Binary file not shown.

‎docs/img/axel-rauschmayer.jpg

21.7 KB
Loading

‎docs/img/brendan-eich.jpg

123 KB
Loading

‎docs/img/cover-center.png

197 KB
Loading

‎docs/img/cover-overview.png

71 KB
Loading

‎docs/img/cover-squared.png

159 KB
Loading

‎docs/img/cover-thumbnail.png

55.5 KB
Loading

‎docs/img/cover-video-overlay.png

189 KB
Loading

‎docs/img/cover-with-text.png

110 KB
Loading

‎docs/img/cover.png

111 KB
Loading

‎docs/img/cover.svg

Lines changed: 619 additions & 0 deletions
Loading

‎docs/img/david-walsh.jpg

23.5 KB
Loading

‎docs/img/deploying-modern-javascript-apps.png

82.4 KB
Loading

‎docs/img/mastering-modular-javascript.png

80.9 KB
Loading

‎docs/img/nicolas-bevacqua.jpg

92.5 KB
Loading

‎docs/img/ponyfoo-logo.png

829 Bytes
Loading

‎docs/img/practical-es6.png

66.5 KB
Loading

‎docs/img/sara-soueidan.jpg

976 KB
Loading

‎docs/img/testing-javascript-modules.png

71.7 KB
Loading

‎docs/img/universal-javascript.png

80.5 KB
Loading

‎docs/index.html

Lines changed: 626 additions & 0 deletions
Large diffs are not rendered by default.

‎license

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
The MIT License (MIT)
2+
3+
Copyright © 2016 Nicolás Bevacqua
4+
5+
Permission is hereby granted, free of charge, to any person obtaining a copy of
6+
this software and associated documentation files (the "Software"), to deal in
7+
the Software without restriction, including without limitation the rights to
8+
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
9+
the Software, and to permit persons to whom the Software is furnished to do so,
10+
subject to the following conditions:
11+
12+
The above copyright notice and this permission notice shall be included in all
13+
copies or substantial portions of the Software.
14+
15+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
17+
FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
18+
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
19+
IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
20+
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

‎package.json

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
{
2+
"name": "mjavascript.com",
3+
"version": "1.0.0",
4+
"description": "Modular JavaScript Book Series website",
5+
"repository": {
6+
"type": "git",
7+
"url": "git+https://github.com/mjavascript/mjavascript.com.git"
8+
},
9+
"author": "Nicolás Bevacqua <nico@ponyfoo.com> (https://ponyfoo.com/)",
10+
"license": "MIT",
11+
"bugs": {
12+
"url": "https://github.com/mjavascript/mjavascript.com/issues"
13+
},
14+
"homepage": "https://mjavascript.com",
15+
"scripts": {
16+
"start": "build/start",
17+
"clean": "build/clean",
18+
"copy": "build/copy",
19+
"build": "build/build"
20+
},
21+
"devDependencies": {
22+
"clean-css": "3.4.20",
23+
"nib": "1.1.2",
24+
"normalize.css": "5.0.0",
25+
"pug-cli": "1.0.0-alpha6",
26+
"static-server": "2.0.3",
27+
"stylus": "0.54.5"
28+
}
29+
}

‎readme.markdown

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
# [mjavascript.com][mj]
2+
3+
> 📚 Modular JavaScript Book Series website
4+
5+
# license
6+
7+
mit
8+
9+
[mj]: https://mjavascript.com

‎src/css/all.styl

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
@import 'reset'
2+
@import 'variables/colors'
3+
@import 'variables/fonts'
4+
@import 'variables/z'
5+
@import 'variables/mixins'
6+
@import 'tags'
7+
@import 'pseudo'
8+
@import 'placeholders'
9+
@import 'layout'
10+
@import 'design'
11+
@import 'components/bt-buttons'
12+
@import 'components/vd-video'
13+
@import 'components/cv-cover'
14+
@import 'components/ic-icons'
15+
@import 'components/hh-home-header'
16+
@import 'components/hf-home-footer'
17+
@import 'components/qk-quick-section'
18+
@import 'components/cf-crowdfund-section'
19+
@import 'components/bk-books-section'
20+
@import 'components/ar-author-section'
21+
@import 'components/os-openness-section'
22+
@import 'components/tt-testimonials-section'
23+
@import 'components/ti-influencer-profile'
24+
@import 'components/tq-testimonial-quotes'
25+
@import 'components/tv-testimonial-videos'

‎src/css/components/ar-author-section.styl

Lines changed: 91 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,91 @@
1+
.ar-after
2+
display block
3+
width 100%
4+
height 100%
5+
6+
.ar-after-poly
7+
fill c-white
8+
9+
.ar-container
10+
background linear-gradient(
11+
35deg,
12+
rgba(c-violet, 0.1) 0,
13+
rgba(c-violet, 0.5) 45%,
14+
rgba(c-blue, 0.5) 0,
15+
c-blue 100%
16+
)
17+
18+
.ar-title
19+
font-superheader()
20+
margin-bottom 0.125em
21+
22+
.ar-role
23+
margin-bottom 0.125em
24+
25+
.ar-twitter
26+
font-size 1.2em
27+
text-align center
28+
29+
.ar-bio-wrapper
30+
margin-top 2em
31+
margin-bottom 3em
32+
33+
.ar-bio
34+
padding 1em
35+
font-size 1.2em
36+
line-height 2em
37+
38+
.ar-link
39+
border-bottom 1px dotted
40+
41+
&:hover
42+
border-bottom-style solid
43+
44+
.ar-photo-wrapper
45+
max-width 400px
46+
margin 0 auto
47+
padding 1em
48+
49+
.ar-photo-before,
50+
.ar-photo-after,
51+
.ar-photo-in-before,
52+
.ar-photo-in-after
53+
display block
54+
55+
.ar-photo-frame
56+
position relative
57+
.ar-photo-in-before
58+
position absolute
59+
top 0
60+
.ar-photo-in-after
61+
position absolute
62+
bottom 0
63+
64+
.ar-photo-link
65+
display block
66+
padding 0 1em
67+
background rgba(c-pink, 0.8)
68+
69+
.ar-photo-poly
70+
fill c-pink
71+
72+
.ar-actions
73+
text-align center
74+
margin 1em
75+
margin-bottom 3em
76+
77+
@media only screen and (min-width: 40em)
78+
.ar-bio
79+
line-height 1.4em
80+
81+
@media only screen and (min-width: 60em)
82+
.ar-row
83+
display flex
84+
justify-content center
85+
86+
.ar-bio-wrapper,
87+
.ar-photo-wrapper
88+
margin 2em
89+
90+
.ar-bio
91+
max-width 30em

‎src/css/components/bk-books-section.styl

Lines changed: 117 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,117 @@
1+
.bk-container
2+
margin-top 6em
3+
4+
.bk-before,
5+
.bk-after
6+
display block
7+
width 100%
8+
height 100%
9+
10+
bk-gradient-start = darken(c-lime, 15%)
11+
bk-gradient-end = darken(spin(c-lime, 10%), 15%)
12+
13+
.bk-before
14+
fill bk-gradient-start
15+
.bk-after-poly
16+
fill bk-gradient-end
17+
18+
.bk-main
19+
background linear-gradient(
20+
to bottom,
21+
bk-gradient-start 0,
22+
bk-gradient-end 100%
23+
)
24+
padding-top 2em
25+
padding-bottom 5em
26+
27+
.bk-title
28+
margin-top 0
29+
font-superheader()
30+
font-style italic
31+
color c-pink
32+
text-shadow 2px 2px 0 c-white
33+
34+
.bk-covers
35+
padding 1em
36+
list-style-type none
37+
display flex
38+
flex-wrap wrap
39+
justify-content space-between
40+
41+
.bk-cover-wrapper
42+
background linear-gradient(
43+
145deg,
44+
rgba(c-teal, 0.05) 0,
45+
rgba(c-teal, 0.1) 45%,
46+
rgba(c-teal, 0.2) 45%,
47+
rgba(c-teal, 0.3) 100%
48+
)
49+
box-shadow 2px 2px 0.5em rgba(c-orange, 0.1)
50+
width 48%
51+
padding 1em
52+
margin-bottom 1em
53+
54+
.bk-cover
55+
display block
56+
57+
.bk-descriptions
58+
margin 2em 1em
59+
60+
.bk-description
61+
background linear-gradient(
62+
145deg,
63+
rgba(c-white, 0.35) 0,
64+
rgba(c-white, 0.5) 45%,
65+
rgba(c-white, 0.65) 0,
66+
rgba(c-white, 0.8) 100%
67+
)
68+
box-shadow 2px 2px 0.5em rgba(c-teal, 0.1)
69+
padding 1em
70+
margin 1em 0
71+
font-size 1.2em
72+
line-height 1.4em
73+
color c-black-text
74+
75+
.bk-heading
76+
f-use-heavy()
77+
text-align center
78+
font-size 1.6em
79+
text-shadow 2px 2px 0 c-white
80+
line-height 1.2em
81+
margin-top 0
82+
color c-pink
83+
84+
@media only screen and (min-width: 35em)
85+
.bk-covers
86+
justify-content flex-start
87+
88+
.bk-cover-wrapper
89+
width 31.3333333%
90+
margin 1%
91+
92+
.bk-descriptions
93+
display flex
94+
flex-wrap wrap
95+
justify-content space-between
96+
margin-left 1.5em
97+
margin-right 1.5em
98+
99+
.bk-description
100+
width 48%
101+
102+
@media only screen and (min-width: 65em)
103+
.bk-covers
104+
justify-content space-between
105+
106+
.bk-cover-wrapper
107+
width 19%
108+
margin 0
109+
110+
.bk-descriptions
111+
justify-content flex-start
112+
margin-left 0.25em
113+
margin-right 0.25em
114+
115+
.bk-description
116+
width 31.3333333%
117+
margin 1%

0 commit comments

Comments
 (0)