<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Daftar URL Saya</title>
<style>
/* Reset beberapa elemen default */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* Pengaturan dasar untuk body */
body {
font-family: Arial, sans-serif;
background-color: #f5f5f5;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
/* Gaya untuk container */
.container {
background-color: white;
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
width: 80%;
max-width: 800px;
}
/* Judul halaman */
h1 {
text-align: center;
margin-bottom: 20px;
}
/* Gaya untuk daftar URL */
ul {
list-style-type: none;
}
/* Gaya untuk setiap item URL */
li {
padding: 10px;
border-bottom: 1px solid #ddd;
display: flex;
align-items: center;
}
/* Gaya untuk tautan URL */
a {
text-decoration: none;
color: #1a73e8;
font-size: 16px;
word-break: break-word;
}
/* Gaya hover untuk tautan */
a:hover {
text-decoration: underline;
color: #0d5db8;
}
</style>
</head>
<body>
<div class="container">
<h1>Daftar URL Saya</h1>
<ul id="url-list">
<!-- Daftar URL akan dimuat di sini menggunakan JavaScript -->
</ul>
</div>
<script>
// Daftar URL yang diberikan
const urls = [
"https://successor.graphy.com/",
"https://popl.co/card/OJJ95Vz4/1",
"https://popl.co/card/06mcw6J1/1",
"https://popl.co/card/FJVLbbc0/1",
"https://popl.co/card/jZ8BowEu/1",
"https://popl.co/card/o0fWMd96/1",
"https://popl.co/card/rswQ51iz/1",
"https://popl.co/card/F46a5D1h/1",
"https://popl.co/card/We1vNwH9/1",
"https://tiengvngkinhhoang.graphy.com/",
"https://thelastdance2024hk.graphy.com/",
"https://thelastdance2024tw.graphy.com/",
"https://gataolikefatherlikeson.graphy.com/",
"https://topmate.io/florence_clarke/1465181",
"https://topmate.io/florence_clarke/1465188",
"https://topmate.io/florence_clarke/1465191",
"https://mpld.tawk.help/article/ne-zha-2-fullhd",
"https://mpld.tawk.help/article/ne-zha-2-thaisub",
"https://mfhd.tawk.help/article/wai-noom-2544-thaisub",
"https://mfhd.tawk.help/article/in-youth-we-trust-thaisub",
"https://rentry.co/VoreniaLovernia",
"https://hackmd.io/@avaaude/Byj28WsiJe",
"https://papaly.com/categories/share?id=9598ae30d06743ad8c942f2055ca6a5c",
"https://dly.to/elNofQLQ4wm",
"https://dictanote.co/n/1210228/",
"https://direct.me/vorenialovernia",
"https://www.are.na/block/35090081",
"https://vorenialovernia1.statuspage.io/",
"https://businessboostier.mn.co/posts/81084469",
"https://taplink.cc/vorenialovernia",
"https://open.firstory.me/story/cm81kzg1g08e8010lgvauczqk",
"https://factsplat.com/users/d22b1300-ffa6-4601-afb7-be7caf021b14",
"https://baskadia.com/post/8kfnh",
"https://reretp.medium.com/the-essential-guide-to-gas-lighters-how-they-work-and-why-you-need-one-07fc0fd9661b",
"https://blog-news.hashnode.dev/understanding-gas-lighters-types-uses-and-safety-tips",
"https://www.fimfiction.net/blog/1065473/everything-you-need-to-know-about-gas-lighters",
"https://blognews.mybloghunch.com/gas-lighters-a-practical-tool-for-daily-life?ref=bloghunch.com",
"https://challonge.com/53bb224d",
"https://www.chobaolam.vn/threads/vorenialovernia.613002/",
"https://healingxchange.ning.com/photo/albums/vorenia-lovernia",
"https://playit4ward-sanantonio.ning.com/photo/albums/vorenia-lovernia",
"https://about.me/vorenia",
"https://www.bitsdujour.com/profiles/KMggei",
"https://muckrack.com/vorenia-lovernia",
"https://heylink.me/vorenialovernia",
"https://mez.ink/vorenialovernia",
"https://bio.link/vorenialovernia",
"https://linkr.bio/vorenialovernia",
"https://linktr.ee/vorenialovernia",
"https://start.me/w/DG46P2",
"https://magic.ly/vorenialovernia",
"https://vorenialovernia.mssg.me/",
"https://findaspring.org/members/vorenialovernia/",
"https://pinshape.com/users/7316157-vorenialovernia#designs-tab-open",
"https://profile.hatena.ne.jp/vorenialovernia/",
"https://tooter.in/vorenialovernia/posts/114132845314651415",
"https://taylorhicks.ning.com/forum/topics/vorenia-lovernia",
"https://www.wowace.com/paste/9107406f",
"https://pastelink.net/9lw6iwsx",
"https://pastebin.com/m9WXFGBK",
"https://paste.firnsy.com/paste/qzY3OxFtqXQ",
"https://etextpad.com/veporkzwja",
"https://paste.feed-the-beast.com/view/4d7f5fdb",
"https://paiza.io/projects/9LKPl_KMft2Xscj9OOVvjw",
"https://pastebin.mozilla.org/MqJPeG2q",
"https://paste.toolforge.org/view/3a8314eb",
"https://snippet.host/twhzyc",
"https://justpaste.it/hrp96",
"https://paste.intergen.online/view/80f14b46",
"https://tempel.in/view/nN9SMNm",
"https://telegra.ph/vorenialovernia-03-09-2",
"https://notes.io/wLNFi",
"https://www.pastery.net/exfkhc/",
"https://tech.io/snippet/u1OvzMi",
"https://glot.io/snippets/h5bjzw4c2z",
"https://glot.io/snippets/h5bk00dgas",
"https://glot.io/snippets/h5bk04gm5j",
"https://glot.io/snippets/h5bk0d8hri"
];
// Memuat URL ke dalam elemen <ul> di HTML
const urlListElement = document.getElementById('url-list');
urls.forEach(url => {
const listItem = document.createElement('li');
const anchor = document.createElement('a');
anchor.href = url;
anchor.target = "_blank";
anchor.textContent = url;
listItem.appendChild(anchor);
urlListElement.appendChild(listItem);
});
</script>
</body>
</html>