diff options
author | Thedro Neely <thedroneely@gmail.com> | 2018-10-22 01:40:37 -0400 |
---|---|---|
committer | Thedro Neely <thedroneely@gmail.com> | 2018-10-22 01:40:37 -0400 |
commit | 7468c75c54cb1971f13e0a5eda9f63cf77b3bc4b (patch) | |
tree | 78b326971c158068da4bd429cfb45a6a842232ad /app/views/resume.view.php | |
parent | 73a342e951776dc48208ebbc1cb2a0796b8b90ac (diff) | |
download | thedroneely.com-7468c75c54cb1971f13e0a5eda9f63cf77b3bc4b.tar.gz thedroneely.com-7468c75c54cb1971f13e0a5eda9f63cf77b3bc4b.tar.bz2 thedroneely.com-7468c75c54cb1971f13e0a5eda9f63cf77b3bc4b.zip |
app: Add resume page and controller
Diffstat (limited to 'app/views/resume.view.php')
-rw-r--r-- | app/views/resume.view.php | 270 |
1 files changed, 270 insertions, 0 deletions
diff --git a/app/views/resume.view.php b/app/views/resume.view.php new file mode 100644 index 0000000..4f06d56 --- /dev/null +++ b/app/views/resume.view.php @@ -0,0 +1,270 @@ +<!DOCTYPE html> +<html lang="en-us"> +<head> + + <title>Resume - Portfolio - Thedro Neely</title> + + <meta name="description" content="Thedro's Web Development Resume"> + <meta name="keywords" content="Thedro,Neely,Portfolio,Website,Resume"> + <meta name="author" content="Thedro Neely"> + + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <meta name="robots" content="index,follow"> + + <link href="/rss.xml" rel="feed" type="application/rss+xml" title="Thedro Neely"/> + + <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> + <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> + <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> + <link rel="manifest" href="/site.webmanifest"> + <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5"> + <meta name="msapplication-TileColor" content="#b91d47"> + <meta name="theme-color" content="#ffffff"> + + <style> + + @media screen and (min-width: 769px) { + .column__right { max-height: 100vh; overflow: auto; } + } + .column__background { + background-color: #4587c1; + background-image: url('/images/shells.jpg'); + background-position: center; + background-size: cover; + min-height: 50vh; + } + .text__frame { + border: 1px solid; + border-radius: 2px; + display: inline-block; + padding: 10px; + text-shadow: 0 0 0 #fff; + } + .max__height { min-height: 100vh; } + .white__highlight { padding: 10px; text-shadow: 0 0 0 #fff; } + .tile__custom { max-width: 243px; } + .inline__padding { display: inline-block; margin: 0.5em; } + + </style> + + <link rel="stylesheet" href="/css/smorg.css"> + <link rel="stylesheet" href="/css/bulma-timeline.css"> + +</head> + + <body> + + <div class="columns max__height is-gapless"> + + <div class="column column__background is-4"> + + <section class="section has-text-centered"> + + <a href="/resume" class="title has-text-weight-light is-size-4 has-text-white inline__padding">Resume</a> + + <br> + + <a href="/contact" class="title has-text-weight-light is-size-7 has-text-white text__frame">Contact for Full Resume</a> + + <br> + + <h1 class="title has-text-weight-light is-size-3 has-text-white inline__padding">Web <br> Developer</h1> + + <br> + + <p> + <a href="/" class="title has-text-weight-light is-size-7 has-text-white white__highlight">https://www.thedroneely.com</a> + </p> + + <br> + + <p> + <a href="#tools" class="title has-text-weight-light is-size-7 has-text-white white__highlight">#Tools</a> + + <a href="#projects" class="title has-text-weight-light is-size-7 has-text-white white__highlight">#Projects</a> + + <a href="#questions" class="title has-text-weight-light is-size-7 has-text-white white__highlight">#Questions</a> + </p> + + </section> + + </div> + + <div class="column column__right is-size-6 has-background-white"> + + <div id="tools" class="resume__container"> + + <div class="resume__break"></div> + <div class="resume__break"></div> + + <div class="column resume__column"> + + <section> + + <h1 class="title has-text-weight-light has-text-primary is-4"> + Thedro Neely + </h1> + + <p class="is-size-7"> + Hello! My name is Thedro, and I'm a web developer based in The Bahamas. + I'm currently looking for work, so feel free to get in touch with contracts or job opportunities. + </p> + + </section> + + <br> + + <div class="columns"> + + <div class="column"> + + <section> + <h1 class="heading title has-text-weight-semibold">Tools</h1> + </section> + + <br> + + <section> + + <div class="timeline"> + + <div class="timeline-item"> + <div class="timeline-marker"></div> + <div class="timeline-content"> + <p class="heading">Front End</p> + <p class="is-size-7">HTML CSS JavaScript Bulma</p> + <p class="is-size-7">Bootstrap Vue.js Sass</p> + </div> + </div> + + <div class="timeline-item"> + <div class="timeline-marker"></div> + <div class="timeline-content"> + <p class="heading">Back End</p> + <p class="is-size-7">PHP Python MariaDB MySQL</p> + <p class="is-size-7">PostgreSQL Nginx Apache </p> + </div> + </div> + + <div class="timeline-item"> + <div class="timeline-marker"></div> + <div class="timeline-content"> + <p class="heading">Tooling and Frameworks</p> + <p class="is-size-7">LaTeX Laravel Sublime Text Npm</p> + <p class="is-size-7">Node.js Webpack Gimp</p> + </div> + </div> + + <div class="timeline-item"> + <div class="timeline-marker"></div> + <div class="timeline-content"> + <p class="heading">Version Systems</p> + <p class="is-size-7">Git Gitlab Github</p> + </div> + </div> + + <div class="timeline-item"> + <div class="timeline-marker"></div> + <div class="timeline-content"> + <p class="heading">Sys Admin</p> + <p class="is-size-7">Dnsmasq SSH DD-WRT Iptables</p> + <p class="is-size-7">Bash VNC Libvirt pfSense</p> + <p class="is-size-7">RDP Docker Systemd Samba</p> + <p class="is-size-7">CUPS KVM QEMU </p> + </div> + </div> + + </div> + + </section> + + </div> + + <div class="column"> + + <section id="questions"> + <h1 class="heading title has-text-weight-semibold">Questions</h1> + </section> + + <br> + + <section> + + <div class="timeline"> + + <div class="timeline-item"> + <div class="timeline-marker"></div> + <div class="timeline-content"> + <p class="heading">Are you currently available for work?</p> + <p class="is-size-7"> + Yes, I'm currently available for + contract work and full-time job + opportunities. + </p> + </div> + </div> + + <div class="timeline-item"> + <div class="timeline-marker"></div> + <div class="timeline-content"> + <p class="heading">How long have you been programming?</p> + <p class="is-size-7"> + For approximately 3 years. I was recently taught PHP by + a fellow programmer however web app development is not a recent endeaver. + I've made quite a few websites before this, but mostly in private. + </p> + </div> + </div> + + </div> + + </section> + + </div> + + </div> + </div> + + <br> + + <section id="projects"> + <h1 class="heading title has-text-weight-semibold">Projects</h1> + </section> + + <div class="resume__break"></div> + + <section> + <div class="tile is-ancestor"> + + <div class="tile is-parent"> + <div class="tile tile__custom is-child box has-background-light"> + <a href="/"> + <img width="203" heigth="360" src="/images/thedro.png" alt="thedro"> + </a> + </div> + </div> + + <div class="tile is-parent"> + <div class="tile tile__custom is-child box has-background-light"> + <a href="/resume"> + <img width="203" heigth="360" src="/images/resume.png" alt="resume"> + </a> + </div> + </div> + + <div class="tile is-parent"> + <div class="tile tile__custom is-child box has-background-light"> + <a href="https://www.edwinmattiacci.com"> + <img width="203" heigth="360" src="/images/edwin.png" alt="edwin"> + </a> + </div> + </div> + + </div> + </section> + + </div> + + </div> + </div> |