| {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} |