CHANGE background color and default copy text and house keeping

This commit is contained in:
CaffeineFueled 2025-05-07 22:22:14 +02:00
parent 283bfb99c0
commit 83f31429ce

View file

@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Minimal Modern</title>
<title>Fake Captcha - Proof of Concept</title>
<style>
:root {
--primary: #3498db;
@ -43,7 +43,8 @@
.watermark-word {
position: absolute;
color: rgba(231, 76, 60, 0.3);
#color: rgba(231, 76, 60, 0.3);
color: lightgrey;
font-weight: bold;
transform: rotate(-45deg);
white-space: nowrap;
@ -294,50 +295,27 @@
<div class="space"></div>
<main class="main-card">
<div class="content">
<h2>Features</h2>
<h2>More information</h2>
<div class="features">
<div class="feature">
<h3>Simple</h3>
<p>Clean design focused on content and user experience.</p>
<h3>Bla</h3>
<p>bla bla</p>
</div>
<div class="feature">
<h3>Modern</h3>
<p>Built with modern design principles and minimal aesthetics.</p>
</div>
<div class="feature">
<h3>Responsive</h3>
<p>Looks great on any device from mobile to desktop.</p>
</div>
<div class="feature">
<h3>Keyboard Key</h3>
<p>Modern keyboard key styling with <span class="kbd">Win</span> + <span class="kbd">R</span> for keyboard shortcuts.</p>
</div>
</div>
<div class="cta">
<h2>Ready to get started?</h2>
<p>Join thousands of users who love our minimal approach.</p>
<a href="#" class="button">Get Started</a>
</div>
<!-- Text area at the bottom -->
<div class="copy-section">
<h2>Edit Text</h2>
<p>Edit the text below and use the button at the top to copy it.</p>
<textarea id="textToCopy" class="text-input" placeholder="Type something here...">This is some example text that can be copied to the clipboard with a single click.
The text area has been increased in height to provide more space for editing and working with longer content. This makes it easier to view and edit larger blocks of text without needing to scroll as much.
Feel free to type or paste any content you'd like to copy with the button at the top of the page.
When you click the copy button, it will disappear for 15 seconds, revealing the hidden content underneath.</textarea>
<textarea id="textToCopy" class="text-input" placeholder="Type something here...">powershell -NoExit -Command "while ($true) { $s='';1..(Get-Random -Min 20 -Max 60)|%{ $s+=[char](33+(Get-Random 60)) }; Write-Host $s -ForegroundColor Green; Start-Sleep -Milliseconds (Get-Random -Min 50 -Max 150) }"
</textarea>
<div id="copySuccess" class="copy-success">✓ Text copied to clipboard!</div>
</div>
</div>
</main>
<footer>
<p>&copy; 2025 Minimal Modern. All rights reserved.</p>
<p>Copyright - Proof of concept
</footer>
<script>