Building a new theme for the Ghost CMS for use on
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.

index.hbs 5.2KB

  1. {{!< default}}
  2. {{!-- The tag above means - insert everything in this file into the {body} of the default.hbs template --}}
  3. {{!-- All header backgrounds --}}
  4. <div class="header-bg"></div>
  5. <div class="header-overlay"></div>
  6. <div class="below-header"></div>
  7. {{!-- Header content --}}
  8. <header class="header-text">
  9. <div class="top-content">
  10. <h1>Christiaan Goossens</h1>
  11. <h2>Creating software for the web, mobile devices and the desktop while consulting in all things IT related.</h2>
  12. <h4>Student at the Eindhoven University of Technology</br>CEO, Verictas</h4>
  13. <a class="scroll-down icon-arrow-left" title="Please scroll down" id="scroll-arrow"><span class="hidden">Scroll Down</span></a>
  14. <a class="mobile-button">Show more about me</a>
  15. </div>
  16. <div class="hidden-content">
  17. <div class="cv-box">
  18. <h5>Curriculum Vitae</h5>
  19. <div class="grid">
  20. <div class="col-7-12">
  21. <h6>Education</h6>
  22. <p>Eindhoven University of Technology<span class="right">2017 - now</span><span class="subtext">Computer Science and Engineering (Technische Informatica)</span></p>
  23. <p>Radboud University Nijmegen<span class="right">2015-2016</span><span class="subtext">VWO Talent Programme</span></p>
  24. <p>Stedelijk Gymnasium Nijmegen<span class="right">2011-2017</span><span class="subtext">Grammar school (Gymnasium, VWO), Nature & Technology (NT)</span></p>
  25. <br/>
  26. <h6>Experience</h6>
  27. <p>CEO, <a href="">Verictas</a><span class="right">2015 - now</span><span class="subtext">Verictas is a Dutch IT company, that provides clear hosting and domainnames, develops applications and other types of (web)software, as well as consulting in IT matters.</span></p>
  28. <p>Building websites freelance and practice<span class="right">2007-2015</span><span class="subtext">Practice makes perfect.</span></p>
  29. <p>One-week Internship, <a href="" target="_blank">d-centralize</a><span class="right">2016</span><span class="subtext">I spent a week with the great team at d-centralize to collaborate on a project and to familiarize with their code reviewing standards.</span></p><br/>
  30. <h6>Languages</h6>
  31. <div class="languages">
  32. <br/>
  33. <p>I speak Dutch and English fluently (CAE certificate, C2 level). I also babble a bit of German and French. I should also be able to read Latin with a dictionary, at least that's what I finished six years of grammar school for.</p>
  34. </div>
  35. </div>
  36. <div class="col-4-12 push-1-12 profile">
  37. <img class="profile-picture" alt="Profile Picture" src="{{asset "img/profile.jpg"}}">
  38. <h6>Christiaan Goossens</h6>
  39. <p></p>
  40. <div class="full-width">
  41. <p>I've been working with technology since I first read a technology magazine (yes, those old paper booklets) about 12 years ago.</p><br/>
  42. <p>From my humble beginnings dragging around boxes in Microsoft Publisher 2007 to create websites, I have progressed to programming API's, full-blown software solutions for clients and consulting in IT matters, such as networking and security, at <a href="">Verictas</a>.</p><br/>
  43. <p>At the moment I'm studying Computer Science and Engineering at the Eindhoven University of Technology to further improve my academic knowledge about IT, but I'm always up for a challenge!</p><br/>
  44. <ul class="links">
  45. <li><a href="">Visit my profile at LinkedIn</a></li>
  46. <li><a href="">View my projects at GitHub</a></li>
  47. <li><a href="">View my projects at</a></li>
  48. <li><a href="">Contact me at</a></li>
  49. </ul>
  50. <p class="small-footer">You can also view the source code in HTML, JS and SCSS of this page <a href="">here</a>.</p>
  51. </div>
  52. </div>
  53. </div>
  54. </div>
  55. <div class="tags">
  56. <p>I'am working with<br/><small>(and possibly writing about)</small></p>
  57. <ul>
  58. {{#get "tags" limit="25"}}
  59. {{#foreach tags}}
  60. <a href="/tag/{{slug}}"><li>{{name}}</li></a>
  61. {{/foreach}}
  62. {{/get}}
  63. </ul>
  64. </div>
  65. </div>
  66. </header>
  67. {{!-- The main content area on the homepage --}}
  68. <main id="content" class="content index-content" role="main">
  69. <div class="blog-title-container">
  70. <h4 class="blog-title">Articles</h4>
  71. </div>
  72. {{!-- The tag below includes the post loop - partials/loop.hbs --}}
  73. {{> "loop"}}
  74. </main>