init

zenkers · Mar 4, 2020 · 6e4612e · 6e4612e
commit 6e4612e
Show file tree

Hide file tree

Showing 8 changed files with 83 additions and 0 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,6 @@
+node_modules
+dist
+build
+.cache
+package-lock.json
+yarn.lock
diff --git a/index.html b/index.html
@@ -0,0 +1,12 @@
+<html>
+<head>
+  <link rel="stylesheet" href="/src/scss/global.scss">
+</head>
+<body>
+  <div id="app">
+    <h1 class="h1">This is kinda cool</h1>
+    <img src="/src/assets/logo.png" alt="Parcel bundling package logo."/>
+  </div>
+  <script src="/src/scripts/main.js"></script>
+</body>
+</html>
diff --git a/package.json b/package.json
@@ -0,0 +1,20 @@
+{
+  "name": "parcel-demo",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "dev": "parcel index.html",
+    "build": "parcel build index.html",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "autoprefixer": "^9.7.4",
+    "cssnano": "^4.1.10",
+    "postcss-modules": "^1.5.0",
+    "sass": "^1.26.2"
+  }
+}
diff --git a/readme.md b/readme.md
@@ -0,0 +1,14 @@
+Parcel poc
+
+## Available Scripts
+
+In the project directory, you can run:
+
+### `npm run dev`
+
+Runs the app in the development mode.<br />
+Open [http://localhost:1234](http://localhost:1234) to view it in the browser.
+
+### `npm run build`
+
+Builds the app for production to the `dist` folder.<br />
diff --git a/src/assets/logo.png b/src/assets/logo.png
diff --git a/src/scripts/main.js b/src/scripts/main.js
@@ -0,0 +1,2 @@
+const log = (msg) => console.log(msg);
+log('yeet');
diff --git a/src/scss/global.scss b/src/scss/global.scss
@@ -0,0 +1,21 @@
+@import './headings.scss';
+
+#app {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  font-family: Arial, Helvetica, sans-serif;
+}
+
+html {
+  /* testing nesting */
+  body {
+    background-color: slateblue;
+
+    img {
+      width: 100%;
+    }
+  }
+}
diff --git a/src/scss/headings.scss b/src/scss/headings.scss
@@ -0,0 +1,8 @@
+h1 {
+  font-size: 2.5rem;
+  line-height: 3rem;
+}
+
+.h1 {
+  color: lightgrey;
+}