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
79 changes: 39 additions & 40 deletions index.html
Original file line number Diff line number Diff line change
@@ -1,43 +1,42 @@
<!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>
<div class="tool-card">
<h2>QR Code Generator</h2>
<p>Turn text or links into QR codes.</p>
<a href="tools/qr.html" class="btn">Open</a>
</div>
<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>
<div class="tool-card">
<h2>QR Code Generator</h2>
<p>Turn text or links into QR codes.</p>
<a href="tools/qr.html" class="btn">Open</a>
</div>
</main>

</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/qr.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);
text-align: center;
}

Expand All @@ -22,4 +22,4 @@

#qrcode {
margin-top: 1.5rem;
}
}
62 changes: 31 additions & 31 deletions tools/qr.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>QR Code Generator</title>
<link rel="stylesheet" href="../css/style.css">
<link rel="stylesheet" href="qr.css">
<!-- QRCode.js library -->
<script src="https://cdn.jsdelivr.net/npm/qrcodejs/qrcode.min.js"></script>
</head>
<body>
<header>
<h1>QR Code 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>QR Code Generator</title>
<link rel="stylesheet" href="../css/style.css" />
<link rel="stylesheet" href="qr.css" />
<!-- QRCode.js library -->
<script src="https://cdn.jsdelivr.net/npm/qrcodejs/qrcode.min.js"></script>
</head>
<body>
<header>
<h1>QR Code Generator</h1>
<a href="../index.html" class="btn">← Back</a>
</header>

<main class="qr-container">
<div class="qr-box">
<label for="qrText">Enter text or URL:</label>
<input type="text" id="qrText" placeholder="https://example.com">
</div>
<main class="qr-container">
<div class="qr-box">
<label for="qrText">Enter text or URL:</label>
<input type="text" id="qrText" placeholder="https://example.com" />
</div>

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

<div class="qr-box" id="qrcode"></div>
<div class="qr-box" id="qrcode"></div>

<div class="qr-box">
<button id="downloadBtn" class="btn" disabled>Download</button>
</div>
</main>
<div class="qr-box">
<button id="downloadBtn" class="btn" disabled>Download</button>
</div>
</main>

<script src="qr.js"></script>
</body>
</html>
<script src="qr.js"></script>
</body>
</html>
4 changes: 2 additions & 2 deletions tools/qr.js
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@ generateBtn.addEventListener("click", () => {

// Generate new QR
qr = new QRCode(qrCodeContainer, {
text: text,
text,
width: 200,
height: 200,
colorDark: "#000000",
Expand Down Expand Up @@ -50,4 +50,4 @@ function downloadImage(dataUrl) {
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
}
}