heartwood every commit a ring

Add read time icon

94ec43c5 by Isaac Bythewood · 3 years ago

modified pages/templates/pages/blog_post_page.html
@@ -29,8 +29,12 @@          </a>          {% endfor %}        </div>        <div class="mb-2">          {{ self.get_read_time }} min read        <div class="mb-2 d-flex align-items-center">          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-stopwatch me-2" viewBox="0 0 16 16">            <path d="M8.5 5.6a.5.5 0 1 0-1 0v2.9h-3a.5.5 0 0 0 0 1H8a.5.5 0 0 0 .5-.5V5.6z"/>            <path d="M6.5 1A.5.5 0 0 1 7 .5h2a.5.5 0 0 1 0 1v.57c1.36.196 2.594.78 3.584 1.64a.715.715 0 0 1 .012-.013l.354-.354-.354-.353a.5.5 0 0 1 .707-.708l1.414 1.415a.5.5 0 1 1-.707.707l-.353-.354-.354.354a.512.512 0 0 1-.013.012A7 7 0 1 1 7 2.071V1.5a.5.5 0 0 1-.5-.5zM8 3a6 6 0 1 0 .001 12A6 6 0 0 0 8 3z"/>          </svg>          <span>{{ self.get_read_time }} min read</span>        </div>      </div>      <h1 class="fw-bolder">{{ self.title }}</h1>