feat: setup Frappe module

frappe/public/css/fonts/gilroy/gilroy.css

@@ -0,0 +1,200 @@
+@font-face {
+    font-family: 'Gilroy';
+    src: local('Gilroy Regular'), local('Gilroy-Regular'),
+        url('/assets/frappe/css/fonts/gilroy/Gilroy-Regular.woff2') format('woff2'),
+        url('/assets/frappe/css/fonts/gilroy/Gilroy-Regular.woff') format('woff'),
+        url('/assets/frappe/css/fonts/gilroy/Gilroy-Regular.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Gilroy';
+    src: local('Gilroy Extrabold Italic'), local('Gilroy-ExtraboldItalic'),
+        url('/assets/frappe/css/fonts/gilroy/Gilroy-ExtraboldItalic.woff2') format('woff2'),
+        url('/assets/frappe/css/fonts/gilroy/Gilroy-ExtraboldItalic.woff') format('woff'),
+        url('/assets/frappe/css/fonts/gilroy/Gilroy-ExtraboldItalic.ttf') format('truetype');
+    font-weight: 800;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Gilroy';
+    src: local('Gilroy Bold'), local('Gilroy-Bold'),
+        url('/assets/frappe/css/fonts/gilroy/Gilroy-Bold.woff2') format('woff2'),
+        url('/assets/frappe/css/fonts/gilroy/Gilroy-Bold.woff') format('woff'),
+        url('/assets/frappe/css/fonts/gilroy/Gilroy-Bold.ttf') format('truetype');
+    font-weight: bold;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Gilroy';
+    src: local('Gilroy Black'), local('Gilroy-Black'),
+        url('/assets/frappe/css/fonts/gilroy/Gilroy-Black.woff2') format('woff2'),
+        url('/assets/frappe/css/fonts/gilroy/Gilroy-Black.woff') format('woff'),
+        url('/assets/frappe/css/fonts/gilroy/Gilroy-Black.ttf') format('truetype');
+    font-weight: 900;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Gilroy';
+    src: local('Gilroy Light'), local('Gilroy-Light'),
+        url('/assets/frappe/css/fonts/gilroy/Gilroy-Light.woff2') format('woff2'),
+        url('/assets/frappe/css/fonts/gilroy/Gilroy-Light.woff') format('woff'),
+        url('/assets/frappe/css/fonts/gilroy/Gilroy-Light.ttf') format('truetype');
+    font-weight: 300;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Gilroy';
+    src: local('Gilroy Semibold'), local('Gilroy-Semibold'),
+        url('/assets/frappe/css/fonts/gilroy/Gilroy-Semibold.woff2') format('woff2'),
+        url('/assets/frappe/css/fonts/gilroy/Gilroy-Semibold.woff') format('woff'),
+        url('/assets/frappe/css/fonts/gilroy/Gilroy-Semibold.ttf') format('truetype');
+    font-weight: 600;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Gilroy';
+    src: local('Gilroy Medium'), local('Gilroy-Medium'),
+        url('/assets/frappe/css/fonts/gilroy/Gilroy-Medium.woff2') format('woff2'),
+        url('/assets/frappe/css/fonts/gilroy/Gilroy-Medium.woff') format('woff'),
+        url('/assets/frappe/css/fonts/gilroy/Gilroy-Medium.ttf') format('truetype');
+    font-weight: 500;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Gilroy';
+    src: local('Gilroy Medium Italic'), local('Gilroy-MediumItalic'),
+        url('/assets/frappe/css/fonts/gilroy/Gilroy-MediumItalic.woff2') format('woff2'),
+        url('/assets/frappe/css/fonts/gilroy/Gilroy-MediumItalic.woff') format('woff'),
+        url('/assets/frappe/css/fonts/gilroy/Gilroy-MediumItalic.ttf') format('truetype');
+    font-weight: 500;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Gilroy';
+    src: local('Gilroy Black Italic'), local('Gilroy-BlackItalic'),
+        url('/assets/frappe/css/fonts/gilroy/Gilroy-BlackItalic.woff2') format('woff2'),
+        url('/assets/frappe/css/fonts/gilroy/Gilroy-BlackItalic.woff') format('woff'),
+        url('/assets/frappe/css/fonts/gilroy/Gilroy-BlackItalic.ttf') format('truetype');
+    font-weight: 900;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Gilroy';
+    src: local('Gilroy UltraLight'), local('Gilroy-UltraLight'),
+        url('/assets/frappe/css/fonts/gilroy/Gilroy-UltraLight.woff2') format('woff2'),
+        url('/assets/frappe/css/fonts/gilroy/Gilroy-UltraLight.woff') format('woff'),
+        url('/assets/frappe/css/fonts/gilroy/Gilroy-UltraLight.ttf') format('truetype');
+    font-weight: 200;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Gilroy';
+    src: local('Gilroy Regular Italic'), local('Gilroy-RegularItalic'),
+        url('/assets/frappe/css/fonts/gilroy/Gilroy-RegularItalic.woff2') format('woff2'),
+        url('/assets/frappe/css/fonts/gilroy/Gilroy-RegularItalic.woff') format('woff'),
+        url('/assets/frappe/css/fonts/gilroy/Gilroy-RegularItalic.ttf') format('truetype');
+    font-weight: normal;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Gilroy';
+    src: local('Gilroy Semibold Italic'), local('Gilroy-SemiboldItalic'),
+        url('/assets/frappe/css/fonts/gilroy/Gilroy-SemiboldItalic.woff2') format('woff2'),
+        url('/assets/frappe/css/fonts/gilroy/Gilroy-SemiboldItalic.woff') format('woff'),
+        url('/assets/frappe/css/fonts/gilroy/Gilroy-SemiboldItalic.ttf') format('truetype');
+    font-weight: 600;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Gilroy';
+    src: local('Gilroy Heavy Italic'), local('Gilroy-HeavyItalic'),
+        url('/assets/frappe/css/fonts/gilroy/Gilroy-HeavyItalic.woff2') format('woff2'),
+        url('/assets/frappe/css/fonts/gilroy/Gilroy-HeavyItalic.woff') format('woff'),
+        url('/assets/frappe/css/fonts/gilroy/Gilroy-HeavyItalic.ttf') format('truetype');
+    font-weight: 900;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Gilroy';
+    src: local('Gilroy Extrabold'), local('Gilroy-Extrabold'),
+        url('/assets/frappe/css/fonts/gilroy/Gilroy-Extrabold.woff2') format('woff2'),
+        url('/assets/frappe/css/fonts/gilroy/Gilroy-Extrabold.woff') format('woff'),
+        url('/assets/frappe/css/fonts/gilroy/Gilroy-Extrabold.ttf') format('truetype');
+    font-weight: 800;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Gilroy';
+    src: local('Gilroy Bold Italic'), local('Gilroy-BoldItalic'),
+        url('/assets/frappe/css/fonts/gilroy/Gilroy-BoldItalic.woff2') format('woff2'),
+        url('/assets/frappe/css/fonts/gilroy/Gilroy-BoldItalic.woff') format('woff'),
+        url('/assets/frappe/css/fonts/gilroy/Gilroy-BoldItalic.ttf') format('truetype');
+    font-weight: bold;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Gilroy';
+    src: local('Gilroy UltraLight Italic'), local('Gilroy-UltraLightItalic'),
+        url('/assets/frappe/css/fonts/gilroy/Gilroy-UltraLightItalic.woff2') format('woff2'),
+        url('/assets/frappe/css/fonts/gilroy/Gilroy-UltraLightItalic.woff') format('woff'),
+        url('/assets/frappe/css/fonts/gilroy/Gilroy-UltraLightItalic.ttf') format('truetype');
+    font-weight: 200;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Gilroy';
+    src: local('Gilroy Light Italic'), local('Gilroy-LightItalic'),
+        url('/assets/frappe/css/fonts/gilroy/Gilroy-LightItalic.woff2') format('woff2'),
+        url('/assets/frappe/css/fonts/gilroy/Gilroy-LightItalic.woff') format('woff'),
+        url('/assets/frappe/css/fonts/gilroy/Gilroy-LightItalic.ttf') format('truetype');
+    font-weight: 300;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Gilroy';
+    src: local('Gilroy Heavy'), local('Gilroy-Heavy'),
+        url('/assets/frappe/css/fonts/gilroy/Gilroy-Heavy.woff2') format('woff2'),
+        url('/assets/frappe/css/fonts/gilroy/Gilroy-Heavy.woff') format('woff'),
+        url('/assets/frappe/css/fonts/gilroy/Gilroy-Heavy.ttf') format('truetype');
+    font-weight: 900;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Gilroy';
+    src: local('Gilroy Thin'), local('Gilroy-Thin'),
+        url('/assets/frappe/css/fonts/gilroy/Gilroy-Thin.woff2') format('woff2'),
+        url('/assets/frappe/css/fonts/gilroy/Gilroy-Thin.woff') format('woff'),
+        url('/assets/frappe/css/fonts/gilroy/Gilroy-Thin.ttf') format('truetype');
+    font-weight: 100;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Gilroy';
+    src: local('Gilroy Thin Italic'), local('Gilroy-ThinItalic'),
+        url('/assets/frappe/css/fonts/gilroy/Gilroy-ThinItalic.woff2') format('woff2'),
+        url('/assets/frappe/css/fonts/gilroy/Gilroy-ThinItalic.woff') format('woff'),
+        url('/assets/frappe/css/fonts/gilroy/Gilroy-ThinItalic.ttf') format('truetype');
+    font-weight: 100;
+    font-style: italic;
+}
+

frappe/public/css/fonts/gilroy/gilroy.scss

@@ -0,0 +1 @@
+@import "frappe/public/css/fonts/gilroy/gilroy.css";

frappe/public/js/frappe/list/list_sidebar.js

@@ -268,23 +268,23 @@ frappe.views.ListSidebar = class ListSidebar {
 				this.insights_banner.remove();
 			}
 
-			const message = "Get more insights with";
-			const link = "https://frappe.io/s/insights";
-			const cta = "Frappe Insights";
-
-			this.insights_banner = $(`
-				<div style="position: relative;">
-					<div class="pr-3">
-						${message} <a href="${link}" target="_blank" style="color: var(--text-color)">${cta} &rarr; </a>
-					</div>
-					<div style="position: absolute; top: -1px; right: -4px; cursor: pointer;" title="Dismiss"
-						onclick="localStorage.setItem('show_insights_banner', 'false') || this.parentElement.remove()">
-						<svg class="icon  icon-sm" style="">
-							<use class="" href="#icon-close"></use>
-						</svg>
-					</div>
-				</div>
-			`).appendTo(this.sidebar);
+			// const message = "Get more insights with";
+			// const link = "https://frappe.io/s/insights";
+			// const cta = "Zapal Insights";
+
+			// this.insights_banner = $(`
+			// 	<div style="position: relative;">
+			// 		<div class="pr-3">
+			// 			${message} <a href="${link}" target="_blank" style="color: var(--text-color)">${cta} &rarr; </a>
+			// 		</div>
+			// 		<div style="position: absolute; top: -1px; right: -4px; cursor: pointer;" title="Dismiss"
+			// 			onclick="localStorage.setItem('show_insights_banner', 'false') || this.parentElement.remove()">
+			// 			<svg class="icon  icon-sm" style="">
+			// 				<use class="" href="#icon-close"></use>
+			// 			</svg>
+			// 		</div>
+			// 	</div>
+			// `).appendTo(this.sidebar);
 		} catch (error) {
 			console.error(error);
 		}