diff options
author | Thedro Neely <thedroneely@gmail.com> | 2022-07-19 11:59:45 -0400 |
---|---|---|
committer | Thedro Neely <thedroneely@gmail.com> | 2022-07-19 11:59:45 -0400 |
commit | ea54421b15c9705f86a8d25a6caaa40791d66e18 (patch) | |
tree | 546ec8892c2140a48129fd521189dc68b567c95b /app/views/resume.view.php | |
parent | f888991f298e59933250c8d56080c1805068f5e0 (diff) | |
download | thedroneely.com-ea54421b15c9705f86a8d25a6caaa40791d66e18.tar.gz thedroneely.com-ea54421b15c9705f86a8d25a6caaa40791d66e18.tar.bz2 thedroneely.com-ea54421b15c9705f86a8d25a6caaa40791d66e18.zip |
app: Refactor and CSS rewrite
Diffstat (limited to 'app/views/resume.view.php')
-rw-r--r-- | app/views/resume.view.php | 411 |
1 files changed, 197 insertions, 214 deletions
diff --git a/app/views/resume.view.php b/app/views/resume.view.php index e61bdab..dd3d3e8 100644 --- a/app/views/resume.view.php +++ b/app/views/resume.view.php @@ -3,265 +3,248 @@ <head> - <title>Resume - Thedro Neely</title> + <title>Resume - 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="description" content="Thedro's Web Development Resume"> + <meta name="keywords" content="Thedro,Neely,Portfolio,Website,Resume"> + <meta name="author" content="Thedro Neely"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <meta name="robots" content="index,follow"> - <meta charset="utf-8"> - <meta name="viewport" content="width=device-width, initial-scale=1"> - <meta name="robots" content="index,follow"> + <style>html::-webkit-scrollbar { height: 0; width: 0; }</style> - <style>html::-webkit-scrollbar { height: 0; width: 0; }</style> + <?php require $_SERVER['DOCUMENT_ROOT'] . '/..' . '/app/views/snippets/rss.php'; ?> - <?php require $_SERVER['DOCUMENT_ROOT'] . '/..' . '/app/views/snippets/rss.php'; ?> + <?php require $_SERVER['DOCUMENT_ROOT'] . '/..' . '/app/views/snippets/favicons.php'; ?> - <?php require $_SERVER['DOCUMENT_ROOT'] . '/..' . '/app/views/snippets/favicons.php'; ?> - - <?php require $_SERVER['DOCUMENT_ROOT'] . '/..' . '/app/views/snippets/stylesheets.php'; ?> - - <link rel="stylesheet" href="/css/bulma-timeline.css"> + <?php require $_SERVER['DOCUMENT_ROOT'] . '/..' . '/app/views/snippets/stylesheets.php'; ?> </head> - <body> - - <div class="columns max__height is-gapless"> + <body data-resume> - <div class="column column__background is-4"> + <resume-page> - <section class="section has-text-centered"> - - <a href="/resume" class="title has-text-weight-normal is-size-4 has-text-white inline__padding">Resume</a> + <column-left> + <section> + <h1> + <a href="/resume/">Resume</a> + </h1> <br> - <a href="/contact/" class="resume__label title has-text-weight-normal is-size-7 text__frame">Contact for Full Resume</a> + <p> + <a href="/contact/">Contact for Full Resume</a> + </p> <br> - <h1 class="title has-text-weight-normal is-size-3 has-text-white inline__padding">Web <br> Developer</h1> + <h1><a href="/">Web <br> Developer</a></h1> <br> - <p> - <a href="/" class="title has-text-weight-normal is-size-7 resume__label">https://www.thedroneely.com</a> - </p> + <p><a href="/">https://www.thedroneely.com</a></p> <br> <p> - <a href="#tools" class="title has-text-weight-normal is-size-7 resume__label">#Tools</a> - - <a href="#projects" class="title has-text-weight-normal is-size-7 resume__label">#Projects</a> - - <a href="#questions" class="title has-text-weight-normal is-size-7 resume__label">#Questions</a> + <a href="#stack">#Stack</a> + <a href="#questions">#Questions</a> + <a href="#projects">#Projects</a> </p> + </section> + </column-left> - </section> + <column-right> - </div> + <main> - <div class="column column__right is-size-6"> - - <div id="tools" class="resume__container"> - - <div class="resume__break"></div> - <div class="resume__break"></div> - - <div class="column resume__column"> + <article> <section> - - <h1 class="title has-text-weight-normal has-text-primary is-4"> - Thedro Neely - </h1> - - <p class="is-size-7"> - Hi, My name is Thedro, and I'm a web developer based in The Bahamas. - </p> - + <h1>Thedro Neely</h1> + <p>Hi, My name is Thedro, and I'm a web developer based in The Bahamas.</p> </section> <br> - <div class="columns"> - - <div class="column"> - - <section> - <h1 class="heading title has-text-weight-semibold">Stack</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 Sass Tailwind</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</p> - <p class="is-size-7">Npm Webpack Gimp Hugo</p> - </div> - </div> - - <div class="timeline-item"> - <div class="timeline-marker"></div> - <div class="timeline-content"> - <p class="heading">Version Systems & GUIs</p> - <p class="is-size-7">Git Gitlab Github Gitea</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">CentOS Debian Windows</p> - <p class="is-size-7">Android Alpine pfSense/Opnsense</p> - <p class="is-size-7">Systemd DNS SMTP DHCP</p> - </div> - </div> - - <div class="timeline-item"> - <div class="timeline-marker"></div> - <div class="timeline-content"> - <p class="heading">Dev Ops</p> - <p class="is-size-7">Docker Jenkins Drone CI</p> - <p class="is-size-7">LXC</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"> - I've been programming for a long time, too long to accurately say. - </p> - </div> - </div> - - <div class="timeline-item"> - <div class="timeline-marker"></div> - <div class="timeline-content"> - <p class="heading">What is your preferred stack?</p> - <p class="is-size-7"> - PHP 7 + PostgreSQL. Pretty decent stuff. I'm still learning - Vue and React. I'd like to learn Go next. - </p> - </div> - </div> - - <div class="timeline-item"> - <div class="timeline-marker"></div> - <div class="timeline-content"> - <p class="heading">What's your OS setup?</p> - <p class="is-size-7"> - Linux distribution on bare metal, and everything else floating on top. - Arch bare metaling and hosting CentOS, Debian, Void, Windows and macOS. - </p> - </div> - </div> - - </div> - - </section> - - </div> - - </div> - </div> + <column-section> + + <column-stack> + <section> + <h1>Stack</h1> + </section> + + <br> + + <section> + + <timeline-item> + <aside></aside> + <timeline-content> + <h1>Front End</h1> + <p>HTML CSS JavaScript Bulma</p> + <p>Bootstrap Sass Tailwind</p> + </timeline-content> + </timeline-item> + + <timeline-item> + <aside></aside> + <timeline-content> + <h1>Back End</h1> + <p>PHP Python MariaDB MySQL</p> + <p>PostgreSQL Nginx Apache </p> + </timeline-content> + </timeline-item> + + <timeline-item> + <aside></aside> + <timeline-content> + <h1>Tooling and Frameworks</h1> + <p>LaTeX Laravel Sublime Text</p> + <p>Npm Webpack Gimp Hugo</p> + </timeline-content> + </timeline-item> + + <timeline-item> + <aside></aside> + <timeline-content> + <h1>Version Systems & GUIs</h1> + <p>Git Gitlab Github Gitea</p> + </timeline-content> + </timeline-item> + + <timeline-item> + <aside></aside> + <timeline-content> + <h1>Sys Admin</h1> + <p>CentOS Debian Windows</p> + <p>Android Alpine pfSense/Opnsense</p> + <p>Systemd DNS SMTP DHCP</p> + </timeline-content> + </timeline-item> + + <timeline-item> + <aside></aside> + <timeline-content> + <h1>Dev Ops</h1> + <p>Docker Jenkins Drone CI</p> + <p>LXC</p> + </timeline-content> + </timeline-item> + + </section> + </column-stack> + + <column-questions> + <section id="questions"> + <h1>Questions</h1> + </section> + + <br> + + <section> + + <timeline-item> + <aside></aside> + <timeline-content> + <h1>Are you currently available for work?</h1> + <p> + Yes, I'm currently available for contract work and full-time job + opportunities. + </p> + </timeline-content> + </timeline-item> + + <timeline-item> + <aside></aside> + <timeline-content> + <h1>How long have you been programming?</h1> + <p>I've been programming for a long time, too long to accurately say.</p> + </timeline-content> + </timeline-item> + + <timeline-item> + <aside></aside> + <timeline-content> + <h1>What is your preferred stack?</h1> + <p> + PHP 7 + PostgreSQL. Pretty decent stuff. I'm still learning Vue and React. I'd + like to learn Go next. + </p> + </timeline-content> + </timeline-item> + + <timeline-item> + <aside></aside> + <timeline-content> + <h1>What's your OS setup?</h1> + <p> + Linux distribution with everything else floating on top. NixOS hosting Arch, + CentOS, Debian, Void, Windows, macOS and more. + </p> + </timeline-content> + </timeline-item> + + </section> + </column-questions> + + </column-section> + </article> <br> <section id="projects"> - <h1 class="heading title has-text-weight-semibold">Projects</h1> + <h1>Projects</h1> </section> - <div class="resume__break"></div> + <br> <section> - <div class="tile is-ancestor"> - - <div class="tile is-parent"> - <a href="/projects/personal-portfolio"> - <img width="203" height="360" src="/images/personal-portfolio.png" alt="thedro"> - </a> - </div> - - <div class="tile is-parent"> - <a href="/projects/bulma-resume"> - <img width="203" height="360" src="/images/bulma-resume.png" alt="resume"> - </a> - </div> - - <div class="tile is-parent"> - <a href="/projects/voiceover-website/"> - <img width="203" height="360" src="/images/voiceover-website.png" alt="edwin"> - </a> - </div> - - </div> + + <tile-set> + <tile-item> + <a href="/projects/personal-portfolio/"> + <img + width="203" + height="360" + src="/images/personal-portfolio.png" + alt="thedro" + > + </a> + </tile-item> + + <tile-item> + <a href="/projects/bulma-resume/"> + <img + width="203" + height="360" + src="/images/bulma-resume.png" + alt="resume" + > + </a> + </tile-item> + + <tile-item> + <a href="/projects/voiceover-website/"> + <img + width="203" + height="360" + src="/images/voiceover-website.png" + alt="edwin" + > + </a> + </tile-item> + </tile-set> + </section> - </div> + </main> - </div> + </column-right> - </div> + </resume-page> </body> </html> |