2024-12-09 00:56:55 -06:00
<!DOCTYPE html>
< html >
< head >
< title > FCast Receiver< / title >
< meta charset = "UTF-8" >
2025-05-09 10:44:26 -05:00
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" / >
2024-12-09 00:56:55 -06:00
< 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 >
2024-12-17 00:10:12 -06:00
< 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 >
2024-12-09 00:56:55 -06:00
< 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" >
2025-01-06 20:35:57 -06:00
< 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 >
2024-12-09 00:56:55 -06:00
< / div >
< / div >
< div id = "detail-view" class = "card" >
2025-05-09 10:44:26 -05:00
< div class = "non-selectable card-title" > Connection Information< / div >
2024-12-09 00:56:55 -06:00
< div class = "card-title-separator" > < / div >
2025-05-09 10:44:26 -05:00
< 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 >
2024-12-09 00:56:55 -06:00
< / div >
< / div >
< / div >
2025-01-06 20:35:57 -06:00
< div id = "toast-notification" >
< div id = "toast-icon" > < / div >
< div id = "toast-text" > < / div >
< / div >
2024-12-17 00:10:12 -06:00
< div id = "window-can-be-closed" class = "non-selectable" > App will continue to listen for connections when suspended in the background< / div >
2024-12-09 00:56:55 -06:00
< / div >
< / div >
2025-01-06 20:35:57 -06:00
< script src = "./preload.js" > < / script >
2024-12-09 00:56:55 -06:00
< script src = "./renderer.js" > < / script >
< / body >
< / html >
