feat: enable offline functionality for frontend (#6152)

Co-authored-by: Vikrant Gupta <vikrant.thomso@gmail.com>
SigNoz · Oct 23, 2024 · 347868c · 347868c
1 parent 17e20e7
commit 347868c
Show file tree

Hide file tree

Showing 8 changed files with 30 additions and 20 deletions.
diff --git a/frontend/public/Images/signoz-hero-image.webp b/frontend/public/Images/signoz-hero-image.webp
diff --git a/frontend/public/css/uPlot.min.css b/frontend/public/css/uPlot.min.css
diff --git a/frontend/public/fonts/FiraCode-VariableFont_wght.ttf b/frontend/public/fonts/FiraCode-VariableFont_wght.ttf
diff --git a/frontend/public/fonts/Inter-VariableFont_opsz,wght.ttf b/frontend/public/fonts/Inter-VariableFont_opsz,wght.ttf
diff --git a/frontend/public/fonts/SpaceMono-Regular.ttf b/frontend/public/fonts/SpaceMono-Regular.ttf
diff --git a/frontend/public/fonts/WorkSans-VariableFont_wght.ttf b/frontend/public/fonts/WorkSans-VariableFont_wght.ttf
diff --git a/frontend/src/index.html.ejs b/frontend/src/index.html.ejs
@@ -30,12 +30,12 @@
 		<meta
 			data-react-helmet="true"
 			property="og:image"
-			content="https://signoz.io/img/signoz-hero-image.webp"
+			content="/images/signoz-hero-image.webp"
 		/>
 		<meta
 			data-react-helmet="true"
 			name="twitter:image"
-			content="https://signoz.io/img/signoz-hero-image.webp"
+			content="/images/signoz-hero-image.webp"
 		/>
 		<meta
 			data-react-helmet="true"
@@ -51,26 +51,10 @@
 		<meta data-react-helmet="true" name="docusaurus_tag" content="default" />
 		<meta name="robots" content="noindex">
 		<link data-react-helmet="true" rel="shortcut icon" href="/favicon.ico" />
-		<link rel="preconnect" href="https://fonts.googleapis.com" />
-		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-		<link
-			href="https://fonts.googleapis.com/css?family=Fira+Code"
-			rel="stylesheet"
-		/>
 
-		<link
-			rel="stylesheet"
-			href="https://unpkg.com/uplot@1.6.26/dist/uPlot.min.css"
-		/>
+		<link rel="stylesheet" href="/css/uPlot.min.css" />
+
 
-		<link rel="preconnect" href="https://fonts.googleapis.com" />
-		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-		<link rel="preconnect" href="https://fonts.googleapis.com" />
-		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-		<link
-			href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700&family=Work+Sans:wght@500&family=Space+Mono&display=swap"
-			rel="stylesheet"
-		/>
 	</head>
 	<body>
 		<noscript>You need to enable JavaScript to run this app.</noscript>

diff --git a/frontend/src/styles.scss b/frontend/src/styles.scss
@@ -274,3 +274,28 @@ notifications	-  2050
 		url('../public/fonts/GeistMonoVF.woff2') format('woff');
 	/* Add other formats if needed (e.g., woff2, truetype, opentype, svg) */
 }
+
+@font-face {
+    font-family: 'Inter';
+    src: url('../public/fonts/Inter-VariableFont_opsz,wght.ttf') format('truetype');
+    font-weight: 300 700;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'Work Sans';
+    src: url('../public/fonts/WorkSans-VariableFont_wght.ttf') format('truetype');
+    font-weight: 500;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'Space Mono';
+    src: url('../public/fonts/SpaceMono-Regular.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'Fira Code';
+    src: url('../public/fonts/FiraCode-VariableFont_wght.ttf') format('truetype');
+    font-weight: 300 700;
+    font-style: normal;
+}