athphane/dhiraagu-edir
1
0
Fork 0
forked from shihaam/dhiraagu-edir
Code Pull Requests Activity

update images and tag line

Browse Source
This commit is contained in:
Shihaam Abdul Rahman
2026-03-23 23:44:12 +05:00
parent 5979e4e577
commit ff0cea7f48
6 changed files with 62 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
apple-touch-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 92 KiB

BIN
favicon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

10
favicon.svg Normal file
View File

@@ -0,0 +1,10 @@
<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="orange" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#ffa31a"/>
<stop offset="100%" style="stop-color:#ff8c00"/>
</linearGradient>
</defs>
<rect width="32" height="32" rx="8" fill="url(#orange)"/>
<text x="16" y="23" font-family="Arial, sans-serif" font-size="20" fill="white" text-anchor="middle">&#128222;</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 489 B

61
index.html
View File

@@ -4,10 +4,13 @@
<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>E-Dir</title> <title>E-Dir</title>
<meta name="description" content="Dhiraagu Directory Lookup - Search any phone number instantly"> <link rel="icon" type="image/svg+xml" href="favicon.svg">
<link rel="icon" type="image/png" href="favicon.png">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<meta name="description" content="Dhiraagu Directory Lookup - Search without Recaptcha annoyance">
<meta property="og:title" content="E-Dir"> <meta property="og:title" content="E-Dir">
<meta property="og:description" content="Dhiraagu Directory Lookup - Search any phone number instantly"> <meta property="og:description" content="Dhiraagu Directory Lookup - Search without Recaptcha annoyance">
<meta property="og:image" content="og-image.svg"> <meta property="og:image" content="og-image.png">
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet">
@@ -284,6 +287,27 @@
font-size: 24px; font-size: 24px;
} }
.searched-number {
font-size: 14px;
color: var(--orange);
font-weight: 500;
margin-bottom: 8px;
display: flex;
align-items: center;
gap: 6px;
}
.searched-number .material-icons {
font-size: 16px;
}
.result-card + .result-card,
.result-card + .error-message,
.error-message + .result-card,
.error-message + .error-message {
margin-top: 12px;
}
</style> </style>
</head> </head>
<body> <body>
@@ -337,7 +361,6 @@
// Show loading state // Show loading state
searchBtn.disabled = true; searchBtn.disabled = true;
searchBtn.innerHTML = '<div class="spinner"></div><span>Searching...</span>'; searchBtn.innerHTML = '<div class="spinner"></div><span>Searching...</span>';
resultsDiv.classList.remove('show');
try { try {
const response = await fetch(`https://dhiraagu-edir-proxy.shihaam.me/${encodeURIComponent(phoneNumber)}`); const response = await fetch(`https://dhiraagu-edir-proxy.shihaam.me/${encodeURIComponent(phoneNumber)}`);
@@ -345,24 +368,29 @@
if (response.ok && data && data.dirEnquiryEntry) { if (response.ok && data && data.dirEnquiryEntry) {
if (data.dirEnquiryEntry === 'Number not found') { if (data.dirEnquiryEntry === 'Number not found') {
displayError('Number not found'); displayError(phoneNumber, 'Number not found');
} else { } else {
displayResult(data.dirEnquiryEntry); displayResult(phoneNumber, data.dirEnquiryEntry);
} }
} else { } else {
displayError('No results found'); displayError(phoneNumber, 'No results found');
} }
} catch (error) { } catch (error) {
displayError('Failed to fetch data. Please try again.'); displayError(phoneNumber, 'Failed to fetch data. Please try again.');
} finally { } finally {
searchBtn.disabled = false; searchBtn.disabled = false;
searchBtn.innerHTML = '<span class="material-icons">search</span><span>Search</span>'; searchBtn.innerHTML = '<span class="material-icons">search</span><span>Search</span>';
phoneInput.value = '';
} }
}); });
function displayResult(entry) { function displayResult(searchedNumber, entry) {
const html = ` const html = `
<div class="result-card"> <div class="result-card">
<div class="searched-number">
<span class="material-icons">phone</span>
<span>${escapeHtml(searchedNumber)}</span>
</div>
<div class="result-item"> <div class="result-item">
<span class="material-icons">person</span> <span class="material-icons">person</span>
<div> <div>
@@ -372,17 +400,24 @@
</div> </div>
</div> </div>
`; `;
resultsDiv.innerHTML = html; resultsDiv.insertAdjacentHTML('afterbegin', html);
resultsDiv.classList.add('show'); resultsDiv.classList.add('show');
} }
function displayError(message) { function displayError(searchedNumber, message) {
resultsDiv.innerHTML = ` const html = `
<div class="error-message"> <div class="error-message">
<span class="material-icons">error</span> <span class="material-icons">error</span>
<span>${escapeHtml(message)}</span> <div>
<div class="searched-number" style="color: #f44336; margin-bottom: 4px;">
<span class="material-icons">phone</span>
<span>${escapeHtml(searchedNumber)}</span>
</div>
<span>${escapeHtml(message)}</span>
</div>
</div> </div>
`; `;
resultsDiv.insertAdjacentHTML('afterbegin', html);
resultsDiv.classList.add('show'); resultsDiv.classList.add('show');
} }

BIN
og-image.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 219 KiB

11
og-image.svg
View File

@@ -17,18 +17,15 @@
<circle cx="100" cy="100" r="200" fill="#ffa31a" opacity="0.05"/> <circle cx="100" cy="100" r="200" fill="#ffa31a" opacity="0.05"/>
<circle cx="1100" cy="575" r="250" fill="#ffa31a" opacity="0.05"/> <circle cx="1100" cy="575" r="250" fill="#ffa31a" opacity="0.05"/>
<!-- Logo icon --> <!-- Logo: Phone icon + Title on one line -->
<rect x="490" y="200" width="80" height="80" rx="16" fill="url(#orange)"/> <text x="520" y="260" font-family="Arial, sans-serif" font-size="72" fill="url(#orange)" text-anchor="middle">&#128222;</text>
<text x="530" y="255" font-family="Arial, sans-serif" font-size="40" fill="white" text-anchor="middle">&#128222;</text> <text x="680" y="260" font-family="Arial, sans-serif" font-size="72" font-weight="bold" fill="white" text-anchor="middle">E-Dir</text>
<!-- Title -->
<text x="600" y="260" font-family="Arial, sans-serif" font-size="72" font-weight="bold" fill="white" text-anchor="middle">E-Dir</text>
<!-- Subtitle --> <!-- Subtitle -->
<text x="600" y="340" font-family="Arial, sans-serif" font-size="28" fill="#808080" text-anchor="middle">Dhiraagu Directory Lookup</text> <text x="600" y="340" font-family="Arial, sans-serif" font-size="28" fill="#808080" text-anchor="middle">Dhiraagu Directory Lookup</text>
<!-- Tagline --> <!-- Tagline -->
<text x="600" y="420" font-family="Arial, sans-serif" font-size="22" fill="#ffa31a" text-anchor="middle">Search any phone number instantly</text> <text x="600" y="420" font-family="Arial, sans-serif" font-size="22" fill="#ffa31a" text-anchor="middle">Search any phone number without Recaptcha annoyance</text>
<!-- Bottom accent line --> <!-- Bottom accent line -->
<rect x="450" y="480" width="300" height="4" rx="2" fill="url(#orange)"/> <rect x="450" y="480" width="300" height="4" rx="2" fill="url(#orange)"/>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB