JonasFranzDEV
/
portio-hugo
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

remove most custom formatting

Browse Source
master
Aaron N. Brock 4 years ago
parent 8874b07d8a
commit d0d38bf034
18 changed files with 80 additions and 352 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 20
      assets/scss/_typography.scss
  2. 23
      assets/scss/_variables.scss
  3. 35
      assets/scss/components/_about-section.scss
  4. 41
      assets/scss/components/_blog-section.scss
  5. 46
      assets/scss/components/_hero-section.scss
  6. 42
      assets/scss/components/_portfolio-section.scss
  7. 87
      assets/scss/components/_resume-section.scss
  8. 34
      assets/scss/components/_service-section.scss
  9. 27
      assets/scss/components/_skill-section.scss
  10. 14
      assets/scss/components/_testimonial-section.scss
  11. 20
      layouts/partials/aboutSection.html
  12. 4
      layouts/partials/blogSection.html
  13. 5
      layouts/partials/hero.html
  14. 4
      layouts/partials/portfolioSection.html
  15. 16
      layouts/partials/resumeSection.html
  16. 8
      layouts/partials/serviceSection.html
  17. 4
      layouts/partials/skillSection.html
  18. 2
      layouts/partials/testimonialSection.html

20
assets/scss/_typography.scss
Unescape View File

@ -11,7 +11,25 @@ a.text-light, a.text-dark {
}
}
.top-title{
font-size: 20px;
position: relative;
display: block;
margin-bottom: 30px;
}
.pre-line{
margin-left: 20px;
&::before{
position: absolute;
content: '';
height: 2px;
width: 20px;
top: 50%;
left: -20px;
transform: translateX(-50%);
background: $secondary-color;
}
}
// body{
// font-family: $primary-font;
// font-size: 16px;

23
assets/scss/_variables.scss
Unescape View File

@ -39,11 +39,18 @@ $headings-font-family: 'Yeseva One', cursive;
// Size
$font-size-base: 1.125rem; // 18px
$h1-font-size: 60px;
$h2-font-size: 50px;
$h3-font-size: 30px;
$h4-font-size: 25px;
$h5-font-size: 25px;
$h6-font-size: 15px;
$link-hover-decoration: none;
$h1-font-size: 60px;
$h2-font-size: 50px;
$h3-font-size: 30px;
$h4-font-size: 25px;
$h5-font-size: 25px;
$h6-font-size: 15px;
// Spacing
$headings-margin-bottom: 1.5rem;
$line-height-base: 1.75;
// Misc
$link-hover-decoration: none;

35
assets/scss/components/_about-section.scss
Unescape View File

@ -1,20 +1,5 @@
.about {
overflow: hidden;
&_header {
margin-bottom: 60px;
span {
display: block;
font-size: 20px;
font-family: $secondary-font;
margin: 0 0 30px 0;
}
h1 {
margin: 0 0 20px 0;
}
p {
font-size: 18px;
}
}
&_content {
display: flex;
align-items: center;
@ -84,26 +69,6 @@
display: none;
}
}
h3 {
margin: 0 0 35px 0;
}
p {
margin: 0 0 35px 0;
}
ul {
margin: 0;
padding: 0;
li {
list-style: none;
display: inline-block;
&:not(:last-child) {
margin-right: 10px;
@include mobile-s {
margin-bottom: 10px;
}
}
}
}
}
}
}

41
assets/scss/components/_blog-section.scss
Unescape View File

