Skip to content
Closed
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
68 changes: 34 additions & 34 deletions index.html
Original file line number Diff line number Diff line change
@@ -1,37 +1,37 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>All-in-One Tools</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header>
<h1>All-in-One Tools</h1>
<p>A collection of useful tools, all in one place.</p>
</header>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>All-in-One Tools</title>
<link rel="stylesheet" href="css/style.css" />
</head>
<body>
<header>
<h1>All-in-One Tools</h1>
<p>A collection of useful tools, all in one place.</p>
</header>

<main class="tool-grid">
<div class="tool-card">
<h2>Unit Converter</h2>
<p>Convert between common units (length, weight, temperature).</p>
<a href="tools/converter.html" class="btn">Open</a>
</div>
<div class="tool-card">
<h2>Calculator</h2>
<p>Perform quick calculations.</p>
<a href="tools/calculator.html" class="btn">Open</a>
</div>
<div class="tool-card">
<h2>Password Generator</h2>
<p>Create strong and secure passwords.</p>
<a href="tools/password.html" class="btn">Open</a>
</div>
</main>
<main class="tool-grid">
<div class="tool-card">
<h2>Unit Converter</h2>
<p>Convert between common units (length, weight, temperature).</p>
<a href="tools/converter.html" class="btn">Open</a>
</div>
<div class="tool-card">
<h2>Calculator</h2>
<p>Perform quick calculations.</p>
<a href="tools/calculator.html" class="btn">Open</a>
</div>
<div class="tool-card">
<h2>Password Generator</h2>
<p>Create strong and secure passwords.</p>
<a href="tools/password.html" class="btn">Open</a>
</div>
</main>

<footer>
<p>Made with ❤️ by LCS</p>
</footer>
</body>
</html>
<footer>
<p>Made with ❤️ by LCS</p>
</footer>
</body>
</html>
4 changes: 2 additions & 2 deletions tools/password.css
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
background: white;
padding: 1.5rem;
border-radius: 12px;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.password-box {
Expand All @@ -28,4 +28,4 @@
#copyBtn {
padding: 0.6rem 1rem;
margin-left: 0.5rem;
}
}
78 changes: 43 additions & 35 deletions tools/password.html
Original file line number Diff line number Diff line change
@@ -1,41 +1,49 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Password Generator</title>
<link rel="stylesheet" href="../css/style.css">
<link rel="stylesheet" href="password.css">
</head>
<body>
<header>
<h1>Password Generator</h1>
<a href="../index.html" class="btn">← Back</a>
</header>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Password Generator</title>
<link rel="stylesheet" href="../css/style.css" />
<link rel="stylesheet" href="password.css" />
</head>
<body>
<header>
<h1>Password Generator</h1>
<a href="../index.html" class="btn">← Back</a>
</header>

<main class="password-container">
<div class="password-box">
<label for="length">Length:</label>
<input type="number" id="length" value="12" min="4" max="50">
</div>
<main class="password-container">
<div class="password-box">
<label for="length">Length:</label>
<input type="number" id="length" value="12" min="4" max="50" />
</div>

<div class="password-box">
<label><input type="checkbox" id="lowercase" checked> Lowercase (a-z)</label><br>
<label><input type="checkbox" id="uppercase" checked> Uppercase (A-Z)</label><br>
<label><input type="checkbox" id="numbers" checked> Numbers (0-9)</label><br>
<label><input type="checkbox" id="symbols"> Symbols (!@#$%)</label>
</div>
<div class="password-box">
<label
><input type="checkbox" id="lowercase" checked /> Lowercase
(a-z)</label
><br />
<label
><input type="checkbox" id="uppercase" checked /> Uppercase
(A-Z)</label
><br />
<label
><input type="checkbox" id="numbers" checked /> Numbers (0-9)</label
><br />
<label><input type="checkbox" id="symbols" /> Symbols (!@#$%)</label>
</div>

<div class="password-box">
<button id="generateBtn" class="btn">Generate</button>
</div>
<div class="password-box">
<button id="generateBtn" class="btn">Generate</button>
</div>

<div class="password-box">
<input type="text" id="result" readonly>
<button id="copyBtn" class="btn">Copy</button>
</div>
</main>
<div class="password-box">
<input type="text" id="result" readonly />
<button id="copyBtn" class="btn">Copy</button>
</div>
</main>

<script src="password.js"></script>
</body>
</html>
<script src="password.js"></script>
</body>
</html>
2 changes: 1 addition & 1 deletion tools/password.js
Original file line number Diff line number Diff line change
Expand Up @@ -40,4 +40,4 @@ copyBtn.addEventListener("click", () => {
navigator.clipboard.writeText(resultField.value);
alert("Password copied!");
}
});
});