Skip to content

Rename readme.md to index.html - #79

Open
e77ee6eyidci-glitch wants to merge 1 commit into
Acode-Foundation:mainfrom
e77ee6eyidci-glitch:patch-1
Open

Rename readme.md to index.html#79
e77ee6eyidci-glitch wants to merge 1 commit into
Acode-Foundation:mainfrom
e77ee6eyidci-glitch:patch-1

Conversation

@e77ee6eyidci-glitch

@e77ee6eyidci-glitch e77ee6eyidci-glitch commented Sep 14, 2026

Copy link
Copy Markdown

Hapi

@e77ee6eyidci-glitch

e77ee6eyidci-glitch commented Sep 14, 2026

Copy link
Copy Markdown
Author
<title>MD Abdullah - Background Music</title> <style> *{ margin:0; padding:0; box-sizing:border-box; font-family:Arial,"Noto Sans Bengali",sans-serif; } body{ min-height:100vh; background: radial-gradient(circle at top,#17243a 0,#080b12 45%,#050609 100%); color:white; } header{ height:70px; padding:0 7%; display:flex; align-items:center; justify-content:space-between; background:rgba(7,10,17,.88); border-bottom:1px solid #273244; backdrop-filter:blur(12px); } .logo{ font-size:25px; font-weight:900; } .logo span{ color:#00e5ff; } .public{ padding:8px 13px; border-radius:20px; background:#102d32; color:#00e5ff; font-size:13px; } .hero{ text-align:center; padding:70px 18px 35px; } .hero .music{ font-size:60px; margin-bottom:15px; } .hero h1{ font-size:43px; margin-bottom:12px; } .hero h1 span{ color:#00e5ff; } .hero p{ max-width:650px; margin:auto; color:#9faaba; line-height:1.7; } .box{ width:92%; max-width:700px; margin:20px auto 70px; background:rgba(15,21,32,.96); border:1px solid #293548; border-radius:25px; padding:28px; box-shadow:0 20px 70px rgba(0,0,0,.4); } .title{ text-align:center; font-size:21px; margin-bottom:22px; } .title span{ color:#00e5ff; } .input-area{ display:flex; gap:10px; background:#080d15; padding:7px; border:1px solid #2a3545; border-radius:15px; } input{ width:100%; background:transparent; color:white; border:0; outline:0; padding:15px; font-size:15px; } input::placeholder{ color:#6e7888; } .paste{ background:#252f3d; color:white; border:0; padding:0 18px; border-radius:10px; cursor:pointer; font-weight:bold; } .paste:hover{ background:#344154; } .platforms{ display:flex; justify-content:center; gap:10px; margin:20px 0; flex-wrap:wrap; } .platform{ padding:8px 13px; border:1px solid #303b4d; border-radius:20px; color:#9ea8b7; font-size:12px; } .download{ width:100%; padding:16px; border:0; border-radius:14px; background:#00e5ff; color:#001014; font-size:16px; font-weight:900; cursor:pointer; margin-top:10px; } .download:hover{ filter:brightness(1.1); } .download:disabled{ opacity:.45; cursor:not-allowed; } .status{ display:none; text-align:center; margin-top:20px; padding:15px; border-radius:13px; background:#0b121c; color:#aeb9c7; line-height:1.6; } .result{ display:none; margin-top:20px; padding:18px; border-radius:15px; border:1px solid #283547; background:#090f18; text-align:center; } .result h3{ color:#00e5ff; margin-bottom:12px; } .audio{ width:100%; margin:10px 0; } .small{ margin-top:18px; text-align:center; color:#667284; font-size:12px; line-height:1.6; } footer{ text-align:center; padding:25px; border-top:1px solid #202a38; color:#697384; font-size:13px; } @media(max-width:600px){ header{ padding:0 5%; } .hero{ padding-top:45px; } .hero h1{ font-size:32px; } .box{ padding:19px; } .input-area{ flex-direction:column; padding:6px; } .paste{ padding:12px; } } </style> 
<div class="logo">
    MD <span>Abdullah</span>
</div>

<div class="public">
    🌐 Public
</div>

<div class="music">🎵</div>

<h1>
    MD <span>Abdullah</span>
</h1>

<p>
    Background Music Extractor
</p>

<p>
    আপনার নিজের বা অনুমতিপ্রাপ্ত ভিডিওর
    লিংক ব্যবহার করে Background Audio
    প্রসেস করুন।
</p>

<div class="title">
    🎧 <span>Background Music</span>
</div>


<div class="input-area">

    <input
        id="videoLink"
        type="url"
        placeholder="YouTube / TikTok ভিডিও লিংক এখানে Paste করুন..."
    >

    <button
        class="paste"
        onclick="pasteLink()"
    >
        Paste
    </button>

</div>


<div class="platforms">

    <div class="platform">
        ▶ YouTube
    </div>

    <div class="platform">
        ♪ TikTok
    </div>

    <div class="platform">
        🎬 Video
    </div>

</div>


<button
    class="download"
    id="downloadBtn"
    onclick="processLink()"
>
    🎵 Download Background Music
</button>


<div
    class="status"
    id="status"
></div>


<div
    class="result"
    id="result"
>

    <h3>
        ✅ Audio Ready
    </h3>

    <audio
        class="audio"
        id="audio"
        controls
    ></audio>

    <button
        class="download"
        onclick="downloadAudio()"
    >
        ⬇️ Download Audio
    </button>

</div>


<div class="small">

    MD Abdullah একটি Public web interface।
    YouTube/TikTok-এর কপিরাইটযুক্ত কনটেন্ট
    অনুমতি ছাড়া ডাউনলোড করবেন না।
    নিজের বা ব্যবহারের অনুমতি থাকা কনটেন্ট ব্যবহার করুন।

</div>

© 2026 MD Abdullah
<br>
Background Music Tool
<script> const input = document.getElementById("videoLink"); const statusBox = document.getElementById("status"); const result = document.getElementById("result"); const downloadButton = document.getElementById("downloadBtn"); const audio = document.getElementById("audio"); /* Paste Button */ async function pasteLink(){ try{ const text = await navigator.clipboard.readText(); input.value = text; showStatus( "✅ ভিডিও লিংক Paste হয়েছে। এখন Download চাপুন।" ); }catch(error){ input.focus(); showStatus( "📋 এখানে আপনার ভিডিও লিংক Paste করুন।" ); } } /* Process */ function processLink(){ const link = input.value.trim(); if(!link){ showStatus( "⚠️ আগে YouTube অথবা TikTok ভিডিওর লিংক দিন।" ); return; } const youtube = link.includes("youtube.com") || link.includes("youtu.be"); const tiktok = link.includes("tiktok.com"); if(!youtube && !tiktok){ showStatus( "⚠️ সঠিক YouTube বা TikTok লিংক দিন।" ); return; } downloadButton.disabled = true; showStatus( "⏳ Background Music প্রস্তুত করা হচ্ছে..." ); /* এখানে আসল audio-processing backend API যুক্ত করতে হবে। নিরাপত্তা ও copyright-এর কারণে এই frontend সরাসরি YouTube/TikTok থেকে audio download করে না। */ setTimeout(function(){ downloadButton.disabled = false; showStatus( "ℹ️ লিংক পাওয়া গেছে। আসল Background Music extraction চালাতে একটি বৈধ audio-processing backend/API সংযুক্ত করতে হবে।" ); },1500); } /* Status */ function showStatus(message){ statusBox.style.display = "block"; statusBox.innerHTML = message; } /* Demo Audio */ function setAudio(url){ audio.src = url; result.style.display = "block"; } /* Download */ function downloadAudio(){ if(!audio.src){ alert( "আগে একটি processed audio তৈরি করুন।" ); return; } const a = document.createElement("a"); a.href = audio.src; a.download = "MD-Abdullah-Background-Music"; a.click(); } </script> <title>MD Abdullah - Background Music</title> <style> *{ margin:0; padding:0; box-sizing:border-box; font-family:Arial,"Noto Sans Bengali",sans-serif; } body{ min-height:100vh; background: radial-gradient(circle at top,#17243a 0,#080b12 45%,#050609 100%); color:white; } header{ height:70px; padding:0 7%; display:flex; align-items:center; justify-content:space-between; background:rgba(7,10,17,.88); border-bottom:1px solid #273244; backdrop-filter:blur(12px); } .logo{ font-size:25px; font-weight:900; } .logo span{ color:#00e5ff; } .public{ padding:8px 13px; border-radius:20px; background:#102d32; color:#00e5ff; font-size:13px; } .hero{ text-align:center; padding:70px 18px 35px; } .hero .music{ font-size:60px; margin-bottom:15px; } .hero h1{ font-size:43px; margin-bottom:12px; } .hero h1 span{ color:#00e5ff; } .hero p{ max-width:650px; margin:auto; color:#9faaba; line-height:1.7; } .box{ width:92%; max-width:700px; margin:20px auto 70px; background:rgba(15,21,32,.96); border:1px solid #293548; border-radius:25px; padding:28px; box-shadow:0 20px 70px rgba(0,0,0,.4); } .title{ text-align:center; font-size:21px; margin-bottom:22px; } .title span{ color:#00e5ff; } .input-area{ display:flex; gap:10px; background:#080d15; padding:7px; border:1px solid #2a3545; border-radius:15px; } input{ width:100%; background:transparent; color:white; border:0; outline:0; padding:15px; font-size:15px; } input::placeholder{ color:#6e7888; } .paste{ background:#252f3d; color:white; border:0; padding:0 18px; border-radius:10px; cursor:pointer; font-weight:bold; } .paste:hover{ background:#344154; } .platforms{ display:flex; justify-content:center; gap:10px; margin:20px 0; flex-wrap:wrap; } .platform{ padding:8px 13px; border:1px solid #303b4d; border-radius:20px; color:#9ea8b7; font-size:12px; } .download{ width:100%; padding:16px; border:0; border-radius:14px; background:#00e5ff; color:#001014; font-size:16px; font-weight:900; cursor:pointer; margin-top:10px; } .download:hover{ filter:brightness(1.1); } .download:disabled{ opacity:.45; cursor:not-allowed; } .status{ display:none; text-align:center; margin-top:20px; padding:15px; border-radius:13px; background:#0b121c; color:#aeb9c7; line-height:1.6; } .result{ display:none; margin-top:20px; padding:18px; border-radius:15px; border:1px solid #283547; background:#090f18; text-align:center; } .result h3{ color:#00e5ff; margin-bottom:12px; } .audio{ width:100%; margin:10px 0; } .small{ margin-top:18px; text-align:center; color:#667284; font-size:12px; line-height:1.6; } footer{ text-align:center; padding:25px; border-top:1px solid #202a38; color:#697384; font-size:13px; } @media(max-width:600px){ header{ padding:0 5%; } .hero{ padding-top:45px; } .hero h1{ font-size:32px; } .box{ padding:19px; } .input-area{ flex-direction:column; padding:6px; } .paste{ padding:12px; } } </style> 
<div class="logo">
    MD <span>Abdullah</span>
</div>

<div class="public">
    🌐 Public
</div>

<div class="music">🎵</div>

<h1>
    MD <span>Abdullah</span>
</h1>

<p>
    Background Music Extractor
</p>

<p>
    আপনার নিজের বা অনুমতিপ্রাপ্ত ভিডিওর
    লিংক ব্যবহার করে Background Audio
    প্রসেস করুন।
</p>

<div class="title">
    🎧 <span>Background Music</span>
</div>


<div class="input-area">

    <input
        id="videoLink"
        type="url"
        placeholder="YouTube / TikTok ভিডিও লিংক এখানে Paste করুন..."
    >

    <button
        class="paste"
        onclick="pasteLink()"
    >
        Paste
    </button>

</div>


<div class="platforms">

    <div class="platform">
        ▶ YouTube
    </div>

    <div class="platform">
        ♪ TikTok
    </div>

    <div class="platform">
        🎬 Video
    </div>

</div>


<button
    class="download"
    id="downloadBtn"
    onclick="processLink()"
>
    🎵 Download Background Music
</button>


<div
    class="status"
    id="status"
></div>


<div
    class="result"
    id="result"
>

    <h3>
        ✅ Audio Ready
    </h3>

    <audio
        class="audio"
        id="audio"
        controls
    ></audio>

    <button
        class="download"
        onclick="downloadAudio()"
    >
        ⬇️ Download Audio
    </button>

</div>


<div class="small">

    MD Abdullah একটি Public web interface।
    YouTube/TikTok-এর কপিরাইটযুক্ত কনটেন্ট
    অনুমতি ছাড়া ডাউনলোড করবেন না।
    নিজের বা ব্যবহারের অনুমতি থাকা কনটেন্ট ব্যবহার করুন।

</div>

© 2026 MD Abdullah
<br>
Background Music Tool
<script> const input = document.getElementById("videoLink"); const statusBox = document.getElementById("status"); const result = document.getElementById("result"); const downloadButton = document.getElementById("downloadBtn"); const audio = document.getElementById("audio"); /* Paste Button */ async function pasteLink(){ try{ const text = await navigator.clipboard.readText(); input.value = text; showStatus( "✅ ভিডিও লিংক Paste হয়েছে। এখন Download চাপুন।" ); }catch(error){ input.focus(); showStatus( "📋 এখানে আপনার ভিডিও লিংক Paste করুন।" ); } } /* Process */ function processLink(){ const link = input.value.trim(); if(!link){ showStatus( "⚠️ আগে YouTube অথবা TikTok ভিডিওর লিংক দিন।" ); return; } const youtube = link.includes("youtube.com") || link.includes("youtu.be"); const tiktok = link.includes("tiktok.com"); if(!youtube && !tiktok){ showStatus( "⚠️ সঠিক YouTube বা TikTok লিংক দিন।" ); return; } downloadButton.disabled = true; showStatus( "⏳ Background Music প্রস্তুত করা হচ্ছে..." ); /* এখানে আসল audio-processing backend API যুক্ত করতে হবে। নিরাপত্তা ও copyright-এর কারণে এই frontend সরাসরি YouTube/TikTok থেকে audio download করে না। */ setTimeout(function(){ downloadButton.disabled = false; showStatus( "ℹ️ লিংক পাওয়া গেছে। আসল Background Music extraction চালাতে একটি বৈধ audio-processing backend/API সংযুক্ত করতে হবে।" ); },1500); } /* Status */ function showStatus(message){ statusBox.style.display = "block"; statusBox.innerHTML = message; } /* Demo Audio */ function setAudio(url){ audio.src = url; result.style.display = "block"; } /* Download */ function downloadAudio(){ if(!audio.src){ alert( "আগে একটি processed audio তৈরি করুন।" ); return; } const a = document.createElement("a"); a.href = audio.src; a.download = "MD-Abdullah-Background-Music"; a.click(); } </script> ym

@greptile-apps

greptile-apps Bot commented Sep 14, 2026

Copy link
Copy Markdown
Contributor

RetriggerConfidence Score: 4/5

The app still builds as before, but the project guide should keep its README.md name.

Findings

  1. P2 Repository guide disappears ▶

Summary

  • Renames the repository overview file.
  • Preserves all existing documentation text.
  • Adds no application behavior or rendered HTML changes.

Diagram

sequenceDiagram
    actor Author
    participant Repo as Repository
    participant GitHub
    participant Build as App build
    participant Server as Express server
    actor Visitor

    Author->>Repo: Rename readme.md to index.html
    GitHub->>Repo: Look for a root README
    Repo-->>GitHub: No README found
    Visitor->>GitHub: Open repository page
    GitHub-->>Visitor: Show page without project guide
    Build->>Repo: Build client/main.js into public/
    Server->>Repo: Load server/index.hbs
    Visitor->>Server: Open the app
    Server-->>Visitor: Return the existing app shell
Loading

Reviews (1) · Last reviewed commit: "Rename readme.md to index.html"

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

1 participant

@e77ee6eyidci-glitch