updates tab

CSS
PASTE THIS BEFORE </style>

.update {
    position:fixed;
    top:45px;
    right:20px; /* if you want the tab on the left, change right to left */
    cursor:pointer;
}

.update svg {
    border:1px solid {color:border};
    padding:6px;
    font-size:12px;
    width:15px;
    height:15px;
    text-align:center;
    background:{color:posts};
    fill:{color:link};
    transition:all .6s ease;
-webkit-transition:all .6s ease;
-moz-transition:all .6s ease;
-o-transition:all .6s ease;
}

.updates {
    opacity:0;
    border:1px solid {color:border};
    padding:10px;
    height:auto;
    width:140px; /* width of updates tab */
    background:{color:posts};
    float:left;
/* if you want the tab on the left, change left to right */
    margin-right:10px;
/* if you want the tab on the left, change margin-right to margin-left */
    display:inline-block;
    transition:all .6s ease;
-webkit-transition:all .6s ease;
-moz-transition:all .6s ease;
-o-transition:all .6s ease;
}

.update:hover .updates { opacity:1; cursor:pointer; }
.update:hover svg { fill:{color:link hover};  }

.ut {
    color:{color:link};
    border-bottom:1px solid {color:border};
    padding-bottom:8px;
    margin-bottom:10px;
    font-weight:bold;
    font-size:calc({select:font size} + .5px);
}

.border {
    background:{color:border};
    height:1px;
    width:100%;
    margin:10px 0;
    position:relative;
}

HTML
PASTE THIS AFTER <body>

<!-- updates tab -->

<div class="update">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M163.8,36.4c-1-2.1-3.1-3.4-5.4-3.4H80.7c-2.5,0-4.7,1.5-5.6,3.9l-33.7,88c-0.7,1.8-0.5,3.9,0.7,5.5c1.1,1.6,3,2.6,4.9,2.6 h37.8l-1.7,53.7c-0.1,2.6,1.5,4.9,3.9,5.8c0.7,0.3,1.4,0.4,2.1,0.4c1.8,0,3.5-0.8,4.6-2.2l81.9-98.9c1.5-1.8,1.8-4.3,0.8-6.4 s-3.1-3.4-5.4-3.4h-38.7l30.8-39.3C164.5,40.9,164.8,38.4,163.8,36.4z M115.3,84.3c-1.4,1.8-1.7,4.3-0.7,6.3c1,2.1,3.1,3.4,5.4,3.4 h38.3l-62.6,75.6l1.3-42.4c0.1-1.6-0.6-3.2-1.7-4.4c-1.1-1.2-2.7-1.8-4.3-1.8H55.7l29.1-76h61.3L115.3,84.3z"/></svg>

<div class="updates">

<!-- start editing here -->

<div class="ut">your updates title</div>

<b>hello</b> what's up
<br> add some text here or whatever you want

<div class="border"></div>
<b>reading:</b> a book <br>
<b>watching:</b> a show <br>
<b>anticipating:</b> something

<!-- paste <div class="border"></div> for more dividers -->

</div>
</div>

<!-- end updates tab -->