mirror of
https://github.com/jcreek/jcreek.github.io.git
synced 2026-07-12 18:43:50 +00:00
Initial commit using lightly customised bootstap resume template.
This commit is contained in:
+177
@@ -0,0 +1,177 @@
|
||||
/*!
|
||||
* Start Bootstrap - Resume v5.0.8 (https://startbootstrap.com/template-overviews/resume)
|
||||
* Copyright 2013-2019 Start Bootstrap
|
||||
* Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-resume/blob/master/LICENSE)
|
||||
*/
|
||||
|
||||
body {
|
||||
font-family: 'Muli', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
||||
padding-top: 54px;
|
||||
color: #868e96;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
body {
|
||||
padding-top: 0;
|
||||
padding-left: 17rem;
|
||||
}
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: 'Saira Extra Condensed', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
color: #343a40;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 6rem;
|
||||
line-height: 5.5rem;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 3.5rem;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
p.lead {
|
||||
font-size: 1.15rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.subheading {
|
||||
text-transform: uppercase;
|
||||
font-weight: 500;
|
||||
font-family: 'Saira Extra Condensed', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
.social-icons a {
|
||||
display: inline-block;
|
||||
height: 3.5rem;
|
||||
width: 3.5rem;
|
||||
background-color: #495057;
|
||||
color: #fff !important;
|
||||
border-radius: 100%;
|
||||
text-align: center;
|
||||
font-size: 1.5rem;
|
||||
line-height: 3.5rem;
|
||||
margin-right: 1rem;
|
||||
}
|
||||
|
||||
.social-icons a:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.social-icons a:hover {
|
||||
background-color: #F4B400;
|
||||
}
|
||||
|
||||
.dev-icons {
|
||||
font-size: 3rem;
|
||||
}
|
||||
|
||||
.dev-icons .list-inline-item i:hover {
|
||||
color: #F4B400;
|
||||
}
|
||||
|
||||
#sideNav .navbar-nav .nav-item .nav-link {
|
||||
font-weight: 800;
|
||||
letter-spacing: 0.05rem;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
#sideNav .navbar-toggler:focus {
|
||||
outline-color: #ffcd42;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
#sideNav {
|
||||
text-align: center;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 17rem;
|
||||
height: 100vh;
|
||||
}
|
||||
#sideNav .navbar-brand {
|
||||
display: flex;
|
||||
margin: auto auto 0;
|
||||
padding: 0.5rem;
|
||||
}
|
||||
#sideNav .navbar-brand .img-profile {
|
||||
max-width: 10rem;
|
||||
max-height: 10rem;
|
||||
border: 0.5rem solid #343a40;
|
||||
background: white;
|
||||
}
|
||||
#sideNav .navbar-collapse {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
flex-grow: 0;
|
||||
width: 100%;
|
||||
margin-bottom: auto;
|
||||
}
|
||||
#sideNav .navbar-collapse .navbar-nav {
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
}
|
||||
#sideNav .navbar-collapse .navbar-nav .nav-item {
|
||||
display: block;
|
||||
}
|
||||
#sideNav .navbar-collapse .navbar-nav .nav-item .nav-link {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
section.resume-section {
|
||||
padding-top: 5rem !important;
|
||||
padding-bottom: 5rem !important;
|
||||
max-width: 75rem;
|
||||
}
|
||||
|
||||
section.resume-section .resume-item .resume-date {
|
||||
min-width: none;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
section.resume-section {
|
||||
min-height: 100vh;
|
||||
}
|
||||
section.resume-section .resume-item .resume-date {
|
||||
min-width: 18rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
section.resume-section {
|
||||
padding-top: 3rem !important;
|
||||
padding-bottom: 3rem !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-primary {
|
||||
background-color: #F4B400 !important;
|
||||
}
|
||||
|
||||
.text-primary {
|
||||
color: #F4B400 !important;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #F4B400;
|
||||
}
|
||||
|
||||
a:hover, a:focus, a:active {
|
||||
color: #a87c00;
|
||||
}
|
||||
Vendored
+5
@@ -0,0 +1,5 @@
|
||||
/*!
|
||||
* Start Bootstrap - Resume v5.0.8 (https://startbootstrap.com/template-overviews/resume)
|
||||
* Copyright 2013-2019 Start Bootstrap
|
||||
* Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-resume/blob/master/LICENSE)
|
||||
*/body{font-family:Muli,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';padding-top:54px;color:#868e96}@media (min-width:992px){body{padding-top:0;padding-left:17rem}}h1,h2,h3,h4,h5,h6{font-family:'Saira Extra Condensed',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-weight:700;text-transform:uppercase;color:#343a40}h1{font-size:6rem;line-height:5.5rem}h2{font-size:3.5rem}h3{font-size:2rem}p.lead{font-size:1.15rem;font-weight:400}.subheading{text-transform:uppercase;font-weight:500;font-family:'Saira Extra Condensed',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:1.5rem}.social-icons a{display:inline-block;height:3.5rem;width:3.5rem;background-color:#495057;color:#fff!important;border-radius:100%;text-align:center;font-size:1.5rem;line-height:3.5rem;margin-right:1rem}.social-icons a:last-child{margin-right:0}.social-icons a:hover{background-color:#f4b400}.dev-icons{font-size:3rem}.dev-icons .list-inline-item i:hover{color:#f4b400}#sideNav .navbar-nav .nav-item .nav-link{font-weight:800;letter-spacing:.05rem;text-transform:uppercase}#sideNav .navbar-toggler:focus{outline-color:#ffcd42}@media (min-width:992px){#sideNav{text-align:center;position:fixed;top:0;left:0;display:flex;flex-direction:column;width:17rem;height:100vh}#sideNav .navbar-brand{display:flex;margin:auto auto 0;padding:.5rem}#sideNav .navbar-brand .img-profile{max-width:10rem;max-height:10rem;border:.5rem solid #343a40;background:#fff}#sideNav .navbar-collapse{display:flex;align-items:flex-start;flex-grow:0;width:100%;margin-bottom:auto}#sideNav .navbar-collapse .navbar-nav{flex-direction:column;width:100%}#sideNav .navbar-collapse .navbar-nav .nav-item{display:block}#sideNav .navbar-collapse .navbar-nav .nav-item .nav-link{display:block}}section.resume-section{padding-top:5rem!important;padding-bottom:5rem!important;max-width:75rem}section.resume-section .resume-item .resume-date{min-width:none}@media (min-width:768px){section.resume-section{min-height:100vh}section.resume-section .resume-item .resume-date{min-width:18rem}}@media (min-width:992px){section.resume-section{padding-top:3rem!important;padding-bottom:3rem!important}}.bg-primary{background-color:#f4b400!important}.text-primary{color:#f4b400!important}a{color:#f4b400}a:active,a:focus,a:hover{color:#a87c00}
|
||||
Reference in New Issue
Block a user