Merge pull request #8 from wompmacho/move-consulting-info

moved consulting, updated styling

src/components/Nav.svelte

@@ -54,16 +54,8 @@
 	[aria-current] {
 		position: relative;
 		display: inline-block;
-	}
-
-	[aria-current]::after {
-		position: absolute;
-		content: '';
-		width: calc(100% - 1em);
-		height: .3em;
 		background-color: #161616;
-		display: block;
+		width: 100%;
-		bottom: 0px;
 	}
 
 	a {
@@ -72,4 +64,8 @@
 		padding: 1em 0.5em;
 		display: block;
 	}
+
+	@media only screen and (max-width: 769px) {
+		
+    }
 </style>

src/components/ProjNav.svelte

@@ -53,4 +53,13 @@
 		background-color: #161616;
 		font-weight: 700;
 	}
+
+	@media only screen and (max-width: 769px) {
+        .navbar-nav{
+			flex-direction: column;
+			text-align: center;
+			width: max-content;
+			margin: auto;
+        }
+    }
 </style>

src/components/Resume_Nav.svelte

@@ -7,7 +7,6 @@
 	<li class="rounded"><a rel=prefetch aria-current="{segment === 'experience' ? 'page' : undefined}" href="/resume/experience">Experience</a></li>
     <li class="rounded"><a rel=prefetch aria-current="{segment === 'education' ? 'page' : undefined}" href="/resume/education">Education</a></li>
 	<li class="rounded"><a rel=prefetch aria-current="{segment === 'esports' ? 'page' : undefined}" href="/resume/esports">Esports</a></li>
-	<li class="rounded"><a rel=prefetch aria-current="{segment === 'consulting' ? 'page' : undefined}" href="/resume/consulting">Consulting</a></li>
     <li class="rounded"><a rel=prefetch aria-current="{segment === 'projects' ? 'page' : undefined}" href="/projects" data-toggle="tooltip" title="This will take you away from this page.">Projects</a></li>
 </ul>
 
@@ -46,5 +45,15 @@
 		position: relative;
 		display: inline-block;
 		background-color: #161616;
+		width: 100%;
 	}
+
+	@media only screen and (max-width: 769px) {
+        .navbar-nav{
+			flex-direction: column;
+			text-align: center;
+			width: max-content;
+			margin: auto;
+        }
+    }
 </style>

src/routes/_layout.svelte

@@ -14,6 +14,7 @@
 		box-sizing: border-box;
 		margin-top: 1em;
 	}
+
 	.spacer{
 		height: 5vh;
 	}

src/routes/resume/consulting.svelte

@@ -1,45 +0,0 @@
-<svelte:head>
-	<title>Consulting</title>
-</svelte:head>
-
-<h1>Consulting</h1>
-
-<!-- Datacenter Operations Engineer -->
-<h3 class="">
-	Media - <span class="">Melanie Colley Realty</span>
-</h3>
-<span class="iconHere"></span>
-
-<h4 class="">March 2020 - Current</h4>
-
-<p class="shadow rounded">
-	Social Media Managment, Content Creation, Website Development, Design & SEO, Facebook Ads/Marketing.
-</p>
-
-<hr>
-
-<h3 class="">
-	Media - <span class="">Tabora Farms & Winery</span>
-</h3>
-<span class="iconHere"></span>
-
-<h4 class="">Febuary 2019 - June 2020</h4>
-
-<p class="shadow rounded">
-	Social Media Managment, Website Development, Design & SEO. Tax & Licensing for Wine in multiple States. 
-</p>
-
-<hr>
-
-<style>
-	h1{
-		text-align: center;
-	}
-
-	p{
-		margin: 1em;
-		border-radius: 5px;
-		padding: 1em;
-		background-color: #333333;
-	}
-</style>

src/routes/resume/education.svelte

@@ -12,6 +12,8 @@
 	<h4>2012-2017</h4>
 </div>
 
+<div class="spacer"></div>
+
 <!-- Pennridge R.C. High School | Perkasie, PA  -->
 <div class="">
 	<h3>Pennridge R.C. High School | Perkasie, PA</h3>
@@ -20,8 +22,12 @@
 	<h4>2004 – 2009</h4>
 </div>
 
+<div class="spacer"></div>
+
 <hr>
 
+<div class="spacer"></div>
+
 <!-- Certifications -->
 <h1>Certifications</h1>
 
@@ -33,6 +39,8 @@
 	<h4>February 2014 – February 2019</h4>
 </div>
 
+<div class="spacer"></div>
+
 <!-- SUSE CLA -->
 <div class="">
 	<h3>SUSE Certified Linux Administrator (SUSE CLA)</h3>
@@ -41,6 +49,8 @@
 	<h4>February 2014 – February 2019</h4>
 </div>
 
+<div class="spacer"></div>
+
 <!-- SMALL UNMANNED AIRCRAFT SYSTEM -->
 <div class="">
 	<h3>SMALL UNMANNED AIRCRAFT SYSTEM - FAA License (SUAS Part 107)</h3>
