html.html

<section>
    <article id="post">
        <h1 id="title">
            Title
        </h1>
        <p id="main">
            Main body of post
        </p>
        <div>
            <img id="gif">
        </div>
        <div id="reactionBar">
            <i id="love">love</i>
            <h5 id="loveCount">love count</h5>
            <i id="clap">clap</i>
            <h5 id="clapCount">clap count</h5>
            <i id="like">like</i>
            <h5 id="likeCount">like count</h5>
        </div>
        <div id="commentsArea">
            <div id="publishedComments">
                <p>comment 1</p>
                <p>comment 2</p>
                <p>comment 3</p>
            </div> 
            <form id="commentForm">
                <label id="commentLabel" for="commentInput"></label>
                <textarea id="commentInput" name="commentInput">comment textarea</textarea>
                <input id="submitComment" type="submit" value="submit">           
            </form>
        </div>
    </article>
</section>





<!---->

<section>
    <article id="post">
        <h1 id="title">
            Title
        </h1>
        <p id="description">
            Description
        </p>
        <div>
        <img id="gif">
        </div>
        <div id="reactionBar"><!--Non-interactive-->
            <i id="love">love</i>
            <h5 id="loveCount">love count</h5>
            <i id="clap">clap</i>
            <h5 id="clapCount">clap count</h5>
            <i id="like">like</i>
            <h5 id="likeCount">like count</h5>
        </div>
        <a id="postLink"><button>Go to post</button></a>
    </article>
</section>