diff --git a/docs/update-check.html b/docs/update-check.html index cc8378e..404c54c 100644 --- a/docs/update-check.html +++ b/docs/update-check.html @@ -39,6 +39,24 @@ gap: 0.5rem; } + /* ---------- Two-Column Layout Container ---------- */ + .content-wrapper { + display: flex; + gap: 2rem; + max-width: 1100px; + width: 100%; + margin-top: 2rem; + flex-wrap: wrap; + } + + /* ---------- Left Column: Status, Donate, GitHub ---------- */ + .left-column { + flex: 1 1 480px; + display: flex; + flex-direction: column; + gap: 1.5rem; + } + #status { background: var(--card-bg); backdrop-filter: blur(10px); @@ -46,29 +64,15 @@ border-radius: var(--radius); box-shadow: var(--shadow); width: 100%; - max-width: 500px; font-size: 1.1rem; } - a { - color: var(--primary); - text-decoration: none; - font-weight: 500; - } - - a:hover { - text-decoration: underline; - } - .donate { - margin-top: 2rem; padding: 1.5rem; background-color: #e7f5ec; border-left: 6px solid #4caf50; border-radius: var(--radius); box-shadow: var(--shadow); - max-width: 500px; - width: 100%; } .donate strong { @@ -85,6 +89,7 @@ color: white; border-radius: 8px; transition: background 0.3s ease; + text-decoration: none; } .donate a:hover { @@ -92,7 +97,6 @@ } .project-follow { - margin-top: 2rem; text-align: center; } @@ -111,6 +115,29 @@ background: #0366d6; } + /* ---------- Right Column: YouTube Review ---------- */ + .right-column { + flex: 1 1 480px; + } + + .video-container { + position: relative; + padding-bottom: 56.25%; + height: 0; + overflow: hidden; + border-radius: var(--radius); + box-shadow: var(--shadow); + } + + .video-container iframe { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + } + + /* ---------- Responsive Tweaks ---------- */ @media (max-width: 600px) { body { padding: 1rem; @@ -123,26 +150,47 @@ } +
Checking version...
-Checking version...
+ ++ 🎬 Here's a recent cool review of CrapFixer on YouTube: +
+