wompmacho/old-svelte-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

moved consulting, updated styling

Browse Source
This commit is contained in:
wompmacho
2020-11-18 19:19:40 -05:00
parent f768fbeefe
commit dfd0d5dab9
8 changed files with 106 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/Nav.svelte
View File

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

9
src/components/ProjNav.svelte
View File

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

11
src/components/Resume_Nav.svelte
View File

@@ -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 === '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 === '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 === '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> <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> </ul>
@@ -46,5 +45,15 @@
position: relative; position: relative;
display: inline-block; display: inline-block;
background-color: #161616; 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> </style>

1
src/routes/_layout.svelte
View File

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

45
src/routes/resume/consulting.svelte
View File

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

28
src/routes/resume/education.svelte
View File

@@ -12,6 +12,8 @@
<h4>2012-2017</h4> <h4>2012-2017</h4>
</div> </div>
<div class="spacer"></div>
<!-- Pennridge R.C. High School | Perkasie, PA --> <!-- Pennridge R.C. High School | Perkasie, PA -->
<div class=""> <div class="">
<h3>Pennridge R.C. High School | Perkasie, PA</h3> <h3>Pennridge R.C. High School | Perkasie, PA</h3>
@@ -20,8 +22,12 @@
<h4>2004 – 2009</h4> <h4>2004 – 2009</h4>
</div> </div>
<div class="spacer"></div>
<hr> <hr>
<div class="spacer"></div>
<!-- Certifications --> <!-- Certifications -->
<h1>Certifications</h1> <h1>Certifications</h1>
@@ -33,6 +39,8 @@
<h4>February 2014 – February 2019</h4> <h4>February 2014 – February 2019</h4>
</div> </div>
<div class="spacer"></div>
<!-- SUSE CLA --> <!-- SUSE CLA -->
<div class=""> <div class="">
<h3>SUSE Certified Linux Administrator (SUSE CLA)</h3> <h3>SUSE Certified Linux Administrator (SUSE CLA)</h3>
@@ -41,6 +49,8 @@
<h4>February 2014 – February 2019</h4> <h4>February 2014 – February 2019</h4>
</div> </div>
<div class="spacer"></div>
<!-- SMALL UNMANNED AIRCRAFT SYSTEM --> <!-- SMALL UNMANNED AIRCRAFT SYSTEM -->
<div class=""> <div class="">
<h3>SMALL UNMANNED AIRCRAFT SYSTEM - FAA License (SUAS Part 107)</h3> <h3>SMALL UNMANNED AIRCRAFT SYSTEM - FAA License (SUAS Part 107)</h3>
@@ -51,14 +61,28 @@
<hr> <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> <style>
a{
display: block;
text-align: center;
margin: auto;
}
.spacer{
padding: 1em;
}
h1{ h1{
text-align: center; text-align: center;
} }
h3{ h3{
font-size: large; font-size: larger;
} }
h4{ h4{
font-size: small; font-size: medium;
} }
</style> </style>

12
src/routes/resume/esports.svelte
View File

@@ -40,7 +40,19 @@
also worked as a player development coach providing counselling and dispute management. also worked as a player development coach providing counselling and dispute management.
</p> </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> <style>
a{
display: block;
text-align: center;
margin: auto;
}
p{ p{
margin: 1em; margin: 1em;
border-radius: 5px; border-radius: 5px;

54
src/routes/resume/experience.svelte
View File

@@ -1,15 +1,40 @@
<svelte:head> <svelte:head>
<title>Experience</title> <title>Consulting & Experience</title>
</svelte:head> </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> <h1>Experience</h1>
<!-- Datacenter Operations Engineer --> <!-- Datacenter Operations Engineer -->
<h3 class=""> <h3 class="">
Datacenter Operations Engineer - 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> <span class="inc">Inc.</span>
</h3> </h3>
<span class="twitterIcon right"></span> <span class="twitterIcon right"></span>
@@ -31,7 +56,7 @@
<!-- Site Operations (STA) --> <!-- Site Operations (STA) -->
<h3 class="">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> <span class="inc">Inc.</span>
</h3> </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 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> </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> <style>
a{
display: block;
text-align: center;
margin: auto;
}
.spacer{
padding: 2em;
}
p{ p{
margin: 1em; margin: 1em;
border-radius: 5px; border-radius: 5px;
@@ -128,11 +167,4 @@
h1{ h1{
text-align: center; text-align: center;
} }
hr{
background-color: red;
max-width: 20vw;
margin-top: 2em;
margin-bottom: 2em;
}
</style> </style>