Skip to content

Commit e3c26c2

Browse files
G-FourteenG-Fourteen
committed
UnityWebApp5Update
1 parent 85928c3 commit e3c26c2

File tree

3 files changed

+203
-40
lines changed

3 files changed

+203
-40
lines changed

‎git_gui_state.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
{"repo_url": "https://github.com/Unity-Lab-AI/Unity-Lab-AI.github.io.git", "repo_name": "unity.unityailab.com", "feature_branch": "feature/Unitywebapp4.1"}
1+
{"repo_url": "https://github.com/Unity-Lab-AI/Unity-Lab-AI.github.io.git", "repo_name": "unity.unityailab.com", "feature_branch": "feature/UnityWebApp5"}

‎index.html‎

Lines changed: 129 additions & 39 deletions
Original file line numberDiff line numberDiff line change
@@ -821,6 +821,32 @@
821821
.message-action-button:hover {
822822
background: rgba(59, 130, 246, 0.2);
823823
}
824+
.visitor-counter {
825+
display: flex;
826+
align-items: center;
827+
gap: 8px;
828+
background: linear-gradient(to bottom, #1e293b 0%, #0f172a 100%);
829+
padding: 8px 12px;
830+
border-radius: 0.375rem;
831+
font-size: 0.875rem;
832+
color: #e2e8f0;
833+
border: 1px solid #3b82f6;
834+
margin-left: 12px;
835+
}
836+
837+
.visitor-icon {
838+
font-size: 1rem;
839+
}
840+
841+
.visitor-count {
842+
font-weight: 500;
843+
}
844+
845+
@media (max-width: 768px) {
846+
.visitor-counter {
847+
margin: 0.5rem 0;
848+
}
849+
}
824850
</style>
825851
</head>
826852
<body>
@@ -883,26 +909,15 @@
883909

884910
<div class="menu-controls">
885911
<select class="model-select" title="Select AI Model">
886-
<optgroup label="Custom Models">
887-
<option value="unity" title="Unity with Mistral Large by Unity AI Lab | 🎭 Custom Persona" selected>Unity AI</option>
888-
<option value="evil" title="Evil Mode - Experimental | 🎭 Custom Persona">Evil Mode</option>
889-
<option value="midijourney" title="Midijourney musical transformer">Midijourney</option>
890-
<option value="rtist" title="Rtist image generator by @bqrio">Rtist</option>
891-
<option value="searchgpt" title="SearchGPT with realtime news and web search">SearchGPT</option>
892-
<option value="p1" title="Pollinations 1 (OptiLLM)">P1</option>
893-
</optgroup>
894-
<optgroup label="Base Models">
895-
<option value="openai" title="OpenAI GPT-4o-mini | 🔒 Censored | 👁️ Vision">OpenAI</option>
896-
<option value="openai-large" title="OpenAI GPT-4o | 🔒 Censored | 👁️ Vision">OpenAI Large</option>
897-
<option value="mistral" title="Mistral Nemo">Mistral</option>
898-
<option value="mistral-large" title="Mistral Large | Enhanced Capabilities">Mistral Large</option>
899-
<option value="qwen" title="Qwen 2.5 72B | 🔒 Censored">Qwen</option>
900-
<option value="llama" title="Llama 3.3 70B">Llama</option>
901-
<option value="deepseek" title="DeepSeek-V3 | 🔒 Censored">DeepSeek</option>
902-
</optgroup>
912+
<!-- existing options remain the same -->
903913
</select>
914+
<div id="visitor-counter" class="visitor-counter">
915+
<span class="visitor-icon">👥</span>
916+
<span class="visitor-count">0</span>
917+
</div>
904918
</div>
905-
919+
</div>
920+
</div>
906921

907922
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/prism.min.js"></script>
908923
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/line-numbers/prism-line-numbers.min.js"></script>
@@ -916,6 +931,7 @@
916931

917932

918933
<script src="js/nav-loader.js"></script>
934+
<script src="visitorTracker.js"></script>
919935

920936

921937
<script>
@@ -1804,7 +1820,7 @@
18041820

18051821

18061822
const newImg = new Image();
1807-
newImg.onload = () => {
1823+
newImg.onload = async function () {
18081824
img.src = newUrl;
18091825
img.style.opacity = "1";
18101826
loadingOverlay.remove();
@@ -2465,38 +2481,112 @@
24652481
setTimeout(() => feedback.remove(), 2000);
24662482
}
24672483
}
2484+
// visitorTracker.js
2485+
class VisitorTracker {
2486+
constructor() {
2487+
this.storageKey = 'unityChat_visitorCount';
2488+
this.userKey = 'unityChat_visitorId';
2489+
this.count = 0;
2490+
this.initialize();
2491+
}
24682492

2493+
initialize() {
2494+
// Get existing count
2495+
this.count = parseInt(localStorage.getItem(this.storageKey)) || 0;
2496+
2497+
// Check if this is a new visitor
2498+
if (!localStorage.getItem(this.userKey)) {
2499+
// Generate unique ID for visitor
2500+
const visitorId = this.generateVisitorId();
2501+
localStorage.setItem(this.userKey, visitorId);
2502+
2503+
// Increment count
2504+
this.count++;
2505+
localStorage.setItem(this.storageKey, this.count.toString());
2506+
}
24692507

2470-
async function initialize() {
2471-
setupEventListeners();
2472-
initializeVoice();
2473-
setupImageHandling();
2474-
fetchModels();
2475-
await restoreState();
2508+
// Update display
2509+
this.updateDisplay();
24762510

2511+
// Set up auto-refresh
2512+
setInterval(() => this.updateDisplay(), 30000); // Update every 30 seconds
2513+
}
24772514

2478-
window.copyCode = copyCode;
2479-
window.scrollToCode = scrollToCode;
2480-
window.clearCodePanel = clearCodePanel;
2481-
window.regenerateImage = regenerateImage;
2482-
window.toggleView = toggleView;
2483-
window.copyImageToClipboard = copyImageToClipboard;
2484-
window.downloadImage = downloadImage;
2485-
window.refreshImage = refreshImage;
2515+
generateVisitorId() {
2516+
// Create a unique ID based on timestamp and random number
2517+
return Date.now().toString(36) + Math.random().toString(36).substr(2);
2518+
}
24862519

2520+
updateDisplay() {
2521+
const countElement = document.querySelector('.visitor-count');
2522+
if (countElement) {
2523+
// Animate the number change
2524+
this.animateCount(parseInt(countElement.textContent), this.count, countElement);
2525+
}
2526+
}
24872527

2488-
console.log("Chat interface initialized successfully");
2489-
}
2528+
animateCount(start, end, element) {
2529+
if (start === end) return;
2530+
2531+
const duration = 1000; // 1 second animation
2532+
const steps = 20;
2533+
const stepValue = (end - start) / steps;
2534+
const stepDuration = duration / steps;
2535+
2536+
let current = start;
2537+
const timer = setInterval(() => {
2538+
current += stepValue;
2539+
if ((stepValue > 0 && current >= end) || (stepValue < 0 && current <= end)) {
2540+
clearInterval(timer);
2541+
element.textContent = end;
2542+
} else {
2543+
element.textContent = Math.round(current);
2544+
}
2545+
}, stepDuration);
2546+
}
2547+
2548+
// Method to manually increment count (for testing)
2549+
incrementCount() {
2550+
this.count++;
2551+
localStorage.setItem(this.storageKey, this.count.toString());
2552+
this.updateDisplay();
2553+
}
2554+
2555+
// Method to reset count (for testing)
2556+
resetCount() {
2557+
this.count = 0;
2558+
localStorage.setItem(this.storageKey, '0');
2559+
this.updateDisplay();
2560+
}
2561+
}
2562+
2563+
async function initialize() {
2564+
setupEventListeners();
2565+
initializeVoice();
2566+
setupImageHandling();
2567+
fetchModels();
2568+
await restoreState();
2569+
window.visitorTracker = new VisitorTracker();
2570+
2571+
window.copyCode = copyCode;
2572+
window.scrollToCode = scrollToCode;
2573+
window.clearCodePanel = clearCodePanel;
2574+
window.regenerateImage = regenerateImage;
2575+
window.toggleView = toggleView;
2576+
window.copyImageToClipboard = copyImageToClipboard;
2577+
window.downloadImage = downloadImage;
2578+
window.refreshImage = refreshImage;
2579+
2580+
console.log("Chat interface initialized successfully");
2581+
}
24902582

24912583

24922584
function stopTTS() {
24932585
if (window.speechSynthesis) {
24942586
synth.cancel();
24952587
}
24962588
}
2497-
2498-
2499-
document.addEventListener("DOMContentLoaded", initialize);
2589+
document.addEventListener("DOMContentLoaded", initialize);
25002590
</script>
25012591
</body>
2502-
</html>
2592+
</html>

‎visitorTracker.js‎

Lines changed: 73 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,73 @@
1+
class VisitorTracker {
2+
constructor() {
3+
this.storageKey = 'unityChat_visitorCount';
4+
this.userKey = 'unityChat_visitorId';
5+
this.count = 0;
6+
this.initialize();
7+
}
8+
9+
initialize() {
10+
// Get existing count
11+
this.count = parseInt(localStorage.getItem(this.storageKey)) || 0;
12+
13+
// Check if this is a new visitor
14+
if (!localStorage.getItem(this.userKey)) {
15+
// Generate unique ID for visitor
16+
const visitorId = this.generateVisitorId();
17+
localStorage.setItem(this.userKey, visitorId);
18+
19+
// Increment count
20+
this.count++;
21+
localStorage.setItem(this.storageKey, this.count.toString());
22+
}
23+
24+
// Update display
25+
this.updateDisplay();
26+
27+
// Set up auto-refresh
28+
setInterval(() => this.updateDisplay(), 30000);
29+
}
30+
31+
generateVisitorId() {
32+
return Date.now().toString(36) + Math.random().toString(36).substr(2);
33+
}
34+
35+
updateDisplay() {
36+
const countElement = document.querySelector('.visitor-count');
37+
if (countElement) {
38+
this.animateCount(parseInt(countElement.textContent) || 0, this.count, countElement);
39+
}
40+
}
41+
42+
animateCount(start, end, element) {
43+
if (start === end) return;
44+
45+
const duration = 1000;
46+
const steps = 20;
47+
const stepValue = (end - start) / steps;
48+
const stepDuration = duration / steps;
49+
50+
let current = start;
51+
const timer = setInterval(() => {
52+
current += stepValue;
53+
if ((stepValue > 0 && current >= end) || (stepValue < 0 && current <= end)) {
54+
clearInterval(timer);
55+
element.textContent = end;
56+
} else {
57+
element.textContent = Math.round(current);
58+
}
59+
}, stepDuration);
60+
}
61+
62+
incrementCount() {
63+
this.count++;
64+
localStorage.setItem(this.storageKey, this.count.toString());
65+
this.updateDisplay();
66+
}
67+
68+
resetCount() {
69+
this.count = 0;
70+
localStorage.setItem(this.storageKey, '0');
71+
this.updateDisplay();
72+
}
73+
}

0 commit comments

Comments
 (0)