assembler-institute · gonzalogarahuetes · Sep 7, 2021 · Sep 8, 2021 · Sep 8, 2021
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1 @@
+node_modules
diff --git a/dist/assets/images/f9fb98b309f415068734.jpg b/dist/assets/images/f9fb98b309f415068734.jpg
diff --git a/dist/assets/js/main.bundle.js b/dist/assets/js/main.bundle.js
diff --git a/dist/favicon.svg b/dist/favicon.svg
diff --git a/dist/main.html b/dist/main.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Webpack Basics</title>
+    <link
+      rel="shortcut icon"
+      href="favicon.svg"
+      type="image/x-icon"
+    />
+  <link rel="icon" href="favicon.svg"><script defer src="assets/js/main.bundle.js"></script><link href="styles/main.css" rel="stylesheet"></head>
+  <body>
+    <div class="wrapper" id="root"></div>
+    <footer id="footer"></footer>
+  </body>
+</html>
diff --git a/dist/styles/main.css b/dist/styles/main.css
@@ -0,0 +1,76 @@
+/*!*************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/scss/main.scss ***!
+  \*************************************************************************************************************/
+* {
+  font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
+}
+
+.wrapper {
+  background-color: white;
+  padding-top: 2rem;
+  margin: 4rem auto;
+  width: 30rem;
+  height: 30rem;
+  text-align: center;
+}
+.wrapper__msg {
+  margin-top: 1rem;
+  font-size: 2rem;
+  font-weight: 600;
+  font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
+}
+.wrapper__list {
+  display: flex;
+  justify-content: space-between;
+  margin: 0 2rem 2rem;
+}
+.wrapper__list div {
+  text-align: center;
+}
+.wrapper__list img {
+  height: 6rem;
+}
+.wrapper__pic {
+  background-color: white;
+}
+.wrapper__pic img {
+  height: 20rem;
+  margin-bottom: 2rem;
+  max-width: 30rem;
+}
+.wrapper__btns {
+  text-align: center;
+  margin: 1rem auto;
+  width: 50%;
+}
+.wrapper__btns button {
+  height: 3rem;
+  width: 8rem;
+  color: white;
+  background-color: red;
+  border: 1px solid black;
+  cursor: pointer;
+}
+.wrapper__btns button:hover {
+  background-color: #ff9999;
+  color: black;
+}
+
+footer {
+  width: 30rem;
+  height: 3rem;
+  text-align: center;
+  margin: auto;
+  background-color: white;
+  position: relative;
+  top: 4rem;
+}
+footer p {
+  background-color: white;
+  font-size: 1rem;
+  padding-top: 1rem;
+}
+
+body {
+  background-color: black;
+}
diff --git a/favicon.svg b/favicon.svg