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%;
left: -20px;
transform: translateX(-50%);
background: $secondary-color;
background: $secondary;
}
}

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

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

@ -138,30 +138,11 @@
}
&_social{
ul{
margin: 0;
padding: 0;
float: right;
@include desktop{
margin: 20px auto 0;
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/blog";
@import "components/blog";
@import "components/single-blog-post";

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

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

@ -77,7 +77,8 @@
<ul class="unstyle-list">
{{ $social := .Site.Params.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>
{{ end }}
</ul>

@ -1,33 +1,34 @@
{{ $pag := $.Paginator }}
{{ if gt $pag.TotalPages 1 }}
<div class="blog__pagination">
<div class="pagination">
{{ range $pag.Pagers }}
{{ if eq . $pag }}
<li class="active">
<a href="{{ .URL }}">{{ .PageNumber }}</a>
</li>
{{ else }}
<li>
<a href="{{ .URL }}">{{ .PageNumber }}</a>
</li>
{{ end }}
{{ end }}
<div class="blog-page__pagination">
<div class="pagination">
{{ range $pag.Pagers }}
{{ if eq . $pag }}
<li class="active">
<a href="{{ .URL }}">{{ .PageNumber }}</a>
</li>
{{ else }}
<li>
<a href="{{ .URL }}">{{ .PageNumber }}</a>
</li>
{{ end }}
{{ end }}
{{ if $pag.HasNext }}
<li class="page-item">
<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">
<g fill="#fff" data-name="Group 12">
<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="M15 0l5.6568542 5.6568542-1.4142135 1.4142136-5.6568543-5.6568542z" data-name="Rectangle 2402"/>
</g>
</svg>
</a>
</li>
{{ end }}
</div>
<!-- </nav> -->
</div>
{{ if $pag.HasNext }}
<li class="page-item">
<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">
<g fill="#fff" data-name="Group 12">
<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="M15 0l5.6568542 5.6568542-1.4142135 1.4142136-5.6568543-5.6568542z" data-name="Rectangle 2402" />
</g>
</svg>
</a>
</li>
{{ end }}
</div>
<!-- </nav> -->
</div>
{{ end }}
Loading…
Cancel
Save