From dc92c32005c8ae830af98e1cadea110b22014a97 Mon Sep 17 00:00:00 2001
From: Eko Widianto <ekowidianto@outlook.com>
Date: Thu, 18 Apr 2024 13:15:05 +0800
Subject: [PATCH] feat: update page title and icon

---
 index.html         | 99 ++++++++++++++++++++++++++++------------------
 public/favicon.svg | 79 ++++++++++++++++++++++++++++++++++++
 2 files changed, 140 insertions(+), 38 deletions(-)
 create mode 100644 public/favicon.svg

diff --git a/index.html b/index.html
index fc452ec..4eea27d 100644
--- a/index.html
+++ b/index.html
@@ -5,72 +5,95 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
 
     <!--
-        Notice the use of %BASE_URL% in the tags above.
+        Notice the use of %BASE_URL% in the tags below.
         It will be replaced with the URL of the `public` folder during the build.
         Only files inside the `public` folder can be referenced from the HTML.
 
         Unlike "/favicon.ico" or "favicon.ico", "%BASE_URL%favicon.ico" will
         work correctly both with client-side routing and a non-root public URL.
     -->
-    <link rel="icon" type="image/png" sizes="32x32" href="%BASE_URL%favicon-32x32.png">
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="32x32"
+      href="%BASE_URL%favicon.svg"
+    />
 
-    <title>Keycloakify starter</title>
+    <title>Coursemology Account</title>
 
-    <link rel="preload" href="%BASE_URL%fonts/WorkSans/worksans-bold-webfont.woff2" as="font" crossorigin="anonymous">
-    <link rel="preload" href="%BASE_URL%fonts/WorkSans/worksans-medium-webfont.woff2" as="font" crossorigin="anonymous">
-    <link rel="preload" href="%BASE_URL%fonts/WorkSans/worksans-regular-webfont.woff2" as="font" crossorigin="anonymous">
-    <link rel="preload" href="%BASE_URL%fonts/WorkSans/worksans-semibold-webfont.woff2" as="font" crossorigin="anonymous">
+    <link
+      rel="preload"
+      href="%BASE_URL%fonts/WorkSans/worksans-bold-webfont.woff2"
+      as="font"
+      crossorigin="anonymous"
+    />
+    <link
+      rel="preload"
+      href="%BASE_URL%fonts/WorkSans/worksans-medium-webfont.woff2"
+      as="font"
+      crossorigin="anonymous"
+    />
+    <link
+      rel="preload"
+      href="%BASE_URL%fonts/WorkSans/worksans-regular-webfont.woff2"
+      as="font"
+      crossorigin="anonymous"
+    />
+    <link
+      rel="preload"
+      href="%BASE_URL%fonts/WorkSans/worksans-semibold-webfont.woff2"
+      as="font"
+      crossorigin="anonymous"
+    />
     <!-- SEE: https://docs.keycloakify.dev/limitations#self-hosted-fonts -->
     <!-- Don't forget to import your custom fonts in Storybook as well: https://github.com/keycloakify/keycloakify-starter/blob/bb019e66fb09166cb9af1e24e230994f59daa420/src/keycloak-theme/login/createPageStory.tsx#L21 -->
     <style>
       /* latin */
       @font-face {
-      	font-family: 'Work Sans';
-      	font-style: normal;
-      	font-weight: normal;
-      	/*400*/
-      	font-display: swap;
-      	src: url("%BASE_URL%fonts/WorkSans/worksans-regular-webfont.woff2") format("woff2");
+        font-family: "Work Sans";
+        font-style: normal;
+        font-weight: normal;
+        /*400*/
+        font-display: swap;
+        src: url("%BASE_URL%fonts/WorkSans/worksans-regular-webfont.woff2")
+          format("woff2");
       }
-    
+
       /* latin */
       @font-face {
-      	font-family: 'Work Sans';
-      	font-style: normal;
-      	font-weight: 500;
-      	font-display: swap;
-      	src: url("%BASE_URL%fonts/WorkSans/worksans-medium-webfont.woff2") format("woff2");
+        font-family: "Work Sans";
+        font-style: normal;
+        font-weight: 500;
+        font-display: swap;
+        src: url("%BASE_URL%fonts/WorkSans/worksans-medium-webfont.woff2")
+          format("woff2");
       }
