idk what i did

master
Aaron N. Brock 4 years ago
parent c1c51c7b44
commit 8ef2aba07f
  1. 2
      assets/scss/_typography.scss
  2. 2
      assets/scss/components/_blog-section.scss
  3. 2
      assets/scss/components/_blog.scss
  4. 19
      assets/scss/components/_footer-section.scss
  5. 2
      assets/scss/style.scss
  6. 38
      layouts/blog/list.html
  7. 16
      layouts/partials/blogSection.html
  8. 3
      layouts/partials/footer.html
  9. 59
      layouts/partials/pagination.html

@ -27,7 +27,7 @@ a.text-light, a.text-dark {
top: 50%; top: 50%;
left: -20px; left: -20px;
transform: translateX(-50%); transform: translateX(-50%);
background: $secondary-color; background: $secondary;
} }
} }

@ -1,4 +1,4 @@
.blog{ .blog-preview {
position: relative; position: relative;
margin-bottom: 30px; margin-bottom: 30px;
&__shape{ &__shape{

@ -1,4 +1,4 @@
.blog { .blog-page {
&__item { &__item {
position: relative; position: relative;
margin-bottom: 120px; margin-bottom: 120px;

@ -138,30 +138,11 @@
} }
&_social{ &_social{
ul{ ul{
margin: 0;
padding: 0;
float: right; float: right;
@include desktop{ @include desktop{
margin: 20px auto 0; margin: 20px auto 0;
float: none; float: none;
} }
li{
list-style: none;
display: inline-block;
a{
display: block;
text-decoration: none;
color: #fff;
font-size: 20px;
transition: all .3s ease;
&:hover{
color: $primary-color;
}
}
&:not(:last-child){
margin-right: 25px;
}
}
} }
} }
} }

@ -38,7 +38,7 @@ VERSION: 1.0.0
@import "components/footer-section"; @import "components/footer-section";
// @import "components/blog"; @import "components/blog";
@import "components/single-blog-post"; @import "components/single-blog-post";

@ -36,25 +36,25 @@
</div> </div>
</header> </header>
<section class="section blog"> <section class="section blog-page">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
{{ range .Paginator.Pages }} {{ range .Paginator.Pages }}
<div class="col-lg-4"> <div class="col-lg-4">
<div class="blog__item"> <div class="blog-page__item">
<div class="blog__item-thumb"> <div class="blog-page__item-thumb">
<img src={{ .Params.featureImage | absURL }} alt="post-image"> <img src={{ .Params.featureImage | absURL }} alt="post-image">
</div> </div>
<div class="blog__item-content"> <div class="blog-page__item-content">
<span>{{ .PublishDate.Format "January 2, 2006" }}</span> <span>{{ .PublishDate.Format "January 2, 2006" }}</span>
<a href="{{ .Permalink }}">{{ .Title }}</a> <a href="{{ .Permalink }}">{{ .Title }}</a>
</div> </div>
</div> </div>
</div> </div>
{{ end }} {{ end }}
{{ partial "pagination" .}} {{ partial "pagination" .}}
</div> </div>
</div> </div>
</section> </section>
{{ end }} {{ end }}

@ -1,19 +1,19 @@
{{ with .Site.Data.blogSection }} {{ with .Site.Data.blogSection }}
{{ if .enable }} {{ if .enable }}
<section class="section blog" id="blog"> <section class="section blog-preview" id="blog">
<div class="blog__shape"> <div class="blog-preview__shape">
<img src="images/blog/blog-shape.svg" alt="blog shape" /> <img src="images/blog/blog-shape.svg" alt="blog shape" />
</div> </div>
<div class="container"> <div class="container">
<div class="row mb-5"> <div class="row mb-5">
<div class="col-lg-6"> <div class="col-lg-6">
<div class="blog__header"> <div class="blog-preview__header">
<span class="top-title pre-line">{{ .topTitle }}</span> <span class="top-title pre-line">{{ .topTitle }}</span>
{{ .title | markdownify }} {{ .title | markdownify }}
</div> </div>
</div> </div>
<div class="col-lg-6"> <div class="col-lg-6">
<div class="blog__header_button desktop"> <div class="blog-preview__header_button desktop">
<a class="btn btn-outline-secondary btn-zoom m-3" 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> </div>
@ -22,11 +22,11 @@
<div class="row"> <div class="row">
{{ range first 3 (where $.Site.RegularPages "Type" "!=" "portfolio") }} {{ range first 3 (where $.Site.RegularPages "Type" "!=" "portfolio") }}
<div class="col-lg-4"> <div class="col-lg-4">
<div class="blog__item"> <div class="blog-preview__item">
<div class="blog__item-thumb"> <div class="blog-preview__item-thumb">
<img src="{{ .Params.featureImage | absURL }}" alt="post-image"> <img src="{{ .Params.featureImage | absURL }}" alt="post-image">
</div> </div>
<div class="blog__item-content"> <div class="blog-preview__item-content">
<span>{{ .PublishDate.Format "January 2, 2006" }}</span> <span>{{ .PublishDate.Format "January 2, 2006" }}</span>
<h4 class="mb-0"> <h4 class="mb-0">
<a class="text-dark" href="{{ .Permalink }}">{{ .Title }}</a> <a class="text-dark" href="{{ .Permalink }}">{{ .Title }}</a>
@ -39,7 +39,7 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col-lg-12"> <div class="col-lg-12">
<div class="blog__header_button mobile"> <div class="blog-preview__header_button mobile">
<a class="btn btn-outline-secondary btn-zoom" href="{{ .buttonTarget | absURL }}">See all post</a> <a class="btn btn-outline-secondary btn-zoom" href="{{ .buttonTarget | absURL }}">See all post</a>
</div> </div>
</div> </div>

@ -77,7 +77,8 @@
<ul class="unstyle-list"> <ul class="unstyle-list">
{{ $social := .Site.Params.social }} {{ $social := .Site.Params.social }}
{{ range $social }} {{ range $social }}
<li><a target="_blank" href="{{ .url }}"><i class="fa {{ .icon }}"></i></a> <li class="d-inline-block mx-2"><a class="text-light" target="_blank" href="{{ .url }}"><i
class="fa {{ .icon }}"></i></a>
</li> </li>
{{ end }} {{ end }}
</ul> </ul>

@ -1,33 +1,34 @@
{{ $pag := $.Paginator }} {{ $pag := $.Paginator }}
{{ if gt $pag.TotalPages 1 }} {{ if gt $pag.TotalPages 1 }}
<div class="blog__pagination"> <div class="blog-page__pagination">
<div class="pagination"> <div class="pagination">
{{ range $pag.Pagers }} {{ range $pag.Pagers }}
{{ if eq . $pag }} {{ if eq . $pag }}
<li class="active"> <li class="active">
<a href="{{ .URL }}">{{ .PageNumber }}</a> <a href="{{ .URL }}">{{ .PageNumber }}</a>
</li> </li>
{{ else }} {{ else }}
<li> <li>
<a href="{{ .URL }}">{{ .PageNumber }}</a> <a href="{{ .URL }}">{{ .PageNumber }}</a>
</li> </li>
{{ end }} {{ end }}
{{ end }} {{ end }}
{{ if $pag.HasNext }} {{ if $pag.HasNext }}
<li class="page-item"> <li class="page-item">
<a href="{{ $pag.Next.URL }}" rel="next" class="page-link"> <a href="{{ $pag.Next.URL }}" rel="next" class="page-link">
<svg xmlns="http://www.w3.org/2000/svg" width="20.657" height="11.314" viewBox="0 0 20.657 11.314"> <svg xmlns="http://www.w3.org/2000/svg" width="20.657" height="11.314" viewBox="0 0 20.657 11.314">
<g fill="#fff" data-name="Group 12"> <g fill="#fff" data-name="Group 12">
<path d="M0 4.657h18v2H0z" data-name="Rectangle 2400"/> <path d="M0 4.657h18v2H0z" data-name="Rectangle 2400" />
<path d="M13.586 9.9l5.6568542-5.6568542 1.4142136 1.4142135-5.6568542 5.6568543z" data-name="Rectangle 2401"/> <path d="M13.586 9.9l5.6568542-5.6568542 1.4142136 1.4142135-5.6568542 5.6568543z"
<path d="M15 0l5.6568542 5.6568542-1.4142135 1.4142136-5.6568543-5.6568542z" data-name="Rectangle 2402"/> data-name="Rectangle 2401" />
</g> <path d="M15 0l5.6568542 5.6568542-1.4142135 1.4142136-5.6568543-5.6568542z" data-name="Rectangle 2402" />
</svg> </g>
</a> </svg>
</li> </a>
{{ end }} </li>
</div> {{ end }}
<!-- </nav> --> </div>
</div> <!-- </nav> -->
</div>
{{ end }} {{ end }}
Loading…
Cancel
Save