- 扫描 ID：
- f58437cd-c62e-41ab-b18c-f6f0b6f9a61b已完成
- 提交的 URL：
- https://xn--w-sgae.gay/
- 报告完成时间：
链接 · 找到 0 个
从页面中识别出的传出链接
JavaScript 变量 · 找到 5 个
在页面窗口对象上加载的全局 JavaScript 变量是在函数外部声明的变量，可以从当前范围内的代码中的任何位置访问
| 名称 | 类型 |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| $ | function |
| jQuery | function |
控制台日志消息 · 找到 2 条
记录到 Web 控制台的消息
| 类型 | 类别 | 记录 |
|---|---|---|
| error | network |
|
| error | other |
|
HTML
页面的原始 HTML 正文
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<meta http-equiv="Cache-control" content="public">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Be silly rawr :3">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="referrer" content="no-referrer-when-downgrade">
<meta http-equiv="Permissions-Policy" content="geolocation=(), microphone=(), camera=(), fullscreen=(self)">
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<title>uwu</title>
<style>
/* General Body and Header Styles */
body {
margin: 0;
font-family: Arial, sans-serif;
background-color: #0e0e0e;
color: #e0e0e0;
overflow: hidden;
}
header {
display: flex;
justify-content: flex-start; /* Align items to the left */
align-items: center;
padding: 15px 20px; /* Reduced padding for better left alignment */
background-color: #222;
position: fixed;
width: 100%;
top: 0;
z-index: 100;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}
.logo {
font-size: 24px;
font-weight: bold;
color: #76e0c1;
letter-spacing: 1px;
cursor: pointer;
transition: transform 0.3s;
margin-right: 30px; /* Adjust space between logo and navigation */
}
.logo:hover {
transform: scale(1.1);
}
.nav-menu {
list-style: none;
display: flex;
gap: 20px; /* Reduced gap to tighten spacing */
margin: 0;
padding: 0;
}
.nav-menu a {
text-decoration: none;
color: #ffffff;
font-size: 16px;
padding: 8px 12px;
border-radius: 8px;
transition: background-color 0.3s, transform 0.3s;
position: relative;
}
.nav-menu a::before {
content: '';
position: absolute;
bottom: 0;
left: 50%;
width: 0;
height: 2px;
background-color: #76e0c1;
transition: width 0.3s ease, left 0.3s ease;
}
.nav-menu a:hover::before {
width: 100%;
left: 0;
}
.nav-menu a:hover {
background-color: #333;
transform: translateY(-3px);
}
/* Section Styles */
.section {
display: none;
position: fixed;
top: 60px;
left: 0;
width: 100%;
height: calc(100% - 60px);
padding: 40px;
background: linear-gradient(145deg, #1f1f1f, #2a2a2a);
color: #f5f5f5;
overflow-y: auto;
opacity: 0;
transform: translateY(50px) scale(0.95);
transition: opacity 0.5s ease, transform 0.5s ease;
z-index: 10;
border-radius: 10px;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
}
.section.active {
display: block;
opacity: 1;
transform: translateY(0) scale(1);
}
h1 {
color: #76e0c1;
font-size: 2.5em;
margin-top: 0;
}
/* Media Upload Section Styles */
.upload-container {
margin-top: 20px;
padding: 20px;
border: 2px dashed #76e0c1;
border-radius: 10px;
background-color: #2b2b2b;
text-align: center;
}
.upload-form {
display: flex;
gap: 10px;
margin-top: 10px;
justify-content: center;
align-items: center;
flex-wrap: wrap; /* Allow wrapping to prevent cutoff */
width: 100%;
max-width: 600px; /* Added to constrain maximum size */
margin: 0 auto; /* Center the form */
}
.upload-form * {
box-sizing: border-box; /* Ensures padding and borders are included in the element's total size */
}
.upload-form input[type="file"] {
font-size: 16px;
color: #e0e0e0;
background-color: #2a2a2a;
border: 1px solid #444;
border-radius: 5px;
padding: 8px;
flex: 1 1 auto; /* Allow input to take available space */
min-width: 120px; /* Ensure a minimum size */
}
.upload-form button {
font-size: 16px;
padding: 10px 20px;
background-color: #76e0c1;
border: none;
border-radius: 5px;
cursor: pointer;
color: #0e0e0e;
transition: background-color 0.3s;
flex-shrink: 0; /* Prevent shrinking */
min-width: 80px; /* Ensure button maintains a usable size */
}
.upload-form button:hover {
background-color: #5ab09e;
}
/* Gallery and Report Button Styles */
.gallery {
display: flex;
flex-direction: column;
overflow-y: auto;
padding: 10px;
max-height: 90vh;
box-sizing: border-box;
width: 90%;
background-color: #1a1a1a;
border: 1px solid #333;
border-radius: 10px;
margin-top: 20px;
}
.gallery-item {
padding: 10px;
margin-bottom: 10px;
background-color: #2a2a2a;
border-radius: 8px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.gallery img, .gallery video {
max-width: 100%;
height: auto;
max-height: 80vh;
border-radius: 5px;
border: 1px solid #444;
}
.report-button {
position: absolute;
bottom: 10px;
right: 10px;
background-color: #ff4b4b;
color: #fff;
border: none;
padding: 5px 10px;
cursor: pointer;
border-radius: 3px;
transition: background-color 0.3s;
}
.report-button:hover {
background-color: #e63939;
}
</style>
</head>
<body>
<header>
<div class="logo">Hewwo</div>
<nav>
<ul class="nav-menu">
<li><a href="#" data-section="home">Home</a></li>
<li><a href="#" data-section="projects">Projects</a></li>
<li><a href="#" data-section="about">About Me</a></li>
<li><a href="#" data-section="community">Community</a></li>
<li><a href="#" data-section="contact">Contact</a></li>
<li><a href="#" data-section="media">Media</a></li>
</ul>
</nav>
</header>
<!-- Background Overlay -->
<div class="background-overlay"></div>
<main>
<section id="home" class="section active">
<h1>Welcome to My Portfolio</h1>
<p>I exist.</p>
<p>This website is under construction, Media is the only completed one so far.</p>
</section>
<section id="projects" class="section">
<h1>Projects</h1>
<p>Here are some of the amazing things I've worked on recently.</p>
</section>
<section id="about" class="section">
<h1>About Me</h1>
<p>Discover more about my journey, skills, and passions.</p>
</section>
<section id="community" class="section">
<h1>Community</h1>
<p>Join the conversation and connect with a great community.</p>
</section>
<section id="contact" class="section">
<h1>Contact</h1>
<p>Let's collaborate! Reach out through my social media or email.</p>
</section>
<!-- Media Upload Section -->
<section id="media" class="section">
<h1>Upload an Image or Video</h1>
<h3>Please report any images to [email protected]</h3>
<form class="upload-form" id="uploadForm" enctype="multipart/form-data">
<input type="file" name="image" required="">
<button type="submit">Upload</button>
</form>
<a href="/Legal/TOS.txt">Terms of Service</a> |
<a href="/Legal/AUP.txt">Acceptable Use Policy</a> |
<a href="/Legal/DRP.txt">Data Retention Policy</a>
<div class="gallery" id="gallery"><div class="gallery-item"><img src="/Gallery/-5357377600865035697_121.jpg"><button class="report-button">Report</button></div><div class="gallery-item"><video src="/Gallery/0ff041f51651b583f6f89a0fde6e0c3d.mp4" controls=""></video><button class="report-button">Report</button></div><div class="gallery-item"><img src="/Gallery/12MU32q.png"><button class="report-button">Report</button></div><div class="gallery-item"><img src="/Gallery/1627122515_photo_2020-09-09_11-46-14.jpg"><button class="report-button">Report</button></div><div class="gallery-item"><video src="/Gallery/16409438ceaafef8690a504100a08da6.mp4" controls=""></video><button class="report-button">Report</button></div><div class="gallery-item"><img src="/Gallery/2000HRS!!.png"><button class="report-button">Report</button></div><div class="gallery-item"><video src="/Gallery/20240319_181353.mp4" controls=""></video><button class="report-button">Report</button></div><div class="gallery-item"><img src="/Gallery/20240608_044446.jpg"><button class="report-button">Report</button></div><div class="gallery-item"><img src="/Gallery/20240620_002559.jpg"><button class="report-button">Report</button></div><div class="gallery-item"><img src="/Gallery/20240813_001204.jpg"><button class="report-button">Report</button></div><div class="gallery-item"><img src="/Gallery/20240814_111258.jpg"><button class="report-button">Report</button></div><div class="gallery-item"><img src="/Gallery/250px-OwOwhatsthis.png"><button class="report-button">Report</button></div><div class="gallery-item"><video src="/Gallery/2_5235578662970989090.mp4" controls=""></video><button class="report-button">Report</button></div><div class="gallery-item"><video src="/Gallery/40020ad4fab82020a66a3119584737e4.mp4" controls=""></video><button class="report-button">Report</button></div><div class="gallery-item"><video src="/Gallery/4KDS.mp4" controls=""></video><button class="report-button">Report</button></div><div class="gallery-item"><img src="/Gallery/510767-stalker.jpg"><button class="report-button">Report</button></div><div class="gallery-item"><video src="/Gallery/554BA92094D58A1E646E62D6738ED3A4_video_dashinit.mp4" controls=""></video><button class="report-button">Report</button></div><div class="gallery-item"><img src="/Gallery/56afd4c3bf9cb7b88505d99ecc2219ee.png"><button class="report-button">Report</button></div><div class="gallery-item"><img src="/Gallery/6306524f223c8d6c33821b9684df69e3.png"><button class="report-button">Report</button></div><div class="gallery-item"><img src="/Gallery/Bonjour.png"><button class="report-button">Report</button></div><div class="gallery-item"><img src="/Gallery/Captur2e.PNG"><button class="report-button">Report</button></div><div class="gallery-item"><img src="/Gallery/Capture.PNG"><button class="report-button">Report</button></div><div class="gallery-item"><img src="/Gallery/DREAMWORKSLOL.PNG"><button class="report-button">Report</button></div><div class="gallery-item"><video src="/Gallery/Download(3).mp4" controls=""></video><button class="report-button">Report</button></div><div class="gallery-item"><video src="/Gallery/Download(49).mp4" controls=""></video><button class="report-button">Report</button></div><div class="gallery-item"><video src="/Gallery/Download(67).mp4" controls=""></video><button class="report-button">Report</button></div><div class="gallery-item"><video src="/Gallery/Download(70).mp4" controls=""></video><button class="report-button">Report</button></div><div class="gallery-item"><video src="/Gallery/EMINEMS_GREATEST_PERFORMANCE.mp4" controls=""></video><button class="report-button">Report</button></div><div class="gallery-item"><img src="/Gallery/Ew.jpg"><button class="report-button">Report</button></div><div class="gallery-item"><img src="/Gallery/GIukBoAXQAA9Eb8.jpg"><button class="report-button">Report</button></div><div class="gallery-item"><img src="/Gallery/GUmIBroWsAA1jUB.jpg"><button class="report-button">Report</button></div><div class="gallery-item"><img src="/Gallery/GUodlURWQAAwuwf.jpg"><button class="report-button">Report</button></div><div class="gallery-item"><img src="/Gallery/GUqCPfYWEAAZD3m.jpg"><button class="report-button">Report</button></div><div class="gallery-item"><img src="/Gallery/GUtLKcJbgAAqQzr.jpg"><button class="report-button">Report</button></div><div class="gallery-item"><img src="/Gallery/GVu2sUxW8AACiRk.jpg"><button class="report-button">Report</button></div><div class="gallery-item"><img src="/Gallery/GVzx-acXQAELA8X.jpg"><button class="report-button">Report</button></div><div class="gallery-item"><img src="/Gallery/IMG_0705.jpg"><button class="report-button">Report</button></div><div class="gallery-item"><img src="/Gallery/IMG_20230617_121007030_BURST000_COVER.jpg"><button class="report-button">Report</button></div><div class="gallery-item"><img src="/Gallery/IMG_3525.jpg"><button class="report-button">Report</button></div><div class="gallery-item"><img src="/Gallery/IMG_7560.jpg"><button class="report-button">Report</button></div><div class="gallery-item"><img src="/Gallery/IMG_8146.jpg"><button class="report-button">Report</button></div><div class="gallery-item"><img src="/Gallery/My BapperBeast.png"><button class="report-button">Report</button></div><div class="gallery-item"><video src="/Gallery/Nations Of The World.mp4" controls=""></video><button class="report-button">Report</button></div><div class="gallery-item"><video src="/Gallery/Papa_Johns.mp4" controls=""></video><button class="report-button">Report</button></div><div class="gallery-item"><video src="/Gallery/Peter Falls and Hurts His Knee, Family Guy S02E20.mp4" controls=""></video><button class="report-button">Report</button></div><div class="gallery-item"><img src="/Gallery/Screenshot 2023-04-17 203523.png"><button class="report-button">Report</button></div><div class="gallery-item"><img src="/Gallery/Screenshot 2023-04-17 203850.png"><button class="report-button">Report</button></div><div class="gallery-item"><img src="/Gallery/Screenshot_20240721_225528_Discord.jpg"><button class="report-button">Report</button></div><div class="gallery-item"><img src="/Gallery/Screenshot_20240811_180448_X.jpg"><button class="report-button">Report</button></div><div class="gallery-item"><img src="/Gallery/Shorelineknight.png"><button class="report-button">Report</button></div><div class="gallery-item"><video src="/Gallery/Stormtrooper pees on Darth Vader.mp4" controls=""></video><button class="report-button">Report</button></div><div class="gallery-item"><img src="/Gallery/Untitled.jpg"><button class="report-button">Report</button></div><div class="gallery-item"><img src="/Gallery/WHY.jpg"><button class="report-button">Report</button></div><div class="gallery-item"><video src="/Gallery/Washing Machine versus Brick_ An epic battle.mp4" controls=""></video><button class="report-button">Report</button></div><div class="gallery-item"><img src="/Gallery/Weareallgoingtodie.png"><button class="report-button">Report</button></div><div class="gallery-item"><video src="/Gallery/a8423863d28e0c6f6ffbbfd66b4f3239.mp4" controls=""></video><button class="report-button">Report</button></div><div class="gallery-item"><img src="/Gallery/community_image_1372690001.jpg"><button class="report-button">Report</button></div><div class="gallery-item"><video src="/Gallery/d4a53fe4780edddc22e00bc8ff7c1176.mp4" controls=""></video><button class="report-button">Report</button></div><div class="gallery-item"><video src="/Gallery/fd1426054a2d4922b569592cefd0e57c.mp4" controls=""></video><button class="report-button">Report</button></div><div class="gallery-item"><video src="/Gallery/huffin.mp4" controls=""></video><button class="report-button">Report</button></div><div class="gallery-item"><video src="/Gallery/k8VFjP7C.mp4" controls=""></video><button class="report-button">Report</button></div><div class="gallery-item"><img src="/Gallery/kirmpetcar.jpg"><button class="report-button">Report</button></div><div class="gallery-item"><img src="/Gallery/splashscreen.png"><button class="report-button">Report</button></div><div class="gallery-item"><video src="/Gallery/tiktok.mp4" controls=""></video><button class="report-button">Report</button></div><div class="gallery-item"><video src="/Gallery/videoplayback.mp4" controls=""></video><button class="report-button">Report</button></div><div class="gallery-item"><video src="/Gallery/yt1s.com - Animatronics Playing Fortnite_1080p.mp4" controls=""></video><button class="report-button">Report</button></div><div class="gallery-item"><video src="/Gallery/yt1s.com - Jerma Gets NUKED ANIMATED_1080p.mp4" controls=""></video><button class="report-button">Report</button></div><div class="gallery-item"><video src="/Gallery/yt1s.com - The Shock Waves_1080p.mp4" controls=""></video><button class="report-button">Report</button></div><div class="gallery-item"><video src="/Gallery/yt1s.com - Theres nothing we can do Napoleon Amour Plastique Videoclub slightly slowed_1080p.mp4" controls=""></video><button class="report-button">Report</button></div></div>
</section>
</main>
<script>
// JavaScript for smooth navigation and unique section transitions
document.addEventListener('DOMContentLoaded', function () {
const links = document.querySelectorAll('.nav-menu a');
const sections = document.querySelectorAll('.section');
// Activate home section by default
document.getElementById('home').classList.add('active');
links.forEach(link => {
link.addEventListener('click', function (e) {
e.preventDefault();
const targetId = this.getAttribute('data-section');
const targetSection = document.getElementById(targetId);
// Hide all sections
sections.forEach(section => section.classList.remove('active'));
// Show the selected section
targetSection.classList.add('active');
});
});
// File upload and gallery display functionality
const gallery = document.getElementById('gallery');
const uploadForm = document.getElementById('uploadForm');
// WebSocket setup for auto-refresh with secure WebSocket protocol
const socket = new WebSocket('wss://' + window.location.host);
socket.onmessage = function(event) {
if (event.data === 'refresh') {
location.reload();
}
};
// Load gallery
function loadGallery() {
fetch('/api/media')
.then(response => response.json())
.then(media => {
gallery.innerHTML = ''; // Clear existing gallery
media.forEach(file => {
const item = document.createElement('div');
item.className = 'gallery-item';
let element;
if (/\.(mp4|webm|mkv)$/i.test(file)) {
element = document.createElement('video');
element.src = `/Gallery/${file}`;
element.controls = true;
} else if (/\.(jpe?g|png|gif)$/i.test(file)) {
element = document.createElement('img');
element.src = `/Gallery/${file}`;
}
// Create the report button
const reportButton = document.createElement('button');
reportButton.textContent = 'Report';
reportButton.className = 'report-button';
reportButton.onclick = () => reportMedia(file);
item.appendChild(element);
item.appendChild(reportButton);
gallery.appendChild(item);
});
})
.catch(error => console.error('Error loading gallery:', error));
}
function reportMedia(filename) {
$.ajax({
url: '/report',
type: 'POST',
data: { filename: filename },
success: function(response) {
alert('The file has been reported.');
loadGallery(); // Optionally reload the gallery after reporting
},
error: function() {
alert('There was an error reporting the file.');
}
});
}
// Load gallery initially
loadGallery();
// Handle file upload
$('#uploadForm').on('submit', function(e) {
e.preventDefault();
let formData = new FormData();
formData.append('image', $('input[type=file]')[0].files[0]);
$.ajax({
url: '/upload',
type: 'POST',
data: formData,
processData: false,
contentType: false,
success: function(response) {
alert('Upload successful! Conversion will happen in the background.');
loadGallery(); // Optionally reload the gallery after upload
},
error: function() {
alert('There was an error uploading the file.');
}
});
});
});
</script>
</body></html>