-    
+
       /* latin */
       @font-face {
-      	font-family: 'Work Sans';
-      	font-style: normal;
-      	font-weight: 600;
-      	font-display: swap;
-      	src: url("%BASE_URL%fonts/WorkSans/worksans-semibold-webfont.woff2") format("woff2");
+        font-family: "Work Sans";
+        font-style: normal;
+        font-weight: 600;
+        font-display: swap;
+        src: url("%BASE_URL%fonts/WorkSans/worksans-semibold-webfont.woff2")
+          format("woff2");
       }
-    
+
       /* latin */
       @font-face {
-      	font-family: 'Work Sans';
-      	font-style: normal;
-      	font-weight: bold;
-      	/*700*/
-      	font-display: swap;
-      	src: url("%BASE_URL%fonts/WorkSans/worksans-bold-webfont.woff2") format("woff2");
+        font-family: "Work Sans";
+        font-style: normal;
+        font-weight: bold;
+        /*700*/
+        font-display: swap;
+        src: url("%BASE_URL%fonts/WorkSans/worksans-bold-webfont.woff2")
+          format("woff2");
       }
     </style>
-
-    <meta name="keycloakify-ignore-start">
-    <script>console.log("This is logged Only in the main app, stripped out in the theme")</script>
-    <meta name="keycloakify-ignore-end">
-
   </head>
 
   <body>
     <div id="root"></div>
     <script type="module" src="/src/main.tsx"></script>
   </body>
-
 </html>