@ -16,30 +16,6 @@
display: none;
}
}
&__header{
span{
font-size: 20px;
position: relative;
display: block;
margin: 0 0 20px 30px;
&::before{
position: absolute;
content: '';
height: 2px;
width: 20px;
top: 50%;
left: -20px;
transform: translateX(-50%);
background: $secondary-color;
}
}
h2{
margin: 0 0 30px 0;
}
p{
margin: 0 0 0 0;
}
}
&__header_button{
position: relative;
width: 100%;
@ -49,27 +25,10 @@
bottom: 0;
right: 0;
display: inline-block;
// padding: 15px 40px;
// background: #fff;
// border: 1px solid #E4E6EB;
// border-radius: 7px;
// font-family: $secondary-font;
// text-decoration: none;
// font-size: 17px;
// color: #282F49;
// transition: all .3s ease;
// transform: scale(1);
@include desktop{
position: relative;
margin-top: 30px;
}
// &:hover{
// background: $primary-color;
// border: 1px solid transparent;
// color: #fff;
// transform: scale(1.03);
// box-shadow: 0 8px 20px rgba(56, 87, 241, 0.3);
// }
}
}
&__item{

46
assets/scss/components/_hero-section.scss
Unescape View File

@ -29,6 +29,7 @@
}
}
&_content {
padding: 0 20px 0 0;
position: relative;
@include desktop {
text-align: center;
@ -57,43 +58,20 @@
@include desktop {
display: inline-block;
}
&::before {
position: absolute;
content: "";
height: 2px;
width: 20px;
top: 50%;
left: -20px;
transform: translateX(-50%);
background: $secondary-color;
}
}
h1 {
margin: 0 0 30px 0;
// &::before {
// position: absolute;
// content: "";
// height: 2px;
// width: 20px;
// top: 50%;
// left: -20px;
// transform: translateX(-50%);
// background: $secondary-color;
// }
}
p {
margin: 0 0 50px 0;
font-size: 20px;
font-size: $font-size-lg;
}
// a {
// display: inline-block;
// padding: 20px 50px;
// font-family: $secondary-font;
// font-size: 16px;
// background: $primary-color;
// border-radius: 7px;
// color: #ffffff;
// text-decoration: none;
// border: 1px solid transparent;
// transition: all 0.3s ease;
// transform: scale(1);
// &:hover {
// background: #425fee;
// box-shadow: 0 8px 20px rgba(56, 87, 241, 0.3);
// transform: scale(1.03);
// }
// }
}
&_figure {
width: 90%;

42
assets/scss/components/_portfolio-section.scss
Unescape View File

@ -3,29 +3,13 @@
@include desktop {
padding: 100px 0;
}
&__header {
margin-bottom: 80px;
@include tablet {
margin-bottom: 50px;
}
span {
display: block;
font-size: 20px;
font-family: $secondary-font;
margin: 0 0 30px 0;
}
h2 {
@include tablet {
font-size: 40px;
}
}
}
&-item {
width: 50%;
padding: 30px;
@include tablet {
width: 100%;
padding: 0;
margin: 0;
}
&:nth-child(4n-3) {
padding-right: 70px;
@ -45,7 +29,6 @@
&-grid {
display: flex;
flex-wrap: wrap;
margin: 0 -30px;
}
&-thumb {
transition: 0.3s ease;
@ -54,35 +37,16 @@
}
&-content {
span {
font-family: $secondary-font;
color: #7e7e8a;
font-size: 18px;
line-height: 1;
display: block;
margin: 28px 0 20px 0;
}
// h3 {
// margin: 0 0 20px 0;
// a {
// font-family: $primary-font;
// color: $secondary-color;
// font-size: 25px;
// line-height: 40px;
// transition: all 0.3s ease;
// display: block;
// &:hover {
// text-decoration: none;
// color: $primary-color;
// }
// }
// }
.see-more-btn {
text-decoration: none;
display: inline-block;
font-family: $secondary-font;
color: $primary-color;
color: $primary;
position: relative;
font-size: 17px;
margin: 0 0 0 30px;
transform: scaleY(0);
transform-origin: bottom center;
@ -92,7 +56,7 @@
content: "";
height: 2px;
width: 20px;
background: $primary-color;
background: $primary;
top: 50%;
left: -30px;
transform: translateY(-50%);

87
assets/scss/components/_resume-section.scss
Unescape View File

@ -25,73 +25,8 @@
margin-bottom: 30px;
}
span{
font-size: 20px;
position: relative;
display: block;
margin: 0 0 20px 30px;
&::before{
position: absolute;
content: '';
height: 2px;
width: 20px;
top: 50%;
left: -20px;
transform: translateX(-50%);
background: $white;
}
}
h2{
margin: 0 0 30px 0;
}
p{
font-size: 18px;
}
ul{
margin: 40px 0 0 0;
padding: 0;
&.nav-tabs{
border-bottom: none;
}
li{
list-style: none;
display: inline-block;
// a {
// padding: 15px 40px;
// text-decoration: none;
// display: block;
// background: $white;
// color: $secondary-color;
// font-family: $secondary-font;
// font-size: 16px;
// transition: all .3s ease;
// @include mobile-s{
// padding: 15px 28px;
// }
// &:hover{
// background: #425FEE;
// color: $white;
// box-shadow: 0 8px 20px 0 rgba(56, 87, 241, 0.30);
// }
// &.active{
// background: $primary-color;
// color: $white;
// box-shadow: 0 8px 20px 0 rgba(56, 87, 241, 0.30);
// &:hover{
// background: #425FEE;
// }
// }
// }
&:nth-child(1){
a{
border-radius: 7px 0 0 7px;
}
}
&:nth-child(2){
margin-left: -5px;
a{
border-radius: 0 7px 7px 0;
}
}
background: $light;
}
}
}
@ -103,29 +38,9 @@
margin-bottom: 30px;
box-shadow: 0px 20px 40px 0px rgba(50, 65, 141, 0.12);
span{
color: $primary;
display: block;
margin: 0 0 20px 30px;
position: relative;
line-height: 1;
&::before{
position: absolute;
content: '';
height: 2px;
width: 20px;
top: 50%;
left: -20px;
transform: translateX(-50%);
background: $secondary-color;
}
}
h4{
margin: 0 0 30px 0;
line-height: 1;
}
p{
line-height: 34px;
margin: 0;
}
}
}

34
assets/scss/components/_service-section.scss
Unescape View File

@ -35,37 +35,6 @@
display: none;
}
}
&__header{
margin-bottom: 50px;
span{
font-size: 20px;
font-family: $secondary-font;
color: $secondary-color;
position: relative;
display: block;
margin: 0 0 20px 30px;
&::before{
position: absolute;
content: '';
height: 2px;
width: 20px;
top: 50%;
left: -20px;
transform: translateX(-50%);
background: $secondary-color;
}
}
h2{
margin: 0 0 30px 0;
font-size: 50px;
@include tablet{
font-size: 39px;
}
}
p{
font-size: 18px;
}
}
&__slider{
&_item{
margin: 15px;
@ -89,9 +58,6 @@
z-index: 1;
}
}
h4{
margin: 40px 0 30px 0;
}
}
.slick-list {
overflow: visible;

27
assets/scss/components/_skill-section.scss
Unescape View File

@ -66,33 +66,6 @@
margin-left: 0;
margin-top: 30px;
}
&_heading {
margin-bottom: 40px;
span {
font-size: 20px;
font-family: $secondary-font;
color: $secondary-color;
position: relative;
display: block;
margin: 0 0 20px 30px;
&::before {
position: absolute;
content: "";
height: 2px;
width: 20px;
top: 50%;
left: -20px;
transform: translateX(-50%);
background: $secondary-color;
}
}
h2 {
margin: 0 0 30px 0;
}
p {
margin: 0 0 0 0;
}
}
&_item {
&.js-animation {
transition: all 0.3s ease;

14
assets/scss/components/_testimonial-section.scss
Unescape View File

@ -21,20 +21,6 @@
display: none;
}
}
&__header {
margin-bottom: 50px;
span {
display: block;
font-size: 20px;
font-family: $secondary-font;
margin: 0 0 30px 0;
}
h2 {
@include tablet {
font-size: 40px;
}
}
}
&__slider {
&_item {
background: $white;

20
layouts/partials/aboutSection.html
Unescape View File

@ -4,8 +4,8 @@
<div class="container">
<div class="row text-center">
<div class="col-lg-6 offset-lg-3">
<div class="about_header">
<span class="topTitle">{{ .topTitle }}</span>
<div class="about_header mb-5">
<span class="top-title">{{ .topTitle }}</span>
{{ .title | markdownify}}
</div>
</div>
@ -39,17 +39,15 @@
</g>
</svg>
</div>
<div class="text-light">
<div class="mb-4 text-light">
{{ .content | markdownify}}
</div>
<ul>
<li><a class="btn btn-primary btn-zoom"
href="{{ .button1Target | absURL }}">{{ .button1Name }}</a>
</li>
<li><a class="btn btn-outline-primary btn-zoom" href="{{ .button2Target | absURL }}">
{{ .button2Name }} </a>
</li>
</ul>
<div>
<a class="btn btn-primary mr-3 btn-zoom"
href="{{ .button1Target | absURL }}">{{ .button1Name }}</a>
<a class="btn btn-outline-primary btn-zoom" href="{{ .button2Target | absURL }}">
{{ .button2Name }} </a>
</div>
</div>
</div>
</div>

4
layouts/partials/blogSection.html
Unescape View File

@ -8,13 +8,13 @@
<div class="row mb-5">
<div class="col-lg-6">
<div class="blog__header">
<span class="topTitle">{{ .topTitle }}</span>
<span class="top-title pre-line">{{ .topTitle }}</span>
{{ .title | markdownify }}
</div>
</div>
<div class="col-lg-6">
<div class="blog__header_button desktop">
<a class="btn btn-outline-secondary btn-zoom" href="{{ .buttonTarget | absURL }}">See all post</a>
<a class="btn btn-outline-secondary btn-zoom m-3" href="{{ .buttonTarget | absURL }}">See all post</a>
</div>
</div>
</div>

5
layouts/partials/hero.html
Unescape View File

@ -27,11 +27,10 @@
</g>
</svg>
</div>
<div>
<span>{{ .topTitle }}</span>
<div class="mb-5">
<span class="top-title pre-line">{{ .topTitle }}</span>
{{ .content | markdownify }}
</div>
<p></p> <!-- I'm unsure why this <p> is needed -->
<a type="button" class="btn btn-lg btn-primary btn-zoom"
href="{{ .buttonURL | absURL }}">{{ .buttonName }}</a>
</div>

4
layouts/partials/portfolioSection.html
Unescape View File

@ -4,8 +4,8 @@
<div class="container">
<div class="row text-center">
<div class="col-lg-6 offset-lg-3">
<div class="portfolio__header">
<span class="topTitle">{{ .topTitle }}</span>
<div class="portfolio__header mb-5">
<span class="top-title">{{ .topTitle }}</span>
{{ .title | markdownify }}
</div>
</div>

16
layouts/partials/resumeSection.html
Unescape View File

@ -7,16 +7,14 @@
<div class="col-lg-6">
<div class="resume__heading">
<div class="text-light">
<span class="topTitle">{{ .topTitle }}</span>
<span class="top-title pre-line">{{ .topTitle }}</span>
{{ .title | markdownify }}
</div>
<ul class="btn-group nav nav-tabs">
<li><a href="#{{.tab1Target}}" class="btn btn-primary active"
data-toggle="tab">{{ .tab1Name }}</a></li>
<li><a href="#{{.tab2Target}}" class="btn btn-primary" data-toggle="tab">{{ .tab2Name }}</a>
</li>
</ul>
<div class="btn-group nav mt-5">
<a href="#{{.tab1Target}}" class="btn btn-primary active" data-toggle="tab">{{ .tab1Name }}</a>
<a href="#{{.tab2Target}}" class="btn btn-primary" data-toggle="tab">{{ .tab2Name }}</a>
</div>
</div>
</div>
<div class="col-lg-6">
@ -25,7 +23,7 @@
{{ $Section := .education }}
{{ range $Section }}
<div class="resume__education_item">
<span> {{ .time }} </span>
<span class="pre-line text-primary"> {{ .time }} </span>
{{ .content | markdownify }}
</div>
{{ end }}
@ -36,7 +34,7 @@
{{ $Section := .experience }}
{{ range $Section }}
<div class="resume__education_item">
<span> {{ .time }} </span>
<span class="pre-line text-primary"> {{ .time }} </span>
{{ .content | markdownify }}
</div>
{{ end }}

8
layouts/partials/serviceSection.html
Unescape View File

@ -29,8 +29,8 @@
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-12 col-sm-12">
<div class="service__header">
<span class="topTitle">{{ .topTitle }}</span>
<div class="service__header mb-5">
<span class="top-title pre-line">{{ .topTitle }}</span>
{{ .title | markdownify }}
</div>
</div>
@ -54,7 +54,9 @@
<img src=" {{ .image | absURL }} " alt="ui-ux">
</div>
</div>
{{ .content | markdownify }}
<div class="mt-5">
{{ .content | markdownify }}
</div>
</div>
{{ end }}
</div>

4
layouts/partials/skillSection.html
Unescape View File

@ -37,8 +37,8 @@
</div>
<div class="col-lg-6">
<div class="skill__progress">
<div class="skill__progress_heading">
<span class="topTitle">{{ .topTitle }}</span>
<div class="skill__progress_heading mb-5">
<span class="top-title pre-line">{{ .topTitle }}</span>
{{ .content | markdownify }}
</div>
{{ $section := .skill }}

2
layouts/partials/testimonialSection.html
Unescape View File

@ -10,7 +10,7 @@
<div class="row text-center">
<div class="col-lg-6 offset-lg-3">
<div class="testimonial__header">
<span class="topTitle">{{ .topTitle }}</span>
<span class="top-title">{{ .topTitle }}</span>
{{ .title | markdownify }}
</div>
</div>

Write Preview
Loading…
Cancel
Save