diff options
author | Leonardo Faria <leonardofaria@gmail.com> | 2020-05-04 07:12:59 +0300 |
---|---|---|
committer | Leonardo Faria <leonardofaria@gmail.com> | 2020-05-04 07:12:59 +0300 |
commit | 3a3c908a167e8c8dd62660160039070c930108ed (patch) | |
tree | 2319ffd5d79183072cf38a34231f65649db342a7 /layouts | |
parent | 9c1941c70068c7ef294124498a014589c81bb8b4 (diff) |
Add suggestions
Diffstat (limited to 'layouts')
-rw-r--r-- | layouts/_default/single.html | 1 | ||||
-rw-r--r-- | layouts/partials/suggestions.html | 12 |
2 files changed, 7 insertions, 6 deletions
diff --git a/layouts/_default/single.html b/layouts/_default/single.html index a6f7f6b..d6f5903 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -52,4 +52,5 @@ {{ end }} </article> +{{ partial "suggestions.html" . }} {{ end }} diff --git a/layouts/partials/suggestions.html b/layouts/partials/suggestions.html index 8684a8d..6cacea0 100644 --- a/layouts/partials/suggestions.html +++ b/layouts/partials/suggestions.html @@ -1,14 +1,14 @@ <aside class="flex"> {{ with .NextInSection }} - <a class="flex flex-col py-7 px-3 w-50 flex-grow" style="{{ if .Params.image }}background-image: url({{ .Params.image | relURL }}){{ else }}no-cover{{ end }}" href="{{ .RelPermalink }}"> - <span>Read this next</span> - <strong>{{.Title}}</strong> + <a class="w-full md:w-1/2 flex flex-col items-center py-7 px-3 no-underline rounded-md hover:bg-white transition duration-300 ease-in-out" style="{{ if .Params.image }}background-image: url({{ .Params.image | relURL }}){{ else }}no-cover{{ end }}" href="{{ .RelPermalink }}"> + <span class="border border-gray-6 text-xs rounded-md mb-2 uppercase font-bold py-2 px-3">Read this next</span> + <span class="text-center">{{.Title}}</span> </a> {{ end }} {{ with .PrevInSection }} - <a class="flex flex-col py-7 px-3 w-50 flex-grow" style="{{ if .Params.image }}background-image: url({{ .Params.image | relURL}}){{ else }}no-cover{{ end }}" href="{{ .RelPermalink }}"> - <span>You might enjoy</span> - <strong>{{.Title}}</strong> + <a class="w-full md:w-1/2 flex flex-col items-center py-7 px-3 no-underline rounded-md hover:bg-white transition duration-300 ease-in-out" style="{{ if .Params.image }}background-image: url({{ .Params.image | relURL}}){{ else }}no-cover{{ end }}" href="{{ .RelPermalink }}"> + <span class="border border-gray-6 text-xs rounded-md mb-2 uppercase font-bold py-2 px-3">You might enjoy</span> + <span class="text-center">{{.Title}}</span> </a> {{ end }} </aside> |