HTMLify

    <!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="html/faq.html">Frequently Asked Questions</a></li><li><a href="html/snap_history.html">Snap History Metadata</a></li><li><a href="html/chat_history.html">Chat History Metadata</a></li></ul></div><div class="rightpanel"><p><h1>Frequently Asked Questions</h1><h3>What information is available in "Download My Data"?</h3><p>In this HTML file, you will find the specific data that you selected for export in ‘My Data’ (also known as “Download Your Data”). Depending on what you selected, this may include your login history, Snap history, Chat history, content shared with My AI, Friends, Spotlight content, purchase history, user profile, location history, and other information. You can browse the different sections by clicking the links on the left. We’ve provided some information to help you understand the data in this file, but <a href="https://help.snapchat.com/hc/?utm_source=dmd&utm_medium=info&utm_campaign=faq">contact us</a> if you have any questions.</p><p>If you selected the option to export your Memories, Chat Media, or Shared Stories, you can find the media in various folders that are created when you unzip the ‘My Data’ zip file.</p><p>If you selected the option to export JSON files, please unzip the ‘My Data’ zip file to locate your JSON files within the designated folder.</p><h3>What if I think some information is missing?</h3><p>We try to make sure your newest information is in Download My Data, but sometimes there’s a delay before we can include it. If you think some information — like recent Chat or Snap history — is missing, try downloading your data again in a day or two. If you still don’t see it and the information here doesn’t answer your questions, <a href="https://help.snapchat.com/hc/requests/new?utm_source=dmd&utm_medium=missing&utm_campaign=faq">contact us</a>!</p><p>If a section is missing from this HTML file, it means you either have no data available for that section or you did not select the specific section in the option under ‘Select data to include’ when you requested a copy of your data.</p><p>Keep in mind that we store different types of information for different periods of time. That means that you may not be able to access all the information that was collected since you first became a Snapchatter, either in Download My Data or in-App. Also, the types of information that we collect, store, and retain may change over time, as we add and remove certain features. For more information on how long we retain information about you, please see the “How Long We Keep Your Information” section of our <a href="https://www.snap.com/en-US/privacy/privacy-policy#how-long-we-keep-information">Privacy Policy</a>.</p><p>Check out our <a href="https://help.snapchat.com/hc/articles/7012334940948?utm_source=dmd&utm_medium=missing&utm_campaign=faq">Support page</a> for more information on when we delete Snaps and Chats.</p><h3>What other information can I access?</h3><p>In addition to what you can see in your HTML file and the various media folders (based on your Media Export selections), you can view certain account information in the Snapchat app, including your name, username, birthday, mobile number, email, Snapscore, Snapchatters you've blocked, Memories, Bitmoji, Snapcode, your orders (like custom Filters and Lenses), and information about Spectacles. For the latest information on how long we store different types of content, check out <a href="https://help.snapchat.com/hc/articles/7012334940948?utm_source=dmd&utm_medium=oth&utm_campaign=faq">this support article</a>.</p><h3>How can I control my information?</h3><p>Control over your information and settings is a core part of the Snapchat experience. If you are here, you have used our Download My Data tool to see the types of information we store about you. We also offer other tools to access, update, and delete your information (and much more), which are further described in our Privacy Policy under the <a href="https://www.snap.com/privacy/privacy-policy#control-over-your-information">“Control Over Your Information”</a> section.</p><h3>How is my information shared?</h3><p>When we share information, it’s usually because you ask us to — like when you want to post to Spotlight or send a Chat to a friend — or because we need to share your information to provide our services or comply with the law. For more detail about our information sharing, please see the <a href="https://www.snap.com/privacy/privacy-policy#how-we-share-information">“How We Share Information”</a> section of our Privacy Policy.</p><h3>What categories and/or specific pieces of personal information has Snap collected about me?</h3><p>You can review our <a href="https://www.snap.com/en-US/privacy/privacy-policy/">Privacy Policy</a> and <a href="https://www.snap.com/en-US/privacy/us-state-privacy-notice">U.S. State Privacy Notice</a> to better understand the categories of information we collect. Download your data for the specifics!</p><h3>I have another privacy question.</h3><p>We’d love to provide an answer! Go <a href="https://help.snapchat.com/hc/articles/7012357237396?utm_source=dmd&utm_medium=pq&utm_campaign=faq">here</a> for more privacy FAQs, or <a href="https://help.snapchat.com/hc/p/5749439348080640-help-topic?utm_source=dmd&utm_medium=pq&utm_campaign=faq">here</a> to ask us directly.</p></p></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>