From deabfa9496afa6ec4b1cbbb13585c12bf72f3ab2 Mon Sep 17 00:00:00 2001
From: Evan Pratten <ewpratten@gmail.com>
Date: Wed, 10 Mar 2021 15:16:42 -0500
Subject: [PATCH] experience

---
 _data/work_experience.json           | 38 ++++++++++++++++++++++++++++
 _sass/site/dev/software-landing.scss | 30 ++++++++++++++++++++++
 beta/software.html                   | 28 ++++++++++++++++++++
 3 files changed, 96 insertions(+)
 create mode 100644 _data/work_experience.json

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