CHANGE background color and default copy text and house keeping
This commit is contained in:
parent
283bfb99c0
commit
83f31429ce
1 changed files with 9 additions and 31 deletions
40
index.html
40
index.html
|
@ -3,7 +3,7 @@
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>Minimal Modern</title>
|
<title>Fake Captcha - Proof of Concept</title>
|
||||||
<style>
|
<style>
|
||||||
:root {
|
:root {
|
||||||
--primary: #3498db;
|
--primary: #3498db;
|
||||||
|
@ -43,7 +43,8 @@
|
||||||
|
|
||||||
.watermark-word {
|
.watermark-word {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
color: rgba(231, 76, 60, 0.3);
|
#color: rgba(231, 76, 60, 0.3);
|
||||||
|
color: lightgrey;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
transform: rotate(-45deg);
|
transform: rotate(-45deg);
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
@ -294,50 +295,27 @@
|
||||||
<div class="space"></div>
|
<div class="space"></div>
|
||||||
<main class="main-card">
|
<main class="main-card">
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<h2>Features</h2>
|
<h2>More information</h2>
|
||||||
<div class="features">
|
<div class="features">
|
||||||
<div class="feature">
|
<div class="feature">
|
||||||
<h3>Simple</h3>
|
<h3>Bla</h3>
|
||||||
<p>Clean design focused on content and user experience.</p>
|
<p>bla bla</p>
|
||||||
</div>
|
</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>
|
</div>
|
||||||
|
|
||||||
<!-- Text area at the bottom -->
|
<!-- Text area at the bottom -->
|
||||||
<div class="copy-section">
|
<div class="copy-section">
|
||||||
<h2>Edit Text</h2>
|
<h2>Edit Text</h2>
|
||||||
<p>Edit the text below and use the button at the top to copy it.</p>
|
<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.
|
<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>
|
||||||
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>
|
|
||||||
<div id="copySuccess" class="copy-success">✓ Text copied to clipboard!</div>
|
<div id="copySuccess" class="copy-success">✓ Text copied to clipboard!</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<footer>
|
<footer>
|
||||||
<p>© 2025 Minimal Modern. All rights reserved.</p>
|
<p>Copyright - Proof of concept
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue