<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Daftar URL</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
color: #333;
margin: 0;
padding: 20px;
}
.container {
max-width: 800px;
margin: auto;
background-color: #fff;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
padding: 20px;
}
h1 {
text-align: center;
color: #5a5a5a;
}
.link-list {
list-style: none;
padding: 0;
}
.link-list li {
background-color: #f9f9f9;
margin: 10px 0;
padding: 10px;
border-radius: 5px;
transition: background-color 0.3s;
}
.link-list li:hover {
background-color: #f1f1f1;
}
.link-list a {
text-decoration: none;
color: #3498db;
font-size: 16px;
word-wrap: break-word;
}
.link-list a:visited {
color: #9b59b6;
}
.link-list a:hover {
color: #2980b9;
}
.search-bar {
margin: 10px 0;
padding: 10px;
width: 100%;
border: 1px solid #ccc;
border-radius: 5px;
font-size: 16px;
}
</style>
</head>
<body>
<div class="container">
<h1>Daftar Link</h1>
<input type="text" id="searchInput" class="search-bar" placeholder="Cari link..." onkeyup="searchLinks()">
<ul id="linkList" class="link-list">
<!-- Daftar link akan dimasukkan di sini -->
</ul>
</div>
<script>
// Daftar link yang Anda berikan
const links = [
"https://cccv.to/nezha2fullhd",
"https://cccv.to/nezha2subthai",
"https://flow2024hk.graphy.com/",
"https://cccv.to/wainoom2544thai",
"https://popl.co/card/gd8iLpRT/1",
"https://nezha2thaisub.graphy.com/",
"https://cccv.to/wainoom2544thaisub",
"https://graftedthaisub.graphy.com/",
"https://snowwhitethaisub.graphy.com/",
"https://cellsatworkthaisub.graphy.com/",
"https://locxoaytuthanvietsub.graphy.com/",
"https://deadtalentssocietyhk.graphy.com/",
"https://theredenvelopethaisub.graphy.com/",
"https://aminecraftmoviethaisub.graphy.com/",
"https://nationaltheatreliveprimafacie.graphy.com/",
"https://tulungdanhconanngoisao5canh1trieudo.graphy.com/",
"https://www.facebook.com/media/set/?set=a.122145011294471172&type=3",
"https://www.facebook.com/media/set/?set=a.122145011660471172&type=3",
"https://www.facebook.com/media/set/?set=a.122145012170471172&type=3",
"https://www.facebook.com/media/set/?set=a.122145012788471172&type=3",
"https://papaly.com/categories/share?id=71bfc39474d042dcb2426007d28553b3",
"https://dly.to/tzAlEd1qnmK",
"https://dictanote.co/n/1208161/",
"https://www.are.na/block/35053001",
"https://taplink.cc/florenceclarke",
"https://florenceclarke1.statuspage.io/",
"https://businessboostier.mn.co/posts/81012416",
"https://open.firstory.me/story/cm7yu4s3b00un01zx17sq7y18",
"https://factsplat.com/users/d8876624-2c3d-48d7-be1e-7a394f5e4eab",
"https://baskadia.com/post/8kfim",
"https://medium.com/@reretp/the-importance-of-achieving-work-life-balance-0ca88d9bc40c",
"https://honeyveleti.hashnode.dev/how-to-balance-your-career-and-personal-life-for-better-well-being",
"https://www.fimfiction.net/blog/1065308/why-maintaining-work-life-balance-is-crucial-for-mental-health",
"https://hackmd.io/@avaaude/SySXfYOiJl",
"https://rentry.co/florenceclarke",
"https://direct.me/florenceclarke",
"https://blognews.mybloghunch.com/the-importance-of-work-life-balance?ref=bloghunch.com",
"https://about.me/florenceclarke",
"https://playit4ward-sanantonio.ning.com/photo/albums/florence-clarke",
"https://healingxchange.ning.com/photo/albums/florence-clarke",
"https://www.bitsdujour.com/profiles/RA6N8v",
"https://muckrack.com/florence-clarke",
"https://tooter.in/florenceclarke/posts/114121753478438265",
"https://heylink.me/florenceclarke",
"https://mez.ink/florenceclarke",
"https://www.tadalive.com/florenceclarke",
"https://bio.link/florenceclarke",
"https://linktr.ee/florenceclarke",
"https://linkr.bio/florenceclarke",
"https://start.me/w/b0YvkQ",
"http://magic.ly/florenceclarke",
"https://florenceclarke.mssg.me/",
"https://findaspring.org/members/florenceclarke/",
"https://pinshape.com/users/7295508-florenceclarke#designs-tab-open",
"https://profile.hatena.ne.jp/florenceclarke/",
"https://taylorhicks.ning.com/forum/topics/florence-clarke",
"https://pastelink.net/uelluw8l",
"https://pastebin.com/HksgBZ7b",
"https://paste.firnsy.com/paste/DRVEaK0g839",
"https://etextpad.com/mrkygvmu6u",
"https://paste.feed-the-beast.com/view/4c1b7ecf",
"https://paiza.io/projects/i6InyW8p18FtMH5LDlqdsA?language=php",
"https://pastebin.mozilla.org/VXVECryD",
"https://paste.toolforge.org/view/971ea935",
"https://snippet.host/zapxdu",
"https://justpaste.it/hhlrp",
"https://paste.intergen.online/view/ab7b087f",
"https://tempel.in/view/w4sK",
"https://telegra.ph/FlorenceClarke-03-07",
"https://notes.io/wLm57",
"https://glot.io/snippets/h59ed9amm2",
"https://glot.io/snippets/h59eddof3d",
"https://glot.io/snippets/h59edhy1xi",
"https://glot.io/snippets/h59edm59eo",
"https://www.wowace.com/paste/9eb62ccc",
"https://www.pastery.net/upgxsa/",
"https://tech.io/snippet/WXUlF5a"
];
// Menampilkan daftar link di halaman
function displayLinks() {
const linkList = document.getElementById("linkList");
links.forEach(url => {
const listItem = document.createElement("li");
const link = document.createElement("a");
link.href = url;
link.textContent = url;
listItem.appendChild(link);
linkList.appendChild(listItem);
});
}
// Fungsi pencarian
function searchLinks() {
const searchTerm = document.getElementById("searchInput").value.toLowerCase();
const listItems = document.querySelectorAll(".link-list li");
listItems.forEach(item => {
const link = item.querySelector("a");
if (link.textContent.toLowerCase().includes(searchTerm)) {
item.style.display = "block";
} else {
item.style.display = "none";
}
});
}
// Panggil fungsi untuk menampilkan link saat halaman dimuat
window.onload = displayLinks;
</script>
</body>
</html>
