diff --git a/chara-pages/05-Legacy b/chara-pages/05-Legacy
new file mode 100644
index 0000000..67410a0
--- /dev/null
+++ b/chara-pages/05-Legacy
@@ -0,0 +1,787 @@
+<!-----------------------------------------------------------------------
+Character Page [05]: Legacy
+Made by glenthemes
+
+Initial release: 2018/11/19
+Last updated: 2021/10/21
+
+TERMS OF USE:
+1) Do not remove the page credit.
+2) Do not repost/redistribute my themes.
+3) Do not take parts of the code and use it as your own.
+4) Do not use my themes as a base code.
+5) Do not mix my themes together.
+
+Please stick to the Terms! I worked my ass off on this v_v Thank you! :D
+Here is the help guide!
+↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓
+//glenthemes.tumblr.com/legacy
+------------------------------------------------------------------------>
+ 
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="//www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+
+<head>
+ 
+<title>{Title}</title>
+ 
+<link rel="shortcut icon" href="{Favicon}">
+
+<!--------------------JAVASCRIPTS-------------------->
+<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
+<script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
+<script>
+(function($){
+$(document).ready(function(){
+$("a[title]").style_my_tooltips({
+tip_follows_cursor:true,
+tip_delay_time:25,
+tip_fade_speed:100,
+attribute:"title"
+});
+});
+})(jQuery);
+</script>
+
+<script src="//static.tumblr.com/2pnwama/coIpif3u0/pachimari.js"></script>
+ 
+<link href="//fonts.googleapis.com/css?family=Karla|Muli|Open+Sans|Playfair+Display|Playfair+Display+SC" rel="stylesheet">
+
+<link href="//static.tumblr.com/2pnwama/KQTpif42r/soymilk.css" rel="stylesheet">
+
+<script src="//static.tumblr.com/2pnwama/DLppehqvd/feathericons.js"></script>
+ 
+<!-------------------------------------------------------------------->
+ 
+<style type="text/css">
+
+@font-face { font-family: "quicksand"; src: url('//glen-assets.github.io/fonts/Quicksand Regular.ttf'); }
+ 
+/*--------------------TOOLTIPS--------------------*/
+#s-m-t-tooltip {
+    padding:4px 10px;
+    margin:26px 9px 0px 15px;
+    background-color:#111;
+    border:1px solid #1F1B19;
+    border-radius:3px;
+    font-family:quicksand;
+    font-size:8px;
+    letter-spacing:1.3px;
+    text-transform:uppercase;
+    color:#c2b7b1; /* tooltip text color */
+    z-index:99999999999999999999999999998!important;
+    max-width:40vw;
+}
+
+/*-----------------[CUSTOM] TUMBLR CONTROLS-----------------*/
+#thecontrols {
+    position:fixed;
+    top:0;margin-top:20px;
+    right:0;margin-right:20px;
+}
+
+.consym a {
+    display:inline-block;
+    margin:0 4px;
+}
+
+.consym a:first-child {margin-left:0px;}
+.consym a:last-child {margin-right:0px;}
+
+.consym svg {
+    width:15px;height:15px;
+    color:#605c5a;
+    stroke-width:2px;
+}
+ 
+/*--------------------SCROLLBAR--------------------*/
+::-webkit-scrollbar {
+    height:13px;
+    width:13px;
+    background-color:#000;
+}
+ 
+::-webkit-scrollbar-thumb {
+    background-color:#332d29;
+    border-top:0px solid transparent;
+    border-right:6px solid #000;
+    border-bottom:0px solid transparent;
+    border-left:6px solid #000;
+}
+ 
+::-webkit-scrollbar-track {
+    background-color:#000;
+}
+ 
+/*--------------------TEXT HIGHLIGHT--------------------*/
+::selection {
+background:#777;
+color:#d17871;
+}
+ 
+::-moz-selection {
+background:#777;
+color:#d17871;
+}
+ 
+/*--------------------BASICS--------------------*/
+body {
+    background:#111 url('//66.media.tumblr.com/92c25875cb03269fdb5173392c5e6062/tumblr_pideo6WZVX1qg2f5co1_1280.png');
+    background-attachment:fixed;
+    background-repeat:no-repeat;
+    background-size:cover;
+    background-position:center center;
+    color:#888;
+    cursor:normal;
+    font-family:nunito;
+    line-height:1.6em;
+    font-size:12px;
+    text-align:left;
+}
+
+iframe#tumblr_controls, .iframe-controls--desktop, .tmblr-iframe--app-cta-button, iframe.tmblr-iframe {
+    display:none;
+}
+ 
+blockquote {
+    padding-left:10px;
+    margin-left:5px;
+    border-left:1px solid;
+    border-color:#aaa;
+    margin:10px;
+}
+
+a {
+    color:#fff;
+    text-decoration:none;
+}
+
+a, svg {
+    text-decoration:none;
+    -webkit-transition: all 0.4s ease-in-out;
+    -moz-transition: all 0.4s ease-in-out;
+    -o-transition: all 0.4s ease-in-out;
+}
+
+a[title]:not([href]):hover {cursor:help;}
+
+b, strong {
+    font-weight:bold;
+    color:#555;
+}
+
+i, em {color:#888;}
+
+pre, code {
+    white-space:pre-wrap;
+    display:block;
+}
+
+hr {
+    width:70%;
+    border-width:0px;
+    height:1px;
+    background-color:#bbb;
+}
+ 
+/*--------------------CONTAINER--------------------*/
+#w-outer {
+    position:fixed;
+    margin:0 auto;
+    top:0;left:0;right:0;
+    width:max-content;
+    width:-moz-max-content;
+    height:100vh;
+    display:table;
+}
+
+#w-inner {
+    display:table-cell;
+    vertical-align:middle;
+}
+
+/*--------------------TOP TITLES--------------------*/
+.titflex {
+    display:flex;
+    align-items:center;
+    justify-content:center;
+}
+
+.titflex > div {
+    align-self:center;
+    -webkit-align-self:center;
+}
+
+.tit-line-left, .tit-line-right {
+    width:100px;
+    height:1px;
+    background:#53302d; /* top title decorative lines color */
+}
+
+.tittit {
+    margin:auto 40px;
+    font-family:playfair display;
+    font-size:18px;
+    text-transform:uppercase;
+    letter-spacing:3px;
+    color:#d17871; /* top title color */
+}
+
+.subtitle {
+    margin-top:8px;
+    font-family:muli;
+    font-size:7px;
+    text-transform:uppercase;
+    letter-spacing:1.7px;
+    color:#ac988b; /* top subtitle color */
+    text-align:center;
+}
+
+#w-flex {
+    margin-top:20px;
+    margin-left:52px; /* change this to 44px if you need a scrollbar */
+    display:flex;
+}
+
+#w-flex > div {
+    align-self:center;
+    -webkit-align-self:center;
+}
+
+/*--------------------LEFT: CHARACTER LIST--------------------*/
+#charalisting {
+    width:230px;
+    
+    /* uncomment the following lines if you need a scrollbar */
+    /*
+    max-height:400px;
+    overflow:auto;
+    padding-right:8px;
+    */
+}
+
+/* each character box (left) */
+#onechara {
+    margin:19px auto;
+    padding:12px;
+    background-color:#090909; /* character box background */
+    border:1px solid #332d29; /* character box border */
+    display:flex;
+    cursor:pointer;
+    -webkit-transition: all 0.15s ease-in-out;
+    -moz-transition: all 0.15s ease-in-out;
+    -o-transition: all 0.15s ease-in-out;
+}
+
+#onechara:hover {
+    background-color:#111; /* character box background color on hover */
+}
+
+.fill {
+    border-left:6px solid #332d29!important; /* chara box left border on click */
+}
+
+#onechara:first-of-type {margin-top:0px;}
+#onechara:last-of-type {margin-bottom:0px;}
+
+#onechara > div {
+    align-self:center;
+    -webkit-align-self:center;
+}
+
+.charaicon {
+    width:40px;
+    height:40px;
+    border-radius:100%;
+}
+
+.name-txt {margin-left:12px;}
+
+.list-top {
+    font-family:playfair display sc;
+    letter-spacing:1px;
+    font-size:12px;
+    color:#9a887d; /* character name color */
+}
+
+.list-bot {
+    font-family:muli;
+    font-size:7px;
+    text-transform:uppercase;
+    letter-spacing:1.7px;
+    color:#787471; /* character subtitle color */
+}
+
+/*--------------------MIDDLE: CHARACTER IMAGE--------------------*/
+#mainchara {
+    margin-left:25px;
+    width:250px;
+    height:400px;
+}
+
+.render {
+    max-width:250px;
+    height:inherit;
+}
+
+/*--------------------RIGHT: CHARACTER INFO--------------------*/
+#charabios {
+    margin-left:25px;
+    width:280px;
+    max-height:400px;
+    overflow-y:auto;
+    overflow-x:hidden;
+    border:1px solid #332d29; /* character profile box border */
+}
+
+/* character profile title */
+.biotit {
+    padding:8px 10px;
+    background-color:#090909; /* character profile title BG */
+    border-bottom:1px solid #332d29; /* character profile title bottom border */
+    font-family:playfair display sc;
+    letter-spacing:1px;
+    font-size:12px;
+    color:#9a887d; /* character profile title color */
+    text-align:center;
+}
+
+/* character profile content */
+.biocont {
+    padding:12px;
+    background-color:#000; /* character profile box content BG */
+    font-family:muli;
+    text-transform:uppercase;
+    font-size:9px;
+    letter-spacing:1.5px;
+}
+
+.biocont table {
+    width:calc(100% + 10px);
+    margin:-6px -5px;
+    border-spacing:5px 6px;
+}
+
+/* character profile stats table */
+/* first column styling */
+.biocont td:first-of-type {
+    color:#a7605a; /* stats table: first column text color */
+}
+ 
+/* second column styling */
+.biocont td:last-of-type {
+    text-align:right;
+    color:#9a887d; /* stats table: second column text color */
+}
+
+.colorflex {
+    display:flex;
+    justify-content:flex-end;
+}
+
+/* color scheme color boxes */
+/* you can change the colors in the HTML section */
+.colorblock {
+    margin:auto 4px;
+    width:9px;
+    height:9px;
+}
+
+.colorblock:first-child {margin-left:0px;}
+.colorblock:last-child {margin-right:0px;}
+
+/* character profile biography text section */
+.biotxt {
+    margin-top:12px;
+    margin-left:-12px;
+    padding:12px 12px 0px 12px;
+    border-top:1px solid #332d29; /* biography top border */
+    width:100%;
+    min-height:calc(43px + 12px);
+    font-size:8px;
+    letter-spacing:1px;
+    color:#9a887d; /* biography text color */
+    line-height:2.5em;
+    text-align:justify;
+}
+
+/* character profile text box FIRST LETTER styling */
+.biotxt::first-letter {
+    float:left;
+    margin-top:4px;
+    margin-right:10px;
+    padding:9px 10px 11px 12px;
+    border:6px double #3d3632; /* first letter border color */
+    font-family:playfair display;
+    font-size:20px;
+    text-transform:uppercase;
+    color:#8a7a70; /* first letter color */
+}
+
+/* here you can adjust the styling for individual character's first letter */
+/* change the number in .bio1 to the corresponding character */
+/* i.e. if you're changing it for character 5, change it to .bio5 */
+.bio1 .biotxt::first-letter {
+    padding:9px 13px 11px 14px;
+}
+
+.bio2 .biotxt::first-letter {
+    padding:9px 12px 11px 13.5px;
+}
+
+.bio3 .biotxt::first-letter {
+    padding:9px 10px 11px 12px;
+}
+
+.bio4 .biotxt::first-letter {
+    padding:9px 12px 11px 15px;
+}
+
+/* biography text section: links */
+.biotxt a {
+    padding-bottom:2px;
+    border-bottom:1px solid #2d2824;
+    color:#cb5e5f;
+}
+
+/* biography text section: bolded text */
+.biotxt b, .biotxt strong {
+    color:#987356;
+}
+
+/* biography text section: italicized text */
+.biotxt i, .biotxt em {
+    color:#b1693e;
+}
+
+.biotxt p:last-child {margin-bottom:0px;}
+
+/*-----------------BOTTOM: custom links-----------------*/
+#custard {
+    margin-top:40px;
+    text-align:center;
+}
+
+#custard a {
+    display:inline-block;
+    margin:0 4px;
+}
+
+#custard svg {
+    width:12px;height:12px;
+    padding:8px;
+    background-color:#000; /* custom links background color */
+    border:1px solid #53302d; /* custom links border */
+    border-radius:15%;
+    color:#bc6c65; /* custom links icon color */
+    stroke-width:2px;
+}
+ 
+#custard a:hover svg {
+    background-color:#d17871; /* custom links BG on hover */
+    border:1px solid #d17871; /* custom links border on hover */
+    color:#000; /* custom links icons on hover */
+}
+ 
+</style>
+ 
+</head>
+ 
+<body>
+
+<!----[CUSTOM] TUMBLR CONTROLS---->
+<!--replace 'your-username' with your username-->
+<div id="thecontrols">
+    <div class="consym">
+    <a href="/" title="dashboard"><i data-feather="home"></i></a>
+    <a href="//www.tumblr.com/message/your-username" title="message"><i data-feather="message-circle"></i></a>
+    <a href="//www.tumblr.com/follow/your-username" title="follow"><i data-feather="plus-square"></i></a>
+    </div>
+</div><!--end tumblr controls-->
+
+
+
+<div id="w-outer">
+<div id="w-inner">
+
+<div class="titflex">
+    <div class="tit-line-left"></div>
+    
+    <!----TOP TITLE & SUBTITLE---->
+    <div class="titholder">
+        <div class="tittit">your title here</div>
+        <div class="subtitle">your subtitle here</div>
+    </div><!--titholder-->
+    
+    <div class="tit-line-right"></div>
+</div><!--titflex-->
+
+
+
+
+<div id="w-flex">
+
+    <!----[LEFT] CHARACTER LIST---->
+    <div id="charalisting">
+    
+        <!--only the first character needs the "fill" class-->
+        <div id="onechara" class="avatar1 fill">
+        <img class="charaicon" src="//66.media.tumblr.com/d42402e60f307491ecae8485b012247c/tumblr_pid15u8K9F1qg2f5co1_1280.png">
+            
+        <div class="name-txt">
+            <div class="list-top">emily kaldwin</div>
+            <div class="list-bot">empress of the isles</div>
+        </div><!--name-txt-->
+        </div><!--onechara-->
+        
+        
+        <div id="onechara" class="avatar2">
+        <img class="charaicon" src="//66.media.tumblr.com/27ee2f881c3fe41fc5df78d09cfd1596/tumblr_pid15u8K9F1qg2f5co2_1280.png">
+            
+        <div class="name-txt">
+            <div class="list-top">corvo attano</div>
+            <div class="list-bot">the royal protector</div>
+        </div><!--name-txt-->
+        </div><!--onechara-->
+        
+        
+        <div id="onechara" class="avatar3">
+        <img class="charaicon" src="//66.media.tumblr.com/e28d594bfa7c854e5b8c947a8f1a981e/tumblr_pid15u8K9F1qg2f5co5_r1_1280.png">
+            
+        <div class="name-txt">
+            <div class="list-top">meagan foster</div>
+            <div class="list-bot">⧉illi⊭ l⩿r₹</div>
+        </div><!--name-txt-->
+        </div><!--onechara-->
+        
+        
+        <!--ONE CHARACTER BLOCK-->
+        <!--remember to change the number in "avatar4" accordingly-->
+        <!--i.e. if you're on your 5th character, change it to "avatar5"-->
+        <!--start copy-->
+        <div id="onechara" class="avatar4">
+        <!--character icon URL-->
+        <img class="charaicon" src="//66.media.tumblr.com/2c748ef6972967ff1d3da1840961dcf7/tumblr_pid15u8K9F1qg2f5co4_r1_1280.png">
+            
+        <div class="name-txt">
+            <div class="list-top">character name</div>
+            <div class="list-bot">character subtitle</div>
+        </div><!--name-txt-->
+        </div><!--onechara--><!--end copy-->
+        
+    </div><!--charalisting--><!--don't delete this line-->
+    
+    
+    
+    
+    
+    <!----CHARACTER IMAGE(S)---->
+    <div id="mainchara">
+    
+        <!--remember to change the number in "chara1 render" accordingly-->
+        <!--i.e. if on your 5th character, change it to "chara5 render"-->
+        <img class="chara1 render" src="//66.media.tumblr.com/d7ac8dda77ce1c176bfa15d161c266fd/tumblr_picyqyIEPV1qg2f5co6_r1_640.png">
+        
+        <img class="chara2 render" src="//66.media.tumblr.com/df9a6594b3073f6cb53f6821c6f27055/tumblr_picyqyIEPV1qg2f5co5_r1_1280.png">
+        
+        <img class="chara3 render" src="//66.media.tumblr.com/21b42fdd3f664298d1ced0eedfa83d35/tumblr_picyqyIEPV1qg2f5co3_r1_1280.png">
+        
+        <img class="chara4 render" src="//66.media.tumblr.com/1a26711ede088189d06b6f3ced381f6c/tumblr_picyqyIEPV1qg2f5co1_r1_540.png">
+        
+    </div><!--mainchara--><!--don't delete this line-->
+    
+    
+    
+    
+    
+<!----[RIGHT] CHARACTER PROFILES---->
+<div id="charabios">
+
+        <!--CHARACTER 1 PROFILE start-->
+        <!--remember to change the number in "bio1" accordingly-->
+        <!--i.e. if on your 5th character, change it to "bio5"-->
+        <div class="bio1">
+        <div class="biotit">character name</div>
+        <div class="biocont">
+            <!----CHARACTER STATISTICS TABLES---->
+            <!--everything between <tr> and </tr> is ONE ROW-->
+            <!-- START TABLE COPY -->
+            <table><tbody><!--table starts here-->
+            <tr>
+            <td>stat 1</td>
+            <td>stat 1 detail</td>
+            </tr>
+           
+            <tr>
+            <td>stat 2</td>
+            <td>stat 2 detail</td>
+            </tr>
+            
+            <!--color blocks-->
+            <tr>
+            <td>color scheme</td>
+            <td><div class="colorflex">
+                <div class="colorblock" style="background:#521132"></div>
+                <div class="colorblock" style="background:#2a3263"></div>
+            </div></td>
+            </tr>
+            </tbody></table><!--table ends here-->
+            <!-- END TABLE COPY -->
+            
+            <div class="biotxt">
+            <!--character biography text goes here-->
+            <b>bold</b> <i>italic</i> <a href="/">link</a>
+            </div><!--biotxt-->
+        </div><!--biocont-->
+        </div><!--bio1--><!--CHARACTER 1 PROFILE end-->
+
+
+
+
+
+        <!--CHARACTER 2 PROFILE start-->
+        <div class="bio2">
+        <div class="biotit">character name</div>
+        <div class="biocont">
+            <!----CHARACTER STATISTICS TABLES---->
+            <!--everything between <tr> and </tr> is ONE ROW-->
+            <!-- START TABLE COPY -->
+            <table><tbody><!--table starts here-->
+            <tr>
+            <td>stat 1</td>
+            <td>stat 1 detail</td>
+            </tr>
+           
+            <tr>
+            <td>stat 2</td>
+            <td>stat 2 detail</td>
+            </tr>
+            
+            <!--color blocks-->
+            <tr>
+            <td>color scheme</td>
+            <td><div class="colorflex">
+                <div class="colorblock" style="background:#521132"></div>
+                <div class="colorblock" style="background:#2a3263"></div>
+            </div></td>
+            </tr>
+            </tbody></table><!--table ends here-->
+            <!-- END TABLE COPY -->
+            
+            <div class="biotxt">
+            <!--character biography text goes here-->
+            <b>bold</b> <i>italic</i> <a href="/">link</a>
+            </div><!--biotxt-->
+        </div><!--biocont-->
+        </div><!--bio2--><!--CHARACTER 2 PROFILE end-->
+        
+        
+
+
+
+        <!--CHARACTER 3 PROFILE start-->
+        <div class="bio3">
+        <div class="biotit">character name</div>
+        <div class="biocont">
+            <!----CHARACTER STATISTICS TABLES---->
+            <!--everything between <tr> and </tr> is ONE ROW-->
+            <!-- START TABLE COPY -->
+            <table><tbody><!--table starts here-->
+            <tr>
+            <td>stat 1</td>
+            <td>stat 1 detail</td>
+            </tr>
+           
+            <tr>
+            <td>stat 2</td>
+            <td>stat 2 detail</td>
+            </tr>
+            
+            <!--color blocks-->
+            <tr>
+            <td>color scheme</td>
+            <td><div class="colorflex">
+                <div class="colorblock" style="background:#521132"></div>
+                <div class="colorblock" style="background:#2a3263"></div>
+            </div></td>
+            </tr>
+            </tbody></table><!--table ends here-->
+            <!-- END TABLE COPY -->
+            
+            <div class="biotxt">
+            <!--character biography text goes here-->
+            <b>bold</b> <i>italic</i> <a href="/">link</a>
+            </div><!--biotxt-->
+        </div><!--biocont-->
+        </div><!--bio3--><!--CHARACTER 3 PROFILE end-->
+        
+        
+        
+        
+
+        <!--CHARACTER 4 PROFILE start-->
+        <div class="bio4">
+        <div class="biotit">character name</div>
+        <div class="biocont">
+            <!----CHARACTER STATISTICS TABLES---->
+            <!--everything between <tr> and </tr> is ONE ROW-->
+            <!-- START TABLE COPY -->
+            <table><tbody><!--table starts here-->
+            <tr>
+            <td>stat 1</td>
+            <td>stat 1 detail</td>
+            </tr>
+           
+            <tr>
+            <td>stat 2</td>
+            <td>stat 2 detail</td>
+            </tr>
+            
+            <!--color blocks-->
+            <tr>
+            <td>color scheme</td>
+            <td><div class="colorflex">
+                <div class="colorblock" style="background:#521132"></div>
+                <div class="colorblock" style="background:#2a3263"></div>
+            </div></td>
+            </tr>
+            </tbody></table><!--table ends here-->
+            <!-- END TABLE COPY -->
+            
+            <div class="biotxt">
+            <!--character biography text goes here-->
+            <b>bold</b> <i>italic</i> <a href="/">link</a>
+            </div><!--biotxt-->
+        </div><!--biocont-->
+        </div><!--bio4--><!--CHARACTER 4 PROFILE end-->
+
+    
+</div><!--charabios--><!--don't delete this line-->
+
+</div><!--w-flex--><!--don't delete this line-->
+
+
+
+
+
+    <!----[BOTTOM] CUSTOM LINKS---->
+    <!--to change icons, go to: feathericons.com-->
+    <div id="custard">
+        <a href="/" title="home"><i data-feather="home"></i></a>
+        <a href="/ask" title="ask"><i data-feather="mail"></i></a>
+        <a href="/" title="a custom link"><i data-feather="eye"></i></a>
+        <a href="/" title="a custom link"><i data-feather="map-pin"></i></a>
+        
+        <!--PLEASE DO NOT REMOVE THE CREDIT, THANK YOU!! :)-->
+        <a href="//glenthemes.tumblr.com" title="page by glenthemes"><i data-feather="code"></i></a>
+    </div><!--custard-->
+    
+
+</div><!--w-inner--><!--don't delete this line-->
+</div><!--w-outer--><!--don't delete this line-->
+ 
+<script>feather.replace()</script>
+ 
+</body>
+
+</html>
\ No newline at end of file
