ryan/ESP32-CAM-ONVIF
1
0
Fork 0
forked from external-repos/ESP32-CAM-ONVIF
Code Pull Requests Activity

Hi

Browse Source
This commit is contained in:
John Varghese
2025-07-17 15:07:44 +05:30
parent 53d1e6be94
commit 64e4f44aed
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
ESP32CAM-ONVIF/data/index.html
View File

@@ -4,12 +4,12 @@
<meta charset="UTF-8">
<title>J0X-ESP-CAM Control Panel</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/style.css">
<link rel="stylesheet" href="./style.css">
</head>
<body>
<div id="login-overlay" class="overlay">
<div class="login-box">
<img src="/logo.png" alt="Logo" class="logo-large">
<img src="./logo.png" alt="Logo" class="logo-large">
<h2>J0X-ESP-CAM</h2>
<form id="login-form" onsubmit="return login(event)">
<input type="text" id="username" placeholder="Username" autocomplete="username" required>
@@ -21,7 +21,7 @@
</div>
<header>
<div class="header-bar">
<img src="/logo.png" alt="Logo" class="logo-small">
<img src="./logo.png" alt="Logo" class="logo-small">
<span class="brand">J0X-ESP-CAM</span>
</div>
<div class="status" id="status">Connecting...</div>
@@ -129,6 +129,6 @@
<div class="footer">
Made with <span style="color:#e25555;">&#10084;&#65039;</span> by <a herf="https://github.com/John-Varghese-EH/">J0X</a>
</div>
<script src="/app.js"></script>
<script src="./app.js"></script>
</body>
</html>

2
ESP32CAM-ONVIF/data/style.css
View File

@@ -8,7 +8,7 @@ main { max-width: 700px; margin: 2em auto; background: #232323; border-radius: 8
.section { margin-bottom: 2em; }
label { display: block; margin: 0.5em 0 0.2em; }
input, select, button { padding: 0.5em; border-radius: 4px; border: none; margin-bottom: 0.5em; }
.stream-container { width: 90vw; max-width: 100vw; height: 60vw; /* Or adjust as needed */ max-height: 80vh; overflow: hidden; margin: 0 auto; background: #111; touch-action: none; /* Required for custom gestures */ position: relative; }
.stream-container { width: 95%; max-width: 100%; height: 60%; /* Or adjust as needed */ max-height: 80%; overflow: hidden; margin: 0 auto; background: #111; touch-action: none; /* Required for custom gestures */ position: relative; }
.video-preview { width: 100%; height: 100%; object-fit: contain; user-select: none; cursor: grab; transition: transform 0.05s linear; will-change: transform; }
.btn { background: #08f; color: #fff; cursor: pointer; transition: background 0.2s; }
.btn:active { background: #06c; }