https://bashify.io/i/BAaeEU

提交的 URL:
https://bashify.io/i/BAaeEU
报告完成时间:
名称类型
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
$function
jQueryfunction
copy_link_to_clipboardfunction
dl_imgfunction
change_textfunction
adsbygoogleobject
uidEventnumber
<!DOCTYPE html><html xml:lang="en" lang="en" prefix="og: http://ogp.me/ns#"><head>
    <meta charset="utf-8">

    <meta name="description" content="View Screenshot 2024-12-20 234433.png for free at Bashify.io - an image hosting and sharing service">

    

    <link rel="icon" type="image/x-icon" href="favicon.ico">

    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <title>Screenshot 2024-12-20 234433.png | Bashify.io</title>

    <link href="/css/bootstrap.css" rel="stylesheet" type="text/css">

    <meta property="og:title" content="Screenshot 2024-12-20 234433.png — Bashify.io">
    <meta property="og:image" content="https://bashify.io/thumbnails/234ca3590f0828893ba74d27e0534c17">
    <meta property="og:url" content="https://bashify.io/i/BAaeEU">
    <meta property="og:type" content="website">

    <style>
     .modal-content {
         background-color: black;
     }

    </style>

    <style>
     .navbar-brand img {
         height: 20px;
         float: left;
         margin-right: 7px;
     }

     @media screen and (max-width: 800px){
         .nav-item  {
             font-size: small;
         }
     }

     body {
         background-color: #1d1e1d !important;
     }

     .mycolor {
         color: #e2e1e2
     }
    </style>

    <link href="/fontawesome-free-6.1.2-web/css/all.css" rel="stylesheet">

    <style>
     body {
         font-family: 'Roboto', 'Arial', 'sans-serif';
         /* background-color: rgb(29, 30, 29) !important; */
         color: #e2e1e2 !important;

         width: 100%;
         height: 100%;

         background-attachment: fixed;
         background-position: center center;

         -webkit-background-size: cover;
         -moz-background-size: cover;
         -o-background-size: cover;
     }

     .input-group-text {
         color: white !important;
         background-color: rgb(29, 30, 29) !important;
         border: none;
     }

     .bg-light {
         background-color: rgb(21, 23, 22) !important;
     }

     a {
         text-decoration: none;
         color: rgb(99, 159, 255) !important;
     }

     a:hover {
         text-decoration: underline;
     }

     .form-select {
         margin-bottom: 1rem;
     }

     .alert {
         visibility: hidden;
     }

     footer {
         text-align: center
     }

     .note {
         color: rgba(132, 130, 127, 0.94);
         font-size: 12px;
     }

     /* when the browser window is 1200px wide or more */
     @media (min-width: 1200px) {
         .container {
             max-width:50%;
         }

         .container-footer {
             max-width:100%;
         }
     }

     .dz-preview {
         background: rgb(29, 30, 29) !important;
     }

     .dz-image-preview {
         background: rgb(29, 30, 29) !important;
     }

     @media screen and (max-width: 500px) {
         label {
             /* display:inline-flex !important;
                width: auto !important; */
         }

         body {
             background-image: none !important;
         }
     }

     @media only screen and (min-width: 768px) and (max-width: 1024px) {
     }

    </style>

    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
    <link rel="manifest" href="/site.webmanifest">

    <link href="/css/flags.css" rel="stylesheet" type="text/css">

    <style>
     #fs {
         /* display: grid;
            height: 100%; */

         /* width: 100%;
            height: 100%;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            position: absolute;
            display: none;
            margin: auto; */
     }

     /* .center-fit {
        max-width: 100%;
        max-height: 100vh;
        margin: auto;
        }

        #fs img {
        max-height: 100%;
        position: absolute;
        margin:auto;
        top: 5rem;
        bottom:0;
        left:0;
        right:0;
        } */

     @media only screen and (max-width: 600px) {
         .hide_on_small_screen {
             display: none;
         }

         .show_on_small_screen {
             display: contents;
         }
     }
    </style>


    <script src="/js/jquery.js"></script>

    
      <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7027008762082999" crossorigin="anonymous">
      </script>
    


    <style>
     ins.adsbygoogle[data-ad-status='unfilled'] {
         display: none !important;
     }
    </style>


  </head>

  <body>
    <script>
     function copy_link_to_clipboard() {
         navigator.clipboard.writeText(window.location.href);
     }

     function dl_img() {
         /* make request that ignores browser cache */
         fetch("/img/234ca3590f0828893ba74d27e0534c17?as_file=1", { cache: "no-store" })

             .then(res => res.blob())
             .then(data => {
                 var a = document.createElement("a");
                 a.href = window.URL.createObjectURL(data);
                 a.download = "Screenshot 2024-12-20 234433.png";
                 a.click();
             });


     }

    </script>

    <nav class="navbar navbar-expand-sm navbar-dark">
  <div class="container-fluid">

    
      <a class="navbar-brand" href="/"><img src="/logo.png" alt="bashify.io"></a>
    

    <button class="navbar-toggler ms-auto" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation" style="margin-right:0.5rem">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarSupportedContent">
      <ul class="navbar-nav me-auto mb-lg-0">
        <li class="nav-item">
          <a class="nav-link" href="/"><i class="fa-solid fa-cloud-arrow-up" aria-hidden="true"></i> Upload image by file</a>
        </li>

        <li class="nav-item">
          <a class="nav-link" href="/trending"><i class="fa-solid fa-users-rectangle" aria-hidden="true"></i> Trending</a>
        </li>

        <li class="nav-item">
          <a class="nav-link" href="/random"><i class="fa-solid fa-shuffle" aria-hidden="true"></i> Random</a>
        </li>

        <li class="nav-item">
          <a class="nav-link" href="/deletion"><i class="fa-solid fa-trash" aria-hidden="true"></i> Delete</a>
        </li>

      </ul>
    </div>

    <ul class="nav navbar-nav navbar-right">
      <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
          <span class="fi fi-gb"></span> en
        </a>
        <!-- <ul class="dropdown-menu dropdown-menu-end bg-dark" aria-labelledby="navbarDropdown"> -->
        <div class="dropdown-menu dropdown-menu-end bg-dark" aria-labelledby="navbarDropdown">

          <table class="table table-responsive table-sm table-borderless" style="font-size: small">
            <tbody>
              <tr>
                <td>
                  <a class="dropdown-item" href="/af"> <span class="fi fi-za"></span> af</a>
                </td>
                <td>
                  <a class="dropdown-item" href="/am"> <span class="fi fi-et"></span> am</a>
                </td>
                <td>
                  <a class="dropdown-item" href="/ar"> <span class="fi fi-sa"></span> ar</a>
                </td>
                <td>
                  <a class="dropdown-item" href="/as"> <span class="fi fi-in"></span> as</a>
                </td>
              </tr>
              <tr>
                <td>
                  <a class="dropdown-item" href="/az"> <span class="fi fi-az"></span> az</a>
                </td>
                <td>
                  <a class="dropdown-item" href="/be"> <span class="fi fi-by"></span> be</a>
                </td>
                <td>
                  <a class="dropdown-item" href="/bg"> <span class="fi fi-bg"></span> bg</a>
                </td>
                <td>
                  <a class="dropdown-item" href="/bho"> <span class="fi fi-in"></span> bho</a>
                </td>
              </tr>
              <tr>
                <td>
                  <a class="dropdown-item" href="/bm"> <span class="fi fi-ml"></span> bm</a>
                </td>
                <td>
                  <a class="dropdown-item" href="/bn"> <span class="fi fi-bd"></span> bn</a>
                </td>
                <td>
                  <a class="dropdown-item" href="/bs"> <span class="fi fi-ba"></span> bs</a>
                </td>
                <td>
                  <a class="dropdown-item" href="/ca"> <span class="fi fi-es"></span> ca</a>
                </td>
              </tr>
              <tr>
                <td>
                  <a class="dropdown-item" href="/ceb"> <span class="fi fi-ph"></span> ceb</a>
                </td>
                <td>
                  <a class="dropdown-item" href="/co"> <span class="fi fi-fr"></span> co</a>
                </td>
                <td>
                  <a class="dropdown-item" href="/da"> <span class="fi fi-dk"></span> da</a>
                </td>
                <td>
                  <a class="dropdown-item" href="/de"> <span class="fi fi-de"></span> de</a>
                </td>
              </tr>
              <tr>
                <td>
                  <a class="dropdown-item" href="/el"> <span class="fi fi-gr"></span> el</a>
                </td>
                <td>
                  <a class="dropdown-item" href="/es"> <span class="fi fi-es"></span> es</a>
                </td>
                <td>
                  <a class="dropdown-item" href="/eu"> <span class="fi fi-es"></span> eu</a>
                </td>
                <td>
                  <a class="dropdown-item" href="/fa"> <span class="fi fi-ir"></span> fa</a>
                </td>
              </tr>
              <tr>
                <td>
                  <a class="dropdown-item" href="/fi"> <span class="fi fi-fi"></span> fi</a>
                </td>
                <td>
                  <a class="dropdown-item" href="/fr"> <span class="fi fi-fr"></span> fr</a>
                </td>
                <td>
                  <a class="dropdown-item" href="/hi"> <span class="fi fi-in"></span> hi</a>
                </td>
                <td>
                  <a class="dropdown-item" href="/hu"> <span class="fi fi-hu"></span> hu</a>
                </td>
              </tr>
              <tr>
                <td>
                  <a class="dropdown-item" href="/hy"> <span class="fi fi-am"></span> hy</a>
                </td>
                <td>
                  <a class="dropdown-item" href="/id"> <span class="fi fi-id"></span> id</a>
                </td>
                <td>
                  <a class="dropdown-item" href="/is"> <span class="fi fi-is"></span> is</a>
                </td>
                <td>
                  <a class="dropdown-item" href="/it"> <span class="fi fi-it"></span> it</a>
                </td>
              </tr>
              <tr>
                <td>
                  <a class="dropdown-item" href="/he"> <span class="fi fi-il"></span> he</a>
                </td>
                <td>
                  <a class="dropdown-item" href="/ja"> <span class="fi fi-jp"></span> ja</a>
                </td>
                <td>
                  <a class="dropdown-item" href="/ko"> <span class="fi fi-kr"></span> ko</a>
                </td>
                <td>
                  <a class="dropdown-item" href="/nl"> <span class="fi fi-nl"></span> nl</a>
                </td>
              </tr>
              <tr>
                <td>
                  <a class="dropdown-item" href="/no"> <span class="fi fi-no"></span> no</a>
                </td>
                <td>
                  <a class="dropdown-item" href="/ny"> <span class="fi fi-mw"></span> ny</a>
                </td>
                <td>
                  <a class="dropdown-item" href="/pl"> <span class="fi fi-pl"></span> pl</a>
                </td>
                <td>
                  <a class="dropdown-item" href="/pt"> <span class="fi fi-br"></span> pt</a>
                </td>
              </tr>
              <tr>
                <td>
                  <a class="dropdown-item" href="/pt"> <span class="fi fi-pt"></span> pt</a>
                </td>
                <td>
                  <a class="dropdown-item" href="/ro"> <span class="fi fi-ro"></span> ro</a>
                </td>
                <td>
                  <a class="dropdown-item" href="/ru"> <span class="fi fi-ru"></span> ru</a>
                </td>
                <td>
                  <a class="dropdown-item" href="/sq"> <span class="fi fi-al"></span> sq</a>
                </td>
              </tr>
              <tr>
                <td>
                  <a class="dropdown-item" href="/sv"> <span class="fi fi-se"></span> sv</a>
                </td>
                <td>
                  <a class="dropdown-item" href="/th"> <span class="fi fi-th"></span> th</a>
                </td>
                <td>
                  <a class="dropdown-item" href="/tl"> <span class="fi fi-ph"></span> tl</a>
                </td>
                <td>
                  <a class="dropdown-item" href="/tr"> <span class="fi fi-tr"></span> tr</a>
                </td>
              </tr>
              <tr>
                <td>
                  <a class="dropdown-item" href="/uk"> <span class="fi fi-ua"></span> uk</a>
                </td>
                <td>
                  <a class="dropdown-item" href="/vi"> <span class="fi fi-vn"></span> vi</a>
                </td>
                <td>
                  <a class="dropdown-item" href="/zh-cn"> <span class="fi fi-cn"></span> zh-cn</a>
                </td>
                <td>
                  <a class="dropdown-item" href="/"> <span class="fi fi-gb"></span> en</a>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
      </li>

    </ul>

  </div>
