Personal Portfolio https://www.thedroneely.com
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

268 lines
11KB

  1. <!DOCTYPE html>
  2. <html lang="en-us" style="scrollbar-width: none;">
  3. <head>
  4. <title>Resume - Thedro Neely</title>
  5. <meta name="description" content="Thedro's Web Development Resume">
  6. <meta name="keywords" content="Thedro,Neely,Portfolio,Website,Resume">
  7. <meta name="author" content="Thedro Neely">
  8. <meta charset="utf-8">
  9. <meta name="viewport" content="width=device-width, initial-scale=1">
  10. <meta name="robots" content="index,follow">
  11. <style>html::-webkit-scrollbar { height: 0; width: 0; }</style>
  12. <?php require $_SERVER['DOCUMENT_ROOT'] . '/..' . '/app/views/snippets/rss.php'; ?>
  13. <?php require $_SERVER['DOCUMENT_ROOT'] . '/..' . '/app/views/snippets/favicons.php'; ?>
  14. <?php require $_SERVER['DOCUMENT_ROOT'] . '/..' . '/app/views/snippets/stylesheets.php'; ?>
  15. <link rel="stylesheet" href="/css/bulma-timeline.css">
  16. </head>
  17. <body>
  18. <div class="columns max__height is-gapless">
  19. <div class="column column__background is-4">
  20. <section class="section has-text-centered">
  21. <a href="/resume" class="title has-text-weight-normal is-size-4 has-text-white inline__padding">Resume</a>
  22. <br>
  23. <a href="/contact/" class="resume__label title has-text-weight-normal is-size-7 text__frame">Contact for Full Resume</a>
  24. <br>
  25. <h1 class="title has-text-weight-normal is-size-3 has-text-white inline__padding">Web <br> Developer</h1>
  26. <br>
  27. <p>
  28. <a href="/" class="title has-text-weight-normal is-size-7 resume__label">https://www.thedroneely.com</a>
  29. </p>
  30. <br>
  31. <p>
  32. <a href="#tools" class="title has-text-weight-normal is-size-7 resume__label">#Tools</a>
  33. <a href="#projects" class="title has-text-weight-normal is-size-7 resume__label">#Projects</a>
  34. <a href="#questions" class="title has-text-weight-normal is-size-7 resume__label">#Questions</a>
  35. </p>
  36. </section>
  37. </div>
  38. <div class="column column__right is-size-6">
  39. <div id="tools" class="resume__container">
  40. <div class="resume__break"></div>
  41. <div class="resume__break"></div>
  42. <div class="column resume__column">
  43. <section>
  44. <h1 class="title has-text-weight-normal has-text-primary is-4">
  45. Thedro Neely
  46. </h1>
  47. <p class="is-size-7">
  48. Hi, My name is Thedro, and I'm a web developer based in The Bahamas.
  49. </p>
  50. </section>
  51. <br>
  52. <div class="columns">
  53. <div class="column">
  54. <section>
  55. <h1 class="heading title has-text-weight-semibold">Stack</h1>
  56. </section>
  57. <br>
  58. <section>
  59. <div class="timeline">
  60. <div class="timeline-item">
  61. <div class="timeline-marker"></div>
  62. <div class="timeline-content">
  63. <p class="heading">Front End</p>
  64. <p class="is-size-7">HTML &nbsp; CSS &nbsp; JavaScript &nbsp; Bulma</p>
  65. <p class="is-size-7">Bootstrap &nbsp; Sass &nbsp; Tailwind</p>
  66. </div>
  67. </div>
  68. <div class="timeline-item">
  69. <div class="timeline-marker"></div>
  70. <div class="timeline-content">
  71. <p class="heading">Back End</p>
  72. <p class="is-size-7">PHP &nbsp; Python &nbsp; MariaDB &nbsp; MySQL</p>
  73. <p class="is-size-7">PostgreSQL &nbsp; Nginx &nbsp; Apache </p>
  74. </div>
  75. </div>
  76. <div class="timeline-item">
  77. <div class="timeline-marker"></div>
  78. <div class="timeline-content">
  79. <p class="heading">Tooling and Frameworks</p>
  80. <p class="is-size-7">LaTeX &nbsp; Laravel &nbsp; Sublime Text</p>
  81. <p class="is-size-7">Npm &nbsp; Webpack &nbsp; Gimp &nbsp; Hugo</p>
  82. </div>
  83. </div>
  84. <div class="timeline-item">
  85. <div class="timeline-marker"></div>
  86. <div class="timeline-content">
  87. <p class="heading">Version Systems & GUIs</p>
  88. <p class="is-size-7">Git &nbsp; Gitlab &nbsp; Github &nbsp; Gitea</p>
  89. </div>
  90. </div>
  91. <div class="timeline-item">
  92. <div class="timeline-marker"></div>
  93. <div class="timeline-content">
  94. <p class="heading">Sys Admin</p>
  95. <p class="is-size-7">CentOS &nbsp; Debian &nbsp; Windows</p>
  96. <p class="is-size-7">Android &nbsp; Alpine &nbsp; pfSense/Opnsense</p>
  97. <p class="is-size-7">Systemd &nbsp; DNS &nbsp; SMTP &nbsp; DHCP</p>
  98. </div>
  99. </div>
  100. <div class="timeline-item">
  101. <div class="timeline-marker"></div>
  102. <div class="timeline-content">
  103. <p class="heading">Dev Ops</p>
  104. <p class="is-size-7">Docker &nbsp; Jenkins &nbsp; Drone CI</p>
  105. <p class="is-size-7">LXC</p>
  106. </div>
  107. </div>
  108. </div>
  109. </section>
  110. </div>
  111. <div class="column">
  112. <section id="questions">
  113. <h1 class="heading title has-text-weight-semibold">Questions</h1>
  114. </section>
  115. <br>
  116. <section>
  117. <div class="timeline">
  118. <div class="timeline-item">
  119. <div class="timeline-marker"></div>
  120. <div class="timeline-content">
  121. <p class="heading">Are you currently available for work?</p>
  122. <p class="is-size-7">
  123. Yes, I'm currently available for
  124. contract work and full-time job
  125. opportunities.
  126. </p>
  127. </div>
  128. </div>
  129. <div class="timeline-item">
  130. <div class="timeline-marker"></div>
  131. <div class="timeline-content">
  132. <p class="heading">How long have you been programming?</p>
  133. <p class="is-size-7">
  134. I've been programming for a long time, too long to accurately say.
  135. </p>
  136. </div>
  137. </div>
  138. <div class="timeline-item">
  139. <div class="timeline-marker"></div>
  140. <div class="timeline-content">
  141. <p class="heading">What is your preferred stack?</p>
  142. <p class="is-size-7">
  143. PHP 7 + PostgreSQL. Pretty decent stuff. I'm still learning
  144. Vue and React. I'd like to learn Go next.
  145. </p>
  146. </div>
  147. </div>
  148. <div class="timeline-item">
  149. <div class="timeline-marker"></div>
  150. <div class="timeline-content">
  151. <p class="heading">What's your OS setup?</p>
  152. <p class="is-size-7">
  153. Linux distribution on bare metal, and everything else floating on top.
  154. Arch bare metaling and hosting CentOS, Debian, Void, Windows and macOS.
  155. </p>
  156. </div>
  157. </div>
  158. </div>
  159. </section>
  160. </div>
  161. </div>
  162. </div>
  163. <br>
  164. <section id="projects">
  165. <h1 class="heading title has-text-weight-semibold">Projects</h1>
  166. </section>
  167. <div class="resume__break"></div>
  168. <section>
  169. <div class="tile is-ancestor">
  170. <div class="tile is-parent">
  171. <a href="/projects/personal-portfolio">
  172. <img width="203" height="360" src="/images/personal-portfolio.png" alt="thedro">
  173. </a>
  174. </div>
  175. <div class="tile is-parent">
  176. <a href="/projects/bulma-resume">
  177. <img width="203" height="360" src="/images/bulma-resume.png" alt="resume">
  178. </a>
  179. </div>
  180. <div class="tile is-parent">
  181. <a href="/projects/voiceover-website/">
  182. <img width="203" height="360" src="/images/voiceover-website.png" alt="edwin">
  183. </a>
  184. </div>
  185. </div>
  186. </section>
  187. </div>
  188. </div>
  189. </div>
  190. </body>
  191. </html>