Wringer

Html

<!DOCTYPE html><html lang="en"><head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script async="" src="https://scripts.clarity.ms/0.8.59/clarity.js"></script><script async="" src="https://www.clarity.ms/tag/hf063dg900"></script><script type="text/javascript" async="" defer="" src="https://s.yimg.com/ds/scripts/xmlp.js"></script><script type="text/javascript" async="" defer="" src="https://s.yimg.com/ds/scripts/selectTier.js"></script><script async="" src="https://static.clck-analytics.com/clickanalytics.js"></script><script src="https://msadsscale.microsoft.com/bingads/telemetryJS.js"></script><script src="https://msadsscale.microsoft.com/bingads/telemetryJS.js"></script><script src="https://scripts.clarity.ms/0.8.59/clarity.context.js" async=""></script></head><body><div id="plBanner">
        <script id="parklogic" type="text/javascript" src="https://parking3.parklogic.com/page/enhance.js?pcId=122&amp;domain=thai-tube.org"></script>
        </div>

.item p,
            .item:hover {
                text-decoration: underline;
            }

* {
                margin: 0;
                padding: 0;
                box-sizing: border-box;
            }

body {
                font-family: sans-serif;
                background-position: center center;
                background-repeat: no-repeat;
                background-color: #0e162e;
                background-size: cover;
                color: #fff;
                text-align: center;
                flex-direction: column;
                min-height: 100vh;
            }

.title {
                margin-top: 60px;
                margin-bottom: 10px;
                font-size: 1.5rem;
                color: #cfcece;
            }

.header {
                background: #0f0;
                padding: 10px;
                font-size: 16px;
                color: #000;
            }

.container {
                max-width: 600px;
                margin: 30px auto;
                flex: 1;
                flex-direction: column;
                align-items: center;
                justify-content: center;
            }

.list {
                width: 600px;
                padding: 25px;
                border-radius: 12px;
            }

.item {
                text-align: left;
                width: 100%;
                align-items: center;
                justify-content: space-between;
                background-color: #02198b;
                color: #fff;
                font-size: 24px;
                padding: 25px 10px;
                margin-bottom: 35px;
                border-radius: 8px;
                border: 4px solid #fff;
                transition: 0.3s;
                text-decoration: none;
            }

.item:hover {
                background-color: #2a56c6;
                transform: scale(1.05);
            }

.footer {
                background-color: #0e162e;
                padding: 12px;
                font-size: 14px;
                color: #949494;
                bottom: 0;
            }

.footer a {
                color: #949494;
                text-decoration: none;
            }
        </style>
        
        <script>
            (function(c, l, i, k) {
                c.clcka = c.clcka || function() {
                    (c.clcka.q = (c.clcka.q || [])).push(arguments)
                };
                var s = l.getElementsByTagName('head')[0];
                var q = l.createElement('script');
                q.async = 1;
                q.src = 'https://static.clck-analytics.com/clickanalytics.js';
                s.appendChild(q);
                c.clcka('init', {
                    'account': 219591,
                    'adunit_param': 'keyword',
                    'channel_param': 'type'
                });
                c.clcka('exec');
            })(window, document);
        </script>
        
        <script async="" src="https://www.googletagmanager.com/gtag/js?id=G-CRL1Z3DR7H"></script>
        <script>
            window.dataLayer = window.dataLayer || [];

function gtag() {
                dataLayer.push(arguments);
            }

function gtagEv(val) {

gtag('event', "", {
                    'event_category': "shptrc_thai-tube.org",
                    'event_label': "no-ads",
                    'value': val
                });
                var ref = document.referrer;

gtag('event', (ref == '' ? 'no-ref' : ref), {
                    'event_category': "referrer",
                    'event_label': "no-ads",
                    'value': val
                });

}
            gtag('js', new Date());
            gtag('config', 'G-CRL1Z3DR7H');
            gtagEv(0);
        </script>
        <script>
            (function(w, d, t, x, m, l, p) {
                w['XMLPlusSTObject'] = m;
                w[m] = w[m] || function() {
                    (w[m].q = w[m].q || []).push(arguments)
                }, w[m].l = 1 * new Date();
                l = d.createElement(t), p = d.getElementsByTagName(t)[0];
                l.type = "text/javascript";
                l.async = 1;
                l.defer = 1;
                l.src = x;
                p.parentNode.insertBefore(l, p)
            })(window, document, 'script', 'https://s.yimg.com/ds/scripts/selectTier.js', 'selectTier');
            selectTier('init', {
                source_tag: 'dollario_error_xmlb_1737_vectus',
                ysid: '5N7S2D1KTDNLO',
                cid: '',
                ig: '',
                select_tier: {
                    clarityId: 'hf063dg900',
                    rguid: ''
                },
                test_mode: false
            });
        </script>

</div>
        <div class="container">
            <div class="list" id="category-links">
                <div class="ads">
                                    </div>
            </div>
        </div>
        <img height="1" width="1" src="https://search.yahoo.com/beacon/geop/p?s=1197808038&amp;ysid=&amp;traffic_source=dollario_error_xmlb_1737_vectus" style="display:none;">
        <div class="rightDecorative">

</div>
        <script>
            (function(w, d, t, x, m, l, p) {
                w['XMLPlusObject'] = m;
                w[m] = w[m] || function() {
                    (w[m].q = w[m].q || []).push(arguments)
                }, w[m].l = 1 * new Date();
                l = d.createElement(t), p = d.getElementsByTagName(t)[0];
                l.type = "text/javascript";
                l.async = 1;
                l.defer = 1;
                l.src = x;
                p.parentNode.insertBefore(l, p)
            })(window, document, 'script', 'https://s.yimg.com/ds/scripts/xmlp.js', 'xmlp');
            xmlp('init', 'dollario_error_xmlb_1737_vectus', '');
        </script>

Editing Website