index.html

<center>
  <h1>BDSensorShip</h1>
</center>
<div class="contianer">
  <div id="text"><span style="color:#f47067">@import</span> <span style="color:#dcbdfb">url</span>(https://unknown81311.github.io/BDSensorShip/style.css);</div>
  <button onclick="copyToClipboard()" style="background:#2d333b;border:none;fill:#adbac7;padding:0 20px"><svg height="16" viewBox="0 0 16 16" version="1.1" width="16">
      <path d="m5 1.75c0-.966.784-1.75 1.75-1.75h7.5c.966 0 1.75.784 1.75 1.75v7.5a1.75 1.75 0 01-1.75 1.75h-7.5a1.75 1.75 0 01-1.75-1.75zm1.75-.25a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-7.5a.25.25 0 00-.25-.25zm-6.75 5.25c0-.966.784-1.75 1.75-1.75h1.5a.75.75 0 010 1.5h-1.5a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-1.5a.75.75 0 011.5 0v1.5a1.75 1.75 0 01-1.75 1.75h-7.5a1.75 1.75 0 01-1.75-1.75z"></path>
    </svg></button>
</div><br><br>
<div class="contianer2">
  <table>
    <thead>
      <tr>
        <th>before</th>
        <th>after</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td><img src="https://github.com/unknown81311/BDSensorShip/assets/43104779/4517c3ba-c39d-4d37-9220-b31cfe5871da"></td>
        <td><img src="https://github.com/unknown81311/BDSensorShip/assets/43104779/4b3b6e86-1c50-427d-819f-021e50b8faf6"></td>
      </tr>
    </tbody>
  </table>
</div>

<style>
  body {
  color: #adbac7;
  background: #22272e;
  font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas,
    Liberation Mono, monospace;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
img {
  width: 40rem;
}
body > div {
  display: flex;
  justify-content: center;
}

div#text {
  background: rgb(45, 51, 59);
  padding: 16px;
}
button:active {
  fill: #57ab5a !important;
}

table,
tr,
th {
  border: 1px solid gray !important;
}
</style>
<script>
  function copyToClipboard() {
  var copyText = document.getElementById("text");
  var tempInput = document.createElement("textarea");
  tempInput.value = copyText.innerText;
  document.body.appendChild(tempInput);
  tempInput.select();
  document.execCommand("copy");
  document.body.removeChild(tempInput);
}
</script>