scott/scottjohnson.pro
2
0
Fork 0
forked from robert/robertjohnson.work
Code Pull Requests Activity

added publications and education in main; more config

Browse Source 
added config option to remove about section in sidebar
added config option to not show education in main (as it is shown in the sidebar anyway)
increased with of sidebar for longer names
reduced padding for footer
This commit is contained in:
Stefan Forstenlechner
2018-01-17 14:10:57 +00:00
parent 13925d16f2
commit 1cee9a16d5
14 changed files with 260 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
assets/css/styles-2.css
View File

@ -43,7 +43,7 @@ p {
}
.wrapper {
background: #4CAC9D;
max-width: 960px;
max-width: 1000px;
margin: 0 auto;
position: relative;
-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
@ -54,7 +54,7 @@ p {
background: #4CAC9D;
position: absolute;
right: 0;
width: 240px;
width: 280px;
height: 100%;
min-height: 800px;
color: #fff;
@ -161,7 +161,7 @@ p {
.main-wrapper {
background: #fff;
padding: 60px;
padding-right: 300px;
padding-right: 340px;
}
.main-wrapper .section-title {
text-transform: uppercase;
@ -196,7 +196,8 @@ p {
.main-wrapper .section {
margin-bottom: 60px;
}
.main-wrapper .experiences-section .item {
.main-wrapper .experiences-section .item,
.main-wrapper .educations-section .item {
margin-bottom: 30px;
}
.main-wrapper .upper-row {
@ -204,7 +205,8 @@ p {
overflow: hidden;
margin-bottom: 2px;
}
.main-wrapper .job-title {
.main-wrapper .job-title,
.main-wrapper .degree {
color: #3F4650;
font-size: 16px;
margin-top: 0;
@ -217,7 +219,8 @@ p {
top: 0;
color: #97AAC3;
}
.main-wrapper .company {
.main-wrapper .company,
.main-wrapper .university {
margin-bottom: 10px;
color: #97AAC3;
}
@ -233,6 +236,21 @@ p {
.main-wrapper .projects-section .item {
margin-bottom: 15px;
}
.main-wrapper .publication-title {
font-size: 16px;
font-weight: 500;
margin-bottom: 1px;
}
.main-wrapper .publication-authors {
font-style: italic;
margin-bottom: 1px;
}
.main-wrapper .publications-section .intro {
margin-bottom: 30px;
}
.main-wrapper .publications-section .item {
margin-bottom: 15px;
}
.skillset .item {
margin-bottom: 15px;
overflow: hidden;
@ -251,8 +269,7 @@ p {
background: #7ec6bb;
}
.footer {
padding: 30px;
padding-top: 60px;
padding-top: 30px;
}
.footer .copyright {
line-height: 1.6;

33
assets/css/styles-3.css
View File

@ -43,7 +43,7 @@ p {
}
.wrapper {
background: #5BB66F;
max-width: 960px;
max-width: 1000px;
margin: 0 auto;
position: relative;
-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
@ -54,7 +54,7 @@ p {
background: #5BB66F;
position: absolute;
right: 0;
width: 240px;
width: 280px;
height: 100%;
min-height: 800px;
color: #fff;
@ -161,7 +161,7 @@ p {
.main-wrapper {
background: #fff;
padding: 60px;
padding-right: 300px;
padding-right: 340px;
}
.main-wrapper .section-title {
text-transform: uppercase;
@ -196,7 +196,8 @@ p {
.main-wrapper .section {
margin-bottom: 60px;
}
.main-wrapper .experiences-section .item {
.main-wrapper .experiences-section .item,
.main-wrapper .educations-section .item {
margin-bottom: 30px;
}
.main-wrapper .upper-row {
@ -204,7 +205,8 @@ p {
overflow: hidden;
margin-bottom: 2px;
}
.main-wrapper .job-title {
.main-wrapper .job-title,
.main-wrapper .degree {
color: #3F4650;
font-size: 16px;
margin-top: 0;
@ -217,7 +219,8 @@ p {
top: 0;
color: #97AAC3;
}
.main-wrapper .company {
.main-wrapper .company,
.main-wrapper .university {
margin-bottom: 10px;
color: #97AAC3;
}
@ -233,6 +236,21 @@ p {
.main-wrapper .projects-section .item {
margin-bottom: 15px;
}
.main-wrapper .publication-title {
font-size: 16px;
font-weight: 500;
margin-bottom: 1px;
}
.main-wrapper .publication-authors {
font-style: italic;
margin-bottom: 1px;
}
.main-wrapper .publications-section .intro {
margin-bottom: 30px;
}
.main-wrapper .publications-section .item {
margin-bottom: 15px;
}
.skillset .item {
margin-bottom: 15px;
overflow: hidden;
@ -251,8 +269,7 @@ p {
background: #90ce9d;
}
.footer {
padding: 30px;
padding-top: 60px;
padding-top: 30px;
}
.footer .copyright {
line-height: 1.6;

33
assets/css/styles-4.css
View File

@ -43,7 +43,7 @@ p {
}
.wrapper {
background: #A15277;
max-width: 960px;
max-width: 1000px;
margin: 0 auto;
position: relative;
-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
@ -54,7 +54,7 @@ p {
background: #A15277;
position: absolute;
right: 0;
width: 240px;
width: 280px;
height: 100%;
min-height: 800px;
color: #fff;
@ -161,7 +161,7 @@ p {
.main-wrapper {
background: #fff;
padding: 60px;
padding-right: 300px;
padding-right: 340px;
}
.main-wrapper .section-title {
text-transform: uppercase;
@ -196,7 +196,8 @@ p {
.main-wrapper .section {
margin-bottom: 60px;
}
.main-wrapper .experiences-section .item {
.main-wrapper .experiences-section .item,
.main-wrapper .educations-section .item {
margin-bottom: 30px;
}
.main-wrapper .upper-row {
@ -204,7 +205,8 @@ p {
overflow: hidden;
margin-bottom: 2px;
}
.main-wrapper .job-title {
.main-wrapper .job-title,
.main-wrapper .degree {
color: #3F4650;
font-size: 16px;
margin-top: 0;
@ -217,7 +219,8 @@ p {
top: 0;
color: #97AAC3;
}
.main-wrapper .company {
.main-wrapper .company,
.main-wrapper .university {
margin-bottom: 10px;
color: #97AAC3;
}
@ -233,6 +236,21 @@ p {
.main-wrapper .projects-section .item {
margin-bottom: 15px;
}
.main-wrapper .publication-title {
font-size: 16px;
font-weight: 500;
margin-bottom: 1px;
}
.main-wrapper .publication-authors {
font-style: italic;
margin-bottom: 1px;
}
.main-wrapper .publications-section .intro {
margin-bottom: 30px;
}
.main-wrapper .publications-section .item {
margin-bottom: 15px;
}
.skillset .item {
margin-bottom: 15px;
overflow: hidden;
@ -251,8 +269,7 @@ p {
background: #bf819e;
}
.footer {
padding: 30px;
padding-top: 60px;
padding-top: 30px;
}
.footer .copyright {
line-height: 1.6;

33
assets/css/styles-5.css
View File

@ -43,7 +43,7 @@ p {
}
.wrapper {
background: #FDA246;
max-width: 960px;
max-width: 1000px;
margin: 0 auto;
position: relative;
-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
@ -54,7 +54,7 @@ p {
background: #FDA246;
position: absolute;
right: 0;
width: 240px;
width: 280px;
height: 100%;
min-height: 800px;
color: #fff;
@ -161,7 +161,7 @@ p {
.main-wrapper {
background: #fff;
padding: 60px;
padding-right: 300px;
padding-right: 340px;
}
.main-wrapper .section-title {
text-transform: uppercase;
@ -196,7 +196,8 @@ p {
.main-wrapper .section {
margin-bottom: 60px;
}
.main-wrapper .experiences-section .item {
.main-wrapper .experiences-section .item,
.main-wrapper .educations-section .item {
margin-bottom: 30px;
}
.main-wrapper .upper-row {
@ -204,7 +205,8 @@ p {
overflow: hidden;
margin-bottom: 2px;
}
.main-wrapper .job-title {
.main-wrapper .job-title,
.main-wrapper .degree {
color: #3F4650;
font-size: 16px;
margin-top: 0;
@ -217,7 +219,8 @@ p {
top: 0;
color: #97AAC3;
}
.main-wrapper .company {
.main-wrapper .company,
.main-wrapper .university {
margin-bottom: 10px;
color: #97AAC3;
}
@ -233,6 +236,21 @@ p {
.main-wrapper .projects-section .item {
margin-bottom: 15px;
}
.main-wrapper .publication-title {
font-size: 16px;
font-weight: 500;
margin-bottom: 1px;
}
.main-wrapper .publication-authors {
font-style: italic;
margin-bottom: 1px;
}
.main-wrapper .publications-section .intro {
margin-bottom: 30px;
}
.main-wrapper .publications-section .item {
margin-bottom: 15px;
}
.skillset .item {
margin-bottom: 15px;
overflow: hidden;
@ -251,8 +269,7 @@ p {
background: #fec892;
}
.footer {
padding: 30px;
padding-top: 60px;
padding-top: 30px;
}
.footer .copyright {
line-height: 1.6;

33
assets/css/styles-6.css
View File

@ -43,7 +43,7 @@ p {
}
.wrapper {
background: #4B6A78;
max-width: 960px;
max-width: 1000px;
margin: 0 auto;
position: relative;
-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
@ -54,7 +54,7 @@ p {
background: #4B6A78;
position: absolute;
right: 0;
width: 240px;
width: 280px;
height: 100%;
min-height: 800px;
color: #fff;
@ -161,7 +161,7 @@ p {
.main-wrapper {
background: #fff;
padding: 60px;
padding-right: 300px;
padding-right: 340px;
}
.main-wrapper .section-title {
text-transform: uppercase;
@ -196,7 +196,8 @@ p {
.main-wrapper .section {
margin-bottom: 60px;
}
.main-wrapper .experiences-section .item {
.main-wrapper .experiences-section .item,
.main-wrapper .educations-section .item {
margin-bottom: 30px;
}
.main-wrapper .upper-row {
@ -204,7 +205,8 @@ p {
overflow: hidden;
margin-bottom: 2px;
}
.main-wrapper .job-title {
.main-wrapper .job-title,
.main-wrapper .degree {
color: #3F4650;
font-size: 16px;
margin-top: 0;
@ -217,7 +219,8 @@ p {
top: 0;
color: #97AAC3;
}
.main-wrapper .company {
.main-wrapper .company,
.main-wrapper .university {
margin-bottom: 10px;
color: #97AAC3;
}
@ -233,6 +236,21 @@ p {
.main-wrapper .projects-section .item {
margin-bottom: 15px;
}
.main-wrapper .publication-title {
font-size: 16px;
font-weight: 500;
margin-bottom: 1px;
}
.main-wrapper .publication-authors {
font-style: italic;
margin-bottom: 1px;
}
.main-wrapper .publications-section .intro {
margin-bottom: 30px;
}
.main-wrapper .publications-section .item {
margin-bottom: 15px;
}
.skillset .item {
margin-bottom: 15px;
overflow: hidden;
@ -251,8 +269,7 @@ p {
background: #6c92a3;
}
.footer {
padding: 30px;
padding-top: 60px;
padding-top: 30px;
}
.footer .copyright {
line-height: 1.6;

33
assets/css/styles.css
View File

@ -43,7 +43,7 @@ p {
}
.wrapper {
background: #42A8C0;
max-width: 960px;
max-width: 1000px;
margin: 0 auto;
position: relative;
-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
@ -54,7 +54,7 @@ p {
background: #42A8C0;
position: absolute;
right: 0;
width: 240px;
width: 280px;
height: 100%;
min-height: 800px;
color: #fff;
@ -161,7 +161,7 @@ p {
.main-wrapper {
background: #fff;
padding: 60px;
padding-right: 300px;
padding-right: 340px;
}
.main-wrapper .section-title {
text-transform: uppercase;
@ -196,7 +196,8 @@ p {
.main-wrapper .section {
margin-bottom: 60px;
}
.main-wrapper .experiences-section .item {
.main-wrapper .experiences-section .item,
.main-wrapper .educations-section .item {
margin-bottom: 30px;
}
.main-wrapper .upper-row {
@ -204,7 +205,8 @@ p {
overflow: hidden;
margin-bottom: 2px;
}
.main-wrapper .job-title {
.main-wrapper .job-title,
.main-wrapper .degree {
color: #3F4650;
font-size: 16px;
margin-top: 0;
@ -217,7 +219,8 @@ p {
top: 0;
color: #97AAC3;
}
.main-wrapper .company {
.main-wrapper .company,
.main-wrapper .university {
margin-bottom: 10px;
color: #97AAC3;
}
@ -233,6 +236,21 @@ p {
.main-wrapper .projects-section .item {
margin-bottom: 15px;
}
.main-wrapper .publication-title {
font-size: 16px;
font-weight: 500;
margin-bottom: 1px;
}
.main-wrapper .publication-authors {
font-style: italic;
margin-bottom: 1px;
}
.main-wrapper .publications-section .intro {
margin-bottom: 30px;
}
.main-wrapper .publications-section .item {
margin-bottom: 15px;
}
.skillset .item {
margin-bottom: 15px;
overflow: hidden;
@ -251,8 +269,7 @@ p {
background: #7bc2d3;
}
.footer {
padding: 30px;
padding-top: 60px;
padding-top: 30px;
}
.footer .copyright {
line-height: 1.6;

32
assets/less/default/base.less
View File

@ -31,7 +31,7 @@ p {
.wrapper {
background:@theme-color;
max-width: 960px;
max-width: 1000px;
margin: 0 auto;
position: relative;
.box-shadow(0px 2px 4px rgba(0,0,0,0.1));
@ -41,7 +41,7 @@ p {
background: @theme-color;
position: absolute;
right: 0;
width: 240px;
width: 280px;
height: 100%;
min-height: 800px;
color: #fff;
@ -162,7 +162,7 @@ p {
.main-wrapper {
background: #fff;
padding: 60px;
padding-right: 300px;
padding-right: 340px;
.section-title {
text-transform: uppercase;
font-size: 20px;
@ -191,7 +191,7 @@ p {
margin-bottom: 60px;
}
.experiences-section {
.experiences-section, .educations-section {
.item {
margin-bottom: 30px;
}
@ -201,7 +201,7 @@ p {
overflow: hidden;
margin-bottom: 2px;
}
.job-title {
.job-title, .degree {
color: @text-color;
font-size: 16px;
margin-top: 0;
@ -214,7 +214,7 @@ p {
top: 0;
color: @text-grey;
}
.company {
.company, .university {
margin-bottom: 10px;
color: @text-grey;
}
@ -234,6 +234,23 @@ p {
}
}
.publication-title {
font-size: 16px;
font-weight: 500;
margin-bottom: 1px;
}
.publication-authors {
font-style: italic;
margin-bottom: 1px;
}
.publications-section {
.intro {
margin-bottom: 30px;
}
.item {
margin-bottom: 15px;
}
}
}
@ -261,8 +278,7 @@ p {
.footer {
padding: 30px;
padding-top: 60px;
padding-top: 30px;
.copyright {
line-height: 1.6;
color: @text-color-secondary;