diff --git a/_data/work_experience.json b/_data/work_experience.json new file mode 100644 index 0000000..439400f --- /dev/null +++ b/_data/work_experience.json @@ -0,0 +1,38 @@ +[ + { + "title": "Pipeline Technical Director", + "employer": "Industrial Brothers", + "url": "https://industrialbrothers.com/", + "date": { + "min": "Feb 2021", + "max": "Present" + } + }, + { + "title": "Lead of Software Development", + "employer": "Raider Robotics", + "url": "https://www.raiderrobotics.org/", + "date": { + "min": "Jun 2018", + "max": "Present" + } + }, + { + "title": "Pipeline Technical Director", + "employer": "Industrial Brothers", + "url": "https://industrialbrothers.com/", + "date": { + "min": "Jun 2020", + "max": "Sep 2020" + } + }, + { + "title": "Technical Consultant", + "employer": "Personal Computers of London", + "url": "http://personalcomputerslondon.com/", + "date": { + "min": "May 2018", + "max": "Dec 2019" + } + } +] \ No newline at end of file diff --git a/_sass/site/dev/software-landing.scss b/_sass/site/dev/software-landing.scss index 46f9b48..1672058 100644 --- a/_sass/site/dev/software-landing.scss +++ b/_sass/site/dev/software-landing.scss @@ -61,3 +61,33 @@ } } } + + +#software-experience { + background-color: var(--color-dark-purple); + min-height: 100vh; + + .content{ + color: white; + padding-top:30vh; + + h1{ + text-transform: uppercase; + } + + .work-experience-item{ + background-color: unset; + border-color: white; + padding:10px; + transition: color 0.4s cubic-bezier(0, 0, 0.58, 1), border 0.4s cubic-bezier(0, 0, 0.58, 1); + + &:hover { + cursor: pointer; + border-color:var(--color-red); + color:var(--color-red); + transition: color 0.1s cubic-bezier(0, 0, 0.58, 1), border 0.1s cubic-bezier(0, 0, 0.58, 1); + } + } + } + +} \ No newline at end of file diff --git a/beta/software.html b/beta/software.html index d464df7..4f5790d 100644 --- a/beta/software.html +++ b/beta/software.html @@ -14,4 +14,32 @@ layout: raw_page <img src="/assets/images/dev/software-landing.jpg" alt="Me, on my computer"> +</div> + +<div id="software-experience"> + <div class="container"> + <div class="content"> + <div class="row"> + <div class="col"> + <h1>Experience</h1> + <h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris maximus a augue id egestas. + Etiam maximus velit at mauris viverra inte</h3> + </div> + <div class="col-7"> + <!-- <ul class="list-group"> --> + {% for job in site.data.work_experience %} + <li class="card work-experience-item" onclick="document.location='{{job.url}}';"> + <div class="d-flex w-100 justify-content-between"> + <h4 class="mb-1">{{job.title}}</h4> + <small>{{job.date.min}} - {{job.date.max}}</small> + </div> + <h5>{{job.employer}}</h5> + </li><br> + {% endfor %} + <!-- </ul> --> + </div> + </div> + </div> + + </div> </div> \ No newline at end of file