src/frontend/index.html

<!doctype html>
<html lang="en" data-lk-theme="visio-light">
  <head>
    <meta charset="UTF-8" />
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
    <link rel="manifest" href="/site.webmanifest">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>%VITE_APP_TITLE%</title>
  </head>
  <body>
    <div id="root"></div>
    <script type="module" src="/src/main.tsx"></script>
  </body>
</html>
✨(frontend) create Vite app using npm Run the command 'npm create vite@latest' to bootstrap a new frontend project. Please note, other elements of the project still use yarn, to avoid confusion let's use npm instead. Vite was chosen over Next.Js for its simplicity; Next.Js could be kind of a black box where a lot of magics happen. 2024-06-24 15:42:01 +02:00			`<!doctype html>`
♻️(frontend) starting a bit more structured frontend app the idea is to use react aria, panda-css, react query and wouter as a base, in addition to livekit react components this is still mostly wip but it's usable: - homepage shows a login link to create a room - before joining a room you are asked to configure your audio/video/user name - note that if you directly go to a a conference url it creates it even if you are not logged in… very secured! 2024-07-02 20:05:46 +02:00			`<html lang="en" data-lk-theme="visio-light">`
✨(frontend) create Vite app using npm Run the command 'npm create vite@latest' to bootstrap a new frontend project. Please note, other elements of the project still use yarn, to avoid confusion let's use npm instead. Vite was chosen over Next.Js for its simplicity; Next.Js could be kind of a black box where a lot of magics happen. 2024-06-24 15:42:01 +02:00			`<head>`
			`<meta charset="UTF-8" />`
🐛(frontend) fix favicon issues with comprehensive icon set for Safari Add extensive list of favicon formats and sizes to resolve display issues specifically affecting Safari browser, ensuring proper icon rendering across all devices and platforms. 2025-09-08 21:22:11 +02:00			`<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">`
			`<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">`
			`<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">`
			`<link rel="manifest" href="/site.webmanifest">`
✨(frontend) create Vite app using npm Run the command 'npm create vite@latest' to bootstrap a new frontend project. Please note, other elements of the project still use yarn, to avoid confusion let's use npm instead. Vite was chosen over Next.Js for its simplicity; Next.Js could be kind of a black box where a lot of magics happen. 2024-06-24 15:42:01 +02:00			`<meta name="viewport" content="width=device-width, initial-scale=1.0" />`
🔧(frontend) make app title customizable with env variable override Replace default "visio" with "LaSuite Meet" and allow env variable customization. Default Docker image uses "LaSuite Meet", but deployments can override with custom values by setting env vars and rebuilding. 2025-06-06 21:57:57 +02:00			`<title>%VITE_APP_TITLE%</title>`
✨(frontend) create Vite app using npm Run the command 'npm create vite@latest' to bootstrap a new frontend project. Please note, other elements of the project still use yarn, to avoid confusion let's use npm instead. Vite was chosen over Next.Js for its simplicity; Next.Js could be kind of a black box where a lot of magics happen. 2024-06-24 15:42:01 +02:00			`</head>`
			`<body>`
			`<div id="root"></div>`
			`<script type="module" src="/src/main.tsx"></script>`
			`</body>`
			`</html>`