Dashboard Temp Share Shortlinks Frames API

HTMLify

subpage_brothakeegz.html
Views: 4 | Author: klickdotdev 
  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
    <!DOCTYPE html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title></title>
        <style>
            body {
                font-size: 14px;
                font-family: 'Avenir Next', 'Helvetica Neue', Arial, Helvetica, sans-serif;
                margin: 20px auto;
                width: 1200px;
            }

            b {
                font-weight: 600;
            }

            table {
                width: 100%;
                table-layout: fixed;
            }

            .ghost {
                padding: 10px;
                height: 150px;
                width: 150px;
                background-color: #FFFE00;
                display: block;
                margin: auto;
                border-radius: 10px;
            }

            .leftpanel {
                height: 100vh;
                position: fixed;
                top: 0;
                bottom: 0;
                width: 300px;
                color: #6c6c6c;
                overflow-y: auto;
            }

            .leftpanel a {
                text-decoration: none;
                color: #6c6c6c;
            }

            .leftpanel ul {
                margin-left: 20px;
                padding: 0;
            }

            .leftpanel li {
                cursor: pointer;
                display: block;
                padding: 11px 16px;
            }

            .leftpanel li:hover {
                background-color: #f3f3f3;
            }

            .leftpanel li.active {
                background-color: #f3f3f3;
            }

            .rightpanel th {
                text-align: left
            }

            .rightpanel {
                padding-left: 310px;
                padding-top: 5px;
            }

            .rightpanel th, td {
                padding: 15px;
                font-weight: normal;
            }
            .hidden-div {
                display: none;
            }

            .bold-headers th {
                font-weight: 600;
            }
            .single_chat {
                display: flex;
                justify-content: space-between;
                padding: 14px 28px;
                border: none;
                background-color: #FFFFFF;
                cursor: pointer;
                width: 100%;

            }
            .thread-list {
                border-bottom: 0.5px solid;
            }

            .single_chat:hover {
                background-color: #e3e3e3;
            }
            .thread-list:last-child{
                border: none;
            }
            .icons {
                left: 50%;
                transform: translate(120px, 0%);
                position: absolute;
                padding-top: 15px;
            }
            .back-button {
                min-height:30px;
                min-width: 120px;
                border:none;
                padding-top: 20px;
                cursor: pointer;
            }

            .saved {
                background: #FFFC00;
                border-radius: 100px;
                width: 66px;
                height:28px;
                border: none;
                justify-content: center;
                align-items: center;
                font-family: 'Avenir Next';
                font-style: normal;
                font-weight: 600;
                font-size: 12px;
                color: #845D00;
                margin-top: 14px;
                margin-right: 5px;
                margin-bottom: 17px;
            }
        </style>
    </head>
    <html>
    <body>
    <div class="leftpanel"><img class="ghost" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MDAgNTAwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPjFBcnRib2FyZCAxIGNvcHkgMjwvdGl0bGU+PGcgaWQ9IlBSSU1BUllfLV9HSE9TVCIgZGF0YS1uYW1lPSJQUklNQVJZIC0gR0hPU1QiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTQxNy45MywzNDAuNzFjLTYwLjYxLTI5LjM0LTcwLjI3LTc0LjY0LTcwLjctNzgtLjUyLTQuMDctMS4xMS03LjI3LDMuMzgtMTEuNDEsNC4zMy00LDIzLjU0LTE1Ljg5LDI4Ljg3LTE5LjYxLDguODEtNi4xNiwxMi42OS0xMi4zMSw5LjgzLTE5Ljg3LTItNS4yMy02Ljg3LTcuMi0xMi03LjJhMjIuMywyMi4zLDAsMCwwLTQuODEuNTRjLTkuNjgsMi4xLTE5LjA4LDYuOTUtMjQuNTIsOC4yNmE4LjU2LDguNTYsMCwwLDEtMiwuMjdjLTIuOSwwLTQtMS4yOS0zLjcyLTQuNzguNjgtMTAuNTgsMi4xMi0zMS4yMy40NS01MC41Mi0yLjI5LTI2LjU0LTEwLjg1LTM5LjY5LTIxLTUxLjMyQzMxNi44LDEwMS40MywyOTQsNzcuMiwyNTAsNzcuMlMxODMuMjMsMTAxLjQzLDE3OC4zNSwxMDdjLTEwLjE4LDExLjYzLTE4LjczLDI0Ljc4LTIxLDUxLjMyLTEuNjcsMTkuMjktLjE3LDM5LjkzLjQ1LDUwLjUyLjIsMy4zMi0uODIsNC43OC0zLjcyLDQuNzhhOC42NCw4LjY0LDAsMCwxLTItLjI3Yy01LjQzLTEuMzEtMTQuODMtNi4xNi0yNC41MS04LjI2YTIyLjMsMjIuMywwLDAsMC00LjgxLS41NGMtNS4xNSwwLTEwLDItMTIsNy4yLTIuODYsNy41NiwxLDEzLjcxLDkuODQsMTkuODcsNS4zMywzLjcyLDI0LjU0LDE1LjYsMjguODcsMTkuNjEsNC40OCw0LjE0LDMuOSw3LjM0LDMuMzgsMTEuNDEtLjQzLDMuNDEtMTAuMSw0OC43MS03MC43LDc4LTMuNTUsMS43Mi05LjU5LDUuMzYsMS4wNiwxMS4yNCwxNi43Miw5LjI0LDI3Ljg1LDguMjUsMzYuNSwxMy44Miw3LjM0LDQuNzMsMywxNC45Myw4LjM0LDE4LjYxLDYuNTYsNC41MywyNS45NS0uMzIsNTEsNy45NSwyMSw2LjkyLDMzLjc2LDI2LjQ3LDcxLDI2LjQ3czUwLjM3LTE5LjY0LDcxLTI2LjQ3YzI1LTguMjcsNDQuNDMtMy40Miw1MS03Ljk1LDUuMzMtMy42OCwxLTEzLjg4LDguMzQtMTguNjEsOC42NS01LjU3LDE5Ljc3LTQuNTgsMzYuNS0xMy44MkM0MjcuNTIsMzQ2LjA3LDQyMS40OCwzNDIuNDMsNDE3LjkzLDM0MC43MVoiLz48cGF0aCBkPSJNNDQ0LjMsMzM3LjI2Yy0yLjcyLTcuNC03LjktMTEuMzYtMTMuOC0xNC42NC0xLjExLS42NS0yLjEzLTEuMTctMy0xLjU3LTEuNzYtLjkxLTMuNTYtMS43OS01LjM1LTIuNzItMTguMzktOS43NS0zMi43NS0yMi4wNS00Mi43MS0zNi42M2E4My4wNiw4My4wNiwwLDAsMS03LjMzLTEzYy0uODUtMi40My0uODEtMy44MS0uMi01LjA3YTguMjUsOC4yNSwwLDAsMSwyLjM1LTIuNDVjMy4xNi0yLjA5LDYuNDItNC4yMSw4LjYzLTUuNjQsMy45NC0yLjU1LDcuMDYtNC41Nyw5LjA3LTYsNy41NS01LjI4LDEyLjgzLTEwLjg5LDE2LjEzLTE3LjE2QTM0LjE3LDM0LjE3LDAsMCwwLDQwOS43OCwyMDRjLTUtMTMuMTYtMTcuNDMtMjEuMzMtMzIuNDktMjEuMzNhNDQuNzUsNDQuNzUsMCwwLDAtOS40NSwxYy0uODMuMTgtMS42Ni4zNy0yLjQ3LjU4LjE0LTktLjA2LTE4LjUtLjg2LTI3Ljg1LTIuODQtMzIuODctMTQuMzUtNTAuMS0yNi4zNS02My44NEExMDUsMTA1LDAsMCwwLDMxMS4zNyw3MUMyOTMuMTYsNjAuNiwyNzIuNTEsNTUuMzIsMjUwLDU1LjMyUzIwNi45NCw2MC42LDE4OC43MSw3MWExMDQuNjIsMTA0LjYyLDAsMCwwLTI2Ljg0LDIxLjZjLTEyLDEzLjc0LTIzLjUxLDMxLTI2LjM1LDYzLjg0LS44LDkuMzUtMSwxOC45LS44NywyNy44NS0uODEtLjIxLTEuNjMtLjQtMi40Ni0uNThhNDQuNzUsNDQuNzUsMCwwLDAtOS40NS0xYy0xNS4wNywwLTI3LjUyLDguMTctMzIuNSwyMS4zM2EzNC4yMSwzNC4yMSwwLDAsMCwxLjY1LDI4LjQxYzMuMzEsNi4yNyw4LjU5LDExLjg4LDE2LjE0LDE3LjE2LDIsMS40LDUuMTMsMy40Miw5LjA3LDYsMi4xMywxLjM4LDUuMjQsMy40LDguMjksNS40MmE4LjksOC45LDAsMCwxLDIuNjYsMi42N2MuNjQsMS4zMS42NiwyLjcyLS4yOSw1LjMyYTgyLjI5LDgyLjI5LDAsMCwxLTcuMjEsMTIuNzNjLTkuNzQsMTQuMjUtMjMuNjgsMjYuMzMtNDEuNDgsMzYtOS40Myw1LTE5LjIzLDguMzQtMjMuMzcsMTkuNTktMy4xMiw4LjQ5LTEuMDgsMTguMTUsNi44NSwyNi4yOWgwYTM5LjYzLDM5LjYzLDAsMCwwLDEwLDcuNTcsMTA4LjM1LDEwOC4zNSwwLDAsMCwyNC40Nyw5Ljc5LDE2LjE2LDE2LjE2LDAsMCwxLDQuOTQsMi4yMWMyLjg5LDIuNTMsMi40OCw2LjM0LDYuMzMsMTEuOTJhMjcuOCwyNy44LDAsMCwwLDcuMjQsNy4zNmM4LjA4LDUuNTgsMTcuMTYsNS45MywyNi43OCw2LjMsOC42OS4zMywxOC41NC43MSwyOS43OSw0LjQyLDQuNjYsMS41NCw5LjUsNC41MiwxNS4xMSw4LDEzLjQ3LDguMjgsMzEuOTEsMTkuNjEsNjIuNzcsMTkuNjFzNDkuNDMtMTEuMzksNjMtMTkuN2M1LjU3LTMuNDIsMTAuMzgtNi4zNywxNC45MS03Ljg3LDExLjI1LTMuNzIsMjEuMS00LjA5LDI5Ljc5LTQuNDIsOS42Mi0uMzcsMTguNy0uNzIsMjYuNzgtNi4zYTI3Ljg5LDI3Ljg5LDAsMCwwLDguMjQtOWMyLjc3LTQuNzEsMi43LTgsNS4zLTEwLjNhMTUuMzIsMTUuMzIsMCwwLDEsNC42NC0yLjEyLDEwOC43NiwxMDguNzYsMCwwLDAsMjQuOC05Ljg4QTM5LDM5LDAsMCwwLDQzNy45NCwzNjNsLjEtLjEyQzQ0NS40OCwzNTQuOTIsNDQ3LjM1LDM0NS41NCw0NDQuMywzMzcuMjZaTTQxNi44NywzNTJjLTE2LjczLDkuMjQtMjcuODUsOC4yNS0zNi41LDEzLjgyLTcuMzUsNC43My0zLDE0LjkzLTguMzQsMTguNjEtNi41Niw0LjUzLTI1Ljk1LS4zMi01MSw3Ljk1LTIwLjY2LDYuODMtMzMuODQsMjYuNDctNzEsMjYuNDdTMjAwLDM5OS4yNSwxNzksMzkyLjMzYy0yNS04LjI3LTQ0LjQzLTMuNDItNTEtNy45NS01LjMzLTMuNjgtMS0xMy44OC04LjM0LTE4LjYxQzExMSwzNjAuMiw5OS44OCwzNjEuMTksODMuMTYsMzUyYy0xMC42NS01Ljg4LTQuNjEtOS41Mi0xLjA2LTExLjI0LDYwLjYtMjkuMzQsNzAuMjctNzQuNjQsNzAuNy03OCwuNTItNC4wNywxLjEtNy4yNy0zLjM4LTExLjQxLTQuMzMtNC0yMy41NC0xNS44OS0yOC44Ny0xOS42MS04LjgyLTYuMTYtMTIuNy0xMi4zMS05Ljg0LTE5Ljg3LDItNS4yMyw2Ljg4LTcuMiwxMi03LjJhMjIuMywyMi4zLDAsMCwxLDQuODEuNTRjOS42OCwyLjEsMTkuMDgsNi45NSwyNC41MSw4LjI2YTguNjQsOC42NCwwLDAsMCwyLC4yN2MyLjksMCwzLjkyLTEuNDYsMy43Mi00Ljc4LS42Mi0xMC41OS0yLjEyLTMxLjIzLS40NS01MC41MiwyLjI5LTI2LjU0LDEwLjg0LTM5LjY5LDIxLTUxLjMyLDQuODgtNS41OSwyNy44MS0yOS44Miw3MS42Ni0yOS44MlMzMTYuOCwxMDEuNDMsMzIxLjY4LDEwN2MxMC4xNywxMS42MywxOC43MywyNC43OCwyMSw1MS4zMiwxLjY3LDE5LjI5LjIzLDM5Ljk0LS40NSw1MC41Mi0uMjMsMy40OS44Miw0Ljc4LDMuNzIsNC43OGE4LjU2LDguNTYsMCwwLDAsMi0uMjdjNS40NC0xLjMxLDE0Ljg0LTYuMTYsMjQuNTItOC4yNmEyMi4zLDIyLjMsMCwwLDEsNC44MS0uNTRjNS4xNSwwLDEwLDIsMTIsNy4yLDIuODYsNy41Ni0xLDEzLjcxLTkuODMsMTkuODctNS4zMywzLjcyLTI0LjU0LDE1LjYtMjguODcsMTkuNjEtNC40OSw0LjE0LTMuOSw3LjM0LTMuMzgsMTEuNDEuNDMsMy40MSwxMC4wOSw0OC43MSw3MC43LDc4QzQyMS40OCwzNDIuNDMsNDI3LjUyLDM0Ni4wNyw0MTYuODcsMzUyWiIvPjwvZz48L3N2Zz4="><ul><li><a href="faq.html">Frequently Asked Questions</a></li><li><a href="snap_history.html">Snap History Metadata</a></li><li><a href="chat_history.html">Chat History Metadata</a></li></ul></div><div class="rightpanel"><div style="display: flex"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" class="back-button" onclick="history.back()"><path d="M9.82843 14L27 14C28.1046 14 29 14.8954 29 16C29 17.1046 28.1046 18 27 18L9.82843 18L17.4142 25.5858C18.1953 26.3668 18.1953 27.6332 17.4142 28.4142C16.6332 29.1953 15.3668 29.1953 14.5858 28.4142L3.58789 17.4163C3.58132 17.4098 3.5748 17.4032 3.56833 17.3965C3.38594 17.2097 3.24745 16.9959 3.15286 16.7682C3.05438 16.5317 3 16.2722 3 16C3 15.4569 3.21649 14.9643 3.56788 14.6039C3.57452 14.5971 3.58121 14.5903 3.58795 14.5836L14.5858 3.58579C15.3668 2.80474 16.6332 2.80474 17.4142 3.58579C18.1953 4.36683 18.1953 5.63316 17.4142 6.41421L9.82843 14Z" fill="#2C3137"/></svg><h1> Snap History with brothakeegz</h1></div><div style="background: #f2f2f2; border-radius: 7px; padding: 3px; margin-bottom:4px;"><div style="display: flex; justify-content: space-between; height:45px; "><h4 style="float: left ">brothakeegz</h4><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icons"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.7244 3.78422C11.9294 2.69885 12.9732 1.99665 14.0558 2.2158L21.2055 3.66313C22.2881 3.88228 22.9995 4.9398 22.7945 6.02516L20.1142 20.2158C19.9092 21.3012 18.8654 22.0034 17.7828 21.7842L10.6331 20.3369C9.55052 20.1177 8.8391 19.0602 9.0441 17.9749L11.7244 3.78422ZM20.8343 5.62835L13.6846 4.18103L11.8312 13.9936C12.092 13.9311 12.3769 13.9131 12.6859 13.9544C13.1127 14.0102 13.4379 14.2328 13.6707 14.437C13.8601 14.6032 14.0423 14.8082 14.19 14.9743L14.1902 14.9745C14.2176 15.0053 14.2439 15.0348 14.2687 15.0625C14.6468 15.4832 14.8605 15.6432 15.0988 15.6607L15.1013 15.6609C15.2454 15.6719 15.4297 15.6061 15.7408 15.2914C15.8769 15.1537 16.0068 15.0003 16.1552 14.8252L16.2015 14.7706C16.358 14.5862 16.5442 14.3688 16.7448 14.1878L16.7476 14.1853L16.7476 14.1853C17.3768 13.6234 17.9657 13.2432 18.6029 13.1059C18.8895 13.0442 19.1638 13.0363 19.4294 13.0662L20.8343 5.62835ZM19.1493 14.5495C19.0675 14.5483 18.9921 14.5565 18.9187 14.5723C18.6554 14.629 18.3011 14.8094 17.7483 15.3028C17.6332 15.4068 17.5082 15.549 17.3453 15.741L17.2973 15.7977C17.1549 15.9659 16.9869 16.1644 16.8077 16.3458C16.4191 16.739 15.8182 17.2197 14.9878 17.1566C14.08 17.0894 13.4995 16.4506 13.1531 16.0652C13.1169 16.0249 13.0829 15.9869 13.0509 15.951C12.903 15.7852 12.7948 15.664 12.6814 15.5645C12.5519 15.4509 12.4973 15.4425 12.4916 15.4418L12.4879 15.4413C12.1448 15.3952 11.8542 15.5363 11.5688 15.9083C11.521 15.9706 11.4754 16.0371 11.432 16.1071L11.0043 18.3717L18.154 19.819L19.1493 14.5495ZM8.15303 5.98823C8.69881 5.90372 9.07274 5.39277 8.98823 4.84699C8.90371 4.30121 8.39276 3.92728 7.84698 4.01179L2.7266 4.80466C1.69473 4.94915 0.868073 5.8662 1.01674 6.98907L1.01693 6.99046L2.6468 19.4655L2.64857 19.4778C2.79589 20.5056 3.77045 21.117 4.71427 20.9806L4.73582 20.9775L7.18595 20.5138C7.72861 20.4111 8.08526 19.888 7.98256 19.3453C7.87987 18.8027 7.35671 18.446 6.81405 18.5487L4.59887 18.9679L3.00707 6.78492L3.01428 6.78395L8.15303 5.98823ZM16.3174 10.2143C16.3174 10.877 15.7799 11.4143 15.1169 11.4143C14.4539 11.4143 13.9164 10.877 13.9164 10.2143C13.9164 9.55155 14.4539 9.01429 15.1169 9.01429C15.7799 9.01429 16.3174 9.55155 16.3174 10.2143Z" fill="#1A1A1B"/></svg><span style="transform: translate(155px, 9px); left: 50%; position: absolute; font-weight: bold; padding-top: 13px;">IMAGE</span><h6 style="color: grey">2023-11-22 12:05:35 UTC</h6></div></div></div></body>
    <script>

        const navigationItems = document.querySelectorAll('.leftpanel li');
        navigationItems.forEach(item => {
            const link = item.querySelector('a');
            const linkHref = link.getAttribute('href');
            const currentUrl = window.location.pathname;

            if (currentUrl.endsWith(linkHref)) {
                item.classList.add('active'); // Add 'active' class to the <li> element
            }

            item.addEventListener('click', function(event) {
                event.preventDefault();
                if(currentUrl.includes("subpage")){
                    const newHref = "../"+linkHref;
                     // Navigate to the new HTML page from one of the chat/snap subpages
                    window.location.href = newHref;
                }else{
                    // Navigate to the new HTML page
                    window.location.href = linkHref;
                }
            });
        });



        // Scroll to the active navigation item on page load
        window.addEventListener('DOMContentLoaded', () => {
            const activeLink = document.querySelector('.leftpanel li.active');
            if (activeLink) {
                const linkRect = activeLink.getBoundingClientRect();
                if (linkRect.top < 0 || linkRect.bottom > window.innerHeight) {
                    activeLink.scrollIntoView({ behavior: 'auto' });
                }
            }
        });
    </script></html>

Share this file: