更新日:2023年05月16日

sssssss

っっdっっd

<html>
  <head>
    <title>%title%</title>
    %style("main.css")%
    %script("main.js")%
  </head>
  <body>
    <div class='container'>
      <h1>%title%</h1>
      <div class="relative f fh">
        <img style="width: 100%; height: 100%;" src="https://storage.googleapis.com/content-alog-rabee-jp/user_upload/G6WqUcyUbzbquEAc5zqyzk9u3X02_chhl5ui23akg02t01b8g">
        <div class="absolute t100">descripddddddddddddsstdfffffdissxsssson</div>
      </div>
    </div>
  </body>
</html>

body {
  margin: 0px;
}

.container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  background-image: url('https://picsum.photos/1200/630?blur=4&random=2023-04-03 00:23:01');
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 100%;
  
  color: white;
  text-shadow: 1px 1px 2px #000;
}

window.addEventListener('load', () => {
  let message = 'Hello, Runstant!';
  console.log(message);
});