yikes,
This commit is contained in:
skidfire
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
@@ -0,0 +1,76 @@
|
||||
async function loadAnnouncement() {
|
||||
try {
|
||||
const res = await fetch('https://reloxa.xyz/api/communityboard/v2/current');
|
||||
const data = await res.json();
|
||||
const msg = data?.CurrentAnnouncement?.Message;
|
||||
const url = data?.CurrentAnnouncement?.MoreInfoUrl;
|
||||
if (msg) {
|
||||
const bar = document.getElementById('announcement');
|
||||
bar.style.display = 'block';
|
||||
if (url) {
|
||||
bar.innerHTML = `📢 <a href="${url}" target="_blank" rel="noopener">${msg}</a>`;
|
||||
} else {
|
||||
bar.textContent = '📢 ' + msg;
|
||||
}
|
||||
}
|
||||
} catch (e) {}
|
||||
}
|
||||
|
||||
async function loadPhotos() {
|
||||
const grid = document.getElementById('photosGrid');
|
||||
const gridSide = document.getElementById('photosGridSide');
|
||||
try {
|
||||
const res = await fetch('https://reloxa.xyz/api/photos/v1/top/today?skip=0&take=15');
|
||||
const data = await res.json();
|
||||
const photos = Array.isArray(data) ? data : (data.photos || data.Photos || []);
|
||||
if (!photos.length) {
|
||||
grid.innerHTML = '<div style="grid-column:1/-1;padding:8px;color:#666;font-style:italic;font-size:12px">No photos found.</div>';
|
||||
gridSide.innerHTML = '<p class="empty-note">No photos found.</p>';
|
||||
return;
|
||||
}
|
||||
grid.innerHTML = '';
|
||||
gridSide.innerHTML = '';
|
||||
photos.forEach(photo => {
|
||||
const imgName = photo.ImageName || photo.imageName || '';
|
||||
const url = imgName ? `https://reloxa.xyz/imageserver/${imgName}` : '';
|
||||
const mainItem = document.createElement('div');
|
||||
mainItem.className = 'photo-item';
|
||||
const sideItem = document.createElement('div');
|
||||
sideItem.className = 'photo-item';
|
||||
if (url) {
|
||||
mainItem.innerHTML = `<img src="${url}" alt="photo" loading="lazy"/>`;
|
||||
sideItem.innerHTML = `<img src="${url}" alt="photo" loading="lazy"/>`;
|
||||
} else {
|
||||
mainItem.innerHTML = `<div class="placeholder">No image</div>`;
|
||||
sideItem.innerHTML = `<div class="placeholder">No image</div>`;
|
||||
}
|
||||
grid.appendChild(mainItem);
|
||||
gridSide.appendChild(sideItem);
|
||||
});
|
||||
} catch (e) {
|
||||
grid.innerHTML = '<div style="grid-column:1/-1;padding:8px;color:#666;font-style:italic;font-size:12px">Could not load photos.</div>';
|
||||
gridSide.innerHTML = '<p class="empty-note">Could not load photos.</p>';
|
||||
}
|
||||
}
|
||||
|
||||
async function loadFeaturedRoom() {
|
||||
try {
|
||||
const res = await fetch('https://reloxa.xyz/api/communityboard/v2/current');
|
||||
const data = await res.json();
|
||||
const rooms = data?.FeaturedRoomGroup?.Rooms;
|
||||
if (rooms && rooms.length) {
|
||||
const room = rooms[0];
|
||||
const card = document.getElementById('featuredRoom');
|
||||
const imgEl = document.getElementById('featuredRoomImg');
|
||||
const nameEl = document.getElementById('featuredRoomName');
|
||||
const imgUrl = `https://reloxa.xyz/imageserver/${room.ImageName}`;
|
||||
imgEl.innerHTML = `<img src="${imgUrl}" alt="${room.RoomName}" onerror="this.style.display='none'"/>`;
|
||||
nameEl.textContent = room.RoomName;
|
||||
card.style.display = 'block';
|
||||
}
|
||||
} catch (e) {}
|
||||
}
|
||||
|
||||
loadAnnouncement();
|
||||
loadPhotos();
|
||||
loadFeaturedRoom();
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
@@ -0,0 +1,147 @@
|
||||
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; border: 0 solid; }
|
||||
html { font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5; }
|
||||
body { background: #f0f0f0; min-height: 100vh; display: flex; flex-direction: column; }
|
||||
a { color: inherit; text-decoration: none; }
|
||||
a.link { color: #5a1fbf; }
|
||||
a.link:hover { text-decoration: underline; }
|
||||
img, svg { display: block; max-width: 100%; }
|
||||
button { cursor: pointer; font: inherit; }
|
||||
|
||||
.topbar {
|
||||
position: fixed; top: 0; left: 0; right: 0; z-index: 50;
|
||||
display: flex; flex-direction: column;
|
||||
}
|
||||
|
||||
.topbar-main {
|
||||
background: linear-gradient(to bottom, #6B21A8, #4C0F8F);
|
||||
color: white;
|
||||
height: 36px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
font-size: 13px;
|
||||
padding-inline: 5%;
|
||||
}
|
||||
|
||||
.topbar-logo {
|
||||
display: flex; align-items: center; height: 100%;
|
||||
padding-inline: 4px;
|
||||
}
|
||||
.topbar-logo .logo-banner {
|
||||
height: 28px;
|
||||
width: auto;
|
||||
display: block;
|
||||
}
|
||||
.topbar-logo .logo-small {
|
||||
height: 28px;
|
||||
width: auto;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.topbar-spacer { flex: 1; }
|
||||
|
||||
.topbar-nav {
|
||||
background: #191919; color: white;
|
||||
padding: 3px 0;
|
||||
display: flex; flex-wrap: wrap; align-items: center;
|
||||
gap: 10px;
|
||||
font-size: 12px;
|
||||
padding-inline: 5%;
|
||||
}
|
||||
.topbar-nav a:hover { text-decoration: underline; }
|
||||
.topbar-nav .spacer { flex: 1; }
|
||||
|
||||
.announcement-bar {
|
||||
background: #2d1060; color: #e4b4ff;
|
||||
font-size: 11px; text-align: center;
|
||||
padding: 3px 8px;
|
||||
}
|
||||
.announcement-bar a { color: #d8a0ff; text-decoration: underline; }
|
||||
|
||||
.page-wrap {
|
||||
margin-top: 62px;
|
||||
display: flex; justify-content: center; flex: 1;
|
||||
}
|
||||
.page-inner {
|
||||
margin: 0 5px 25px;
|
||||
width: 100%;
|
||||
max-width: 900px;
|
||||
}
|
||||
|
||||
.two-col { display: flex; gap: 10px; margin-top: 10px; }
|
||||
.col-main { flex: 1; display: flex; flex-direction: column; gap: 10px; min-width: 0; }
|
||||
.col-side { width: 280px; flex-shrink: 0; display: flex; flex-direction: column; gap: 10px; }
|
||||
|
||||
.card {
|
||||
border: 1px solid #ccc; border-radius: 5px;
|
||||
overflow: hidden; background: white;
|
||||
}
|
||||
.card-header {
|
||||
padding: 8px 10px 0;
|
||||
font-size: 14px;
|
||||
}
|
||||
.card-header b { font-size: 16px; }
|
||||
.card-body { padding: 10px; }
|
||||
.card-body p { font-size: 12px; color: #666; font-style: italic; }
|
||||
|
||||
.welcome-card .card-body { padding: 10px; font-size: 12px; }
|
||||
.welcome-card .card-body p.title { font-weight: bold; font-size: 14px; color: #000; font-style: normal; margin-bottom: 4px; }
|
||||
|
||||
.photos-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: 4px;
|
||||
padding: 8px;
|
||||
}
|
||||
.photos-grid-side {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
gap: 4px;
|
||||
padding: 8px;
|
||||
}
|
||||
.photo-item {
|
||||
aspect-ratio: 16/9;
|
||||
background: #ddd;
|
||||
overflow: hidden;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.photo-item img { width: 100%; height: 100%; object-fit: cover; }
|
||||
.photo-item .placeholder {
|
||||
width: 100%; height: 100%;
|
||||
display: flex; align-items: center; justify-content: center;
|
||||
color: #999; font-size: 10px; text-align: center;
|
||||
background: linear-gradient(135deg, #e8d4ff, #d4b0ff);
|
||||
}
|
||||
|
||||
.empty-note { padding: 10px; font-size: 12px; color: #666; font-style: italic; }
|
||||
|
||||
.featured-room-card .room-image {
|
||||
width: 100%; aspect-ratio: 16/9;
|
||||
background: linear-gradient(135deg, #6B21A8, #3b0764);
|
||||
overflow: hidden;
|
||||
}
|
||||
.featured-room-card .room-image img { width: 100%; height: 100%; object-fit: cover; }
|
||||
.featured-room-card .room-label { padding: 6px 10px; font-weight: bold; }
|
||||
|
||||
.section-label {
|
||||
font-size: 11px; text-transform: uppercase;
|
||||
color: #6B21A8; font-weight: bold;
|
||||
letter-spacing: 0.5px; margin-bottom: 2px;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.topbar-main, .topbar-nav { padding-inline: 10%; }
|
||||
.announcement-bar { padding-inline: 10%; }
|
||||
}
|
||||
@media (min-width: 1024px) {
|
||||
.topbar-main, .topbar-nav { padding-inline: 15%; }
|
||||
.announcement-bar { padding-inline: 15%; }
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
.two-col { flex-direction: column; }
|
||||
.col-side { width: 100%; }
|
||||
.photos-grid { grid-template-columns: repeat(2, 1fr); }
|
||||
.logo-banner { display: none !important; }
|
||||
.logo-small { display: block !important; }
|
||||
}
|
||||
Binary file not shown.
@@ -0,0 +1,31 @@
|
||||
{
|
||||
"API": "http://192.168.1.134:8082",
|
||||
"Accounts": "http://192.168.1.134:8082",
|
||||
"Auth": "http://192.168.1.134:8082",
|
||||
"BugReporting": "http://192.168.1.134:8082",
|
||||
"CDN": "http://192.168.1.134:8082",
|
||||
"CMS": "http://192.168.1.134:8082",
|
||||
"Chat": "http://192.168.1.134:8082",
|
||||
"Clubs": "http://192.168.1.134:8082",
|
||||
"Commerce": "http://192.168.1.134:8082",
|
||||
"DataCollection": "http://192.168.1.134:8082",
|
||||
"Discovery": "http://192.168.1.134:8082",
|
||||
"Econ": "http://192.168.1.134:8082",
|
||||
"GameLogs": "http://192.168.1.134:8082",
|
||||
"Images": "http://192.168.1.134:8082",
|
||||
"Leaderboard": "http://192.168.1.134:8082",
|
||||
"Link": "http://192.168.1.134:8082",
|
||||
"Lists": "http://192.168.1.134:8082",
|
||||
"Matchmaking": "http://192.168.1.134:8082",
|
||||
"Moderation": "http://192.168.1.134:8082",
|
||||
"Notifications": "http://192.168.1.134:8082",
|
||||
"PlatformNotifications": "http://192.168.1.134:8082",
|
||||
"PlayerSettings": "http://192.168.1.134:8082",
|
||||
"RoomComments": "http://192.168.1.134:8082",
|
||||
"Rooms": "http://192.168.1.134:8082",
|
||||
"Storage": "http://192.168.1.134:8082",
|
||||
"Strings": "http://192.168.1.134:8082",
|
||||
"StringsCDN": "http://192.168.1.134:8082",
|
||||
"Studio": "http://192.168.1.134:8082",
|
||||
"WWW": "http://192.168.1.134:8082",
|
||||
}
|
||||
Reference in New Issue
Block a user