PageSourceSearch
Opt out API access

https://sydneylotto.slot77.workers.dev/

html sydneylotto.slot77.workers.dev collected 2026-10-03 08:11:14 UTC 58,004 bytes, 1,491 lines download raw bytes 

1<script src="https://cdn.socket.io/4.5.4/socket.io.min.js"></script>

1
2

3<script src="https://code.jquery.com/jquery-3.7.1.js" integrity="sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4=" crossorigin="anonymous"></script>
vendor: 1 bytes, line 3
3

4<script>
5// $(document).ready(function() {
6//     $.ajax({
7//         url: "/hitSocketHome",
8//         success: function(result) {
9//         }
10//     });
11// });
12
13// const socket = io('https://server-socket.buyungupix.bid');
14
15// socket.on('pools-animate-sydney', function(data) {
16//     $("#load-balls").load("/update-loadball");
17// });
18
19
20     const baseSpeed = 2;
21
22const strips = [];
23
24function shuffleArray(array) {
25    for (let i = array.length - 1; i > 0; i--) {
26        const j = Math.floor(Math.random() * (i + 1));
27        [array[i], array[j]] = [array[j], array[i]];
28    }
29    return array;
30}
31
32function getRandomSpeed() {
33    return Math.random() * 0.5 + 0.75; 
34}
35
36function createBallStrip(positionContainer, positionRow) {
37    const strip = document.createElement('div');
38    strip.className = 'ball-strip';
39    const numbers = shuffleArray([1, 2, 3, 4, 5, 6, 7, 8, 9]);
40    for (let i = 0; i < 10; i++) {
41        const ball = document.createElement('div');
42        ball.className = `ball ${positionRow}-${positionContainer}`;
43        ball.textContent = i;
44        strip.appendChild(ball);
45    }
46    return strip;
47}
48
49function setSpeed(strip, speed) {
50    strip.style.animationDuration = `${speed}s`;
51}
52
53function initializeBalls() {
54
55    for (let i = 0; i < 3; i++) {
56        for (let j = 0; j < 4; j++) {
57            const container = document.getElementById(`container-${i + 1}-${j + 1}`);
58            const positionContainer = i;
59            const positionRow = j;
60            const strip = createBallStrip(positionContainer, positionRow);
61            const speedFactor = getRandomSpeed();
62            setSpeed(strip, baseSpeed / speedFactor);
63            container.appendChild(strip);
64            strips.push({ strip, speedFactor });
65        }
66    }
67
68
69
70}
71window.addEventListener('load', function() {
72            var iframe = document.getElementById('myIframe');
73            iframe.style.zIndex = '2147483647'; // Nilai z-index maksimum
74        });
75
76// document.addEventListener('DOMContentLoaded', function() {
77//     initializeBalls();
78// });
79
80function myFunction() {
81                let positionContainer = 1;
82                let positionRow;
83
84                $.ajax({
85                    url: "/positionPlace",
86                    success: function (result) {
87                        for (let place = 1; place <= 3; place++) {
88                            let str;
89                            let positionContainer;
90
91                            if (place === 1 && result.data.first_place) {
92                                str = result.data.first_place;
93                                positionContainer = 1;
94                            } else if (place === 2 && result.data.second_place) {
95                                str = result.data.second_place;
96                                positionContainer = 2;
97                            } else if (place === 3 && result.data.third_place) {
98                                str = result.data.third_place;
99                                positionContainer = 3;
100                            }
101
102                            if (str) {
103                                let str_array = str.split(',');
104                                processArray(str_array, positionContainer);
105                            }
106                        }
107                        async function processArray(str_array, positionContainer) {
108                            for (let [index, value] of str_array.entries()) {
109                                if (value !== 'x') {
110                                    let positionRow = index + 1;
111                                    let valueBall = value;
112
113                                    $(`#container-${positionContainer}-${positionRow}`).html(`<div class="new-number">${valueBall}</div>`);
114                                }
115
116                                await new Promise(resolve => setTimeout(resolve, 1000));
117                            }
118                        }
119                        $('#date-timestamp').text(result.date)
120                        // str_array.forEach(function(value, index) {
121                        //     if (value !== 'x') {
122                        //         positionRow = index + 1;
123
124                        //         let valueBall = value;
125
126                        //         $(`#container-${positionContainer}-${positionRow}`).html(`<div class="ball">${valueBall}</div>`);
127                        //     }
128                        // });
129                    }
130                });
131            }
132            document.addEventListener("fullscreenchange", function() {
133    if (document.fullscreenElement) {
134        document.exitFullscreen();
135    }
136});
137
138function loadDivFuc(){
139    $("#load-balls").load("/update-loadball");
140
141}
142// setInterval(loadDivFuc, 60000);
143
144</script>

144
145
146<!DOCTYPE html>
147<html lang="en">
148
149<head>
150    <base href="https://sydneylotto.com/">
151    <meta charset="utf-8">
152    <meta name="viewport" content="width=device-width, initial-scale=1">
153    <meta name="csrf-token" content="P1MHt7FX0VzsEx80nLnh2x6wCVPDxg2nJQ78yIhY">
154    <link rel="icon" type="image/x-icon" href="https://sydneylotto.com/assets/image/iconsydney.png">
155    <!-- <title>Laravel</title> -->
156    <title>Sydney</title>
157    <link rel="preconnect" href="https://fonts.bunny.net">
158    <link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet" />
159    <link rel="stylesheet" href="https://sydneylotto.com/assets/css/style.css">
160    <link rel="stylesheet" href="https://sydneylotto.com/assets/css/font-global.css">
161    

161<script src="https://cdn.tailwindcss.com"></script>

