Skip to content

Commit 8283b78

Browse files
krzysztofpniakkrzysztofpniak
committed
feat(demos/vanilla): initial
1 parent 63f27b3 commit 8283b78

File tree

9 files changed

+5241
-0
lines changed

9 files changed

+5241
-0
lines changed

‎demoApps/vanilla-demo/babel.config.js

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
module.exports = {
2+
presets: [
3+
4+
]
5+
};

‎demoApps/vanilla-demo/package.json

+27
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
{
2+
"name": "vanilla-demo",
3+
"version": "1.0.0",
4+
"description": "",
5+
"main": "webpack.config.js",
6+
"scripts": {
7+
"dev": "NODE_ENV=development webpack-dev-server",
8+
"build": "NODE_ENV=production webpack-cli",
9+
"preinstall": "(cd ../../packages/vanilla-widget && yarn && yarn build)"
10+
},
11+
"author": "",
12+
"license": "ISC",
13+
"dependencies": {
14+
"@headwayapp/vanilla-widget": "link:../../packages/vanilla-widget"
15+
},
16+
"devDependencies": {
17+
"babel-cli": "^6.26.0",
18+
"babel-core": "^6.26.0",
19+
"babel-loader": "^7.1.0",
20+
"babel-preset-env": "^1.7.0",
21+
"webpack": "^4.16.0",
22+
"webpack-cli": "^3.0.0",
23+
"webpack-dev-server": "^3.1.0",
24+
"css-loader": "^2.0.0",
25+
"style-loader": "^0.23.0"
26+
}
27+
}

‎demoApps/vanilla-demo/public/bundle/bundle.js

+1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎demoApps/vanilla-demo/public/index.html

+17
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
<!doctype html>
2+
<html class="no-js" lang="en">
3+
4+
<head>
5+
<meta charset="utf-8">
6+
<meta http-equiv="x-ua-compatible" content="ie=edge">
7+
<title>Vanilla Js 🌴🌴🌴</title>
8+
<meta name="description" content="">
9+
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
10+
<link href="https://fonts.googleapis.com/css?family=Noto+Serif+SC" rel="stylesheet">
11+
<script src="bundle/bundle.js"></script>
12+
</head>
13+
<body>
14+
<!-- Add your site or application content here -->
15+
<div id="root"></div>
16+
</body>
17+
</html>

‎demoApps/vanilla-demo/src/components/app/index.css

+46
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,46 @@
1+
#app {
2+
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
3+
font-size: 14px;
4+
color: #333;
5+
box-sizing: border-box;
6+
-webkit-font-smoothing: antialiased;
7+
-moz-osx-font-smoothing: grayscale;
8+
}
9+
10+
h1 {
11+
margin: 8px 0;
12+
}
13+
14+
p {
15+
margin: 16px;
16+
}
17+
18+
.toolbar {
19+
position: absolute;
20+
top: 0;
21+
left: 0;
22+
right: 0;
23+
height: 60px;
24+
display: flex;
25+
align-items: center;
26+
background-color: #1976d2;
27+
color: white;
28+
font-weight: 600;
29+
}
30+
31+
.content {
32+
display: flex;
33+
margin: 82px auto 32px;
34+
padding: 0 16px;
35+
max-width: 960px;
36+
flex-direction: column;
37+
align-items: center;
38+
}
39+
40+
svg#clouds {
41+
position: fixed;
42+
bottom: -160px;
43+
left: -230px;
44+
z-index: -10;
45+
width: 1920px;
46+
}

0 commit comments

Comments
 (0)