initial commit

.gitignore

@@ -1,3 +1,4 @@
 node_modules
 .DS_Store
 dist
+layout

src/scss/main.scss

@@ -1,7 +1,17 @@
-@import "~normalize.css";
+@import '~normalize.css';
 
-@import "_variables";
-@import "modules/hello.scss";
+@import '_variables';
+@import 'modules/hello.scss';
+
+html {
+  box-sizing: border-box;
+}
+
+*,
+*::after,
+*::before {
+  box-sizing: inherit;
+}
 
 body {
   background: $wtf;

src/scss/modules/hello.scss

@@ -42,7 +42,7 @@
       height: 220px;
       background: rgba(0, 0, 0, 0.1);
       border-radius: 50%;
-      content: "";
+      content: '';
       display: block;
       z-index: 1;
       animation: circles 17s ease-out infinite;
@@ -56,7 +56,7 @@
       height: 220px;
       background: rgba(0, 0, 0, 0.1);
       border-radius: 50%;
-      content: "";
+      content: '';
       display: block;
       z-index: 1;
       animation: circles 20s ease-in infinite;

webpack.common.js

@@ -1,43 +1,42 @@
-const HtmlWebpackPlugin = require("html-webpack-plugin");
-const CopyWebpackPlugin = require("copy-webpack-plugin");
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const CopyWebpackPlugin = require('copy-webpack-plugin');
 
 module.exports = {
   /* here you can define another js file */
   entry: {
-    index: "./src/js/index.js",
-    another: "./src/js/another.js",
+    index: './src/js/index.js',
   },
   output: {
-    filename: "[name].[hash:8].js",
-    path: __dirname + "/dist",
+    filename: '[name].[hash:8].js',
+    path: __dirname + '/dist',
   },
   module: {
     rules: [
       {
         test: [/.js$/],
         exclude: /(node_modules)/,
         use: {
-          loader: "babel-loader",
+          loader: 'babel-loader',
           options: {
-            presets: ["@babel/preset-env"],
+            presets: ['@babel/preset-env'],
           },
         },
       },
       {
         test: /\.html$/i,
-        loader: "html-loader",
+        loader: 'html-loader',
         options: {
           attributes: {
             list: [
               {
-                tag: "img",
-                attribute: "src",
-                type: "src",
+                tag: 'img',
+                attribute: 'src',
+                type: 'src',
               },
               {
-                tag: "img",
-                attribute: "data-gallery-src",
-                type: "src",
+                tag: 'img',
+                attribute: 'data-gallery-src',
+                type: 'src',
               },
             ],
           },
@@ -47,9 +46,9 @@ module.exports = {
         test: /\.(png|jpe?g|gif|svg)$/i,
         use: [
           {
-            loader: "file-loader",
+            loader: 'file-loader',
             options: {
-              name: "img/[name].[hash:8].[ext]",
+              name: 'img/[name].[hash:8].[ext]',
             },
           },
         ],
@@ -65,28 +64,20 @@ module.exports = {
     new CopyWebpackPlugin({
       patterns: [
         {
-          from: "public",
+          from: 'public',
           globOptions: {
-            ignore: [
-              '**/*.DS_Store'
-            ],
+            ignore: ['**/*.DS_Store'],
           },
         },
       ],
     }),
 
     /* here you can define another html file and its dependencies */
     new HtmlWebpackPlugin({
-      template: "./src/pages/index.html",
-      inject: true,
-      chunks: ["index"],
-      filename: "index.html",
-    }),
-    new HtmlWebpackPlugin({
-      template: "./src/pages/another.html",
+      template: './src/pages/index.html',
       inject: true,
-      chunks: ["index", "another"],
-      filename: "another.html",
+      chunks: ['index'],
+      filename: 'index.html',
     }),
   ],
 };