| {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 currently a third year Computer Science student at Rochester Institute of Technology. | |
|                         I am a very outgoing person who loves collaborating and working with others. | |
|                         Check out my <a href="https://github.com/jrtechs">GitHub</a>, blog posts, and project websites to see what I have been working on. | |
|                     </p> | |
|                     <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 programming - or reading - I enjoy excising and riding my bike. | |
|                     </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 simple personal blog where I write articles on topics that I find interesting. | |
|                         This blog covers everything from project write-ups to tutorials on complex machine learning algorithms. | |
|                     </p> | |
|                     <p> | |
|                         This site was initially started as a simple HTML site back in 2014 when I was first learning about web development. | |
|                         This website has gone through <b>a lot</b> of changes since it was initially created in 2014. | |
|                         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>/Markdown files as HTML documents. | |
|                     </p> | |
|                 </div> | |
|             </div> | |
|         </div> | |
|         <div class="col-md-4 col-12"> | |
|             {>sideBar} | |
|         </div> | |
|     </div> | |
| </div> | |
| 
 | |
| {footer} |