diff --git a/public/favicon.svg b/public/favicon.svg
new file mode 100644
index 0000000..1afc299
--- /dev/null
+++ b/public/favicon.svg
@@ -0,0 +1,79 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="500px" height="500px" viewBox="0 0 500 500" enable-background="new 0 0 500 500" xml:space="preserve">
+<rect x="32" y="245" width="437" height="10"/>
+<rect x="245" y="32" width="10" height="437"/>
+<rect x="31.402" y="245.017" transform="matrix(0.866 -0.5 0.5 0.866 -91.3974 158.4647)" width="437.197" height="9.53"/>
+<rect x="31.184" y="245.831" transform="matrix(0.5 0.866 -0.866 0.5 341.9138 -91.0197)" width="437.197" height="9.53"/>
+<rect x="30.995" y="245.126" transform="matrix(0.5 -0.866 0.866 0.5 -91.6154 341.0997)" width="437.197" height="9.531"/>
+<rect x="31.213" y="245.941" transform="matrix(0.866 0.5 -0.5 0.866 158.8218 -91.3177)" width="437.198" height="9.53"/>
+<path d="M250,0.131C112.002,0.131,0.131,112.002,0.131,250c0,137.999,111.871,249.869,249.869,249.869
+	c137.999,0,249.869-111.87,249.869-249.869C499.869,112.002,387.999,0.131,250,0.131z M250,490.936
+	C116.936,490.936,9.065,383.064,9.065,250S116.936,9.065,250,9.065S490.936,116.936,490.936,250S383.064,490.936,250,490.936z"/>
+<path d="M250,24.552C125.489,24.552,24.552,125.489,24.552,250c0,124.512,100.938,225.448,225.448,225.448
+	c124.512,0,225.448-100.937,225.448-225.448C475.448,125.489,374.512,24.552,250,24.552z M250,465.322
+	C131.081,465.322,34.678,368.92,34.678,250c0-118.919,96.403-215.322,215.322-215.322S465.322,131.081,465.322,250
+	C465.322,368.92,368.919,465.322,250,465.322z"/>
+<circle cx="250" cy="250" r="196.262"/>
+<path fill="#FFFFFF" d="M250,191.33c-32.402,0-58.67,26.268-58.67,58.67c0,32.403,26.268,58.67,58.67,58.67
+	c32.403,0,58.67-26.267,58.67-58.67C308.67,217.598,282.403,191.33,250,191.33z M265.784,212.178c4.605,0,8.339,3.732,8.339,8.339
+	c0,4.605-3.733,8.339-8.339,8.339s-8.339-3.733-8.339-8.339C257.445,215.91,261.179,212.178,265.784,212.178z M237.194,212.178
+	c4.605,0,8.339,3.732,8.339,8.339c0,4.605-3.733,8.339-8.339,8.339c-4.606,0-8.339-3.733-8.339-8.339
+	C228.855,215.91,232.588,212.178,237.194,212.178z M250.025,299.701c-24.854,0-45.396-18.559-48.815-42.498l97.655,0.242
+	C295.524,281.271,274.944,299.701,250.025,299.701z"/>
+<path fill="#FFFFFF" d="M202.052,256.254"/>
+<g>
+	<path fill="#FFFFFF" d="M176.45,126.489c0.514-6.947,1.304-11.894,2.373-14.841c1.422-4.027,3.705-7.321,6.852-9.882
+		c3.711-3.02,8.104-4.713,13.177-5.083c5.075-0.369,9.659,1.962,13.752,6.991c2.858,3.512,4.503,6.761,4.937,9.747
+		c0.433,2.987-0.126,6.126-1.678,9.417c-1.551,3.291-3.671,6.029-6.356,8.214c-3.146,2.561-6.821,4.143-11.028,4.747
+		c-3.127,0.418-8.145,0.17-15.052-0.737c-0.665,9-3.701,15.701-9.107,20.101c-3.57,2.905-7.562,4.261-11.977,4.069
+		c-4.416-0.191-8.004-1.984-10.764-5.378c-2.737-3.362-3.758-7.231-3.061-11.609c0.697-4.377,2.83-8.018,6.4-10.923
+		C160.325,126.923,167.502,125.312,176.45,126.489z M176.28,133.752c-5.25-0.675-9.067-0.747-11.454-0.215s-4.357,1.431-5.912,2.696
+		c-2.05,1.668-3.258,3.667-3.626,5.994c-0.367,2.329,0.321,4.562,2.065,6.706c1.719,2.112,3.799,3.226,6.243,3.341
+		c2.442,0.114,4.672-0.647,6.686-2.287C173.852,147.083,175.851,141.67,176.28,133.752z M183.56,127.755
+		c6.344,1.516,11.394,1.982,15.149,1.399c2.425-0.34,4.645-1.33,6.659-2.969c2.686-2.186,4.26-4.853,4.725-8.002
+		c0.464-3.146-0.54-6.238-3.011-9.274c-2.566-3.154-5.456-4.81-8.668-4.968c-3.211-0.155-6.196,0.887-8.952,3.13
+		c-1.731,1.409-3.019,3.149-3.86,5.218C184.496,115.119,183.815,120.273,183.56,127.755z"/>
+</g>
+<g>
+	<g>
+		<path fill="#FFFFFF" d="M114.739,270.428l-11.876-43.279l-3.423-18.391l14.983-2.788l3.423,18.391l4.688,44.616L114.739,270.428z"
+			/>
+	</g>
+	<circle fill="#FFFFFF" cx="122.832" cy="285.44" r="8.935"/>
+</g>
+<polygon fill="#FFFFFF" points="229.853,363.582 211.728,357.98 217.328,339.855 197.995,333.881 192.394,352.005 174.269,346.404 
+	168.295,365.738 186.419,371.34 180.818,389.465 200.151,395.438 205.753,377.313 223.878,382.915 "/>
+<path fill="#FFFFFF" d="M346.507,335.474l-1.892-30.973l-4.241,0.05l1.306,33.905c0,0,3.024,4.544,6.648,10.544h-33.126
+	c3.632-6,6.663-10.544,6.663-10.544l1.696-33.8l-4.17-0.028l-1.787,30.909c0,0-22.038,31.879-19.655,40.219
+	c2.382,8.338,19.06,9.244,24.421,9.244c2.373,0,4.979,0,7.147,0c2.729,0,4.765,0,4.765,0c2.309,0,5.103,0,7.563,0
+	c5.36,0,21.986-0.938,24.368-9.276C368.597,367.385,346.507,335.474,346.507,335.474z M360.433,373.915
+	c-1.7,5.949-19.491,5.085-23.316,5.085c-1.693,0-5.216,0-5.216,0s-3.864,0-5.558,0c-3.825,0-21.574,0.864-23.274-5.085
+	c-0.914-3.199,4.59-13.485,9.874-22.029l37.801,0.412C355.965,360.782,361.338,370.748,360.433,373.915z"/>
+<g>
+	<path fill="#FFFFFF" d="M412.906,203.839l-8.735-19.061l-19.457,9.927l-12.228,56.517l-7.249-2.187l-2.165,12.68l6.108,1.836
+		l-7.562,21.822l16.452,5.7l7.694-22.201l-4.579-1.587l-6.027,17.391l-7.294-2.527l5.961-17.202l4.656,1.401l0.812,0.281
+		l-0.811-0.281l13.974,4.202l4.936-11.815l-6.597-1.989L412.906,203.839z M388.884,197.684l12.508-5.956l6.354,12.706
+		l-22.247,50.713l-9.389-2.831L388.884,197.684z M389.777,265.424l-21.94-6.688l0.797-4.45l23.024,6.945L389.777,265.424z"/>
+	<polygon fill="#FFFFFF" points="386.698,244.938 399.803,203.64 398.414,201.06 395.633,202.647 381.934,243.35 383.125,246.525 	
+		"/>
+</g>
+<g>
+	<path fill="#FFFFFF" d="M307.833,106.029c0.746,0,1.463,0.082,2.138,0.256c7.086,1.828,16.627,7.198,19.333,8.926
+		s11.703,7.695,17.476,15.205c5.775,7.511-1.338,28.554-2.28,33.137c-0.82,3.991-3.496,12.217-8.873,12.217
+		c-0.797,0-1.655-0.181-2.573-0.583c-6.327-2.772-2.525-19.511-6.164-25.035c-3.643-5.524-9.126-10.529-11.592-12.206
+		c-2.467-1.677-9.173-4.438-15.683-5.622c-0.367-0.066-0.756-0.097-1.168-0.097c-5.475,0-14.606,5.515-20.498,5.515
+		c-1.513,0-2.812-0.363-3.78-1.275c-5.656-5.322,2.366-12.428,6.213-15.091C283.944,118.908,298.428,106.029,307.833,106.029
+		 M307.833,101.295c-9.409,0-21.257,9.274-27.621,14.257c-1.086,0.851-2.022,1.583-2.525,1.932
+		c-2.896,2.004-9.683,7.383-10.181,14.043c-0.237,3.16,0.945,6.061,3.418,8.387c1.806,1.7,4.17,2.562,7.024,2.562
+		c3.851,0,8.126-1.591,12.261-3.13c3.001-1.118,6.403-2.385,8.237-2.385c0.185,0,0.286,0.016,0.32,0.022
+		c6.376,1.158,12.269,3.792,13.868,4.878c1.97,1.34,7.013,5.911,10.301,10.897c0.83,1.26,1.04,5.796,1.18,8.797
+		c0.331,7.122,0.707,15.194,7.038,17.968c1.486,0.651,2.992,0.98,4.473,0.98c2.398,0,10.461-1.153,13.511-15.998
+		c0.123-0.597,0.429-1.746,0.786-3.075c3.575-13.369,6.124-26.729,0.61-33.899c-5.97-7.765-15.055-13.992-18.685-16.31
+		c-2.318-1.481-12.632-7.439-20.696-9.521C310.11,101.433,308.993,101.295,307.833,101.295L307.833,101.295z"/>
+</g>
+<circle fill="#FFFFFF" cx="307.8" cy="120.685" r="5.523"/>
+<circle fill="#FFFFFF" cx="330.288" cy="136.071" r="5.524"/>
+</svg>