Shinobi CE officially lands on Gitlab

web/templates/boilerplate/README.md

@@ -0,0 +1,58 @@
+# Boilerplate Template
+
+> This template is based on the "Now UI Dashboard". https://www.creative-tim.com/product/now-ui-dashboard
+
+<img src="https://s3.amazonaws.com/creativetim_bucket/products/75/original/opt_nud_thumbnail.jpg?1518795544">
+*Image From Creative-Tim*
+
+1. You must copy the folder named `boilerplate` to your Shinobi directory in the `web/templates` folder. If you do not have a templates folder then you must create one.
+
+2. Create the `renderPaths` object inside `conf.json`. If it already exists then remove the old one and place this one.
+```
+"renderPaths": {
+  "home" : "templates/boilerplate/views/index",
+  "handler" : "templates/boilerplate/handler"
+}
+```
+3. Your `conf.json` file may look like this afterward.
+
+```
+{
+  "port": 8080,
+  "addStorage": [
+    {
+      "name": "second",
+      "path": "__DIR__/videos2"
+    }
+  ],
+  "db": {
+    "host": "127.0.0.1",
+    "user": "majesticflame",
+    "password": "",
+    "database": "ccio",
+    "port": 3306
+  },
+  "mail": {
+    "service": "gmail",
+    "auth": {
+      "user": "your_email@gmail.com",
+      "pass": "your_password_or_app_specific_password"
+    }
+  },
+  "cron": {
+    "key": "change_this_to_something_very_random__just_anything_other_than_this"
+  },
+  "pluginKeys": {
+    "Motion": "change_this_to_something_very_random____make_sure_to_match__/plugins/motion/conf.json",
+    "OpenCV": "change_this_to_something_very_random____make_sure_to_match__/plugins/opencv/conf.json",
+  },
+  "renderPaths": {
+      "home" : "templates/boilerplate/views/index",
+      "handler" : "templates/boilerplate/handler"
+  }
+}
+```
+4. Restart Shinobi
+```
+pm2 restart camera
+```

web/templates/boilerplate/assets/css/styles.css

