add documentation, include old custom font again

README.md

@@ -13,6 +13,8 @@ To report bugs use [engelsystem/issues](https://github.com/engelsystem/engelsyst
  * PHP >= 7.0.0
  * MySQL-Server >= 5.5 or MariaDB-Server >= 5.5 
  * Webserver, i.e. lighttpd, nginx, or Apache
+ * Node >= 8 (Development/Building only)
+ * Yarn (Development/Building only)
 
 ### Directions:
  * Clone the master branch: `git clone https://github.com/engelsystem/engelsystem.git`
@@ -20,13 +22,20 @@ To report bugs use [engelsystem/issues](https://github.com/engelsystem/engelsyst
  * Install project dependencies:
      ```bash
      composer install
+     yarn
      ```
     On production systems it is recommended to use
     ```bash
     composer install --no-dev
     composer dump-autoload --optimize
+    
     ```
     to install the engelsystem
+ * Build the frontend assets
+    ```bash
+    yarn build
+    ```
+    
  * The webserver must have write access to the ```import``` directory and read access for all other directories
  * The webserver must point to the ```public``` directory.
  * The webserver must read the ```.htaccess``` file and ```mod_rewrite``` must be enabled

frontend/angelFont/angelFont.css

@@ -0,0 +1,28 @@
+@font-face {
+	font-family: 'angelFont';
+	src:url('./angelFont.eot?-kja6ux');
+	src:url('./angelFont.eot?#iefix-kja6ux') format('embedded-opentype'),
+		url('./angelFont.woff?-kja6ux') format('woff'),
+		url('./angelFont.ttf?-kja6ux') format('truetype'),
+		url('./angelFont.svg?-kja6ux#icomoon') format('svg');
+	font-weight: normal;
+	font-style: normal;
+}
+
+[class^="icon-"], [class*=" icon-"] {
+	font-family: 'angelFont';
+	speak: none;
+	font-style: normal;
+	font-weight: normal;
+	font-variant: normal;
+	text-transform: none;
+	line-height: 1;
+
+	/* Better Font Rendering =========== */
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+.icon-icon_angel:before {
+	content: "\e600";
+}

frontend/angelFont/angelFont.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Generated by IcoMoon</metadata>
+<defs>
+<font id="icomoon" horiz-adv-x="512">
+<font-face units-per-em="512" ascent="480" descent="-32" />
+<missing-glyph horiz-adv-x="512" />
+<glyph unicode="&#x20;" d="" horiz-adv-x="256" />
+<glyph unicode="&#xe600;" d="M262.158 408.627c-70.507 0-127.664-66.46-127.664-148.443 0-45.996 17.956-87.059 46.202-114.287v-34.156l-179.946-52.779v-94.564l510.657-4.399v94.563l-165.356 59.377h-2.432v31.957c28.247 27.228 46.202 68.291 46.202 114.287 0 81.983-57.157 148.443-127.664 148.443zM262.158 479c-124.226 0-224.932-40.861-224.932-91.265s100.706-91.265 224.932-91.265c124.226 0 224.932 40.861 224.932 91.265s-100.706 91.265-224.932 91.265zM262.158 432.818c102.738 0 186.025-28.553 186.025-63.775s-83.286-63.776-186.025-63.776c-102.738 0-186.025 28.553-186.025 63.776s83.286 63.775 186.025 63.775z" />
+</font></defs></svg>

frontend/js/moment-countdown.js

@@ -1,3 +1,8 @@
+/*
+ * Initialize all moment countdowns on the page. A moment countdown has the
+ * class "moment-countdown" and the attribute "data-timestamp" which defines the
+ * countdown's time goal.
+ */
 $(document).ready(function () {
     if (typeof moment !== "undefined") {
         $.each($(".moment-countdown"), function (i, e) {
@@ -11,4 +16,4 @@ $(document).ready(function () {
             }, 1000);
         });
     }
-});
+});

frontend/js/vendor.js

@@ -9,7 +9,6 @@ import 'imports-loader?this=>window&define=>false&exports=>false!moment';
 import 'imports-loader?this=>window&define=>false&exports=>false!moment/locale/de';
 import './forms';
 import './sticky-headers';
-import 'icomoon/style.css';
 import './moment-countdown';
 
 $(function () {

frontend/themes/base.less

@@ -1,6 +1,5 @@
-@import "../node_modules/bootstrap/less/bootstrap";
+@import "../../node_modules/bootstrap/less/bootstrap";
-
+@import "../angelFont/angelFont.css";
-@icon-font-path: "../fonts/";
 
 body {
   padding-top: 50px;
@@ -57,7 +56,7 @@ body {
 	position: relative;
 	font-size: 20px;
   color: @headings-color;
-	
+
 	.panel-link {
 	  position: absolute;
     width: 100%;
@@ -70,7 +69,7 @@ body {
     opacity: 0; /* Fix to make div clickable in IE */
     filter: alpha(opacity=1); /* Fix to make div clickable in IE */
 	}
-	
+
 	.panel-link:hover {
     opacity: 0.3;
 	}

frontend/themes/theme1.less

@@ -1,4 +1,4 @@
-@import "../node_modules/bootstrap/less/variables";
+@import "../../node_modules/bootstrap/less/variables";
 
 /*
 The MIT License (MIT)
@@ -96,8 +96,6 @@ THE SOFTWARE.
 //
 //## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.
 
-//** Load fonts from this directory.
-@icon-font-path:          "../fonts/";
 //** File name for all font files.
 @icon-font-name:          "glyphicons-halflings-regular";
 //** Element ID within SVG icon file.

frontend/themes/theme2.less

@@ -1,4 +1,4 @@
-@import "../node_modules/bootstrap/less/variables";
+@import "../../node_modules/bootstrap/less/variables";
 
 @brand-primary:         #758499;
 @brand-success:         #7b9c41;

frontend/themes/theme3.less

@@ -1,4 +1,4 @@
-@import "../node_modules/bootstrap/less/variables";
+@import "../../node_modules/bootstrap/less/variables";
 
 @brand-primary:         #f19224;
 @brand-success:         #39AB50;

frontend/themes/theme4.less

@@ -1,4 +1,4 @@
-@import "../node_modules/bootstrap/less/variables";
+@import "../../node_modules/bootstrap/less/variables";
 
 /*
 The MIT License (MIT)
@@ -96,8 +96,6 @@ THE SOFTWARE.
 //
 //## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.
 
-//** Load fonts from this directory.
-@icon-font-path:          "../fonts/";
 //** File name for all font files.
 @icon-font-name:          "glyphicons-halflings-regular";
 //** Element ID within SVG icon file.
@@ -1046,7 +1044,7 @@ a.thumbnail.active {
   }
 }
 
-.label-warning, .label-success, .progress-bar-warning, .progress-bar-success, 
+.label-warning, .label-success, .progress-bar-warning, .progress-bar-success,
 .panel-warning .panel-heading, .panel-warning .panel-heading a,
 .panel-success .panel-heading, .panel-success .panel-heading a {
 	color: @gray-darker;

frontend/themes/theme5.less

@@ -1,4 +1,4 @@
-@import "../node_modules/bootstrap/less/variables";
+@import "../../node_modules/bootstrap/less/variables";
 
 @brand-primary:         rgb(164, 28, 49);
 @brand-success:         rgb(153, 204, 0);

frontend/themes/theme6.less

@@ -1,4 +1,4 @@
-@import "../node_modules/bootstrap/less/variables";
+@import "../../node_modules/bootstrap/less/variables";
 
 /*
 The MIT License (MIT)
@@ -99,8 +99,6 @@ THE SOFTWARE.
 //
 //## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.
 
-//** Load fonts from this directory.
-@icon-font-path:          "../fonts/";
 //** File name for all font files.
 @icon-font-name:          "glyphicons-halflings-regular";
 //** Element ID within SVG icon file.

package.json

@@ -13,8 +13,7 @@
     "bootstrap": "^3.3.7",
     "bootstrap-datepicker": "^1.7.1",
     "chart.js": "^1.0.2",
-    "icomoon": "^1.0.0",
+    "jquery": "^3.3.1",
-    "jquery": "^2.1.1",
     "jquery-ui": "^1.11.2",
     "moment": "^2.8.2",
     "select2": "^4.0.6-rc.1",
@@ -27,10 +26,10 @@
     "css-loader": "^0.28.7",
     "extract-text-webpack-plugin": "^3.0.2",
     "file-loader": "^1.1.6",
-    "imports-loader": "^0.7.1",
+    "imports-loader": "^0.8.0",
-    "less": "^2.7.3",
+    "less": "^3.0.2",
     "less-loader": "^4.0.5",
-    "style-loader": "^0.19.1",
+    "style-loader": "^0.21.0",
-    "webpack": "^3.10.0"
+    "webpack": "^3"
   }
 }

webpack.config.js

@@ -17,24 +17,10 @@ const plugins = [
   new ExtractTextPlugin('[name].css'),
 ];
 
-// if (!__DEV__) {
-//   plugins.push(
-//     new webpack.optimize.UglifyJsPlugin({
-//       compress: {
-//         warnings: false,
-//       },
-//       output: {
-//         comments: false,
-//       },
-//       screwIe8: true,
-//       sourceMap: false,
-//     })
-//   );
-// }
 
 const themeEntries = {};
 for (let i = 0; i < 7; i++) {
-  themeEntries[`theme${i}`] = `./themes/theme${i}.less`;
+  themeEntries[`theme${i}`] = `./frontend/themes/theme${i}.less`;
 }
 
 module.exports = {
@@ -44,7 +30,7 @@ module.exports = {
   },
   entry: {
     ...themeEntries,
-      vendor: './js/vendor.js',
+      vendor: './frontend/js/vendor.js',
   },
   output: {
     path: path.resolve('public/assets'),