<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Welcome {{username}}</title>
</head>
<body style="margin:0; padding:0; background-color:#f9fafb; font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif; color:#1f2937;">
<div style="max-width:640px; margin:0 auto; padding:32px 16px; background-color:#f9fafb;">
<h2 style="text-align: center; font-size:24px; font-weight:700; margin-bottom:12px;">Welcome {{username}}!</h2>
<div style="background-color:#ffffff; border-radius:12px; box-shadow:0 2px 6px rgba(0,0,0,0.08); padding:32px;">
<div style="color:#1f2937; font-size:16px; line-height:1.6;">
<h2 style="font-size:24px; font-weight:700; margin-bottom:12px;">🎬 Getting Started with Plex</h2>
<p style="margin:0 0 16px 0;">Use your <strong>Plex account</strong> to sign into <strong>Mark’s private Plex server</strong>, accessible only to invited users. All streaming is privately managed by the server owner. You can install Plex on any device.</p>
<div style="text-align:center; width:100%; margin:24px 0;">
<a href="https://www.plex.tv/media-server-downloads/#plex-app" target="_blank" rel="noopener noreferrer"
style="display:inline-block; background-color:rgb(254, 65, 85); color:#ffffff; padding:12px 24px; font-size:16px; font-weight:500; border-radius:8px; text-decoration:none;">
Download Plex Apps
</a>
</div>
<h2 style="font-size:24px; font-weight:700; margin-bottom:12px;">🎧 Requesting Content</h2>
<p style="margin:0 0 16px 0;">
Request new movies or TV at
<a href="https://request.plex.mhack.io" style="color:oklch(0.208 0.042 265.755); text-decoration:underline;">https://request.plex.mhack.io</a>,
or add items to your Plex watchlist. Both methods trigger automatic downloads and send you an email when your content is ready to watch!
</p>
<div style="text-align:center; width:100%; margin:24px 0;">
<a href="https://request.plex.mhack.io" target="_blank" rel="noopener noreferrer"
style="display:inline-block; background-color:rgb(254, 65, 85); color:#ffffff; padding:12px 24px; font-size:16px; font-weight:500; border-radius:8px; text-decoration:none;">
Request Movies or TV
</a>
</div>
<h2 style="font-size:24px; font-weight:700; margin-bottom:12px;">🎞 Tips for the Best Experience</h2>
<ol style="margin:0 0 16px 24px; padding:0;">
<li style="margin-bottom:8px;">Disable trailers & extras: Settings → Experience → uncheck <em>Show cinematic trailers</em></li>
<li style="margin-bottom:8px;">Force original quality: Settings → Playback → set <em>Automatic</em> to <em>Original</em></li>
<li style="margin-bottom:8px;">Prefer a wired connection on TVs for smooth 4K playback</li>
</ol>
<h2 style="font-size:24px; font-weight:700; margin-bottom:12px;">▶️ Open Plex Web</h2>
<div style="text-align:center; width:100%; margin:24px 0;">
<a href="https://plex.mhack.io" target="_blank" rel="noopener noreferrer"
style="display:inline-block; background-color: rgb(254, 65, 85); color:#ffffff; padding:12px 24px; font-size:16px; font-weight:500; border-radius:8px; text-decoration:none;">
Open Plex in Browser
</a>
</div>
</div>
</div>
</div>
</body>
</html>
