Dev customize charte mi

webapp/css/custom.css

@@ -25,3 +25,160 @@ header {
 footer {
     font-family: 'Kode Mono', sans-serif; !important;
 }*/
+/* Fonts */
+
+@font-face {
+    font-family: 'Marianne-Thin';
+    src:
+            url('../fonts/Marianne-Thin.woff2') format('woff2'),
+            url('../fonts/Marianne-Thin.woff') format('woff');
+    font-weight: 100;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'Marianne-Thin_Italic';
+    src:
+            url('../fonts/Marianne-Thin_Italic.woff2') format('woff2'),
+            url('../fonts/Marianne-Thin_Italic.woff') format('woff');
+    font-weight: 100;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Marianne-Regular';
+    src:
+            url('../fonts/Marianne-Regular.woff2') format('woff2'),
+            url('../fonts/Marianne-Regular.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Marianne-Regular_Italic';
+    src:
+            url('../fonts/Marianne-Regular_Italic.woff2') format('woff2'),
+            url('../fonts/Marianne-Regular_Italic.woff') format('woff');
+    font-weight: normal;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Marianne-Medium';
+    src:
+            url('../fonts/Marianne-Medium.woff2') format('woff2'),
+            url('../fonts/Marianne-Medium.woff') format('woff');
+    font-weight: 500;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'Marianne-Medium_Italic';
+    src:
+            url('../fonts/Marianne-Medium_Italic.woff2') format('woff2'),
+            url('../fonts/Marianne-Medium_Italic.woff') format('woff');
+    font-weight: 500;
+    font-style: italic;
+}
+@font-face {
+    font-family: 'Marianne-Light';
+    src:
+            url('../fonts/Marianne-Light.woff2') format('woff2'),
+            url('../fonts/Marianne-Light.woff') format('woff');
+    font-weight: 300;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'Marianne-Light_Italic';
+    src:
+            url('../fonts/Marianne-Light_Italic.woff2') format('woff2'),
+            url('../fonts/Marianne-Light_Italic.woff') format('woff');
+    font-weight: 300;
+    font-style: italic;
+}
+@font-face {
+    font-family: 'Marianne-ExtraBold';
+    src:
+            url('../fonts/Marianne-ExtraBold.woff2') format('woff2'),
+            url('../fonts/Marianne-ExtraBold.woff') format('woff');
+    font-weight: 800;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'Marianne-ExtraBold_Italic';
+    src:
+            url('../fonts/Marianne-ExtraBold_Italic.woff2') format('woff2'),
+            url('../fonts/Marianne-ExtraBold_Italic.woff') format('woff');
+    font-weight: 800;
+    font-style: italic;
+}
+@font-face {
+    font-family: 'Marianne-Bold';
+    src:
+            url('../fonts/Marianne-Bold.woff2') format('woff2'),
+            url('../fonts/Marianne-Bold.woff') format('woff');
+    font-weight: bold;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Marianne-Bold_Italic';
+    src:
+            url('../fonts/Marianne-Bold_Italic.woff2') format('woff2'),
+            url('../fonts/Marianne-Bold_Italic.woff') format('woff');
+    font-weight: bold;
+    font-style: italic;
+}
+
+/* Global */
+
+body {
+    font-family: 'Marianne-Regular', sans-serif !important;
+    color: #686868 !important;
+}
+
+/* Header */
+
+header {
+    font-family: 'Marianne-Regular', sans-serif !important;
+}
+
+header h1 {
+    color: #355689 !important;
+}
+
+header a:hover, header a:visited, header a:link, header a:active {
+    color: #D8E5F8 !important;
+}
+
+/* Footer */
+
+footer {
+    color: #355689 !important;
+    font-family: 'Marianne-Regular', sans-serif !important;
+}
+
+
+/* Tile */
+
+.tile {
+    background-color: rgba(53, 86, 137, 0.7) !important;
+    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.52) !important;
+}
+
+.tile > .panel-heading {
+    background-color: #D8E5F8 !important;
+}
+
+/* File list */
+
+.file-name-invalid {
+    color: #AD4847 !important;
+}
+
+.file-status {
+    color: #AD4847 !important;
+}
+
+/* Tokens */
+.token-speach {
+    font-family: 'Marianne-Regular', sans-serif !important;
+}

webapp/index.html

@@ -31,7 +31,7 @@ <h1><a href="#/_">{{title}}</a></h1>
                 </div>
                 <!-- TOP MENU -->
                 <div class="col-sm-9 text-right hidden-xs">
-                    <a ng-if="isFeatureEnabled('authentication') && !user" href="#/login"><i class="fa fa-lock"></i> Authentication</a>
+                    <a ng-if="auth_button && isFeatureEnabled('authentication') && !user" href="#/login"><i class="fa fa-lock"></i> Authentication</a>
                     <a ng-if="isFeatureEnabled('authentication') && user" href="#/login">{{user.login}}</a>
                     &nbsp;
                     <a ng-if="isFeatureEnabled('authentication') && user && user.admin" href="#/admin"><i class="fa fa-wrench"></i> Admin&nbsp;</a>

webapp/js/ctrl/menu.js

@@ -1,7 +1,9 @@
 plik.controller('MenuCtrl', ['$rootScope', '$scope', '$config',
     function ($rootScope, $scope, $config) {
-        // Set title
-        $rootScope.title = TITLE;
+
+        // Static config
+        $rootScope.title = CONFIG.TITLE || "Plik";
+        $scope.auth_button = !CONFIG.DISABLE_AUTH_BUTTON;
 
         // Get server config
         $config.getConfig()

webapp/js/custom.js

@@ -1 +1,8 @@
-const TITLE = "Plik"
+CONFIG = {
+    // Title of the tab and logo
+    "TITLE": "Plik",
+
+    // Disable the authentication button
+    // Authentication page can still be accessed at https://plik.tld/#/login if enabled
+    "DISABLE_AUTH_BUTTON": false
+}