7 سال پیش · 681d74f76d
--- a/css/main.css
+++ b/css/main.css
@@ -0,0 +1,22 @@
 
				+body {
			
 
				+    font-family: 'Roboto', sans-serif;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+.eba-hero {
			
 
				+    background-color: #0F305E;
			
 
				+    color: white;
			
 
				+    text-align: center;
			
 
				+}
			
 
				+
			
 
				+.category-name {
			
 
				+    background-color: #334875;
			
 
				+    padding: 2rem 1rem;
			
 
				+    color: white;
			
 
				+    font-family: 'Roboto', sans-serif;
			
 
				+    font-size: 1.5rem;
			
 
				+    box-shadow: 0 3px 5px 0px rgba(0,0,0,0.5);
			
 
				+    text-transform: uppercase;
			
 
				+    font-weight: 300;
			
 
				+    letter-spacing: 0.05rem;
			
 
				+}
			
--- a/css/spectre-exp.min.css
+++ b/css/spectre-exp.min.css
--- a/css/spectre.min.css
+++ b/css/spectre.min.css
--- a/index.html
+++ b/index.html
@@ -0,0 +1,29 @@
 
				+<!DOCTYPE html>
			
 
				+<html>
			
 
				+  <head>
			
 
				+    <meta charset="UTF-8" />
			
 
				+    <title>Vademecum</title>
			
 
				+    <link rel="stylesheet" href="css/spectre.min.css">
			
 
				+    <link rel="stylesheet" href="css/spectre-exp.min.css">
			
 
				+    <link rel="stylesheet" href="css/main.css">
			
 
				+  </head>
			
 
				+  <body>
			
 
				+
			
 
				+    <!-- We will put our React component inside this div. -->
			
 
				+    <div class="hero eba-hero">
			
 
				+      <div class="hero-body">
			
 
				+        <h1>Vademecum</h1>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+    <div id="vademecum"></div>
			
 
				+
			
 
				+    <!-- Load React. -->
			
 
				+    <!-- Note: when deploying, replace "development.js" with "production.min.js". -->
			
 
				+    <script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script>
			
 
				+    <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script>
			
 
				+
			
 
				+    <!-- Load our React component. -->
			
 
				+    <script src="js/vademecum.js"></script>
			
 
				+
			
 
				+  </body>
			
 
				+</html>
			
--- a/js/vademecum.js
+++ b/js/vademecum.js
--- a/products-by-category.json
+++ b/products-by-category.json