@@ -0,0 +1,51 @@
+.display-table{display:table;width:100%}
+.display-table-cell{display:table-cell;padding:5px 10px;width:20%;vertical-align: top}
+.grid-stack-item h4{margin: 0 10px 10px 0}
+.grid-stack-item [run="exitStackItem"]{position: absolute;z-index: 10;top: 5px;right:5px;opacity: 0;transition: 0.2s}
+.grid-stack-item:hover [run="exitStackItem"]{opacity: 1}
+.grid-stack-item pre div>div{margin-left:10px}
+.grid-stack-item .dropdown{display:inline-block}
+.grid-stack-item .progress{height:5px}
+.dropdown-menu {padding:2.5px}
+.dropdown-menu a.btn:not(.btn-block){margin:2.5px 5px;}
+
+a,[run]{cursor: pointer!important}
+
+
+::-webkit-scrollbar-thumb:hover {
+    background-color:#bd9565;
+}
+::-webkit-scrollbar-thumb {
+    background-color:#bd9565;
+    border: 2px solid transparent;
+    border-radius: 10px;
+    background-clip: padding-box;
+}
+@media (min-width: 768px){
+    .modal.full,.modal.medium{padding-left:0!important;}
+    .modal.full .modal-dialog{width:calc(100% - 10px)!important;margin: 30px auto;}
+    .modal.medium .modal-dialog{width:calc(70% - 10px)!important;margin: 30px auto;}
+    .full.modal .modal-body,.medium.modal .modal-body{max-height:calc(100% - 200px);overflow:auto}
+}
+
+.flex-container-modal-body{overflow: auto}
+.flex-container-modal-body .flex-block>div{flex:1;float:none}
+
+.modal{overflow:auto!important}
+.modal .modal-dialog{max-width:none}
+.table-scroll{max-height:300px;overflow:auto;}
+.car-intro video{width:100%}
+.modal tbody tr video {height:75px}
+.car-intro{ width:100%; float:left; position:relative; margin:10px 0 0;  border:40px solid #454545; border-bottom:none; border-radius: 10px}
+.module-top{ position:absolute; top:-39px; left:0; right:0;}
+a.green-btn{ background:#14eda2; min-width:185px; line-height:38px; color:#FFFFFF; font-size:16px; text-align:center; display:inline-block; margin:0 10px;}
+a.green-btn:hover{ background:#22d496;}
+.module-hud{opacity:0;transition:0.5s}
+.car-intro:hover .module-hud{opacity:1}
+.module-upper{ position:absolute; left:0; right:0; top:5%; padding: 0 10px 0 10px;}
+.module-upper a.left{ float:left;}
+.module-upper a.right{ float:right;}
+.module-upper.middle{ top:40%;}
+.module-upper.lower{ top:70%;}
+
+.grid-stack.grid-stack-one-column-mode>.grid-stack-item{width:100%!important}

web/templates/boilerplate/assets/fonts/Montserrat/Montserrat.css

@@ -0,0 +1,399 @@
+/** =================== MONTSERRAT =================== **/
+
+/** Montserrat Thin **/
+@font-face {
+    font-family: "Montserrat";
+    font-weight: 100;
+    font-style: normal;
+    src: url("Montserrat-Thin.eot");
+    src: url("Montserrat-Thin.eot?#iefix") format('embedded-opentype'),
+         url("Montserrat-Thin.woff2") format("woff2"),
+         url("Montserrat-Thin.woff") format("woff");
+}
+
+/** Montserrat Thin-Italic **/
+@font-face {
+    font-family: "Montserrat";
+    font-weight: 100;
+    font-style: italic;
+    src: url("Montserrat-ThinItalic.eot");
+    src: url("Montserrat-ThinItalic.eot?#iefix") format('embedded-opentype'),
+         url("Montserrat-ThinItalic.woff2") format("woff2"),
+         url("Montserrat-ThinItalic.woff") format("woff");
+}
+
+/** Montserrat ExtraLight **/
+@font-face {
+    font-family: "Montserrat";
+    font-weight: 200;
+    font-style: normal;
+    src: url("Montserrat-ExtraLight.eot");
+    src: url("Montserrat-ExtraLight.eot?#iefix") format('embedded-opentype'),
+         url("Montserrat-ExtraLight.woff2") format("woff2"),
+         url("Montserrat-ExtraLight.woff") format("woff");
+}
+
+/** Montserrat ExtraLight-Italic **/
+@font-face {
+    font-family: "Montserrat";
+    font-weight: 200;
+    font-style: italic;
+    src: url("Montserrat-ExtraLightItalic.eot");
+    src: url("Montserrat-ExtraLightItalic.eot?#iefix") format('embedded-opentype'),
+         url("Montserrat-ExtraLightItalic.woff2") format("woff2"),
+         url("Montserrat-ExtraLightItalic.woff") format("woff");
+}
+
+/** Montserrat Light **/
+@font-face {
+    font-family: "Montserrat";
+    font-weight: 300;
+    font-style: normal;
+    src: url("Montserrat-Light.eot");
+    src: url("Montserrat-Light.eot?#iefix") format('embedded-opentype'),
+         url("Montserrat-Light.woff2") format("woff2"),
+         url("Montserrat-Light.woff") format("woff");
+}
+
+/** Montserrat Light-Italic **/
+@font-face {
+    font-family: "Montserrat";
+    font-weight: 300;
+    font-style: italic;
+    src: url("Montserrat-LightItalic.eot");
+    src: url("Montserrat-LightItalic.eot?#iefix") format('embedded-opentype'),
+         url("Montserrat-LightItalic.woff2") format("woff2"),
+         url("Montserrat-LightItalic.woff") format("woff");
+}
+
+/** Montserrat Regular **/
+@font-face {
+    font-family: "Montserrat";
+    font-weight: 400;
+    font-style: normal;
+    src: url("Montserrat-Regular.eot");
+    src: url("Montserrat-Regular.eot?#iefix") format('embedded-opentype'),
+         url("Montserrat-Regular.woff2") format("woff2"),
+         url("Montserrat-Regular.woff") format("woff");
+}
+
+/** Montserrat Regular-Italic **/
+@font-face {
+    font-family: "Montserrat";
+    font-weight: 400;
+    font-style: italic;
+    src: url("Montserrat-Italic.eot");
+    src: url("Montserrat-Italic.eot?#iefix") format('embedded-opentype'),
+         url("Montserrat-Italic.woff2") format("woff2"),
+         url("Montserrat-Italic.woff") format("woff");
+}
+
+/** Montserrat Medium **/
+@font-face {
+    font-family: "Montserrat";
+    font-weight: 500;
+    font-style: normal;
+    src: url("Montserrat-Medium.eot");
+    src: url("Montserrat-Medium.eot?#iefix") format('embedded-opentype'),
+         url("Montserrat-Medium.woff2") format("woff2"),
+         url("Montserrat-Medium.woff") format("woff");
+}
+
+/** Montserrat Medium-Italic **/
+@font-face {
+    font-family: "Montserrat";
+    font-weight: 500;
+    font-style: italic;
+    src: url("Montserrat-MediumItalic.eot");
+    src: url("Montserrat-MediumItalic.eot?#iefix") format('embedded-opentype'),
+         url("Montserrat-MediumItalic.woff2") format("woff2"),
+         url("Montserrat-MediumItalic.woff") format("woff");
+}
+
+/** Montserrat SemiBold **/
+@font-face {
+    font-family: "Montserrat";
+    font-weight: 600;
+    font-style: normal;
+    src: url("Montserrat-SemiBold.eot");
+    src: url("Montserrat-SemiBold.eot?#iefix") format('embedded-opentype'),
+         url("Montserrat-SemiBold.woff2") format("woff2"),
+         url("Montserrat-SemiBold.woff") format("woff");
+}
+
+/** Montserrat SemiBold-Italic **/
+@font-face {
+    font-family: "Montserrat";
+    font-weight: 600;
+    font-style: italic;
+    src: url("Montserrat-SemiBoldItalic.eot");
+    src: url("Montserrat-SemiBoldItalic.eot?#iefix") format('embedded-opentype'),
+         url("Montserrat-SemiBoldItalic.woff2") format("woff2"),
+         url("Montserrat-SemiBoldItalic.woff") format("woff");
+}
+
+/** Montserrat Bold **/
+@font-face {
+    font-family: "Montserrat";
+    font-weight: 700;
+    font-style: normal;
+    src: url("Montserrat-Bold.eot");
+    src: url("Montserrat-Bold.eot?#iefix") format('embedded-opentype'),
+         url("Montserrat-Bold.woff2") format("woff2"),
+         url("Montserrat-Bold.woff") format("woff");
+}
+
+/** Montserrat Bold-Italic **/
+@font-face {
+    font-family: "Montserrat";
+    font-weight: 700;
+    font-style: italic;
+    src: url("Montserrat-BoldItalic.eot");
+    src: url("Montserrat-BoldItalic.eot?#iefix") format('embedded-opentype'),
+         url("Montserrat-BoldItalic.woff2") format("woff2"),
+         url("Montserrat-BoldItalic.woff") format("woff");
+}
+
+/** Montserrat ExtraBold **/
+@font-face {
+    font-family: "Montserrat";
+    font-weight: 800;
+    font-style: normal;
+    src: url("Montserrat-ExtraBold.eot");
+    src: url("Montserrat-ExtraBold.eot?#iefix") format('embedded-opentype'),
+         url("Montserrat-ExtraBold.woff2") format("woff2"),
+         url("Montserrat-ExtraBold.woff") format("woff");
+}
+
+/** Montserrat ExtraBold-Italic **/
+@font-face {
+    font-family: "Montserrat";
+    font-weight: 800;
+    font-style: italic;
+    src: url("Montserrat-ExtraBoldItalic.eot");
+    src: url("Montserrat-ExtraBoldItalic.eot?#iefix") format('embedded-opentype'),
+         url("Montserrat-ExtraBoldItalic.woff2") format("woff2"),
+         url("Montserrat-ExtraBoldItalic.woff") format("woff");
+}
+
+/** Montserrat Black **/
+@font-face {
+    font-family: "Montserrat";
+    font-weight: 900;
+    font-style: normal;
+    src: url("Montserrat-Black.eot");
+    src: url("Montserrat-Black.eot?#iefix") format('embedded-opentype'),
+         url("Montserrat-Black.woff2") format("woff2"),
+         url("Montserrat-Black.woff") format("woff");
+}
+
+/** Montserrat Black-Italic **/
+@font-face {
+    font-family: "Montserrat";
+    font-weight: 900;
+    font-style: italic;
+    src: url("Montserrat-BlackItalic.eot");
+    src: url("Montserrat-BlackItalic.eot?#iefix") format('embedded-opentype'),
+         url("Montserrat-BlackItalic.woff2") format("woff2"),
+         url("Montserrat-BlackItalic.woff") format("woff");
+}
+
+/** =================== MONTSERRAT ALTERNATES =================== **/
+
+/** Montserrat Alternates Thin **/
+@font-face {
+    font-family: "Montserrat Alternates";
+    font-weight: 100;
+    font-style: normal;
+    src: url("MontserratAlternates-Thin.eot");
+    src: url("MontserratAlternates-Thin.eot?#iefix") format('embedded-opentype'),
+         url("MontserratAlternates-Thin.woff2") format("woff2"),
+         url("MontserratAlternates-Thin.woff") format("woff");
+}
+
+/** Montserrat Alternates Thin-Italic **/
+@font-face {
+    font-family: "Montserrat Alternates";
+    font-weight: 100;
+    font-style: italic;
+    src: url("MontserratAlternates-ThinItalic.eot");
+    src: url("MontserratAlternates-ThinItalic.eot?#iefix") format('embedded-opentype'),
+         url("MontserratAlternates-ThinItalic.woff2") format("woff2"),
+         url("MontserratAlternates-ThinItalic.woff") format("woff");
+}
+
+/** Montserrat Alternates ExtraLight **/
+@font-face {
+    font-family: "Montserrat Alternates";
+    font-weight: 200;
+    font-style: normal;
+    src: url("MontserratAlternates-ExtraLight.eot");
+    src: url("MontserratAlternates-ExtraLight.eot?#iefix") format('embedded-opentype'),
+         url("MontserratAlternates-ExtraLight.woff2") format("woff2"),
+         url("MontserratAlternates-ExtraLight.woff") format("woff");
+}
+
+/** Montserrat Alternates ExtraLight-Italic **/
+@font-face {
+    font-family: "Montserrat Alternates";
+    font-weight: 200;
+    font-style: italic;
+    src: url("MontserratAlternates-ExtraLightItalic.eot");
+    src: url("MontserratAlternates-ExtraLightItalic.eot?#iefix") format('embedded-opentype'),
+         url("MontserratAlternates-ExtraLightItalic.woff2") format("woff2"),
+         url("MontserratAlternates-ExtraLightItalic.woff") format("woff");
+}
+
+/** Montserrat Alternates Light **/
+@font-face {
+    font-family: "Montserrat Alternates";
+    font-weight: 300;
+    font-style: normal;
+    src: url("MontserratAlternates-Light.eot");
+    src: url("MontserratAlternates-Light.eot?#iefix") format('embedded-opentype'),
+         url("MontserratAlternates-Light.woff2") format("woff2"),
+         url("MontserratAlternates-Light.woff") format("woff");
+}
+
+/** Montserrat Alternates Light-Italic **/
+@font-face {
+    font-family: "Montserrat Alternates";
+    font-weight: 300;
+    font-style: italic;
+    src: url("MontserratAlternates-LightItalic.eot");
+    src: url("MontserratAlternates-LightItalic.eot?#iefix") format('embedded-opentype'),
+         url("MontserratAlternates-LightItalic.woff2") format("woff2"),
+         url("MontserratAlternates-LightItalic.woff") format("woff");
+}
+
+/** Montserrat Alternates Regular **/
+@font-face {
+    font-family: "Montserrat Alternates";
+    font-weight: 400;
+    font-style: normal;
+    src: url("MontserratAlternates-Regular.eot");
+    src: url("MontserratAlternates-Regular.eot?#iefix") format('embedded-opentype'),
+         url("MontserratAlternates-Regular.woff2") format("woff2"),
+         url("MontserratAlternates-Regular.woff") format("woff");
+}
+
+/** Montserrat Alternates Regular-Italic **/
+@font-face {
+    font-family: "Montserrat Alternates";
+    font-weight: 400;
+    font-style: italic;
+    src: url("MontserratAlternates-Italic.eot");
+    src: url("MontserratAlternates-Italic.eot?#iefix") format('embedded-opentype'),
+         url("MontserratAlternates-Italic.woff2") format("woff2"),
+         url("MontserratAlternates-Italic.woff") format("woff");
+}
+
+/** Montserrat Alternates Medium **/
+@font-face {
+    font-family: "Montserrat Alternates";
+    font-weight: 500;
+    font-style: normal;
+    src: url("MontserratAlternates-Medium.eot");
+    src: url("MontserratAlternates-Medium.eot?#iefix") format('embedded-opentype'),
+         url("MontserratAlternates-Medium.woff2") format("woff2"),
+         url("MontserratAlternates-Medium.woff") format("woff");
+}
+
+/** Montserrat Alternates Medium-Italic **/
+@font-face {
+    font-family: "Montserrat Alternates";
+    font-weight: 500;
+    font-style: italic;
+    src: url("MontserratAlternates-MediumItalic.eot");
+    src: url("MontserratAlternates-MediumItalic.eot?#iefix") format('embedded-opentype'),
+         url("MontserratAlternates-MediumItalic.woff2") format("woff2"),
+         url("MontserratAlternates-MediumItalic.woff") format("woff");
+}
+
+/** Montserrat Alternates SemiBold **/
+@font-face {
+    font-family: "Montserrat Alternates";
+    font-weight: 600;
+    font-style: normal;
+    src: url("MontserratAlternates-SemiBold.eot");
+    src: url("MontserratAlternates-SemiBold.eot?#iefix") format('embedded-opentype'),
+         url("MontserratAlternates-SemiBold.woff2") format("woff2"),
+         url("MontserratAlternates-SemiBold.woff") format("woff");
+}
+
+/** Montserrat Alternates SemiBold-Italic **/
+@font-face {
+    font-family: "Montserrat Alternates";
+    font-weight: 600;
+    font-style: italic;
+    src: url("MontserratAlternates-SemiBoldItalic.eot");
+    src: url("MontserratAlternates-SemiBoldItalic.eot?#iefix") format('embedded-opentype'),
+         url("MontserratAlternates-SemiBoldItalic.woff2") format("woff2"),
+         url("MontserratAlternates-SemiBoldItalic.woff") format("woff");
+}
+
+/** Montserrat Alternates Bold **/
+@font-face {
+    font-family: "Montserrat Alternates";
+    font-weight: 700;
+    font-style: normal;
+    src: url("MontserratAlternates-Bold.eot");
+    src: url("MontserratAlternates-Bold.eot?#iefix") format('embedded-opentype'),
+         url("MontserratAlternates-Bold.woff2") format("woff2"),
+         url("MontserratAlternates-Bold.woff") format("woff");
+}
+
+/** Montserrat Alternates Bold-Italic **/
+@font-face {
+    font-family: "Montserrat Alternates";
+    font-weight: 700;
+    font-style: italic;
+    src: url("MontserratAlternates-BoldItalic.eot");
+    src: url("MontserratAlternates-BoldItalic.eot?#iefix") format('embedded-opentype'),
+         url("MontserratAlternates-BoldItalic.woff2") format("woff2"),
+         url("MontserratAlternates-BoldItalic.woff") format("woff");
+}
+
+/** Montserrat Alternates ExtraBold **/
+@font-face {
+    font-family: "Montserrat Alternates";
+    font-weight: 800;
+    font-style: normal;
+    src: url("MontserratAlternates-ExtraBold.eot");
+    src: url("MontserratAlternates-ExtraBold.eot?#iefix") format('embedded-opentype'),
+         url("MontserratAlternates-ExtraBold.woff2") format("woff2"),
+         url("MontserratAlternates-ExtraBold.woff") format("woff");
+}
+
+/** Montserrat Alternates ExtraBold-Italic **/
+@font-face {
+    font-family: "Montserrat Alternates";
+    font-weight: 800;
+    font-style: italic;
+    src: url("MontserratAlternates-ExtraBoldItalic.eot");
+    src: url("MontserratAlternates-ExtraBoldItalic.eot?#iefix") format('embedded-opentype'),
+         url("MontserratAlternates-ExtraBoldItalic.woff2") format("woff2"),
+         url("MontserratAlternates-ExtraBoldItalic.woff") format("woff");
+}
+
+/** Montserrat Alternates Black **/
+@font-face {
+    font-family: "Montserrat Alternates";
+    font-weight: 900;
+    font-style: normal;
+    src: url("MontserratAlternates-Black.eot");
+    src: url("MontserratAlternates-Black.eot?#iefix") format('embedded-opentype'),
+         url("MontserratAlternates-Black.woff2") format("woff2"),
+         url("MontserratAlternates-Black.woff") format("woff");
+}
+
+/** Montserrat Alternates Black-Italic **/
+@font-face {
+    font-family: "Montserrat";
+    font-weight: 900;
+    font-style: italic;
+    src: url("MontserratAlternates-BlackItalic.eot");
+    src: url("MontserratAlternates-BlackItalic.eot?#iefix") format('embedded-opentype'),
+         url("MontserratAlternates-BlackItalic.woff2") format("woff2"),
+         url("MontserratAlternates-BlackItalic.woff") format("woff");
+}