html_head = """
<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- Generated with distribusi https://git.vvvvvvaria.org/varia/distribusi -->
    <meta name="generator" content="distribusi" />
    <meta http-equiv="content-type" content="text/html; charset=utf-8"> 
    <link rel="stylesheet" type="text/css" href="https://frog2.dianaband.info/src/style/common.css" />
    %s
  </head>
  <body>
<div>
<div id="menu">
    <div id="logo_wrapper" class="svg_wrapper">
      <img id="logo_foh"src="https://frog2.dianaband.info/src/img/logo.svg" alt="환대의 조각 로고">
    </div>

    <div id="about_icon_wrapper" class="svg_wrapper">
      <img id="about_icon"src="https://frog2.dianaband.info/src/img/icon_about.svg" alt="각진 꽃 모양 어바웃 버튼">
    </div>

    <div id="timeline_icon_wrapper" class="svg_wrapper">
      <img id="about_icon"src="https://frog2.dianaband.info/src/img/icon_timeline.svg" alt="구름 모양 타임라인 버튼">
    </div>

  <span id="to_about">
    <a href="">
      ABOUT
    </a>
    </span>
  <span id="to_fragments">
    <a href="">
      FRAGMENTS
    </a>
    </span>
  <span id="to_timeline">
    <a href="">
      TIMELINE
    </a>
    </span>
</div>

<div id="margin">
  <!-- to avoid overlapping -->
</div>

<div id="contents">
"""

html_footer = """
</div>
</body>
</html>
"""
