更新日:2023年06月01日

html,cssについて

<html>
  <head>
    <title>%title%</title>
    %style("main.css")%
    %script("main.js")%
  </head>
  <body>
    <div class='container'>
      <h1>%title%</h1>
      <div>%description%</div>
      <img src='https://diamond.jp/mwimgs/a/f/-/img_afa0fad37e6c4d5ce34c01faf54f9e79108563.jpg'></img>
    </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);
});