Netlify
tcp/443 tcp/80
Open service 2a05:d014:58f:6200::258:80 · belal.work
2026-02-07 15:18
HTTP/1.1 301 Moved Permanently Content-Type: text/plain; charset=utf-8 Date: Sat, 07 Feb 2026 15:18:16 GMT Location: https://belal.work/ Server: Netlify X-Nf-Request-Id: 01KGWAX9NAZPH27VP63NE4F2BS Content-Length: 34 Connection: close Redirecting to https://belal.work/
Open service 2a05:d014:58f:6200::258:80 · theme.belal.work
2026-01-30 15:39
HTTP/1.1 301 Moved Permanently Content-Type: text/plain; charset=utf-8 Date: Fri, 30 Jan 2026 15:39:56 GMT Location: https://theme.belal.work/ Server: Netlify X-Nf-Request-Id: 01KG7RZ85CRR3SHABCYMB7SV32 Content-Length: 40 Connection: close Redirecting to https://theme.belal.work/
Open service 2a05:d014:58f:6200::259:443 · theme.belal.work
2026-01-29 05:46
HTTP/1.1 200 OK
Accept-Ranges: bytes
Age: 0
Cache-Control: public,max-age=0,must-revalidate
Cache-Status: "Netlify Edge"; fwd=miss
Content-Length: 5170
Content-Type: text/html; charset=UTF-8
Date: Thu, 29 Jan 2026 05:46:04 GMT
Etag: "c62ddec06b8937ee16ff1b1ddef08d65-ssl"
Server: Netlify
Strict-Transport-Security: max-age=31536000
X-Nf-Request-Id: 01KG44K3T6J5088DNFJ1QWTYTJ
Connection: close
Page title: Logo Light to Dark Converter
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Logo Light to Dark Converter</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container">
<header>
<h1>Logo Light to Dark Converter</h1>
<p class="subtitle">Convert white logos to black for light mode websites</p>
</header>
<main>
<!-- Upload Section -->
<section class="upload-section">
<div class="drop-zone" id="dropZone">
<svg class="upload-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path>
<polyline points="17 8 12 3 7 8"></polyline>
<line x1="12" y1="3" x2="12" y2="15"></line>
</svg>
<p class="drop-text">Drag & drop logo images here</p>
<p class="drop-subtext">or</p>
<button class="browse-btn" id="browseBtn">Browse Files</button>
<input type="file" id="fileInput" accept="image/*" multiple hidden>
<p class="file-info">Supports PNG, JPG, JPEG, WebP • Multiple files</p>
</div>
</section>
<!-- Processing Status -->
<section class="status-section" id="statusSection" style="display: none;">
<div class="status-bar">
<div class="status-text" id="statusText">Processing images...</div>
<div class="progress-bar">
<div class="progress-fill" id="progressFill"></div>
</div>
</div>
</section>
<!-- Results Section -->
<section class="results-section" id="resultsSection" style="display: none;">
<div class="results-header">
<h2>Converted Images (<span id="imageCount">0</span>)</h2>
<button class="download-all-btn" id="downloadAllBtn">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path>
<polyline points="7 10 12 15 17 10"></polyline>
<line x1="12" y1="15" x2="12" y2="3"></line>
</svg>
Download All as ZIP
</button>
</div>
<div class="results-grid" id="resultsGrid"></div>
<button class="reset-btn" id="resetBtn">Convert More Images</button>
</section>
</main>
<footer>
<p>All processing happens locally in your browser • No data is uploaded to any server</p>
</footer>
</div>
<!-- Hidden template for result items -->
<template id="resultItemTemplate">
<div class="result-item">
<div class="image-comparison">
<div class="image-box">
<span class="image-label">ORIGINAL</span>
<img class="original-img" alt="Original">
</div>
<div class="image-box">
<span class="image-label">CONVERTED</span>
<img class="converted-img" alt="Converted">
</div>
</div>
<div class="image-name"></div>
<div class="format-controls">
<div class="control-group">
<label class="control-label">Conversion Mode:</label>
<select class="mode-select">
<option value="white-to-black" selected>White → Black (Light Mode)</option>
<option value="black-to-white">Black → White (Dark Mode)</option>