mirror of
https://gitlab.com/futo-org/fcast.git
synced 2025-06-24 21:25:23 +00:00
77 lines
3.9 KiB
HTML
77 lines
3.9 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>FCast Receiver</title>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<link rel="stylesheet" href="../assets/fonts/outfit.css" />
|
|
<link rel="stylesheet" href="../assets/fonts/inter.css" />
|
|
<link rel="stylesheet" href="./common.css" />
|
|
<link rel="stylesheet" href="./style.css" />
|
|
</head>
|
|
<body>
|
|
<div id="loading-screen">
|
|
<div id="loading-text" class="non-selectable">Loading FCast</div>
|
|
<div id="spinner" class="lds-ring"><div></div><div></div><div></div><div></div></div>
|
|
</div>
|
|
<div id="main-container">
|
|
<video id="video-player" class="video" autoplay loop>
|
|
<source src="../assets/video/background.mp4" type="video/mp4">
|
|
</video>
|
|
<div id="ui-container">
|
|
<div id="overlay">
|
|
<div id="main-view" >
|
|
<div id="title-container">
|
|
<div id="title-icon"></div>
|
|
<div id="title-text" class="non-selectable">FCast</div>
|
|
</div>
|
|
|
|
<div id="connection-status">
|
|
<div id="connection-status-text" class="non-selectable">Waiting for a connection</div>
|
|
<div id="connection-spinner" class="lds-ring"><div></div><div></div><div></div><div></div></div>
|
|
<div id="connection-check"><div id="connection-check-mark"></div></div>
|
|
</div>
|
|
</div>
|
|
<div id="detail-view" class="card">
|
|
<div class="non-selectable card-title">Connection Information</div>
|
|
<div class="card-title-separator"></div>
|
|
|
|
<div id="connection-information-loading">
|
|
<div id="connection-information-loading-text" class="lds-ring">Fetching Network Info...</div>
|
|
<div id="connection-information-loading-spinner" class="lds-ring"><div></div><div></div><div></div><div></div></div>
|
|
</div>
|
|
<div id="connection-error">
|
|
<div id="connection-error-icon"></div>
|
|
<div id="connection-error-text">Device not connected to a network</div>
|
|
</div>
|
|
<div id="connection-information">
|
|
<div id="scan-to-connect" class="non-selectable">Scan with a FCast sender app</div>
|
|
<canvas id="qr-code"></canvas>
|
|
<div id="app-download" class="non-selectable app-download">Need a sender app?<br>Download Grayjay at <a href="https://grayjay.app" target="_blank">https://grayjay.app</a></div>
|
|
|
|
<br />
|
|
<div id="connection-details" class="non-selectable card-title">Connection Details</div>
|
|
<div id="connection-details-separator" class="card-title-separator"></div>
|
|
<div>
|
|
<div id="ips">
|
|
<div id="ips-iface-icon"></div>
|
|
<div id="ips-iface-text"></div>
|
|
<div id="ips-iface-name"></div>
|
|
</div><br />
|
|
<div id="ip-ports">Port<br>46899 (TCP), 46898 (WS)</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="toast-notification">
|
|
<div id="toast-icon"></div>
|
|
<div id="toast-text"></div>
|
|
</div>
|
|
<div id="window-can-be-closed" class="non-selectable">App will continue to listen for connections when suspended in the background</div>
|
|
</div>
|
|
</div>
|
|
<script src="./preload.js"></script>
|
|
<script src="./renderer.js"></script>
|
|
</body>
|
|
</html>
|