https://llv52x-8080.csb.app/

Scan ID:
802a287f-ddd6-4392-a21c-2724c913b36cFinished
Submitted URL:
https://llv52x-8080.csb.app/
Report Finished:

JavaScript Variables · 3 found

Console log messages · 2 found

HTML

<!DOCTYPE html><html><head>
    <title>CodeSandbox Preview</title>
    <meta charset="UTF-8">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
    <link href="https://fonts.googleapis.com/css2?family=Inter&amp;display=swap" rel="stylesheet">
    <style>
      :root {
        --title: #000;
        --body: #1A1A1A;
        --bg: #fff;
        --link: #653ffd;
      }
      
      @media (prefers-color-scheme: dark) {
        :root {
          --title: #e5e5e5;
          --body: #E6E6E6;
          --bg: #0f0e0e;
          --link: #edffa5;
        }
      }

      html, body {
        margin: 0;
        paddng: 0;
        overflow: hidden;
      }

      * {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
      }

      body {
        font-family:Inter,-apple-system,'system-ui','Segoe UI',Roboto,Oxygen-Sans,Ubuntu;
        background-color: var(--bg);
        color: var(--body);
        line-height: 1.25rem;
      }

      .container {
        display:flex;
        align-items:center;
        justify-content:center;
        height:100vh;
        flex-direction:column;
        line-height: 1.4;
        max-width: 500px;
        margin: 0 auto;
        animation: enter 0.8s ease-in-out forwards;
      }

      .title {
        text-align:center;
        font-size: 1.5rem;
        padding: 20px 10px;
      }

      .description {
        opacity: 0.8;
        text-align:center;
        max-width:65ch;
        color:var(--body);
        min-width:200px;
        max-width:300px;
        padding: 12px;
      }

      .container-answer {
        display: flex;
        flex-direction: row;
        padding: 10px;
      }
      
      a.btn-answer {
        margin: 20px;
        color: var(--link);
        text-decoration: none;
        text-align: center;
      }

      a.btn-answer:hover {
        text-decoration: underline;
      }
      
    </style>
  </head>

  <body>
    <div class="container">
      <svg style="width:48px;" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" fill="currentColor">
        <path clip-rule="evenodd" d="M2 2L14 2V14H2V2ZM12.7727 3.22727V12.7727H3.22727V3.22727H12.7727Z" fill-rule="evenodd"></path>
      </svg>
      <div class="title">
        You are opening a CodeSandbox preview, do you want to continue?
      </div>
      <div class="description">https://llv52x-8080.csb.app/</div>
      <div class="container-answer">
        <a class="btn-answer" id="btn-answer-yes" href="#">Yes, proceed to preview</a>
        <a class="btn-answer btn-answer-no" href="/__csb_trust_prompt_reject?previewUrl=https%3A%2F%2Fllv52x-8080.csb.app%2F">No, I don't trust this url</a>
      </div>
    </div>

    <script>
      const btnAnswerYes = document.getElementById('btn-answer-yes');
      btnAnswerYes.addEventListener('click', () => {
        document.cookie = "csb_is_trusted=true; Path=/; Secure; SameSite=None; Partitioned; Expires=Fri, 14 Feb 2025 20:08:34 GMT";
        window.location.href="https://llv52x-8080.csb.app/";
      });
    </script>
  

</body></html>