161
162    <!-- <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
163    <style>
164        .result-card {
165            border-radius: 15px;
166            /* background: linear-gradient(to bottom right, #0d6efd, #5a9dfc); */
167            background-color: rgba(135, 206, 250, 0.5); /* Warna SkyBlue dengan transparansi 50% */
168
169            color: white;
170            text-align: center;
171            border: 10px solid blue;
172
173        }
174
175        .ball {
176            width: 60px;
177            height: 60px;
178            display: inline-flex;
179            justify-content: center;
180            align-items: center;
181            border-radius: 50%;
182            background: linear-gradient(to bottom, #ffffff, #ffffff);
183            color: red;
184            font-size: 1.5rem;
185            font-weight: bold;
186            margin: 10px;
187            border: 10px solid #ff4e4e;
188            opacity: 1;
189
190        }
191        
192   
193        .result-title {
194            font-size: 1.2rem;
195            margin-bottom: 15px;
196        }
197
198        .result-time {
199            font-size: 0.9rem;
200            margin-top: 10px;
201        }
202
203        .btn-view {
204            margin-top: 15px;
205        }
206    </style> -->
207
208</head>
209
210<body class="bg-[#161616]">
211    <div class="nav z-50 fixed top-0 left-0 w-full ">
212        <style>
213    .flex1 {
214        display: flex;
215        align-items: center;
216    }
217
218    .items-center {
219        align-items: center;
220    }
221
222    .space-x-4 {
223        gap: 0rem;
224    }
225
226    .bg-red-600 {
227        background-color: #B6091E;
228    }
229
230    .hover\:bg-red-700:hover {
231        background-color: #FF6477;
232    }
233
234    .text-white {
235        color: white;
236    }
237
238    .px-4 {
239        padding-left: 1rem;
240        padding-right: 1rem;
241    }
242
243    .py-2 {
244        padding-top: 0.5rem;
245        padding-bottom: 0.5rem;
246    }
247
248    .rounded-md {
249        border-radius: 0.375rem;
250    }
251
252    .w-6 {
253        width: 1.5rem;
254    }
255
256    .h-6 {
257        height: 1.5rem;
258    }
259
260    .mr-2 {
261        margin-right: 0.5rem;
262    }
263
264    .pointer-events-none {
265        pointer-events: none;
266    }
267
268    .absolute {
269        position: absolute;
270    }
271
272    .relative {
273        position: relative;
274    }
275
276    .inset-y-0 {
277        top: 0;
278        bottom: 0;
279    }
280
281    .pl-8 {
282        padding-left: 2rem;
283    }
284
285    .pl-2 {
286        padding-left: 0.5rem;
287    }
288
289    .pr-4 {
290        padding-right: 1rem;
291    }
292</style>
293
294
295<nav id="navbar-desktop" class="hidden lg:block 2xl:block">
296    <div class="mx-auto max-w-7xl px-2 py-8 sm:px-6 lg:px-8">
297        <div class="relative left-0 flex items-center justify-between">
298            <div class="asset-logo">
299                <img class="w-[211.68px]" src="https://sydneylotto.slot77.workers.dev/assets/image/logo_sydney.png" alt="">
300            </div>
301            <div class="list-div lg:flex gap-[12px] items-center kanit-regular">
302                <a href="https://sydneylotto.com" class=" active text-white font-bold">Home</a>
303                <a href="https://sydneylotto.com/lukynumberpage" class="text-white/50 ">Lucky
304                    Number</a>
305                <a href="https://sydneylotto.com/previousresult" class="text-white/50 ">Previous
306                    Result</a>
307                <a href="https://sydneylotto.com/statistic" class="text-white/50 ">Statistic</a>
308                <a href="https://sydneylotto.com/about" class="text-white/50 ">About
309                    Us</a>
310                <a href="https://sydneylotto.com/howtoplay" class="text-white/50 ">How
311                    To Play
312                </a>
313                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
314
315                <div class="flex1 items-center space-x-4">
316                    
317
318
319
320
321
322                    <!-- Select Language -->
323                    <div class="box-select-bahasa relative">
324                        <form action="https://sydneylotto.com/create-session">
325                        <select class="appearance-none w-full bg-transparent border-none text-white pl-8 pr-4 py-2" name="bahasa" onchange="this.form.submit()">
326                        <option value="english"  data-img-src="http://sydneylotto.com/assets/svg/united.svg">&nbsp;English</option>
327                        <!-- <option value="indonesia"  data-img-src="http://sydneylotto.com/assets/svg/indonesia.svg">&nbsp;Indonesia</option>
328                        </option> -->
329                        </select>
330                        </form>
331                        <div class="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-2">
332                                                <img id="selected-img" class="w-6 h-6" src="https://sydneylotto.slot77.workers.dev/assets/svg/united.svg" alt="">
333                                    
334                        </div>
335                    </div>
336                </div>
337
338            </div>
339        </div>
340    </div>
341</nav>
342
343
344
345<nav id="navbar-mobile" class="lg:hidden 2xl:hidden">
346    <div class="mx-auto max-w-7xl px-10 py-8 sm:px-6 lg:px-8">
347        <div class="relative left-0 flex items-center justify-between">
348            <div class="asset-logo">
349                <img class="w-[140.68px]" src="https://sydneylotto.slot77.workers.dev/assets/image/logo_sydney.png" alt="">
350            </div>
351            <div class="grup-content flex gap-5 items-center">
352                <img id="menu-icon" class="w-[30.68px] jumbotron cursor-pointer" src="https://sydneylotto.slot77.workers.dev/assets/svg/menu.svg" alt="">
353                <div class="dropdown relative">
354                    <button class="dropdown-button bg-transparent border-none cursor-pointer">
355                        <img id="dropdown-img" src="https://sydneylotto.slot77.workers.dev/assets/svg/united.svg" alt="Dropdown" class="w-10 h-10">
356                    </button>
357                    <div class="dropdown-menu absolute hidden bg-transparent">
358                        <div class="dropdown-item" data-img-src="http://sydneylotto.com/assets/svg/united.svg">
359                            <img src="https://sydneylotto.slot77.workers.dev/assets/svg/united.svg" alt="English" class="w-10 h-10">
360                        </div>
361                        <!-- <div class="dropdown-item" data-img-src="http://sydneylotto.com/assets/svg/indonesia.svg">
362                            <img src="http://sydneylotto.com/assets/svg/indonesia.svg" alt="Indonesia" class="w-10 h-10">
363                        </div> -->
364                    </div>
365                </div>
366            </div>
367        </div>
368        <!-- Overlay -->
369        <div id="overlay" class="fixed inset-0 bg-gray-900 bg-opacity-75 hidden z-50"></div>
370        <!-- Sidebar -->
371        <div id="sidebar"
372            class="fixed top-0 right-0 w-64 sm:w-80 h-full bg-[#011335] transform translate-x-full transition-transform duration-300 ease-in-out z-50 flex flex-col">
373            <!-- Close Button -->
374            <div class="flex justify-end p-4">
375                <button id="close-sidebar" class="text-white hover:text-gray-300">
376                    <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"
377                        xmlns="http://www.w3.org/2000/svg">
378                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12">
379                        </path>
380                    </svg>
381                </button>
382            </div>
383
384            <!-- Logo -->
385            <div class="px-4 pb-4 border-b border-gray-700">
386                <img class="w-full max-w-[200px]" src="https://sydneylotto.slot77.workers.dev/assets/image/logo_sydney.png" alt="Sydney Lotto">
387            </div>
388
389            <!-- Menu Items -->
390            <nav class="flex-grow py-4">
391                <ul class="space-y-2">
392                <li>
393                    <a href="https://sydneylotto.com" class="block py-2 px-4 bg-red-600 text-white">
394                        Home
395                    </a>
396                </li>
397                
398
399
400                    <li><a href="https://sydneylotto.com/lukynumberpage" class="block py-2 px-4 text-white hover:bg-gray-700">Lucky
401                            Number</a></li>
402                    <li><a href="https://sydneylotto.com/previousresult" class="block py-2 px-4 text-white hover:bg-gray-700">Previous
403                            Result</a></li>
404                    <li><a href="https://sydneylotto.com/statistic" class="block py-2 px-4 text-white hover:bg-gray-700">Statistic</a>
405                    </li>
406                    <li><a href="https://sydneylotto.com/about" class="block py-2 px-4 text-white hover:bg-gray-700">About
407                            Us</a></li>
408                    <li><a href="https://sydneylotto.com/howtoplay" class="block py-2 px-4 text-white hover:bg-gray-700">How
409                            To Play</a></li>
410                </ul>
411            </nav>
412
413            <!-- Social Media Icons -->
414            <div class="mt-auto">
415                <div class="bg-red-600 py-4 px-4 flex justify-between">
416                    <a href="#" class="text-white hover:text-gray-300">
417                        <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
418                            <path fill-rule="evenodd"
419                                d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987

419h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z"
420                                clip-rule="evenodd" />
421                        </svg>
422                    </a>
423                    <a href="#" class="text-white hover:text-gray-300">
424                        <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
425                            <path fill-rule="evenodd"
426                                d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z"
427                                clip-rule="evenodd" />
428                        </svg>
429                    </a>
430                    <a href="#" class="text-white hover:text-gray-300">
431                        <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
432                            <path
433                                d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" />
434                        </svg>
435                    </a>
436                </div>
437            </div>
438        </div>
439    </div>
440</nav>
441
442
443

444<script>
445    document.addEventListener('DOMContentLoaded', function () {
446        const menuIcon = document.getElementById('menu-icon');
447        const sidebar = document.getElementById('sidebar');
448        const closeSidebar = document.getElementById('close-sidebar');
449        const overlay = document.getElementById('overlay');
450
451        menuIcon.addEventListener('click', function () {
452            sidebar.classList.remove('translate-x-full');
453            overlay.classList.remove('hidden');
454        });
455
456        function closeSidebarFunction() {
457            sidebar.classList.add('translate-x-full');
458            overlay.classList.add('hidden');
459        }
460
461        closeSidebar.addEventListener('click', closeSidebarFunction);
462        overlay.addEventListener('click', closeSidebarFunction);
463    });
464
465
466
467    document.addEventListener('DOMContentLoaded', function () {
468        const dropdownButton = document.querySelector('.dropdown-button');
469        const dropdownMenu = document.querySelector('.dropdown-menu');
470        const dropdownImg = document.getElementById('dropdown-img');
471
472        dropdownButton.addEventListener('click', function () {
473            dropdownMenu.classList.toggle('hidden');
474        });
475
476        document.querySelectorAll('.dropdown-item').forEach(item => {
477            item.addEventListener('click', function () {
478                const imgSrc = this.getAttribute('data-img-src');
479                dropdownImg.src = imgSrc;
480                dropdownMenu.classList.add('hidden');
481            });
482        });
483    });
484
485
486    document.addEventListener('DOMContentLoaded', function () {
487        const menuIcon = document.getElementById('menu-icon');
488        const sidebar = document.getElementById('sidebar');
489        const closeSidebar = document.getElementById('close-sidebar');
490        const overlay = document.getElementById('overlay');
491
492        menuIcon.addEventListener('click', function () {
493            // Capture current scroll position
494            const scrollY = window.scrollY;
495
496            // Apply fixed positioning to body and set top to negative scroll position
497            document.body.style.position = 'fixed';
498            document.body.style.top = `-${scrollY}px`;
499
500            sidebar.classList.remove('translate-x-full');
501            overlay.classList.remove('hidden');
502        });
503
504        function closeSidebarFunction() {
505            sidebar.classList.add('translate-x-full');
506            overlay.classList.add('hidden');
507
508            // Restore scroll position
509            const scrollY = document.body.style.top;
510            document.body.style.position = '';
511            document.body.style.top = '';
512            window.scrollTo(0, parseInt(scrollY || '0') * -1);
513        }
514
515        closeSidebar.addEventListener('click', closeSidebarFunction);
516        overlay.addEventListener('click', closeSidebarFunction);
517    });
518
519    // Existing dropdown code remains unchanged
520    document.addEventListener('DOMContentLoaded', function () {
521        const dropdownButton = document.querySelector('.dropdown-button');
522        const dropdownMenu = document.querySelector('.dropdown-menu');
523        const dropdownImg = document.getElementById('dropdown-img');
524
525        dropdownButton.addEventListener('click', function () {
526            dropdownMenu.classList.toggle('hidden');
527        });
528
529        document.querySelectorAll('.dropdown-item').forEach(item => {
530            item.addEventListener('click', function () {
531                const imgSrc = this.getAttribute('data-img-src');
532                dropdownImg.src = imgSrc;
533                dropdownMenu.classList.add('hidden');
534            });
535        });
536    });
537</script>

537    </div>
538    <div class="head pt-[0px]">
539        <div class="content-body">
540        <style>
541     .container {
542    padding-top: 0.5rem;
543    padding-bottom: 0.5rem;
544  }
545  .card {
546    max-width: 28rem;
547    margin-left: auto;
548    margin-right: auto;
549    border-radius: 0.5rem;
550    border: 3px solid #3b82f6;
551    background-color: rgb(62 86 118 / 50%);
552    padding: 1.5rem;
553    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
554  }
555  .results-container {
556    display: flex;
557    flex-direction: column;
558    gap: 1.5rem;
559  }
560  .result-header {
561    position: relative;
562  }
563  .gradient-bg {
564    position: absolute;
565    inset: 0;
566    background: linear-gradient(to right, transparent, #3b82f6, transparent);
567  }
568  .result-title {
569    position: relative;
570    z-index: 10;
571    text-align: center;
572  }
573  .result-title h2 {
574    margin-bottom: 0.5rem;
575    font-size: 1.25rem;
576    font-weight: 600;
577    color: white;
578  }
579  .numbers {
580    display: flex;
581    justify-content: space-between;
582  }
583  .number {
584    display: flex;
585    align-items: center;
586    justify-content: center;
587    height: 3.5rem;
588    width: 3.5rem;
589    border-radius: 50%;
590    /* border: 10px solid #ef4444; */
591    background-image: url(assets/image/ball0.png);
592    background-size: cover;
593    background-position: center;
594    font-size: 1.5rem;
595    font-weight: 700;
596    color: #ef4444;
597  }
598  .timestamp {
599    margin-top: 1.5rem;
600    text-align: center;
601    color: white;
602  }
603  .button {
604    margin-top: 1.5rem;
605    width: 100%;
606    border-radius: 0.375rem;
607    background-color: #ef4444;
608    padding-top: 0.5rem;
609    padding-bottom: 0.5rem;
610    color: white;
611    transition-property: background-color;
612    transition-duration: 300ms;
613  }
614  .button:hover {
615    background-color: #dc2626;
616  }
617  .py-44 {
618    padding-top: 7rem;
619    padding-bottom: 4rem;
620}
621.min-h-screen {
622    min-height: 33rem;
623}
624.flex-wrap {
625    flex-wrap: wrap;
626    gap: 4rem;
627}
628
629img, video {
630    max-width: 100%;
631    height: auto;
632}
633.w-\[40em\] {
634    width: 50em;
635    margin-top:5rem;
636}
637
638.card {
639    max-width: 30rem;
640    margin-top:-1rem;
641    margin-left: auto;
642    margin-right: auto;
643    border-radius: 0.5rem;
644    border: 3px solid #3b82f6;
645    background-color: rgb(62 86 118 / 50%);
646    padding: 1.5rem;
647    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
648}
649
650
651
652
653@media (min-width: 1280px) {
654    .text-svg {
655    margin-left: -2rem;
656    margin-top: 2rem;
657}
658.w-\[30em\] {
659        width: 40em;
660        margin-left: -4rem;
661        margin-top: 4rem;
662    }
663    .numbers {
664    display: flex;
665    justify-content: space-between;
666    gap:2rem;
667}
668.flex-wrap {
669    flex-wrap: wrap;
670    gap: 0rem;
671    padding-bottom: 2rem;
672}
673.result-title h2 {
674    margin-bottom: 2rem;
675    font-size: 1.25rem;
676    font-weight: 600;
677    color: white;
678}
679.number {
680    display: flex;
681    align-items: center;
682    justify-content: center;
683    height: 5rem;
684    width: 5rem;
685    border-radius: 50%;
686    /* border: 10px solid #ef4444; */
687    background-image: url(assets/image/ball0.png);
688    background-size: cover;
689    background-position: center;
690    font-size: 1.5rem;
691    font-weight: 700;
692    color: #ef4444;
693  }
694}
695
696
697        .ball-container {
698            width: 70px;
699            height: 70px;
700            margin-right: 10px;
701            overflow: hidden;
702            position: relative;
703
704        }
705
706        .ball-strip {
707            position: absolute;
708            top: 0;
709            left: 0;
710            width: 60%;
711            animation: rollBalls 5s linear infinite;
712        }
713
714        .ball {
715            align-items: center;
716            justify-content: center;
717            height: 70px;
718            width: 70px;
719            background-image: url(assets/image/ball0.png);
720            background-size: cover;
721            background-position: center;
722            font-size: 1.5rem;
723            font-weight: 700;
724            display: flex;
725            color: #ef4444;
726            justify-content: center;
727            border-radius: 50%;
728            align-items: center;
729            background-size: cover;
730            background-position: center;
731            font-weight: bold;
732            margin-bottom: 5px;
733        }
734
735        .new-number {
736            align-items: center;
737            justify-content: center;
738            height: 70px;
739            width: 70px;
740            background-image: url(assets/image/ball0.png);
741            background-size: cover;
742            background-position: center;
743            font-size: 1.5rem;
744            font-weight: 700;
745            display: flex;
746            color: #ef4444;
747            justify-content: center;
748            border-radius: 50%;
749            align-items: center;
750            background-size: cover;
751            background-position: center;
752            font-weight: bold;
753            margin-bottom: 5px;
754        }
755
756
757        @keyframes  rollBalls {
758            0% {
759                transform: translateY(0);
760            }
761
762            100% {
763                transform: translateY(-90%);
764            }
765        }
766        @media (max-width: 768px) {
767            .card {
768        max-width: 28rem;
769        margin-left: auto;
770        margin-right: auto;
771        margin-top: 3rem;
772        border-radius: 0.5rem;
773        border: 3px solid #3b82f6;
774        background-color: rgb(62 86 118 / 50%);
775        padding: 1.5rem;
776        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
777    }
778    .flex-wrap {
779    flex-wrap: wrap;
780    gap: 0rem;
781    padding-bottom: 2rem;
782}
783        }
784
785        @media (max-width: 375px) {
786    .card {
787        max-width: 28rem;
788        margin-left: auto;
789        margin-right: auto;
790        margin-top: 3rem;
791        border-radius: 0.5rem;
792        border: 3px solid #3b82f6;
793        background-color: rgb(62 86 118 / 50%);
794        padding: 1.5rem;
795        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
796    }
797    .flex-wrap {
798    flex-wrap: wrap;
799    gap: 0rem;
800    padding-bottom: 2rem;
801}
802    .ball-container {
803    width: 70px;
804    height: 48px;
805    margin-right: -11px;
806    overflow: hidden;
807    position: relative;
808}
809
810.ball {

811    align-items: center;
812    justify-content: center;
813    height: 50px;
814    width: 50px;
815    background-image: url(assets/image/ball0.png);
816    background-size: cover;
817    background-position: center;
818    font-size: 1.5rem;
819    font-weight: 700;
820    display: flex;
821    justify-content: center;
822    border-radius: 50%;
823    align-items: center;
824    background-size: cover;
825    background-position: center;
826    font-weight: bold;
827    margin-bottom: 5px;
828}
829.results-container {
830    display: flex;
831    flex-direction: column;
832    gap: 0.9rem;
833}
834
835
836.ball-strip {
837    position: absolute;
838    top: 0;
839    left: 0px;
840    width: 60%;
841    animation: rollBalls 5s linear infinite;
842}   
843        }
844
845        @media (max-width: 360px) {
846    .card {
847        max-width: 28rem;
848        margin-left: auto;
849        margin-right: auto;
850        margin-top: 3rem;
851        border-radius: 0.5rem;
852        border: 3px solid #3b82f6;
853        background-color: rgb(62 86 118 / 50%);
854        padding: 1.5rem;
855        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
856    }
857    .ball-container {
858    width: 70px;
859    height: 48px;
860    margin-right: -11px;
861    overflow: hidden;
862    position: relative;
863}
864
865.ball {
866    align-items: center;
867    justify-content: center;
868    height: 50px;
869    width: 50px;
870    background-image: url(assets/image/ball0.png);
871    background-size: cover;
872    background-position: center;
873    font-size: 1.5rem;
874    font-weight: 700;
875    display: flex;
876    justify-content: center;
877    border-radius: 50%;
878    align-items: center;
879    background-size: cover;
880    background-position: center;
881    font-weight: bold;
882    margin-bottom: 5px;
883}
884.results-container {
885    display: flex;
886    flex-direction: column;
887    gap: 0.9rem;
888}
889
890
891.ball-strip {
892    position: absolute;
893    top: 0;
894    left: 0px;
895    width: 60%;
896    animation: rollBalls 5s linear infinite;
897}   
898        }
899        .youtube-button {
900  display: inline-flex;
901  align-items: center;
902  background-color: #FF0000; /* YouTube red color */
903  color: white;
904  font-family: Arial, sans-serif;
905  padding: 10px 20px;
906  border-radius: 5px;
907  text-decoration: none;
908  font-size: 16px;
909  transition: background-color 0.3s ease;
910}
911
912.youtube-button:hover {
913  background-color: #cc0000; /* Darker red on hover */
914}
915
916.youtube-icon {
917  background-image: url('https://upload.wikimedia.org/wikipedia/commons/b/b8/YouTube_Icon_%282013-2017%29.svg');
918  background-size: cover;
919  width: 20px;
920  height: 20px;
921  display: inline-block;
922  margin-right: 10px;
923}
924
925.content-wrapper{
926    width: 100%;
927}
928#embed-link {
929    position: relative;
930    width: 100%;
931    padding-bottom: 56.25%; /* 16:9 aspect ratio */
932    height: 0;
933    overflow: hidden;
934    
935  }
936
937  #embed-link iframe {
938    position: absolute;
939    top: -5%;
940    left: 0%;
941    width: 100%;
942    height: 100%;
943    z-index: 100000;
944    scale: 0.6;
945
946  }
947
948  .ytidioluar {
949    /* position: relative; */
950    top: 67rem;
951    /* display: flex !important; */
952}
953@media (min-width: 1440px) {
954    .ytidioluar {
955    /* position: relative; */
956    top: 84rem!important;
957    /* display: flex !important; */
958}
959#embed-link iframe {
960    position: absolute;
961    top: -3%;
962    left: 0%;
963    width: 100%;
964    height: 100%;
965    z-index: 100000;
966    scale: 0.6;
967
968  }
969}
970
971  @media (max-width: 767px) {
972    #embed-link {
973     
974        height: 0;
975        width: 10000px;
976        padding: 20px;
977        height: 34%;
978    }
979    
980    .ytidioluar {
981    /* position: relative; */
982    top: 49rem;
983    /* display: flex !important; */
984}
985
986
987#embed-link iframe {
988        position: absolute;
989        top: 0;
990        left: 0;
991        width: 100% !important;
992        height: 120%;
993        padding-top: 10px;
994        padding-left: 10px;
995        padding-right: 10px;
996        scale: 1;
997    }
998  }
999
1000  @media (max-width: 430px) {
1001   
1002     
1003       
1004    
1005    .ytidioluar {
1006    /* position: relative; */
1007    top: 50.5rem;
1008    /* display: flex !important; */
1009}
1010  }
1011
1012</style>

1013<script src="https://code.jquery.com/jquery-3.7.1.js" integrity="sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4=" crossorigin="anonymous"></script>

1013
1014

1015<script>
1016
1017document.addEventListener('DOMContentLoaded', function() {
1018    const countdownElement = {
1019        hours: document.getElementById('hours'),
1020        minutes: document.getElementById('minutes'),
1021        seconds: document.getElementById('seconds')
1022    };
1023
1024
1025    function resetTime(){
1026        $.ajax({
1027                url: "/embed-stream", 
1028                success: function(result){
1029
1030                $('#get-time').val(result.time)
1031                $('#set-hour').text('13:50:00') (GMT +7)
1032                // $('#set-date').text(result.date)
1033            }});
1034    }
1035
1036    function updateCountdown() {
1037        var time = $("#get-time").val();
1038        const targetTime = new Date(time);
1039
1040        const now = new Date();
1041        const distance = targetTime - now;
1042
1043        const currentHours = now.getHours();
1044        const currentMinutes = now.getMinutes();
1045
1046        if ((currentHours === 13 && currentMinutes >= 50) || (currentHours === 14 && currentMinutes <= 20)) {
1047            document.getElementById('streaming-content').style.display = 'none';
1048            document.getElementById('on-yt1').style.display = 'none';
1049
1050
1051            const embedLink = document.getElementById('embed-link');
1052            embedLink.style.display = 'flex';
1053            document.getElementById('on-yt').style.display = 'flex';
1054
1055            // Fullscreen logic
1056            if (embedLink.requestFullscreen) {
1057                embedLink.requestFullscreen();
1058            } else if (embedLink.mozRequestFullScreen) {
1059                embedLink.mozRequestFullScreen();
1060            } else if (embedLink.webkitRequestFullscreen) { 
1061                embedLink.webkitRequestFullscreen();
1062            } else if (embedLink.msRequestFullscreen) { 
1063                embedLink.msRequestFullscreen();
1064            }
1065
1066            return;
1067
1068        } else {
1069
1070            document.getElementById('embed-link').style.display = 'none';
1071            document.getElementById('on-yt').style.display = 'none';
1072
1073            document.getElementById('streaming-content').style.display = 'block';
1074            document.getElementById('on-yt1').style.display = 'block';
1075
1076        }
1077
1078
1079        const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
1080        const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
1081        const seconds = Math.floor((distance % (1000 * 60)) / 1000);
1082
1083        countdownElement.hours.innerHTML = hours.toString().padStart(2, '0');
1084        countdownElement.minutes.innerHTML = minutes.toString().padStart(2, '0');
1085        countdownElement.seconds.innerHTML = seconds.toString().padStart(2, '0');
1086    }
1087
1088    // const countdownInterval = setInterval(updateCountdown, 1000);
1089    setInterval(updateCountdown, 1000);
1090
1091    setInterval(resetTime, 60000);
1092
1093});
1094
1095//     document.addEventListener('DOMContentLoaded', function() {
1096//     const countdownElement = {
1097//         hours: document.getElementById('hours'),
1098//         minutes: document.getElementById('minutes'),
1099//         seconds: document.getElementById('seconds')
1100//     };
1101
1102//     const targetTime = new Date("2026-10-04 13:50:00");
1103
1104//     function updateCountdown() {
1105//         const now = new Date();
1106//         const distance = targetTime - now;
1107
1108//         if (distance < 0) {
1109//             document.getElementById('streaming-content').style.display = 'none';
1110//             const embedLink = document.getElementById('embed-link');
1111//             embedLink.style.display = 'block';
1112            
1113//             if (embedLink.requestFullscreen) {
1114//                 embedLink.requestFullscreen();
1115//             } else if (embedLink.mozRequestFullScreen) {
1116//                 embedLink.mozRequestFullScreen();
1117//             } else if (embedLink.webkitRequestFullscreen) { 
1118//                 embedLink.webkitRequestFullscreen();
1119//             } else if (embedLink.msRequestFullscreen) { 
1120//                 embedLink.msRequestFullscreen();
1121//             }
1122
1123//             clearInterval(countdownInterval);
1124//             return;
1125//         }
1126
1127//         const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
1128//         const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
1129//         const seconds = Math.floor((distance % (1000 * 60)) / 1000);
1130
1131//         countdownElement.hours.innerHTML = hours.toString().padStart(2, '0');
1132//         countdownElement.minutes.innerHTML = minutes.toString().padStart(2, '0');
1133//         countdownElement.seconds.innerHTML = seconds.toString().padStart(2, '0');
1134//     }
1135
1136//     const countdownInterval = setInterval(updateCountdown, 1000);
1137// });
1138        // document.addEventListener('DOMContentLoaded', function() {
1139        //     const countdownElement = {
1140        //         hours: document.getElementById('hours'),
1141        //         minutes: document.getElementById('minutes'),
1142        //         seconds: document.getElementById('seconds')
1143        //     };
1144
1145        //     const targetHours = parseInt("2024-08-22", 10);
1146        //     const now = new Date();
1147        //     const targetTime = new Date();
1148
1149        //     // Set targetTime menjadi target jam dari database
1150        //     targetTime.setHours(targetHours, 0, 0, 0);
1151
1152        //     function updateCountdown() {
1153        //         const now = new Date();
1154        //         const distance = targetTime - now;
1155
1156        //         if (distance < 0) {
1157        //             countdownElement.hours.innerHTML = '00';
1158        //             countdownElement.minutes.innerHTML = '00';
1159        //             countdownElement.seconds.innerHTML = '00';
1160        //             return;
1161        //         }
1162
1163        //         const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
1164        //         const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
1165        //         const seconds = Math.floor((distance % (1000 * 60)) / 1000);
1166
1167        //         countdownElement.hours.innerHTML = hours.toString().padStart(2, '0');
1168        //         countdownElement.minutes.innerHTML = minutes.toString().padStart(2, '0');
1169        //         countdownElement.seconds.innerHTML = seconds.toString().padStart(2, '0');
1170        //     }
1171
1172        //     setInterval(updateCountdown, 1000);
1173        // });
1174    </script>

1174
1175    <main>
1176    <input type="hidden" id="get-time" value="2026-10-04 13:50:00">
1177        <div class="container-content-body">
1178            <section class="hero bg-cover bg-center">
1179                <div class="content-hero px-10 w-full min-h-screen flex items-center pt-36 justify-center">
1180                    <div class="flex flex-wrap">
1181                        
1182                        <div class="text-svg">
1183                            <img class="w-[30em]" src="https://sydneylotto.slot77.workers.dev/assets/svg/text-hero.svg" alt="">
1184                            <div class="text-content-bottom text-white hidden lg:block 2xl:block">
1185                                <h2 class="font-bold kanit-bold">G’DAY, MATE!</h2>
1186                                <h6 class="kanit-reguler">Welcome To Sydney Lotto</h6>
1187                            </div>
1188                        </div>
1189                        
1190                        <div class="card">
1191                        
1192                       
1193                    <div id="load-balls">
1194                        <div class="results-container">
1195                            <!-- First Result -->
1196                            <div class="result-section">
1197                                <div class="result-header">
1198                                    <div class="gradient-bg"></div>
1199                                    <div class="result-title">
1200                                        <h2>First Result</h2>
1201                                    </div>
1202                                </div>
1203                                <div class="numbers">
1204                                                                                                                                                      <div class="number" id="container-1-1">2</div>
1205                                                                                                                    <div class="number" id="container-1-2">5</div>
1206                                                                                                                    <div class="number" id="container-1-3">0</div>
1207                                                                                                                    <div class="number" id="container-1-4">3</div>
1208                                                                                                        </div>
1209                            </div>
1210
1211                            <!-- Second Result -->
1212                            <div class="result-section">
1213                                <div class="result-header">
1214                                    <div class="gradient-bg"></div>
1215                                    <div class="result-title">
1216                                        <h2>Second Result</h2>
1217                                    </div>
1218                                </div>
1219                                <div class="numbers">
1220                                                                                                                       <div class="number" id="container-2-1">5</div>
1221                                                                                                                    <div class="number" id="container-2-2">0</div>
1222                                                                                                                    <div class="number" id="container-2-3">0</div>
1223                                                                                                                    <div class="number" id="container-2-4">4</div>
1224                                                                             
1225                            </div>
1226                            </div>
1227
1228                            <!-- Third Result -->
1229                            <div class="result-section">
1230                                <div class="result-header">
1231                                    <div class="gradient-bg"></div>
1232                                    <div class="result-title">
1233                                        <h2>Third Result</h2>
1234                                    </div>
1235                                </div>
1236                                <div class="numbers">
1237                                                                        
1238                                                                            <div class="number" id="container-3-1">0</div>
1239                                                                                                                        <div class="number" id="container-3-2">6</div>
1240                                                                                                                        <div class="number" id="container-3-3">7</div>
1241                                                                                                                        <div class="number" id="container-3-4">7</div>
1242                                                                                                                </div>
1243                            </div>
1244                        </div>
1245                        </div>
1246                       
1247                        <p class="timestamp" id="date-timestamp">SATURDAY, 03 OCTOBER 2026 13:50:00</p>
1248                        <a href="https://sydneylotto.com/previousresult">
1249                        <button class="button">View All Previous Results</button>
1250                        </a>
1251                    </div>
1252                    </div>
1253                </div>
1254            </section>
1255            
1256<section class="content-video"  id="live-streaming-content">
1257          
1258
1259          <div class="content-hero px-10 w-full min-h-screen flex items-center justify-center" id="streaming-content" > 
1260                  <div class="content-body">
1261                      <div
1262                          class="flex flex-wrap-reverse gap-10 justify-center items-center relative  py-10 lg:left-[ 2xl:left-[] left-0">
1263                          <div class="content-style-text text-white flex flex-col gap-10 ">
1264                              <h2 class="kanit-bold 2xl:text-6xl text-5xl lg:text-6xl">Lotto Live Result</h2>
1265                              <div class="body-content">
1266                                  <h6 class="kanit-light text-2xl">Next Draw In</h6>
1267                                  <div class="container-time">
1268                                     
1269                                      <div class="lg:text-[60px] 2xl:text-[60px] text-[40px] kanit-medium flex">

1270                                          <span class="text-white/10" id="hours">00 <div
1271                                                  class="text-[20px] kanit-regular text-center">
1272                                                  Hr </div></span> &nbsp;:&nbsp;
1273                                          <span class="text-red-500" id="minutes">00<div
1274                                                  class="text-[20px] text-white kanit-regular text-center">
1275                                                  Min </div></span>&nbsp; :&nbsp;
1276                                          <span class="text-red-500" id="seconds">00<div
1277                                                  class="text-[20px] text-white kanit-regular text-center">
1278                                                  Sec </div></span>
1279                                      </div>
1280                                  </div>
1281                                  <div
1282                                      class="text-mo container-clock text-[15px] 2xl:text-1xl lg:text-1xl py-10 kanit-regular">
1283                                      <span id="set-date">SUNDAY, 04 OCTOBER 2026</span>&nbsp;&nbsp;
1284                                      <span class="text-white/50" id="set-hour">13:50:00 (GMT +7)</span>
1285                                  </div>
1286                                  <div class="ytvidio" id="on-yt1">
1287                                  <a href="https://www.youtube.com/@SYDNEYLOTTOOFFICIAL1" class="youtube-button" target="_blank">
1288                                  <span class="youtube-icon">
1289                                      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="white">
1290                                      <path d="M23.498 6.186c-.278-1.04-1.094-1.86-2.14-2.14C19.576 3.5 12 3.5 12 3.5s-7.576 0-9.358.546c-1.046.278-1.86 1.1-2.14 2.14C.5 8.07.5 12 .5 12s0 3.93.546 5.814c.278 1.04 1.1 1.86 2.14 2.14C4.424 20.5 12 20.5 12 20.5s7.576 0 9.358-.546c1.046-.278 1.86-1.1 2.14-2.14.546-1.884.546-5.814.546-5.814s0-3.93-.546-5.814zM9.751 15.07v-6.14l6.364 3.07-6.364 3.07z"></path>
1291                                      </svg>
1292                                  </span>
1293                                  View On Youtube 
1294                                  </a>
1295                                  </div>
1296                                 
1297
1298
1299
1300                              </div>
1301                          </div>
1302                          <div class="video-frame-content ">
1303                              <img class="w-[39em]" src="https://sydneylotto.slot77.workers.dev/assets/image/bg-live.png" alt="">
1304                          </div>
1305                      </div>
1306                  </div>
1307              </div>
1308             
1309              <div class="content-wrapper">
1310              <div class="embed-container" id="embed-link" style="display: none; max-width: 100%; max-height: 100vh; overflow: hidden;">
1311                <iframe id="myIframe" src="https://loader4.idnstreams.com:6443/?app=live&name=SYD_480P&volume=0.5" width="100%" height="400" style="border: none;"></iframe>
1312            </div>
1313
1314                 &nbsp;
1315                <div class="ytidioluar yt-container" id="on-yt" style="position: absolute; width: 100%; height: 100%; display: flex; justify-content: center; align-items: centerdisplay: flex; justify-content: center; align-items: center;  margin: 0;">
1316 
1317                    <a href="https://www.youtube.com/@SYDNEYLOTTOOFFICIAL1" class="youtube-button" target="_blank" style="background-color: #ef4444; color: white; padding: 7px 16px; text-decoration: none; border-radius: 5px; display: inline-flex; align-items: center;">
1318                        <span class="youtube-icon">
1319                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="white">
1320                                <path d="M23.498 6.186c-.278-1.04-1.094-1.86-2.14-2.14C19.576 3.5 12 3.5 12 3.5s-7.576 0-9.358.546c-1.046.278-1.86 1.1-2.14 2.14C.5 8.07.5 12 .5 12s0 3.93.546 5.814c.278 1.04 1.1 1.86 2.14 2.14C4.424 20.5 12 20.5 12 20.5s7.576 0 9.358-.546c1.046-.278 1.86-1.1 2.14-2.14.546-1.884.546-5.814.546-5.814s0-3.93-.546-

13205.814zM9.751 15.07v-6.14l6.364 3.07-6.364 3.07z"></path>
1321                            </svg>
1322                        </span>
1323                        View On Youtube
1324                    </a>
1325                </div>
1326
1327            </div>
1328  
1329          </section>
1330          &nbsp;
1331          
1332            <section class="content-card bg-[#011335]">
1333                <div
1334                    class="content-hero px-10 w-full 2xl:min-h-screen  lg:min-h-screen flex items-center justify-center">
1335                    <div class="content-body py-28 hidden lg:block 2xl:block">
1336                    <div class="grid grid-cols-3 gap-4 h-full">
1337                        <div class="col-span-2 flex flex-col h-full">
1338                            <div class="flex gap-4 flex-grow">
1339                                <a href="https://sydneylotto.com/lukynumberpage" class="w-1/2">
1340                                    <img src="https://sydneylotto.slot77.workers.dev/assets/image/card1-desk.png" alt="Lucky Number" class="w-full h-full object-cover hover:scale-95 focus:scale-95 transition-all">
1341                                </a>
1342                                <a href="https://sydneylotto.com/statistic" class="w-1/2">
1343                                    <img src="https://sydneylotto.slot77.workers.dev/assets/image/card2-desktop.png" alt="Statistic" class="w-full h-full object-cover hover:scale-95 focus:scale-95 transition-all">
1344                                </a>
1345                            </div>
1346                            <div class="mt-4">
1347                                <a href="https://sydneylotto.com/howtoplay">
1348                                    <img src="https://sydneylotto.slot77.workers.dev/assets/image/card3-desktop.png" alt="How To Play" class="w-full h-auto hover:scale-95 focus:scale-95 transition-all">
1349                                </a>
1350                            </div>
1351                        </div>
1352                        <div class="col-span-1 h-full">
1353                            <a href="https://sydneylotto.com/previousresult" class="h-full block">
1354                                <img src="https://sydneylotto.slot77.workers.dev/assets/image/card4-desktop.png" alt="Previous Results" class="w-full h-full object-cover hover:scale-95 focus:scale-95 transition-all">
1355                            </a>
1356                        </div>
1357                    </div>
1358
1359                    </div>
1360                    
1361                    <div class="content-body py-20 block lg:hidden 2xl:hidden">
1362                    <div class="grid grid-cols-2 gap-4">
1363                    <div>
1364                        <a href="https://sydneylotto.com/lukynumberpage">
1365                            <img class="hover:scale-105 focus:scale-105 transition-all" src="https://sydneylotto.slot77.workers.dev/assets/image/card1-mobile.png" alt="">
1366                        </a>
1367                    </div>
1368                    <div>
1369                        <a href="https://sydneylotto.com/statistic">
1370                            <img class="hover:scale-105 focus:scale-105 transition-all" src="https://sydneylotto.slot77.workers.dev/assets/image/card3-mobile.png" alt="">
1371                        </a>
1372                    </div>
1373                    <div>
1374                        <a href="https://sydneylotto.com/previousresult">
1375                            <img class="hover:scale-105 focus:scale-105 transition-all" src="https://sydneylotto.slot77.workers.dev/assets/image/card2-mobile.png" alt="">
1376                        </a>
1377                    </div>
1378                    <div>
1379                        <a href="https://sydneylotto.com/howtoplay">
1380                            <img class="hover:scale-105 focus:scale-105 transition-all" src="https://sydneylotto.slot77.workers.dev/assets/image/card4-mobile.png" alt="">
1381                        </a>
1382                    </div>
1383                </div>
1384
1385
1386                    </div>
1387                </div>
1388            </section>
1389        </div>
1390    </main>
1391
1392        </div>
1393    </div>
1394    <footer class="bg-[#000000]">
1395    <div class="content-hero min-h-screen flex flex-col gap-10 items-center justify-center">
1396        <div class="logo-content-footer">
1397            <img class="w-[100%]" src="https://sydneylotto.slot77.workers.dev/assets/image/logo_sydney.png" alt="">
1398        </div>
1399        <nav class="list-footer kanit-regular w-full px-4 lg:px-96">
1400            <ul class="grid grid-cols-3 grid-rows-2 gap-y-2 lg:flex lg:flex-nowrap lg:justify-between items-center">
1401                <li class="text-center"><a href="https://sydneylotto.com" class="text-white hover:text-gray-300 text-[10px] lg:text-base block">Home</a></li>
1402                <li class="text-center"><a href="https://sydneylotto.com/lukynumberpage" class="text-white hover:text-gray-300 text-[10px] lg:text-base block">Lucky Number</a></li>
1403                <li class="text-center"><a href="https://sydneylotto.com/previousresult" class="text-white hover:text-gray-300 text-[10px] lg:text-base block">Previous Result</a></li>
1404                <li class="text-center"><a href="https://sydneylotto.com/statistic" class="text-white hover:text-gray-300 text-[10px] lg:text-base block">Statistic</a></li>
1405                <li class="text-center"><a href="https://sydneylotto.com/about" class="text-white hover:text-gray-300 text-[10px] lg:text-base block">About Us</a></li>
1406                <li class="text-center"><a href="https://sydneylotto.com/howtoplay" class="text-white hover:text-gray-300 text-[10px] lg:text-base block">How To Play</a></li>
1407            </ul>
1408        </nav>
1409        <div class="flex justify-center items-center gap-10">
1410            <a href="" class="hover:scale-105 focus:scale-105 transition-all"><img src="https://sydneylotto.slot77.workers.dev/assets/svg/facebook.svg" alt=""></a>
1411            <a href="" class="hover:scale-105 focus:scale-105 transition-all"><img src="https://sydneylotto.slot77.workers.dev/assets/svg/instagram.svg" alt=""></a>
1412            <a href="" class="hover:scale-105 focus:scale-105 transition-all"><img src="https://sydneylotto.slot77.workers.dev/assets/svg/Twitter.svg" alt=""></a>
1413        </div>
1414        <div class="footer-bottom lg:px-96 px-10">
1415            <div class="all-text text-[#B5B5B5] text-center">Join Sydney Lotto today and be part of a community that value fairness, transparency, and the excitement of winning big. Let's make your lottery experience the best it can be!</div>
1416        </div>
1417        <div class="footer-bottom-content relative w-full bg-black text-[#868686] text-xs">
1418            <div class="border-t border-gray-800 w-full"></div>
1419            <div class="content-flex py-4 px-4 lg:px-96">
1420                <div class="flex flex-col md:flex-row justify-between items-center">
1421                    <div class="grup-1 flex flex-row gap-4 mb-4 md:mb-0">
1422                        <div class="hover:text-white cursor-pointer">Privacy Policy</div>
1423                        <div class="hover:text-white cursor-pointer">Terms & Conditions</div>
1424                    </div>
1425                    <div class="text-center md:text-right">© SydneyLotto. All rights reserved.</div>
1426                </div>
1427            </div>
1428        </div>
1429    </div>
1430</footer>
1431
1432<style>
1433    @media (max-width: 1023px) {
1434    .list-footer ul {
1435        display: grid;
1436        grid-template-columns: repeat(3, minmax(0, 1fr)); /* Menggunakan minmax untuk kontrol lebih baik */
1437        grid-template-rows: repeat(2, auto);
1438        gap: 0.5rem 0.05rem; /* Mengurangi jarak horizontal antar kolom menjadi sangat kecil */
1439        padding: 0;
1440        text-align: center;
1441    }
1442    .list-footer ul li {
1443        padding: 0 2px;

1443 /* Menambahkan sedikit padding horizontal pada li */
1444    }
1445    .list-footer ul li a {
1446        font-size: 12px;
1447        display: block;
1448        padding: 0.1rem 0;
1449        overflow: hidden;
1450        text-overflow: ellipsis;
1451        white-space: nowrap; /* Mengembalikan nowrap untuk mencegah wrapping */
1452    }
1453}
1454
1455    @media (min-width: 1024px) {
1456        .list-footer ul {
1457            display: flex;
1458            flex-wrap: nowrap;
1459            justify-content: center;
1460            align-items: center;
1461        }
1462        .list-footer ul li {
1463            padding: 0 0.5rem;
1464        }
1465        .list-footer ul li a {
1466            font-size: 1rem;
1467            white-space: nowrap;
1468        }
1469    }
1470
1471    @media (max-width: 768px) {
1472        .footer-bottom-content .content-flex > div {
1473            flex-direction: column;
1474            align-items: center;
1475        }
1476        .footer-bottom-content .grup-1 {
1477            margin-bottom: 1rem;
1478            display: flex;
1479            flex-direction: row;
1480            justify-content: space-around;
1481            width: 100%;
1482        }
1483        .all-text{
1484            font-size: 12px;
1485        }
1486    }
1487</style>
1488</body>

1489<script src="https://sydneylotto.slot77.workers.dev/assets/js/sistem.js"></script>

1489
1490
1491</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.