{header}
							 | 
						|
								
							 | 
						|
								<style>
							 | 
						|
								    .centered
							 | 
						|
								    {
							 | 
						|
								        position: absolute;
							 | 
						|
								        top: 25%;
							 | 
						|
								        left: 35%;
							 | 
						|
								        transform: translate(-25%, -25%);
							 | 
						|
								    }
							 | 
						|
								
							 | 
						|
								    .centered .tagLine
							 | 
						|
								    {
							 | 
						|
								        font-size:2vw;
							 | 
						|
								        font-weight: 200;
							 | 
						|
								    }
							 | 
						|
								
							 | 
						|
								    .banner
							 | 
						|
								    {
							 | 
						|
								        height: 50vh !important;
							 | 
						|
								        width:100%;
							 | 
						|
								        min-height: 350px;
							 | 
						|
								
							 | 
						|
								        background: transparent;
							 | 
						|
								        background: url("/includes/img/background_light.png") center center fixed;
							 | 
						|
								        color: #fff;
							 | 
						|
								    }
							 | 
						|
								
							 | 
						|
								    .banner .name
							 | 
						|
								    {
							 | 
						|
								        font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
							 | 
						|
								        font-size:5vw;
							 | 
						|
								        font-weight: 700;
							 | 
						|
								        display: block;
							 | 
						|
								        text-transform: uppercase;
							 | 
						|
								    }
							 | 
						|
								</style>
							 | 
						|
								
							 | 
						|
								<div class="banner">
							 | 
						|
								    <div class="centered name text-center">Jeffery's Blog<br>
							 | 
						|
								        <span class="tagLine">
							 | 
						|
								            Computer Science, Researcher, Open Source
							 | 
						|
								        </span>
							 | 
						|
								    </div>
							 | 
						|
								</div>
							 | 
						|
								<br><br>
							 | 
						|
								<div class="container">
							 | 
						|
								
							 | 
						|
								    <div class="row">
							 | 
						|
								        <div class="col-md-8 col-12">
							 | 
						|
								            <div class="card">
							 | 
						|
								                <div class="card-header">
							 | 
						|
								                    <h3>
							 | 
						|
								                        About Me
							 | 
						|
								                    </h3>
							 | 
						|
								                </div>
							 | 
						|
								                <div class="card-body">
							 | 
						|
								                    <p>
							 | 
						|
								                        I am a self-proclaimed geek; I have been programming since I salvaged parts to build a computer when I was in 6th grade. Computers are my lifeblood; when I am not building software, I enjoy photography, running, reading, and cooking. 
							 | 
						|
								                    </p>
							 | 
						|
								                    <p>
							 | 
						|
								                        I am a fifth-year Computer Science student at the Rochester Institute of Technology. Check out my <a href="https://github.com/jrtechs">GitHub</a>, blog posts, and project websites to see what software and I've been cooking up. My current interests are in graph data, web scraping, machine learning, computer vision, and open-source software.
							 | 
						|
								                    </p>
							 | 
						|
								                </div>
							 | 
						|
								            </div>
							 | 
						|
								            <br><br>
							 | 
						|
								            <div class="card">
							 | 
						|
								                <div class="card-header">
							 | 
						|
								                    <h3>
							 | 
						|
								                        This Site
							 | 
						|
								                    </h3>
							 | 
						|
								                </div>
							 | 
						|
								                <div class="card-body">
							 | 
						|
								                    <p>
							 | 
						|
								                        JRTechs is a personal blog where I write about everything from projects to tutorials on sophisticated machine learning algorithms. If you want to stay up to date with new posts, subscribe to my <a href="https://jrtechs.net/rss">RSS feed</a>. 
							 | 
						|
								                    </p>
							 | 
						|
								                    <p>
							 | 
						|
								                        This site initially started as a static HTML site in 2014 when I was first learning the ropes of web development. Since then, this site has undergone massive changes as I expanded my web development skills. 
							 | 
						|
								                        Currently the site is a custom <a href="https://expressjs.com/">Express</a> application which uses <a href="https://pandoc.org/">Pandoc</a> to render <a href="https://www.latex-project.org/">Latex</a> and Markdown files as HTML documents. This site has its very own admin portal to manage posts and has even expanded to include: customizable downloads, photography galleries, nested static websites, and static content for miscellaneous events.
							 | 
						|
								                    </p>
							 | 
						|
								                </div>
							 | 
						|
								            </div>
							 | 
						|
								        </div>
							 | 
						|
								        <div class="col-md-4 col-12">
							 | 
						|
								            {>sideBar}
							 | 
						|
								        </div>
							 | 
						|
								    </div>
							 | 
						|
								</div>
							 | 
						|
								
							 | 
						|
								{footer}
							 |