@@ -51,14 +61,28 @@
 
 <hr>
 
+<div class="spacer"></div>
+
+<a class="" href="https://storage.googleapis.com/womp-website_cloudbuild/cdn/womp-website/pdf/Resume-Michael-Braicu-Full.pdf" title="Resume"><button type="button" class="btn btn-dark shadow rounded">Resume PDF</button></a>
+
+
 <style>
+	a{	
+		display: block;
+		text-align: center;
+		margin: auto;
+	}
+
+	.spacer{
+		padding: 1em;
+	}
 	h1{
 		text-align: center;
 	}
 	h3{
-		font-size: large;
+		font-size: larger;
 	}
 	h4{
-		font-size: small;
+		font-size: medium;
 	}
 </style>

src/routes/resume/esports.svelte

@@ -40,7 +40,19 @@
 	also worked as a player development coach providing counselling and dispute management.
 </p>
 
+<hr>
+
+<div class="spacer"></div>
+
+<a class="" href="https://storage.googleapis.com/womp-website_cloudbuild/cdn/womp-website/pdf/Resume-Michael-Braicu-Full.pdf" title="Resume"><button type="button" class="btn btn-dark shadow rounded">Resume PDF</button></a>
+
 <style>
+	a{	
+		display: block;
+		text-align: center;
+		margin: auto;
+	}
+	
 	p{
 		margin: 1em;
 		border-radius: 5px;

src/routes/resume/experience.svelte

@@ -1,15 +1,40 @@
 <svelte:head>
-	<title>Experience</title>
+	<title>Consulting & Experience</title>
 </svelte:head>
 
+<!-- Consulting -->
+<h1>Consulting</h1>
+
+<h3 class="">
+	Media - <span class="">Melanie Colley Realty</span>
+</h3>
+<span class="iconHere"></span>
+
+<h4 class="">March 2020 - Current</h4>
+
+<p class="shadow rounded">
+	Social Media Managment, Content Creation, Website Development, Design & SEO, Facebook Ads/Marketing.
+</p>
+
+<h3 class="">
+	Media - <span class="">Tabora Farms & Winery</span>
+</h3>
+<span class="iconHere"></span>
+
+<h4 class="">Febuary 2019 - June 2020</h4>
+
+<p class="shadow rounded">
+	Social Media Managment, Website Development, Design & SEO. Tax & Licensing for Wine in multiple States. 
+</p>
+
+<hr>
 
 <h1>Experience</h1>
 
-
 <!-- Datacenter Operations Engineer -->
 <h3 class="">
 	Datacenter Operations Engineer -
-	<span class="twitter"><span class="google" style='color:#156aeb'>Twitter</span></span>
+	<span class="twitter"><span class="google" style='color:#156aeb; font-weight: 600;'>Twitter</span></span>
 	<span class="inc">Inc.</span>
 </h3>
 <span class="twitterIcon right"></span>
@@ -31,7 +56,7 @@
 
 <!-- Site Operations (STA) -->
 <h3 class="">Site Operations (STA) -
-	<span class="twitter"><span class="google" style='color:#156aeb'>Twitter</span></span>
+	<span class="twitter"><span class="google" style='color:#156aeb; font-weight: 600;'>Twitter</span></span>
 	<span class="inc">Inc.</span>
 </h3>
 
@@ -116,8 +141,22 @@
 <p class="shadow rounded">Tabora Farms & Orchard was a family owned bussiness. I was responsible for cleaning and maintaining a bakery and deli. I performed janitorial duties as well as assisting customers in finding their products. In this family owned business I assisted in ice cream production, cider production, picking and sorting fruits and vegetables, caring for animal livestock, stocking, baking, planting and groundskeeping. I worked hard to maintain an efficient workflow and a friendly environment in the hopes of always attracting more customers. I assisted in all work to be performed at a bakery from selling goods at local farmers markets to rolling dough for pies. I strived to work hard and benefit my employer and grandfather at this wonderful country shoppe in the rolling hills of Pennsylvania.
 </p>
 
+<hr>
+
+<a class="" href="https://storage.googleapis.com/womp-website_cloudbuild/cdn/womp-website/pdf/Resume-Michael-Braicu-Full.pdf" title="Resume"><button type="button" class="btn btn-dark shadow rounded">Resume PDF</button></a>
+
 
 <style>
+	a{
+		display: block;
+		text-align: center;
+		margin: auto;
+	}
+	
+	.spacer{
+		padding: 2em;
+	}
+
 	p{
 		margin: 1em;
 		border-radius: 5px;
@@ -128,11 +167,4 @@
 	h1{
 		text-align: center;
 	}
-
-	hr{
-		background-color: red;
-		max-width: 20vw;
-		margin-top: 2em;
-		margin-bottom: 2em;
-	}
 </style>