</nav>


    <div class="container">
      <div class="row" style="padding-bottom:1rem">
        <!-- <div class="col-sm-8 mycolor">
             <div style="font-size:0.8rem">
             </div>
             </div> -->

        <script>
         function change_text(event) {
             const link = document.getElementById("flag_link");
             link.text = 'Flagged';
             fetch('/flag?i=BAaeEU');
             event.preventDefault();
         }
        </script>


        <div class="col-sm-12 mycolor" style="text-align:right">
          [ <a class="" href="#" onclick="copy_link_to_clipboard()">Copy link</a> ]
          [ <a class="" href="#" onclick="dl_img()">Download image</a> ]
          [ <a href="" data-bs-toggle="modal" data-bs-target="#sharingDialog">Share</a> ]
          [ <a href="#" id="flag_link" onclick="change_text(event)">Flag as abusive</a> ]
        </div>
      </div>

      <script>
       /* $(document).ready(function(){
        *     $('#fs').css('height', $(document).outerWidth() + 'px');

        *     $('.img-fluid').click(function(){
        *         var src = $(this).attr('src');
        *         $('#fs img').attr('src', src);
        *         $('#fs').fadeIn();
        *         $('#qwerty-img').css("display", "none");
        *     });

        *     $('#fs').click(function(){
        *         $(this).fadeOut();
        *         $('#qwerty-img').css("display", "inline-block");
        *     });
        * }); */
      </script>


      <div class="row">
        <div class="col-sm-12" style="text-align:center; margin-bottom: 1rem">


          
            <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-7027008762082999" data-ad-slot="1453624808" data-ad-format="auto" data-full-width-responsive="true"></ins>
            <script>
             (adsbygoogle = window.adsbygoogle || []).push({});
            </script>

          



        </div>
      </div>

      <div class="row">
        <div class="col-sm-12" style="text-align:center">
          <a href="/img/234ca3590f0828893ba74d27e0534c17"><img class="img-fluid" src="/img/234ca3590f0828893ba74d27e0534c17" alt="Screenshot 2024-12-20 234433.png"></a>
        </div>
      </div>

      <div class="row d-none d-sm-block">
        <div class="col-sm-12" style="text-align:center; font-size:0.9rem">
          <span style="margin-right:0.6rem">Screenshot 2024-12-20 234433.png</span> | <span style="margin-left:0.6rem; margin-right: 0.6rem">74 views</span>  |  <span style="margin-left:0.6rem"> Uploaded 7 hours ago  </span>
        </div>
      </div>

      <div class="row d-block d-sm-none">
        <div class="col-sm-4" style="text-align:center">
          <div class="note text-xsmall">
            Screenshot 2024-12-20 234433.png
          </div>
        </div>

        <div class="col-sm-4" style="text-align:center">
          <div class="note text-xsmall">
            74 views
          </div>
        </div>

        <div class="col-sm-4" style="text-align:center">
          <div class="note text-xsmall">
            
              Uploaded 7 hours ago 
            
          </div>
        </div>
      </div>
    </div>

    <div class="modal fade" id="sharingDialog" tabindex="-1" aria-hidden="true">
      <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
          <div class="modal-header">
            <!-- <h5 class="modal-title" id="exampleModalCenterTitle">Modal title</h5> -->
            <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
          </div>
          <div class="modal-body text-center">
            <p>
              <a class="btn btn-primary" style="background-color: #3b5998;" href="http://www.facebook.com/share.php?u=https://bashify.io/i/BAaeEU" role="button"><i class="fab fa-facebook-f"></i></a>
              <a class="btn btn-primary" style="background-color: #55acee;" href="https://twitter.com/intent/tweet?original_referer=https://bashify.io/i/BAaeEU&amp;url=https://bashify.io/i/BAaeEU&amp;text=Awesome&amp;via=bashify" role="button"><i class="fab fa-twitter"></i></a>
              <a class="btn btn-primary" style="background-color: #c61118;" href="https://www.pinterest.com/pin/create/bookmarklet/?media=https://bashify.io/i/BAaeEU&amp;url=https://bashify.io/i/BAaeEU&amp;is_video=false&amp;description=description&amp;title=Awesome!" role="button"><i class="fab fa-pinterest"></i></a>
              <a class="btn btn-primary" style="background-color: #ff4500;" href="https://www.reddit.com/submit?url=https://bashify.io/i/BAaeEU" role="button"><i class="fab fa-reddit-alien"></i></a>
              <a class="btn btn-primary" style="background-color: #404040" href="mailto:?subject=Awesome&amp;body=https://bashify.io/i/BAaeEU" role="button"><i class="fa-regular fa-at"></i></a>
            </p>

            <p style="color: white">
              https://bashify.io/i/BAaeEU
            </p>
          </div>
        </div>
      </div>
    </div>

    <script src="/js/bootstrap.js"></script>

  

</body></html>