Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Community Guidelines - HuggingTube</title> | |
| <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet"> | |
| <style> | |
| :root { | |
| --bg-primary: #0a0f18; | |
| --bg-secondary: #141e2f; | |
| --text-primary: #ffffff; | |
| --text-secondary: #adbac7; | |
| --accent: #2188ff; | |
| --border: #1c2739; | |
| --red: #ff4444; | |
| --green: #00c851; | |
| --yellow: #ffbb33; | |
| } | |
| * { | |
| margin: 0; | |
| padding: 0; | |
| box-sizing: border-box; | |
| } | |
| body { | |
| font-family: Arial, sans-serif; | |
| background-color: var(--bg-primary); | |
| color: var(--text-primary); | |
| line-height: 1.6; | |
| } | |
| header { | |
| background-color: var(--bg-secondary); | |
| padding: 1rem 0; | |
| position: sticky; | |
| top: 0; | |
| z-index: 100; | |
| } | |
| .header-content { | |
| display: flex; | |
| justify-content: space-between; | |
| align-items: center; | |
| max-width: 1200px; | |
| margin: 0 auto; | |
| padding: 0 1rem; | |
| } | |
| .logo { | |
| display: flex; | |
| align-items: center; | |
| font-size: 1.5rem; | |
| font-weight: bold; | |
| } | |
| .logo i { | |
| color: var(--accent); | |
| margin-right: 0.5rem; | |
| } | |
| main { | |
| max-width: 1200px; | |
| margin: 2rem auto; | |
| padding: 0 1rem; | |
| } | |
| .section { | |
| background-color: var(--bg-secondary); | |
| border-radius: 8px; | |
| padding: 2rem; | |
| margin-bottom: 2rem; | |
| } | |
| h1 { | |
| font-size: 2.5rem; | |
| margin-bottom: 1rem; | |
| color: var(--accent); | |
| } | |
| h2 { | |
| font-size: 1.8rem; | |
| margin-bottom: 1rem; | |
| color: var(--text-primary); | |
| } | |
| h3 { | |
| font-size: 1.4rem; | |
| margin: 1.5rem 0 1rem; | |
| color: var(--accent); | |
| } | |
| p { | |
| margin-bottom: 1rem; | |
| color: var(--text-secondary); | |
| } | |
| ul { | |
| list-style: none; | |
| margin-bottom: 1rem; | |
| } | |
| li { | |
| margin-bottom: 0.5rem; | |
| padding-left: 1.5rem; | |
| position: relative; | |
| color: var(--text-secondary); | |
| } | |
| li::before { | |
| content: "•"; | |
| color: var(--accent); | |
| position: absolute; | |
| left: 0; | |
| } | |
| .rule-category { | |
| border-left: 4px solid var(--accent); | |
| padding-left: 1rem; | |
| margin-bottom: 2rem; | |
| } | |
| .example-box { | |
| background-color: var(--bg-primary); | |
| border-radius: 4px; | |
| padding: 1rem; | |
| margin: 1rem 0; | |
| } | |
| .example-label { | |
| display: inline-block; | |
| padding: 0.25rem 0.5rem; | |
| border-radius: 4px; | |
| font-size: 0.9rem; | |
| margin-bottom: 0.5rem; | |
| } | |
| .allowed { | |
| background-color: var(--green); | |
| } | |
| .not-allowed { | |
| background-color: var(--red); | |
| } | |
| .status-icon { | |
| margin-right: 0.5rem; | |
| } | |
| .appeal-button { | |
| display: inline-block; | |
| background-color: var(--accent); | |
| color: var(--text-primary); | |
| padding: 0.75rem 1.5rem; | |
| border-radius: 4px; | |
| text-decoration: none; | |
| margin-top: 1rem; | |
| } | |
| @media (max-width: 768px) { | |
| h1 { | |
| font-size: 2rem; | |
| } | |
| h2 { | |
| font-size: 1.5rem; | |
| } | |
| .section { | |
| padding: 1rem; | |
| } | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <header> | |
| <div class="header-content"> | |
| <div class="logo"> | |
| <i class="fab fa-youtube"></i> | |
| HuggingTube | |
| </div> | |
| </div> | |
| </header> | |
| <main> | |
| <h1>Community Guidelines</h1> | |
| <section class="section"> | |
| <h2>Our Commitment</h2> | |
| <p>HuggingTube is committed to being a platform where creators can express themselves while maintaining a safe and respectful environment for all users. These guidelines help ensure our community remains a space for creativity, learning, and entertainment.</p> | |
| </section> | |
| <section class="section"> | |
| <h2>Content Rules</h2> | |
| <div class="rule-category"> | |
| <h3><i class="fas fa-users"></i> Discriminatory Content</h3> | |
| <p>We have zero tolerance for discrimination in any form.</p> | |
| <ul> | |
| <li>No hate speech or content promoting racism</li> | |
| <li>No discrimination against any group based on ethnicity, gender, sexuality, etc.</li> | |
| <li>No implicit bigotry or coded language designed to discriminate</li> | |
| </ul> | |
| <div class="example-box"> | |
| <span class="example-label allowed"><i class="fas fa-check status-icon"></i>Allowed</span> | |
| <p>"Celebrating Diversity: Cultural Festival Highlights"</p> | |
| </div> | |
| <div class="example-box"> | |
| <span class="example-label not-allowed"><i class="fas fa-times status-icon"></i>Not Allowed</span> | |
| <p>"Why [Ethnic Group] Are Ruining Our Country"</p> | |
| </div> | |
| </div> | |
| <div class="rule-category"> | |
| <h3><i class="fas fa-exclamation-triangle"></i> Inappropriate Content</h3> | |
| <p>Keep content family-friendly and suitable for all audiences.</p> | |
| <ul> | |
| <li>No sexual content or suggestive material</li> | |
| <li>No excessive violence or graphic content</li> | |
| <li>No crude humor or offensive references</li> | |
| </ul> | |
| <div class="example-box"> | |
| <span class="example-label allowed"><i class="fas fa-check status-icon"></i>Allowed</span> | |
| <p>"10 Tips for living in the hood."</p> | |
| </div> | |
| <div class="example-box"> | |
| <span class="example-label not-allowed"><i class="fas fa-times status-icon"></i>Not Allowed</span> | |
| <p>"Beating the s*** out of my ex."</p> | |
| </div> | |
| </div> | |
| </section> | |
| <section class="section"> | |
| <h2>Additional Guidelines</h2> | |
| <div class="rule-category"> | |
| <h3><i class="fas fa-user"></i> Username Policy</h3> | |
| <p>Choose an appropriate username that doesn't violate our guidelines.</p> | |
| <ul> | |
| <li>No offensive or discriminatory usernames</li> | |
| </ul> | |
| </div> | |
| <div class="rule-category"> | |
| <h3><i class="fas fa-comment"></i> Comment Etiquette</h3> | |
| <p>Comments will appear soon, so please follow the guidelines.</p> | |
| <ul> | |
| <li>Be respectful to creators and other commenters</li> | |
| <li>No spamming</li> | |
| <li>Keep discussions relevant to the video content</li> | |
| </ul> | |
| </div> | |
| <div class="rule-category"> | |
| <h3><i class="fas fa-exclamation-circle"></i> Content Warnings</h3> | |
| <p>Provide appropriate warnings when necessary.</p> | |
| <ul> | |
| <li>Include content warnings for potentially sensitive material</li> | |
| <li>Age-restrict content that may not be suitable for all audiences</li> | |
| <li>Clearly label educational content that may contain sensitive topics</li> | |
| </ul> | |
| </div> | |
| <div class="rule-category"> | |
| <h3><i class="fas fa-pray"></i> Religious Sensitivity</h3> | |
| <ul> | |
| <li>Avoid content that deliberately offends religious beliefs without proper arguments behind.</li> | |
| <li>Educational, and apologetic content about religion is allowed.</li> | |
| </ul> | |
| <div class="example-box"> | |
| <span class="example-label allowed"><i class="fas fa-check status-icon"></i>Allowed</span> | |
| <p>"Did Jesus Deny His Divinity by Saying 'My Father is Greater'?"</p> | |
| </div> | |
| <div class="example-box"> | |
| <span class="example-label not-allowed"><i class="fas fa-times status-icon"></i>Not Allowed</span> | |
| <p>"Why is theism is stupid? - Offending everybody part 1"</p> | |
| </div> | |
| </div> | |
| </section> | |
| <section class="section"> | |
| <h2>Enforcement</h2> | |
| <p>Our moderation system evaluates all uploaded content across multiple criteria. </p> | |
| <p>If your content is flagged:</p> | |
| <ul> | |
| <li>Your content will be deleted.</li> | |
| </ul> | |
| <a href="mailto:[email protected]" class="appeal-button">Appeal a Decision</a> | |
| </section> | |
| </main> | |
| </body> | |
| </html> |