Spooky Outfit Address<title> <link rel="icon" type="image/x-icon" href="https://storage.cloud.google.com/native-login-9648d.appspot.com/admin-project/admin-project/pictures/image-3.jpeg">  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-M75L4NF6');</script>  <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300&family=Roboto+Mono&display=swap" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous"> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>  <script defer src="/__/firebase/10.13.1/firebase-app-compat.js"></script>  <script defer src="/__/firebase/10.13.1/firebase-auth-compat.js"></script> <script defer src="/__/firebase/10.13.1/firebase-database-compat.js"></script> <script defer src="/__/firebase/10.13.1/firebase-firestore-compat.js"></script> <script defer src="/__/firebase/10.13.1/firebase-functions-compat.js"></script> <script defer src="/__/firebase/10.13.1/firebase-storage-compat.js"></script> <script defer src="/__/firebase/10.13.1/firebase-remote-config-compat.js"></script>  <script defer src="/__/firebase/init.js?useEmulator=true"></script> <style media="screen"> padding { top: 75px; } .container { margin: 0px auto; padding: 0px auto; } html { color-scheme: light dark; } .button-container-1 { display: inline-block; gap: 10px; padding: 21px; } .button { width: 93px; text-align: center; background: #039be5; text-transform: uppercase; text-decoration: none; color: white; padding: 16px; border-radius: 4px; cursor: pointer; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .button:disabled { background-color: rgba(0, 0, 0, 0.24); cursor: not-allowed; } .container-lg { max-width: 100%; background-color: #ECEFF1; color: rgb(0,0,0,0.87); font-family: Roboto, Roboto Mono, Roboto Regular; margin: 0; padding:0; } body { max-width: 100%; margin: 0 auto; border-bottom-color: #ffa100; border-bottom-width: 12px; } .menu { border: 0px; padding: 0px; justify-content: center; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); } .menu button { display: block; width: 150px; text-align: center; background: #039be5; text-transform: uppercase; text-decoration: none; color: white; padding: 16px; border-radius: 4px; } .menu a { display: inline; text-align: center; background: #039be5; text-transform: uppercase; text-decoration: none; color: white; width: 150px; padding: 16px; border-radius: 4px; } .heading-box { background: #ECEFF1; border: 0px; padding: 18px; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); } .heading-box h4 { font-size: 18px; font-weight: 760; color: #adadad; margin: 0 0 16px; } .heading-box n { line-height: 140%; margin: 14px 0 24px; font-size: 16px; } .border-box { background: #ECEFF1; border: 0px; padding: 0px; justify-content: center; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); } .img-thumbnail { display: inline-flex; border-radius: 0 0 2px; } @media (max-width: 1000px) { .col-3, .col-6 { flex: 0 0 100%; max-width: 100%; } .offset-3 { margin-left: 0; } } .text-box-3 { display: inline-block; /* Changed from inline-flex to inline-block */ width: 937px; border: 0px; padding: 0px; white-space: normal; /* Ensure text wraps within the box */ vertical-align: top; /* Ensures boxes are aligned at the top */ } .text-box-3 h1 { padding-top: 18px; padding-bottom: 54px; font-size: 49px; color: #000000; font-weight: 600; -webkit-text-stroke: 1.25px #ffa100; text-align: center; } .text-box-3 h1 span {color: #ff0000; -webkit-text-stroke: 0.25px #ff0000; text-decoration: underline; } .text-box-1 { display: inline-block; /* Changed from inline-flex to inline-block */ font-family: "Nabla", serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-variation-settings: "EDPT" 144, "EHLT" 22; width: 312px; border: 0px; padding: 0px; margin-right: -5px; padding-left: 37px; padding-top: 44px; transform: rotate(-20deg); white-space: normal; /* Ensure text wraps within the box */ vertical-align: top; /* Ensures boxes are aligned at the top */ text-align: center; } .text-box-1:before { display: block; transform: rotate(21deg) translateY(-20px) skewY(-10deg); } .image-box { display: inline-block; /* Changed from inline-flex to inline-block */ justify-content: center; align-items: center; width: 312px; border-radius: 50%; margin-right: -5px; padding-bottom: 0x; white-space: normal; /* Ensure text wraps within the box */ vertical-align: top; /* Ensures boxes are aligned at the top */ } .text-box-2 { display: inline-block; /* Changed from inline-flex to inline-block */ position: relative; font-family: "Nabla", serif; font-variation-settings: "EDPT" 144, "EHLT" 12; width: 312px; border: 0px; padding: 0px; margin-right: -5px; padding-left: 22px; padding-top: 46px; transform: rotate(-21deg); white-space: normal; /* Ensure text wraps within the box */ vertical-align: top; /* Ensures boxes are aligned at the top */ text-align: center; } .text-box-2:before { display: block; transform: rotate(21deg) translateY(-20px) skewY(-10deg); } h3 { padding-top: 15px; font-weight: 600px; } table tr th { border-top: 1px solid rgba(0,0,0,0.12); text-align: left; font-size: 20px; color: #f8f8f8; -webkit-text-stroke: 0.25px #000000; background-color: #ffa100; } table td { color: #000000; background-color: #f8f8f8; } table th, td { font-size: 14px; padding: 14px; } table { margin: 0 auto; width: 100%; border-collapse: separate; border-spacing: 0; background-color: #ECEFF1; text-align: left; border-collapse: collapse; } table tr th, table tr td { border-right: 1 px solid rgba(0,0,0,0.12); border-bottom: 1px solid rgba(0,0,0,0.12); box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); } table tr th:first-child, table tr td:first-child { border-left: 1px solid rgba(0,0,0,0.12); } table tr:first-child th:first-child { border-top-left-radius: 6px; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); } table tr:first-child th:last-child { border-top-right-radius: 6px; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); } table tr:last-child td:first-child { border-bottom-left-radius: 6px; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); } table tr:last-child td:first-child { border-bottom-left-radius: 6px; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); } .button-container { display: flex; justify-content: center; align-items: center; margin-right: 32px; margin-top: 8px; height: 6vh; } button { display: block; width: 150px; text-align: center; background: #039be5; text-transform: uppercase; text-decoration: none; color: white; padding: 16px; border-radius: 4px; cursor: pointer; margin: 0 5px; } button:disabled { background-color: #ccc; cursor: not-allowed; } .content { margin: 12px; text-align: center; } .hidden { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } h4 { visibility: hidden; padding-top: 36px; font-size: 24px; font-weight: 600; } p { visibility: hidden; font-size: 18px; } .scrolling-wrapper-4 { margin-top: 8px; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; } .scrolling-wrapper-4::-webkit-scrollbar { display: none; } .footer-box { display: inline-block; /* Changed from inline-flex to inline-block */ background: white; width: 100%; border: 0px; padding: 18px; padding-left: 40px; padding-right: 38px; padding-top: 31px; margin-top: 0px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); white-space: normal; /* Ensure text wraps within the box */ vertical-align: top; /* Ensures boxes are aligned at the top */ } .footer-box p { font-family: Roboto, Roboto Mono, Roboto Regular; font-family: Roboto, Roboto Mono, Roboto Regular; font-size: 11px; color: #adadad; font-weight: 300; } </style> </head> <header> </header> <body>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M75L4NF6" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div class="d-flex w-100" style="border-top: 23px solid #ffa100;">  </div> </div> <div class="button-container-1 d-flex justify-content-end gap2"> <a href="https://spookyoutfit.firebaseapp;com/logout" class="button">Logout</a> <a href="https://dev-nx75pdywzd2l5pyd.us.auth0.com/samlp/EU458KLCR4cFaaZ42R8isaUD3MhQ9X9r" class="button" disabled>Login</a> </div> <div class="container-lg"> <main> <br> <br> <div class="container"> <div class="row"> <div class="col-12 col-md-3 p-1 menu"> <div class="d-flex flex-column align-items-center"> <a class="btn btn-primary btn-lg mb-2" href="/account.html">Account</a> <a class="btn btn-primary btn-lg mb-2" href="/info.html">Info</a> <a class="btn btn-primary btn-lg mb-2" href="/address.html">Address</a> <a class="btn btn-primary btn-lg mb-2" href="/vault.html">Vault</a> </div>  </div> <div class="col-12 col-md-6 p-1.5 heading-box"> <h4>The Spooky Outfit website</h4>  <p>This site takes an imaginative journey into the real life of its title character, Marco Bueno. Captivatibg his spirit of being, as we retrace his humble beginnings as a smalltown haunting familiar to an omnipresent shadow and guardian angel of an elusive oft-overlooked big city business mogul. Featuring an addventurous plot involving the situation of things he's done, places he's been and people he has met along the way.</p> </div> <div class="col-12 col-md-3 p-1.5 border-box"> <a href="https://youtu.be/LOEIBLghSsY" class="thumbnail-link"> <img src="https://storage.cloud.google.com/native-login-9648d.appspot.com/admin-project/admin-project/specimen.jpg" class="img-thumbnail" alt="hhtonyc-specimen">  </a> </div> </div> <div class="scrolling-wrapper-2"> <div class="text-box-3"> <h1>Spooky Outfit <span>Admin</span></h1> </div> </div> <div class="scrolling-wrapper-2"> <div class="text-box-1"> <h2></h2> </div> <div class="image-box"> <img src="https://storage.cloud.google.com/native-login-9648d.appspot.com/admin-project/admin-project/pictures/image-4.jpeg" class="mx-auto d-block rounded-circle" alt="Centered Rounded Image"> </div> <div class="text-box-2"> <h2></h2> </div> </div> <h3>Subscriber Address</h3> <div style="overflow-x:auto;"> <article class="content"> <table> <thead> <tr> <th>ID</th> <th>Street</th> <th>City</th> <th>State</th> <th>Country</th> <th>Zip</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>1400 Rene-levesque Blvd E Ste</td> <td>Montreal</td> <td>Quebec</td> <td>CA</td> <td>>H2L 2M2</td> </tr> <tr> <td>2</td> <td>Callejón Segundo de Corregidora 5</td> <td>Mexico City, D.F.</td> <td>Cuauhtémoc</td> <td>MX</td> <td>06700</td> </tr> <tr> <td>3</td> <td>900 Sylvan Ave</td> <td>Teaneck</td> <td>New Jersey</td> <td>USA</td> <td>07666</td> </tr> <tr> <td>4</td> <td>50 Electric Blvd Ste, 219-7V</td> <td>London</td> <td>Wandsworth</td> <td>GB</td> <td>SW11 AH8</td> <tr> <td>5</td> <td>67 Bridge St</td> <td>Glasgow</td> <td>Tradestone</td> <td>GB-SCT</td> <td>G5 9JB</td> </tr> <tr> <td>6</td> <td>477 Madison Ave, 6th Fl</td> <td>New York</td> <td>New York</td> <td>USA</td> <td>10022</td> </tr> <tr> <td>7</td> <td>4015 Palisade Ave, Apt 06</td> <td>Union City</td> <td>New Jersey</td> <td>USA</td> <td>07087</td> </tr> <tr> <td>8</td> <td>Vordere Zollamtsstraße 13</td> <td>Vienna</td> <td>Landstraße</td> <td>AT</td> <td>1030</td> </tr> <tr> <td>9</td> <td>625 St Ann St, Jr-Rm 15</td> <td>New Orleans</td> <td>Loiusiana</td> <td>USA</td> <td>70116</td> </tr> <tr> <td>10</td> <td>68 Leroy St</td> <td>New York</td> <td>New York</td> <td>USA</td> <td>10014</td> </tr> <tr> <td>11</td> <td>Würzburger St, 181-189</td> <td>Fürth</td> <td>Northern Bavaria</td> <td>DE</td> <td>90766</td> </tr> <tr> <td>12</td> <td>2-13-18 Meiekiminami Nakamura-ku</td> <td>Nagoya City</td> <td>Aichi</td> <td>JP</td> <td>4500003</td> </tr> <tr> <td>13</td> <td>23 Craven St, 2W</td> <td>London</td> <td>Whitehall</td> <td>GB</td> <td>WC2N 5NS</td> </tr> <tr> <td>14</td> <td>Guangwai S St Building No.55 F1 D-0</td> <td>Beijing</td> <td>Xicheng Qu</td> <td>CN</td> <td>102300</td> </tr> <tr> <td>15</td> <td>150 E Atlantic Ave, SW</td> <td>Delray Beach</td> <td>Florida</td> <td>USA</td> <td>33444</td> </tr> <tr> <td>16</td> <td>Rue Neuve du Molard 6</td> <td>Geneva</td> <td>Geneva</td> <td>CH</td> <td>1204</td> <tr> <td>17</td> <td>6 S 13 St</td> <td>Newark</td> <td>New Jersey</td> <td>USA</td> <td>07107</td> </tr> <tr> <td>18</td> <td>886 Xinzha Rd</td> <td>Shanghai</td> <td>Hongkuo District</td> <td>CN</td> <td>200000</td> </tr> <tr> <td>19</td> <td>han River 7-4, Mareunnae-ro 12-gil</td> <td>Seoul</td> <td>Jung-gu</td> <td>KR</td> <td>04572</td> </tr> <tr> <td>20</td> <td>295 Pleasant Valley Way</td> <td>West Orange</td> <td>New Jersey</td> <td>USA</td> <td>07052</td> </tr> <tr> <td>21</td> <td>PO Box 934 Planet'm Sta, 127 W 83rd St</td> <td>New York</td> <td>New York</td> <td>USA</td> <td>10024</td> <tr> <td>22</td> <td>610 McBride Ave</td> <td>Woodland Park</td> <td>New Jersey</td> <td>USA</td> <td>07424</td> </tr> <tr> <td>23</td> <td>29 Wonderland Ave</td> <td>Beverly Crest</td> <td>California</td> <td>USA</td> <td>90046</td> </tr> <tr> <td>24</td> <td>92 Wind St, Eastside Housing Rd, No 23</td> <td>Fort Thompson</td> <td>South Dakota</td> <td>USA</td> <td>57339</td> </tr> <tr> <td>25</td> <td>2 Chome 16-6, Konan seikyou bango 700</td> <td>Tokyo</td> <td>Shinagawa-Ku</td> <td>JP</td> <td>108-8225</td> </tr> <tr> <td>26</td> <td>331 E 60th Ave</td> <td>Vancouver</td> <td>British Columbia</td> <td>CA</td> <td>V5X 1Z8</td> </tr> <tr> <td>27</td> <td>1600 Seaport Blvd, Ste 250</td> <td>Redwood City</td> <td>California</td> <td>USA</td> <td>94063</td> </tr> <tr> <td>28</td> <td>185 Franklin St, Ste 2300</td> <td>Boston</td> <td>Massachusetts</td> <td>USA</td> <td>02110</td> </tr> <tr> <td>29</td> <td>Siemensstraße 7, HPC E600</td> <td>Stuttgart</td> <td>Lower Saxony</td> <td>DE</td> <td>70469</td> </tr> <tr> <td>30</td> <td>5599 Spectrum Dr, Ste 104</td> <td>Frederick</td> <td>Maryland</td> <td>USA</td> <td>21703</td> </tr> <tr> <td>31</td> <td>The Borough, 30 Canon St, 5Fl, Ste 613</td> <td>London</td> <td>Moorgate</td> <td>GB</td> <td>EC4M 6XH</td> <tr> <td>32</td> <td>55 Hangang-daero, 23-gil</td> <td>Seoul</td> <td>Yongsan-gu</td> <td>KR</td> <td>04386</td> </tr> <tr> <td>33</td> <td>1600 Chevallier Dr</td> <td>Wolf Creek</td> <td>Montana</td> <td>USA</td> <td>59648</td> </tr> <tr> <td>34</td> <td>Hertha-Lindner Straße 17, Post-Nr 2446</td> <td>Dresden</td> <td>Upper Saxony</td> <td>DE</td> <td>01067</td> </tr> <tr> <td>35</td> <td>327 E Delevan Ave</td> <td>Buffalo</td> <td>New York</td> <td>USA</td> <td>14208</td> </tr> <tr> <td>36</td> <td>411 N Hollywood Way</td> <td>Burbank</td> <td>California</td> <td>USA</td> <td>91505</td> </tr> <tr> <td>37</td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td>38</td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td>39</td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td>40</td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td>41</td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> </tbody> <br> <script> document.addEventListener('DOMContentLoaded', function () { const content = document.querySelector('.content'); const itemsPerPage = 10; let currentPage = 0; const items = Array.from(content.getElementsByTagName('tr')).slice(1); function showPage(page) { const startIndex = page * itemsPerPage; const endIndex = startIndex + itemsPerPage; items.forEach((item, index) => { item.classList.toggle('hidden', index < startIndex || index >= endIndex); }); updateButtonStates(); } function updateButtonStates() { document.querySelector('.button-container .prev').disabled = (currentPage === 0); document.querySelector('.button-container .next').disabled = (currentPage === Math.ceil(items.length / itemsPerPage) - 1); } function setupPaginationButtons() { const buttonContainer = document.querySelector('.button-container'); // Previous button const prevButton = document.createElement('button'); prevButton.textContent = 'Previous'; prevButton.classList.add('prev'); prevButton.addEventListener('click', () => { if (currentPage > 0) { currentPage--; showPage(currentPage); } }); // Next button const nextButton = document.createElement('button'); nextButton.textContent = 'Next'; nextButton.classList.add('next'); nextButton.addEventListener('click', () => { if (currentPage < Math.ceil(items.length / itemsPerPage) - 1) { currentPage++; showPage(currentPage); } }); buttonContainer.appendChild(prevButton); buttonContainer.appendChild(nextButton); } // Initialize pagination setupPaginationButtons(); showPage(currentPage); }); const Data = { "SubscriberType": [ { "id": 1, "user": "Jacques Martine", "street": "1400 Rene-levesque Blvd E Ste 1200", "city": "Montreal", "state": "Quebec", "country": "CA", "zip": "H2L 2M2" }, { "id": 2, "user": "Diego Santillo", "street": "Callejón Segundo de Corregidora 5", "city": "Mexico City, DF", "state": "Cuauhtémoc", "country": "MX", "zip": "06700" }, { "id": 3, "user": "Mary Thompson", "street": "900 Sylvan Ave", "city": "Teaneck", "state": "New Jersey", "country": "USA", "zip": "07666" }, { "id": 4, "user": "Elizabeth Stewart", "street": "50 Electric Blvd Ste 219-7V", "city": "London", "state": "Wandsworth", "country": "GB", "zip": "SW11 AH8" }, { "id": 5, "user": "Gilbert O'Sullivan", "street": "67 Bridge St", "city": "Glasgow", "state": "Tradestone", "country": "GB-SCT", "zip": "G5 9JB" }, { "id": 6, "user": "Michael Kozlowski", "street": "477 Madison Ave 6th Fl", "city": "New York", "state": "New York", "country": "USA", "zip": "10022" }, { "id": 7, "user": "Margarita Suarez", "street": "4015 Palisade Ave Apt 06", "city": "Union City", "state": "New Jersey", "country": "USA", "zip": "07087" }, { "id": 8, "user": "Hilda Schmitt", "street": "Vordere Zollamtsstraße 13", "city": "Vienna", "state": "Landstraße", "country": "AT", "zip": "1030" }, { "id": 9, "user": "Vishnu Ramaswamy", "street": "625 St Ann St Jr-Rm 15", "city": "New Orleans", "state": "Louisiana", "country": "USA", "zip": "70116" }, { "id": 10, "user": "Eva Feinstein", "street": "68 Leroy St", "city": "New York", "state": "New York", "country": "USA", "zip": "10014" }, { "id": 11, "user": "Maja Richter", "street": "Würzburger St 181-189", "city": "Fürth", "state": "Northern Bavaria", "country": "DE", "zip": "90766" }, { "id": 12, "user": "Firu Saitō", "street": "2-13-18 Meiekiminami Nakamura-ku", "city": "Nagoya City", "state": "Aichi", "country": "JP", "zip:": "4500003" }, { "id": 13, "user": "Michelle Collins", "street": "23 Craven St 2W", "city": "London", "state": "Whitehall", "country": "GB", "zip": "WC2N 5NS" }, { "id": 14, "user": "Hán Qǐzhòngjī", "street": "Guangwai South Street Building No.55 F1 D-0", "city": "Beijing", "state": "Xicheng Qu", "country": "CN", "zip": "102300" }, { "id": 15, "user": "Michael Abramowitz", "street": "150 E Atlantic Ave SW", "city": "Delray Beach", "state": "Florida", "country": "USA", "zip": "33444" }, { "id": 16, "user": "Heike von Frömmel", "street": "Rue Neuve du Molard 6", "city": "Geneva", "state": "Geneva", "country": "CH", "zip": "1204" }, { "id": 17, "user": "Sharif Goodwin", "street": "6 S 13 St", "city": "Newark", "state": "New Jersey", "country": "USA", "zip": "07107" }, { "id": 18, "user": "Mêi Péng", "street": "886 Xinzha Rd", "city": "Shanghai", "state": "Hongkuo District", "country": "CN", "zip": "200000" }, { "id": 19, "user": "Seo-joon Wang", "street": "han River 7-4, Mareunnae-ro 12-gil", "city": "Seoul", "state": "Jung-gu", "country": "KR", "zip": "04572" }, { "id": 20, "user": "Aqsa Abdullah", "street": "295 Pleasant Valley Way", "city": "West Orange", "state": "New Jersey", "country": "USA", "zip": "07052" }, { "id": 21, "user": "Michael Faraday", "street": "P.O. Box 934 Planetarium Station 127 W 83rd", "city": "New York", "state": "New York", "country": "USA", "zip": "10024" }, { "id": 22, "user": "Madison Jeffries", "street": "610 McBride Ave", "city": "Woodland Park", "state": "New Jersey", "country": "USA", "zip": "07424" }, { "id": 23, "user": "Lisa Schwartz", "street": "29 Wonderland Ave", "city": "Beverly Crest", "state": "California", "country": "USA", "zip": "90046", }, { "id": 24, "user": "Takota Littlejohn", "street":"92 Wind St Eastside Housing Rd No 23", "city": "Fort Thompson", "state": "South Dakota", "country": "USA", "zip": "57339" }, { "id": 25, "user": "Biru Shōta-Takahashi", "street": "2 Chome 16-6, Konan seikyou bango 700", "city": "Tokyo", "state": "Shinagawa-Ku", "country": "JP", "zip": "108-8225" }, { "id": 26, "user": "Nadia Najdi Qasim", "street": "331 E 60th Ave", "city": "Vancouver", "state": "British Columbia", "country": "CA", "zip": "V5X 1Z8" }, { "id": 27, "user": "Xia Xiang", "street": "1600 Seaport Blvd Ste 250", "city": "Redwood City", "state": "California", "country": "USA", "zip": "94063" }, { "id": 28, "user": "Mickey O'Shea", "street": "185 Franklin St Ste 2300", "city": "Boston", "state": "Massachusetts", "country": "USA", "zip": "02110" }, { "id": 29, "user": "Rebecca König", "street": "Siemensstraße 7 HPC E600", "state": "Stuttgart", "state": "Lower Saxony", "country": "DE", "zip": "70469" }, { "id": 30, "user": "Alvin Kurtis", "street": "5599 Spectrum Dr Ste 104", "city": "Frederick", "state": "Maryland", "country": "USA", "zip": "21703" }, { "id": 31, "user": "Muhammad Farouq Mughrabi", "street": "30 Canon St -The Borough- 5Fl Ste 613", "city": "London", "state": "Moorgate", "country": "GB", "zip": "EC4M 6XH" }, { "id": 32, "user": "Jíro Chang", "street": "55 Hangang-daero 23-gil", "city": "Seoul", "country": "Yongsan-gu", "country": "KR", "zip": "04386" }, { "id": 33, "user": "Sequoia Nero", "street": "1600 Chevallier Dr", "city": "Wolf Creek", "state": "Montana", "country": "USA", "zip": 59648 }, { "id": 34, "user": "Ilse Möller", "street": "Hertha-Lindner Straße 17 Post-Nr 2446", "city": "Dresden", "state": "Upper Saxony", "country": "DE", "zip": "01067" }, { "id": 35, "user": "Omar Williams", "street": "327 E Delevan Ave", "city": "Buffalo", "state": "New York", "country": "USA", "zip": "14208" }, { "id": 36, "user": "David Ayers", "street": "411 N Hollywood Way", "city": "Burbank,", "state": "California", "country": "USA", "zip": "91505" } ] } function getTH() { const columns = (Object.keys[0]); const head = document.querySelector('thead'); let tags = "<tr>"; for(i = 0; i <column.length; i++) { tags += `<th>${column[i]}</th>`; } tags += "<tr>" head.innerHTML = tags; getTD(); } function getTD() { const body = document.querySelector('tbody'); let tags = ""; Data.map(d => { tags += `<tr> <td>${d.id}</td> <td>${d.user}</td> <td>${d.firstJoined}</td> <td>${d.comment}</td> </tr>` }) body.innerHTML = tags; } getTH(); </script> </table> <div class="button-container">  </div> </article> </div> <h4><read-write># Your System Credentials</read-write></h4> <p>Data entry is authorized. You may edit the user comments in this section. Up to 1000-characters. Using your read-write credentials for those customer profile updates obtained from user-input forms, telephone interviews or the like.</p> <p>Accurate recordkeeping is required to insure data integrity.</p> </div> </main> </body> <div class="scrolling-wrapper-4"> <div class="footer-box"> <p><b>© 2025 Worldwide Animation Syndicate</b>. Characters and depictions portrayed herein are original works of its author and creator. References to the likeliness or image of any person, alive or dead, companies, businesses, places and things, locations or buildings is unintentional. Any similarity is purely coincidental. Unauthorized use, sale, distribution or reproduction is strictly prohibited. Exclusive rights in registered marks Marco Bueno, Spooky Outfit and all other vested interests are the rightfull property of their respective owners.</p> </div> </div> </html>