Merge pull request #231 from radu1122/master

Add Deploy to Genezio Button

README.md

@@ -2,6 +2,7 @@
 
 ![version](https://img.shields.io/badge/version-3.1.0-blue.svg) [![GitHub issues open](https://img.shields.io/github/issues/creativetimofficial/material-dashboard.svg)](https://github.com/creativetimofficial/material-dashboard/issues?q=is%3Aopen+is%3Aissue) [![GitHub issues closed](https://img.shields.io/github/issues-closed-raw/creativetimofficial/material-dashboard.svg)](https://github.com/creativetimofficial/material-dashboard/issues?q=is%3Aissue+is%3Aclosed)
 
+
 ![Image](https://s3.amazonaws.com/creativetim_bucket/products/50/original/material-dashboard.jpg?1634648873)
 
 [Material Dashboard](https://www.creative-tim.com/product/material-dashboard) is a free Material Bootstrap Admin with a fresh, new design inspired by Google's Material Design. We are very excited to introduce our take on the material concepts through an easy to use and beautiful set of components. Material Dashboard was built over the popular Bootstrap framework and it comes with a couple of third-party plugins redesigned to fit in with the rest of the elements.
@@ -26,6 +27,7 @@ We are very excited to share this dashboard with you and we look forward to hear
   - [Versions](#versions)
   - [Demo](#demo)
   - [Quick start](#quick-start)
+  - [Deploy](#deploy)
   - [Documentation](#documentation)
   - [File Structure](#file-structure)
   - [Browser Support](#browser-support)
@@ -79,6 +81,11 @@ We are very excited to share this dashboard with you and we look forward to hear
 - [Download from Github](https://github.com/creativetimofficial/material-dashboard/archive/master.zip).
 - [Download from Creative Tim](https://www.creative-tim.com/product/material-dashboard).
 
+## Deploy
+:rocket: You can deploy your own version of the template to Genezio with one click:
+
+[![Deploy to Genezio](https://raw.githubusercontent.com/Genez-io/graphics/main/svg/deploy-button.svg)](https://app.genez.io/start/deploy?repository=https://github.com/creativetimofficial/material-dashboard&utm_source=github&utm_medium=referral&utm_campaign=github-creativetim&utm_term=deploy-project&utm_content=button-head)
+
 
 ## Documentation
 The documentation for the Material Dashboard is hosted at our [website](https://demos.creative-tim.com/material-dashboard/docs/2.1/getting-started/introduction.html).

genezio.yaml

@@ -0,0 +1,19 @@
+# The name of the project.
+name: material-dashboard
+# The region where the project is deployed.
+region: us-east-1
+# The version of the Genezio YAML configuration to parse.
+yamlVersion: 2
+# Information about the frontend, including the path, language, and publish directory.
+# It is optional. It can also be an array if there are multiple frontends you want to deploy.
+frontend:
+  # The folder where the frontend scripts will run.
+  path: ./
+  # The directory that will be published to the CDN. It is relative to the path.
+  publish: ./
+  scripts:
+    # List of scripts that build your frontend before deployment. It should populate the specified `publish` directory.
+    build: npm install
+    # List of scripts to run before deploying the frontend.
+    deploy:
+      - npm install

index.html

@@ -114,7 +114,7 @@
 
 
 <li class="nav-item">
-  <a class="nav-link text-white " href="./dashboard.html">
+  <a class="nav-link text-white " href="./pages/dashboard.html">
 
       <div class="text-white text-center me-2 d-flex align-items-center justify-content-center">
         <i class="material-icons opacity-10">dashboard</i>
@@ -126,7 +126,7 @@
 
 
 <li class="nav-item">
-  <a class="nav-link text-white " href="./tables.html">
+  <a class="nav-link text-white " href="./pages/tables.html">
 
       <div class="text-white text-center me-2 d-flex align-items-center justify-content-center">
         <i class="material-icons opacity-10">table_view</i>
@@ -138,7 +138,7 @@
 
 
 <li class="nav-item">
-  <a class="nav-link text-white " href="./billing.html">
+  <a class="nav-link text-white " href="./pages/billing.html">
 
       <div class="text-white text-center me-2 d-flex align-items-center justify-content-center">
         <i class="material-icons opacity-10">receipt_long</i>
@@ -150,7 +150,7 @@
 
 
 <li class="nav-item">
-  <a class="nav-link text-white " href="./virtual-reality.html">
+  <a class="nav-link text-white " href="./pages/virtual-reality.html">
 
       <div class="text-white text-center me-2 d-flex align-items-center justify-content-center">
         <i class="material-icons opacity-10">view_in_ar</i>
@@ -162,7 +162,7 @@
 
 
 <li class="nav-item">
-  <a class="nav-link text-white " href="./rtl.html">
+  <a class="nav-link text-white " href="./pages/rtl.html">
 
       <div class="text-white text-center me-2 d-flex align-items-center justify-content-center">
         <i class="material-icons opacity-10">format_textdirection_r_to_l</i>
@@ -174,7 +174,7 @@
 
 
 <li class="nav-item">
-  <a class="nav-link text-white " href="./notifications.html">
+  <a class="nav-link text-white " href="./pages/notifications.html">
 
       <div class="text-white text-center me-2 d-flex align-items-center justify-content-center">
         <i class="material-icons opacity-10">notifications</i>
@@ -190,7 +190,7 @@ <h6 class="ps-4 ms-2 text-uppercase text-xs text-white font-weight-bolder opacit
     </li>
 
 <li class="nav-item">
-  <a class="nav-link text-white " href="./profile.html">
+  <a class="nav-link text-white " href="./pages/profile.html">
 
       <div class="text-white text-center me-2 d-flex align-items-center justify-content-center">
         <i class="material-icons opacity-10">person</i>
@@ -202,7 +202,7 @@ <h6 class="ps-4 ms-2 text-uppercase text-xs text-white font-weight-bolder opacit
 
 
 <li class="nav-item">
-  <a class="nav-link text-white " href="./sign-in.html">
+  <a class="nav-link text-white " href="./pages/sign-in.html">
 
       <div class="text-white text-center me-2 d-flex align-items-center justify-content-center">
         <i class="material-icons opacity-10">login</i>
@@ -214,7 +214,7 @@ <h6 class="ps-4 ms-2 text-uppercase text-xs text-white font-weight-bolder opacit
 
 
 <li class="nav-item">
-  <a class="nav-link text-white " href="./sign-up.html">
+  <a class="nav-link text-white " href="./pages/sign-up.html">
 
       <div class="text-white text-center me-2 d-flex align-items-center justify-content-center">
         <i class="material-icons opacity-10">assignment</i>