test123 / index.html
MarkTheArtist's picture
undefined - Initial Deployment
94c2a89 verified
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mark's Hugging Face Links</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
line-height: 1.6;
color: #333;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
min-height: 100vh;
padding: 20px;
}
.container {
max-width: 1000px;
margin: 0 auto;
background: white;
border-radius: 20px;
box-shadow: 0 20px 40px rgba(0,0,0,0.1);
overflow: hidden;
}
.header {
background: linear-gradient(135deg, #ff6b6b, #4ecdc4);
color: white;
padding: 40px;
text-align: center;
}
.header h1 {
font-size: 2.5rem;
margin-bottom: 10px;
text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}
.header p {
font-size: 1.1rem;
opacity: 0.9;
}
.content {
padding: 40px;
}
.section {
margin-bottom: 40px;
}
.section h2 {
color: #4a4a4a;
font-size: 1.8rem;
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 3px solid #4ecdc4;
display: inline-block;
}
.link-card {
background: #f8f9fa;
border: 1px solid #e9ecef;
border-radius: 12px;
padding: 20px;
margin-bottom: 15px;
transition: all 0.3s ease;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
.link-card:hover {
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(0,0,0,0.1);
border-color: #4ecdc4;
}
.link-card h3 {
color: #333;
margin-bottom: 8px;
font-size: 1.2rem;
}
.link-card p {
color: #666;
margin-bottom: 12px;
font-size: 0.95rem;
}
.link-card a {
color: #667eea;
text-decoration: none;
font-weight: 500;
word-break: break-all;
font-size: 0.9rem;
}
.link-card a:hover {
color: #4ecdc4;
text-decoration: underline;
}
.warning {
background: linear-gradient(135deg, #ff9a9e, #fecfef);
border: 2px solid #ff6b6b;
border-radius: 8px;
padding: 10px;
margin-top: 8px;
font-size: 0.85rem;
color: #721c24;
font-weight: 500;
}
.footer {
background: #2c3e50;
color: white;
text-align: center;
padding: 20px;
font-size: 0.9rem;
}
@media (max-width: 768px) {
.header h1 {
font-size: 2rem;
}
.content {
padding: 20px;
}
.section h2 {
font-size: 1.5rem;
}
}
</style>
</head>
<body>
<div class="container">
<div class="header">
<h1>Mark's Hugging Face Links</h1>
<p>A curated collection of AI tools and spaces on Hugging Face</p>
</div>
<div class="content">
<div class="section">
<h2>🎨 Image Creation</h2>
<div class="link-card">
<h3>Qwen Image LORA</h3>
<p>An AI image generation tool that uses LORA (Low-Rank Adaptation) technology with the Qwen model to create custom images based on text prompts.</p>
<a href="https://huggingface.co/spaces/Heartsync/Qwen-Image-LORA" target="_blank">https://huggingface.co/spaces/Heartsync/Qwen-Image-LORA</a>
</div>
<div class="link-card">
<h3>NSFW Uncensored Photo Generator</h3>
<p>An uncensored image generation tool for adult content creation. Requires age verification and appropriate usage guidelines.</p>
<a href="https://huggingface.co/spaces/Heartsync/NSFW-Uncensored-photo?not-for-all-audiences=true" target="_blank">https://huggingface.co/spaces/Heartsync/NSFW-Uncensored-photo</a>
<div class="warning">⚠️ Adult Content - Not suitable for all audiences</div>
</div>
<div class="link-card">
<h3>NSFW Generator by Jesse311</h3>
<p>Another adult-oriented image generation tool that creates NSFW content based on text descriptions and parameters.</p>
<a href="https://huggingface.co/spaces/Jesse311/nsfw_gen?not-for-all-audiences=true" target="_blank">https://huggingface.co/spaces/Jesse311/nsfw_gen</a>
<div class="warning">⚠️ Adult Content - Not suitable for all audiences</div>
</div>
</div>
<div class="section">
<h2>🎬 Video Creation Tools</h2>
<div class="link-card">
<h3>Video Looper v2</h3>
<p>A tool for creating seamless video loops. Perfect for creating GIFs, cinemagraphs, or continuous video content that loops smoothly.</p>
<a href="https://huggingface.co/spaces/MarkTheArtist/video-looper-v2" target="_blank">https://huggingface.co/spaces/MarkTheArtist/video-looper-v2</a>
</div>
<div class="link-card">
<h3>WAN2-2 FP8DA AOTI Faster</h3>
<p>An optimized video processing tool that uses advanced algorithms (FP8DA and AOTI) for faster video generation and manipulation with improved performance.</p>
<a href="https://huggingface.co/spaces/zerogpu-aoti/wan2-2-fp8da-aoti-faster" target="_blank">https://huggingface.co/spaces/zerogpu-aoti/wan2-2-fp8da-aoti-faster</a>
</div>
</div>
<div class="section">
<h2>📺 Video Player</h2>
<div class="link-card">
<h3>Advanced Video Player</h3>
<p>A feature-rich video player with advanced controls, multiple format support, and enhanced viewing options for better video playback experience.</p>
<a href="https://huggingface.co/spaces/MarkTheArtist/advanced-video-player" target="_blank">https://huggingface.co/spaces/MarkTheArtist/advanced-video-player</a>
</div>
</div>
<div class="section">
<h2>💻 Coding Help</h2>
<div class="link-card">
<h3>DeepSite - New Projects</h3>
<p>A development environment for creating new coding projects. Provides tools and templates to help kickstart your development workflow.</p>
<a href="https://enzostvs-deepsite.hf.space/projects/new" target="_blank">https://enzostvs-deepsite.hf.space/projects/new</a>
</div>
</div>
</div>
<div class="footer">
<p>🤗 Powered by Hugging Face Spaces | Curated by Mark</p>
</div>
</div>
</body>
</html>