mirror of
https://github.com/PR0M3TH3AN/bitvid.git
synced 2026-10-27 16:02:26 +00:00
119 lines
4.4 KiB
HTML
119 lines
4.4 KiB
HTML
<!-- Disclaimer Modal (wide, matching other modals) -->
|
|
<div
|
|
id="disclaimerModal"
|
|
class="bv-modal hidden items-start justify-center overflow-y-auto"
|
|
role="dialog"
|
|
aria-modal="true"
|
|
aria-labelledby="disclaimerModalTitle"
|
|
aria-describedby="disclaimerModalDescription"
|
|
>
|
|
<div class="bv-modal-backdrop" data-dismiss></div>
|
|
|
|
<!-- Outer container with wide layout, just like content-appeals-form -->
|
|
<div class="modal-sheet flex flex-col overflow-hidden" tabindex="-1">
|
|
<!-- Sticky top bar, if you want a top heading or 'X' button up here -->
|
|
<div class="modal-header"></div>
|
|
|
|
<!-- Main Content -->
|
|
<div class="modal-body flex-1 overflow-y-auto">
|
|
<!-- Scrollable disclaimers area -->
|
|
<div class="space-y-6 text-muted-strong">
|
|
<!-- Example: Insert your disclaimers here -->
|
|
|
|
<div class="mb-8 flex justify-center">
|
|
<img
|
|
src="assets/svg/bitvid-logo-dark-mode.svg"
|
|
alt="bitvid logo"
|
|
class="h-16"
|
|
/>
|
|
</div>
|
|
<h2
|
|
id="disclaimerModalTitle"
|
|
class="mb-0 text-2xl font-bold text-text"
|
|
>
|
|
Welcome to bitvid
|
|
</h2>
|
|
<!-- Warning Alert -->
|
|
<div
|
|
class="mb-6 flex items-start rounded-lg border border-warning-strong/60 bg-warning-surface p-4"
|
|
>
|
|
<svg
|
|
class="mt-0.5 mr-3 h-5 w-5 flex-shrink-0 text-warning-strong"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
>
|
|
<path
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
stroke-width="2"
|
|
d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
|
|
/>
|
|
</svg>
|
|
<p class="text-warning">
|
|
This platform is currently in development and only supports Chrome
|
|
and Firefox-based browsers. Other browsers are not supported at
|
|
this time. You may encounter bugs or missing features. Give it a
|
|
sec. Videos might take 10 to 60 seconds to load initially.
|
|
</p>
|
|
</div>
|
|
<p>
|
|
bitvid is a decentralized video platform where content is shared
|
|
directly between users. We want you to understand a few important
|
|
points before you continue:
|
|
</p>
|
|
|
|
<div id="disclaimerModalDescription" class="space-y-4">
|
|
<div class="rounded-lg bg-panel p-4">
|
|
<h3 class="mb-2 font-semibold text-text">Early Access Status</h3>
|
|
<p class="text-muted">
|
|
Currently, video posting is invite-only as we carefully scale
|
|
our platform. While anyone can watch videos, content creation is
|
|
limited to approved creators. This helps us maintain quality
|
|
content during our early stages.
|
|
</p>
|
|
</div>
|
|
<div class="rounded-lg bg-panel p-4">
|
|
<h3 class="mb-2 font-semibold text-text">
|
|
Content Responsibility & Moderation
|
|
</h3>
|
|
<p class="text-muted">
|
|
While we don't host videos directly, we maintain community
|
|
standards through access control. Users who violate our
|
|
guidelines may be blocked from accessing the platform. All
|
|
content must follow local laws and platform guidelines.
|
|
</p>
|
|
</div>
|
|
<div class="rounded-lg bg-panel p-4">
|
|
<h3 class="mb-2 font-semibold text-text">Platform Status</h3>
|
|
<p class="text-muted">
|
|
bitvid is a work in progress. Features may change or break, and
|
|
security improvements are ongoing. Your feedback and patience
|
|
help us build a better platform.
|
|
</p>
|
|
</div>
|
|
<div class="rounded-lg bg-panel p-4">
|
|
<h3 class="mb-2 font-semibold text-text">Get Involved</h3>
|
|
<p class="text-muted">
|
|
Are you a developer? We'd love your help! Visit our GitHub
|
|
repository to contribute to building the future of decentralized
|
|
video sharing.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Button at bottom -->
|
|
<div class="modal-footer">
|
|
<button
|
|
id="acceptDisclaimer"
|
|
class="btn w-full"
|
|
type="button"
|
|
>
|
|
I Understand
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|