1

experience

This commit is contained in:
Evan Pratten 2021-03-10 15:16:42 -05:00
parent 655f6f27f6
commit deabfa9496
3 changed files with 96 additions and 0 deletions

View File

@ -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"
}
}
]

View File

@ -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);
}
}
}
}

View File

@ -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>