var params = new URLSearchParams(window.location.search)
db.collection('post').doc(params.get('id')).get().then((result) => {
      var template = `
          <article id="post">
            <!-- post heading -->
            <div class="heaing">
              <div class="category">
                <a href="#" class="text-black fontsize-2 px-1">${result.data().category}
                  </a>
              </div>

              <div class="title">
                <h1 class="text-black fontsize-1 px-1">${result.data().title}</h1>
              </div>

              <div class="meta">
                <a href="#" class="text-black fontsize-2 px-1">
                  <i class="fas fa-clock"></i> ${result.data().date}
                </a>
              </div>
            </div>
            <!-- post main -->
            <div class="thumbnail mt-2">
              <img src="asset/thumbnail.png" class="thumbnail" alt="">
            </div>
            <div class="content text-black mt-1">
            ${result.data().description}

            </div>
          </article>`;
      $(".container").prepend(template);
    });