diff options
author | somrat-gyver <somrat.gyver@gmail.com> | 2020-07-18 14:01:33 +0300 |
---|---|---|
committer | somrat-gyver <somrat.gyver@gmail.com> | 2020-07-18 14:01:33 +0300 |
commit | ed46f78ed4202988ee56c3402dabb8531b97e9d6 (patch) | |
tree | 79990109a3e15e85d4eca11dc5cbaaa834e198a5 | |
parent | 141beebb97533cb94c907f70c98333799bbc9aaf (diff) |
added favicon and redesigned blog and project single page
26 files changed, 125 insertions, 35 deletions
diff --git a/assets/css/style.css b/assets/css/style.css index 6c7c268..94a2376 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -887,4 +887,31 @@ blockquote { background-color: var(--primary-color); font-size: 20px; text-align: center; +} + +.project-meta{ + display: flex; + align-items: center; +} + +.project-meta i{ + height: 100px; + min-width: 100px; + line-height: 100px; + background-color: #fff; + color: var(--primary-color); + border-radius: 50%; + text-align: center; + display: block; + box-shadow: 0 18px 39.1px 6.9px rgba(224,241,255,.34); + font-size: 30px; +} + +.project-meta h4{ + font-weight: bold; + font-size: 24px; +} + +.project-meta p{ + margin-bottom: 0; }
\ No newline at end of file diff --git a/exampleSite/content/blog/Amazon-increase-income.4.md b/exampleSite/content/blog/post-1.md index fb04f25..fb04f25 100644 --- a/exampleSite/content/blog/Amazon-increase-income.4.md +++ b/exampleSite/content/blog/post-1.md diff --git a/exampleSite/content/blog/Amazon-increase-income.1.md b/exampleSite/content/blog/post-2.md index c8cefd6..c8cefd6 100644 --- a/exampleSite/content/blog/Amazon-increase-income.1.md +++ b/exampleSite/content/blog/post-2.md diff --git a/exampleSite/content/blog/Amazon-increase-income.2.md b/exampleSite/content/blog/post-3.md index 7dfcfa7..7dfcfa7 100644 --- a/exampleSite/content/blog/Amazon-increase-income.2.md +++ b/exampleSite/content/blog/post-3.md diff --git a/exampleSite/content/blog/Amazon-increase-income.3.md b/exampleSite/content/blog/post-4.md index 8f80005..8f80005 100644 --- a/exampleSite/content/blog/Amazon-increase-income.3.md +++ b/exampleSite/content/blog/post-4.md diff --git a/exampleSite/content/blog/Amazon-increase-income.md b/exampleSite/content/blog/post-5.md index fb04f25..fb04f25 100644 --- a/exampleSite/content/blog/Amazon-increase-income.md +++ b/exampleSite/content/blog/post-5.md diff --git a/exampleSite/content/blog/Amazon-increase-income.5.md b/exampleSite/content/blog/post-6.md index 7dfcfa7..7dfcfa7 100644 --- a/exampleSite/content/blog/Amazon-increase-income.5.md +++ b/exampleSite/content/blog/post-6.md diff --git a/exampleSite/content/portfolio/project-1.md b/exampleSite/content/portfolio/project-1.md index 2d48726..ce3a2ee 100644 --- a/exampleSite/content/portfolio/project-1.md +++ b/exampleSite/content/portfolio/project-1.md @@ -9,12 +9,17 @@ description: "This is meta description." draft: false --- +#### Project Requirements + Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. + +#### Project Details + Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat diff --git a/exampleSite/content/portfolio/project-2.md b/exampleSite/content/portfolio/project-2.md index a51a00a..14fe120 100644 --- a/exampleSite/content/portfolio/project-2.md +++ b/exampleSite/content/portfolio/project-2.md @@ -3,18 +3,23 @@ title: "Artwork Design" date: 2019-05-12T12:14:34+06:00 image: "images/portfolio/item-2.png" client: "John Doe" -project_url : "#" +project_url : "https://themefisher.com/" categories: ["branding"] description: "This is meta description." draft: false --- +#### Project Requirements + Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. + +#### Project Details + Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat diff --git a/exampleSite/content/portfolio/project-3.md b/exampleSite/content/portfolio/project-3.md index 36413b0..78a3678 100644 --- a/exampleSite/content/portfolio/project-3.md +++ b/exampleSite/content/portfolio/project-3.md @@ -3,18 +3,23 @@ title: "Artwork Design" date: 2019-05-12T12:14:34+06:00 image: "images/portfolio/item-3.png" client: "John Doe" -project_url : "#" +project_url : "https://themefisher.com/" categories: ["illustration"] description: "This is meta description." draft: false --- +#### Project Requirements + Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. + +#### Project Details + Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat diff --git a/exampleSite/content/portfolio/project-4.md b/exampleSite/content/portfolio/project-4.md index 98bd304..812940d 100644 --- a/exampleSite/content/portfolio/project-4.md +++ b/exampleSite/content/portfolio/project-4.md @@ -3,18 +3,23 @@ title: "Artwork Design" date: 2019-05-12T12:14:34+06:00 image: "images/portfolio/item-5.png" client: "John Doe" -project_url : "#" +project_url : "https://themefisher.com/" categories: ["design"] description: "This is meta description." draft: false --- +#### Project Requirements + Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. + +#### Project Details + Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat diff --git a/exampleSite/content/portfolio/project-5.md b/exampleSite/content/portfolio/project-5.md index 3971c4a..0ee9177 100644 --- a/exampleSite/content/portfolio/project-5.md +++ b/exampleSite/content/portfolio/project-5.md @@ -3,18 +3,23 @@ title: "Artwork Design" date: 2019-05-12T12:14:34+06:00 image: "images/portfolio/item-8.png" client: "John Doe" -project_url : "#" +project_url : "https://themefisher.com/" categories: ["illustration","development"] description: "This is meta description." draft: false --- +#### Project Requirements + Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. + +#### Project Details + Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat diff --git a/exampleSite/content/portfolio/project-6.md b/exampleSite/content/portfolio/project-6.md index 996fb2a..3422a21 100644 --- a/exampleSite/content/portfolio/project-6.md +++ b/exampleSite/content/portfolio/project-6.md @@ -3,18 +3,23 @@ title: "Artwork Design" date: 2019-05-12T12:14:34+06:00 image: "images/portfolio/item-6.png" client: "John Doe" -project_url : "#" +project_url : "https://themefisher.com/" categories: ["design"] description: "This is meta description." draft: false --- +#### Project Requirements + Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. + +#### Project Details + Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat diff --git a/exampleSite/content/portfolio/project-7.md b/exampleSite/content/portfolio/project-7.md index 011fd44..41e0f38 100644 --- a/exampleSite/content/portfolio/project-7.md +++ b/exampleSite/content/portfolio/project-7.md @@ -3,18 +3,23 @@ title: "Artwork Design" date: 2019-05-12T12:14:34+06:00 image: "images/portfolio/item-1.png" client: "John Doe" -project_url : "#" +project_url : "https://themefisher.com/" categories: ["branding"] description: "This is meta description." draft: false --- +#### Project Requirements + Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. + +#### Project Details + Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat diff --git a/exampleSite/content/portfolio/project-8.md b/exampleSite/content/portfolio/project-8.md index 3287229..0157029 100644 --- a/exampleSite/content/portfolio/project-8.md +++ b/exampleSite/content/portfolio/project-8.md @@ -3,18 +3,23 @@ title: "Artwork Design" date: 2019-05-12T12:14:34+06:00 image: "images/portfolio/item-3.png" client: "John Doe" -project_url : "#" +project_url : "https://themefisher.com/" categories: ["illustration","development"] description: "This is meta description." draft: false --- +#### Project Requirements + Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. + +#### Project Details + Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat diff --git a/exampleSite/content/portfolio/project-9.md b/exampleSite/content/portfolio/project-9.md index ff8f964..60812e8 100644 --- a/exampleSite/content/portfolio/project-9.md +++ b/exampleSite/content/portfolio/project-9.md @@ -3,18 +3,23 @@ title: "Artwork Design" date: 2019-05-12T12:14:34+06:00 image: "images/portfolio/item-7.png" client: "John Doe" -project_url : "#" +project_url : "https://themefisher.com/" categories: ["branding"] description: "This is meta description." draft: false --- +#### Project Requirements + Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. + +#### Project Details + Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat diff --git a/exampleSite/static/images/blog/post-1.jpg b/exampleSite/static/images/blog/post-1.jpg Binary files differindex 5999ada..883337e 100644 --- a/exampleSite/static/images/blog/post-1.jpg +++ b/exampleSite/static/images/blog/post-1.jpg diff --git a/exampleSite/static/images/blog/post-2.jpg b/exampleSite/static/images/blog/post-2.jpg Binary files differindex 84bc8df..aac0f04 100644 --- a/exampleSite/static/images/blog/post-2.jpg +++ b/exampleSite/static/images/blog/post-2.jpg diff --git a/exampleSite/static/images/blog/post-3.jpg b/exampleSite/static/images/blog/post-3.jpg Binary files differindex 278d38c..515c2ec 100644 --- a/exampleSite/static/images/blog/post-3.jpg +++ b/exampleSite/static/images/blog/post-3.jpg diff --git a/exampleSite/static/images/blog/post-4.jpg b/exampleSite/static/images/blog/post-4.jpg Binary files differindex 4ec225b..785f33c 100644 --- a/exampleSite/static/images/blog/post-4.jpg +++ b/exampleSite/static/images/blog/post-4.jpg diff --git a/exampleSite/static/images/blog/post-5.jpg b/exampleSite/static/images/blog/post-5.jpg Binary files differindex d5711ec..ced11cb 100644 --- a/exampleSite/static/images/blog/post-5.jpg +++ b/exampleSite/static/images/blog/post-5.jpg diff --git a/exampleSite/static/images/blog/post-6.jpg b/exampleSite/static/images/blog/post-6.jpg Binary files differindex 5bfc29f..19301e9 100644 --- a/exampleSite/static/images/blog/post-6.jpg +++ b/exampleSite/static/images/blog/post-6.jpg diff --git a/exampleSite/static/images/favicon.png b/exampleSite/static/images/favicon.png Binary files differnew file mode 100644 index 0000000..22c6bf6 --- /dev/null +++ b/exampleSite/static/images/favicon.png diff --git a/layouts/_default/post.html b/layouts/_default/post.html index 6ea9a1f..9b154df 100644 --- a/layouts/_default/post.html +++ b/layouts/_default/post.html @@ -5,7 +5,7 @@ <h4 class="card-title"><a class="text-dark" href="{{.Permalink}}">{{.Title }}</a> </h4> <p class="cars-text">{{.Summary}}</p> - <a href="{{.Permalink}}" class="btn btn-xs btn-primary">Read More</a> + <a href="{{.Permalink}}" class="btn btn-sm btn-primary">Read More</a> </div> </article> </div>
\ No newline at end of file diff --git a/layouts/_default/single.html b/layouts/_default/single.html index 2600156..9bda2bf 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -4,12 +4,13 @@ <section class="section"> <div class="container"> - <div class="row"> - <div class="col-lg-12"> - <h3 class="font-tertiary mb-5">{{.Title}}</h3> + <div class="row justify-content-center"> + <div class="col-lg-9 text-center mb-4"> + <img src="{{.Params.image | absURL }}" alt="{{.Title}}" class="img-fluid rounded mb-4"> <p class="font-secondary">Published on {{ .PublishDate.Format "Jan 02, 2006" }} by <span class="text-primary">{{site.Params.Author}}</span></p> + </div> + <div class="col-lg-9"> <div class="content"> - <img src="{{.Params.Image | absURL }}" alt="post-thumb" class="img-fluid rounded float-left mr-5 mb-4"> {{.Content }} </div> </div> diff --git a/layouts/portfolio/single.html b/layouts/portfolio/single.html index 6cf56bd..a4cf0d5 100644 --- a/layouts/portfolio/single.html +++ b/layouts/portfolio/single.html @@ -5,35 +5,52 @@ <!-- portfolio --> <section class="section"> <div class="container"> - <div class="row justify-content-around"> - <div class="col-lg-5 col-md-6 mb-5"> + <div class="row"> + <div class="col-lg-5 mb-5"> <img src="{{ .Params.image | absURL }}" class="img-fluid w-100" alt="{{ .Title }}"> </div> - <div class="col-lg-5 col-md-6 mb-5"> - <div class="card shadow"> - <div class="card-body"> - <h1 class="h3 mb-5">{{.Title}}</h1> - <div class="mb-4"> - <h4>Date:</h4> - <strong>{{ .PublishDate.Format "Jan 02, 2006" }}</strong> + <div class="col-lg-7 mb-5 mb-lg-0 align-self-center"> + <div class="row mx-0"> + <div class="col-sm-6 mb-5"> + <div class="project-meta"> + <i class="ti-calendar"></i> + <div class="ml-3"> + <h4>Date</h4> + <p>{{ .PublishDate.Format "Jan 02, 2006" }}</p> + </div> </div> - {{ with .Params.Client}} - <div class="mb-4"> - <h4>Client:</h4> - <strong>{{. | markdownify}}</strong> + </div> + {{ with .Params.Client}} + <div class="col-sm-6 mb-5"> + <div class="project-meta"> + <i class="ti-user"></i> + <div class="ml-3"> + <h4>Client</h4> + <p>{{. | markdownify}}</p> + </div> </div> - {{ end }} - <div class="mb-4"> - <h4>Categories:</h4> - <strong>{{ delimit .Params.categories ", " | humanize }}</strong> + </div> + {{ end }} + <div class="col-sm-6 mb-5"> + <div class="project-meta"> + <i class="ti-folder"></i> + <div class="ml-3"> + <h4>Categories</h4> + <p>{{ delimit .Params.categories ", " | humanize }}</p> + </div> </div> - {{ with .Params.project_url}} - <div class="mb-4"> - <h4>Project Link:</h4> - <strong>{{. | markdownify}}</strong> + </div> + {{ with .Params.project_url}} + <div class="col-sm-6 mb-5"> + <div class="project-meta"> + <i class="ti-link"></i> + <div class="ml-3"> + <h4>Project Link</h4> + <p>{{. | markdownify}}</p> + </div> </div> - {{ end }} </div> + {{ end }} </div> </div> <div class="col-lg-11"> |