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 name="viewport" content="width=device-width, initial-scale=1.0">
<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:description" content="Dhiraagu Directory Lookup - Search any phone number instantly">
<meta property="og:image" content="og-image.svg">
<meta property="og:description" content="Dhiraagu Directory Lookup - Search without Recaptcha annoyance">
<meta property="og:image" content="og-image.png">
<meta property="og:type" content="website">
<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">
@@ -284,6 +287,27 @@
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>
</head>
<body>
@@ -337,7 +361,6 @@
// Show loading state
searchBtn.disabled = true;
searchBtn.innerHTML = '<div class="spinner"></div><span>Searching...</span>';
resultsDiv.classList.remove('show');
try {
const response = await fetch(`https://dhiraagu-edir-proxy.shihaam.me/${encodeURIComponent(phoneNumber)}`);
@@ -345,24 +368,29 @@
if (response.ok && data && data.dirEnquiryEntry) {
if (data.dirEnquiryEntry === 'Number not found') {
displayError('Number not found');
displayError(phoneNumber, 'Number not found');
} else {
displayResult(data.dirEnquiryEntry);
displayResult(phoneNumber, data.dirEnquiryEntry);
}
} else {
displayError('No results found');
displayError(phoneNumber, 'No results found');
}
} catch (error) {
displayError('Failed to fetch data. Please try again.');
displayError(phoneNumber, 'Failed to fetch data. Please try again.');
} finally {
searchBtn.disabled = false;
searchBtn.innerHTML = '<span class="material-icons">search</span><span>Search</span>';
phoneInput.value = '';
}
});
function displayResult(entry) {
function displayResult(searchedNumber, entry) {
const html = `
<div class="result-card">
<div class="searched-number">
<span class="material-icons">phone</span>
<span>${escapeHtml(searchedNumber)}</span>
</div>
<div class="result-item">
<span class="material-icons">person</span>
<div>
@@ -372,17 +400,24 @@
</div>
</div>
`;
resultsDiv.innerHTML = html;
resultsDiv.insertAdjacentHTML('afterbegin', html);
resultsDiv.classList.add('show');
}
function displayError(message) {
resultsDiv.innerHTML = `
function displayError(searchedNumber, message) {
const html = `
<div class="error-message">
<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>
`;
resultsDiv.insertAdjacentHTML('afterbegin', html);
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="1100" cy="575" r="250" fill="#ffa31a" opacity="0.05"/>
<!-- Logo icon -->
<rect x="490" y="200" width="80" height="80" rx="16" fill="url(#orange)"/>
<text x="530" y="255" font-family="Arial, sans-serif" font-size="40" fill="white" text-anchor="middle">&#128222;</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>
<!-- Logo: Phone icon + Title on one line -->
<text x="520" y="260" font-family="Arial, sans-serif" font-size="72" fill="url(#orange)" 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>
<!-- Subtitle -->
<text x="600" y="340" font-family="Arial, sans-serif" font-size="28" fill="#808080" text-anchor="middle">Dhiraagu Directory Lookup</text>
<!-- 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 -->
<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