Refactor single page css
Signed-off-by: hossainemruz <hossainemruz@gmail.com>
This commit is contained in:
parent
dfeaea8b26
commit
b34c6860be
5 changed files with 362 additions and 477 deletions
|
@ -55,56 +55,56 @@
|
|||
<!-- Share or Contribute -->
|
||||
<div class="row pl-3 pr-3">
|
||||
<!--Social Media Share Buttons-->
|
||||
<div class="col-md-6 share-buttons">
|
||||
{{ if site.Params.features.blog.shareButtons }}
|
||||
<div class="col-md-6 share-buttons">
|
||||
{{ if site.Params.features.blog.shareButtons }}
|
||||
<strong>{{ i18n "share_on" }}:</strong>
|
||||
{{ if site.Params.features.blog.shareButtons.facebook }}
|
||||
<a class="btn btn-sm facebook-btn" href="https://www.facebook.com/sharer.php?u={{ .Permalink }}" target="_blank">
|
||||
<a class="btn icon-button bg-facebook" href="https://www.facebook.com/sharer.php?u={{ .Permalink }}" target="_blank">
|
||||
<i class="fab fa-facebook"></i>
|
||||
</a>
|
||||
{{ end }}
|
||||
{{ if site.Params.features.blog.shareButtons.twitter }}
|
||||
<a class="btn btn-sm twitter-btn" href="https://twitter.com/share?url={{ .Permalink }}&text={{ .Title }}&via={{- site.Title -}}" target="_blank">
|
||||
<a class="btn icon-button bg-twitter" href="https://twitter.com/share?url={{ .Permalink }}&text={{ .Title }}&via={{- site.Title -}}" target="_blank">
|
||||
<i class="fab fa-twitter"></i>
|
||||
</a>
|
||||
{{ end }}
|
||||
{{ if site.Params.features.blog.shareButtons.reddit }}
|
||||
<a class="btn btn-sm reddit-btn" href="https://reddit.com/submit?url={{ .Permalink }}&title={{ .Title }}" target="_blank">
|
||||
<a class="btn icon-button bg-reddit" href="https://reddit.com/submit?url={{ .Permalink }}&title={{ .Title }}" target="_blank">
|
||||
<i class="fab fa-reddit"></i>
|
||||
</a>
|
||||
{{ end }}
|
||||
{{ if site.Params.features.blog.shareButtons.tumblr }}
|
||||
<a class="btn btn-sm tumblr-btn" href="https://www.tumblr.com/share/link?url={{ .Permalink }}&name={{ .Title }}{{- with .Params.description -}}&description={{- . -}}{{- end -}}" target="_blank">
|
||||
<a class="btn icon-button bg-tumblr" href="https://www.tumblr.com/share/link?url={{ .Permalink }}&name={{ .Title }}{{- with .Params.description -}}&description={{- . -}}{{- end -}}" target="_blank">
|
||||
<i class="fab fa-tumblr"></i>
|
||||
</a>
|
||||
{{ end }}
|
||||
{{ if site.Params.features.blog.shareButtons.pocket }}
|
||||
<a class="btn btn-sm pocket-btn" href="https://getpocket.com/save?url={{ .Permalink }}&title={{ .Title }}" target="_blank">
|
||||
<a class="btn icon-button bg-pocket" href="https://getpocket.com/save?url={{ .Permalink }}&title={{ .Title }}" target="_blank">
|
||||
<i class="fab fa-get-pocket"></i>
|
||||
</a>
|
||||
{{ end }}
|
||||
{{ if site.Params.features.blog.shareButtons.linkedin }}
|
||||
<a class="btn btn-sm linkedin-btn" href="https://www.linkedin.com/shareArticle?url={{ .Permalink }}&title={{ .Title }}" target="_blank">
|
||||
<a class="btn icon-button bg-linkedin" href="https://www.linkedin.com/shareArticle?url={{ .Permalink }}&title={{ .Title }}" target="_blank">
|
||||
<i class="fab fa-linkedin"></i>
|
||||
</a>
|
||||
{{ end }}
|
||||
{{ if site.Params.features.blog.shareButtons.diaspora }}
|
||||
<a class="btn btn-sm diaspora-btn" href="https://share.diasporafoundation.org/?title={{ .Title }}&url={{ .Permalink }}" rel="nofollow" target="_blank">
|
||||
<a class="btn icon-button bg-diaspora" href="https://share.diasporafoundation.org/?title={{ .Title }}&url={{ .Permalink }}" rel="nofollow" target="_blank">
|
||||
<i class="fab fa-diaspora"></i>
|
||||
</a>
|
||||
{{ end }}
|
||||
{{ if site.Params.features.blog.shareButtons.mastodon }}
|
||||
<a class="btn btn-sm mastodon-btn" href="https://mastodon.social/share?text={{ .Title }} - {{ .Permalink }}" target="_blank">
|
||||
<a class="btn icon-button bg-mastodon" href="https://mastodon.social/share?text={{ .Title }} - {{ .Permalink }}" target="_blank">
|
||||
<i class="fab fa-mastodon"></i>
|
||||
</a>
|
||||
{{ end }}
|
||||
{{ if site.Params.features.blog.shareButtons.whatsapp }}
|
||||
<a class="btn btn-sm whatsapp-btn" href="https://api.whatsapp.com/send?text={{ .Title }} {{ .Permalink }}" target="_blank">
|
||||
<a class="btn icon-button bg-whatsapp" href="https://api.whatsapp.com/send?text={{ .Title }} {{ .Permalink }}" target="_blank">
|
||||
<i class="fab fa-whatsapp"></i>
|
||||
</a>
|
||||
{{ end }}
|
||||
{{ if site.Params.features.blog.shareButtons.email }}
|
||||
<a class="btn btn-sm email-btn" href="mailto:?subject={{ .Title }}&body={{ .Permalink }}" target="_blank">
|
||||
<a class="btn icon-button" href="mailto:?subject={{ .Title }}&body={{ .Permalink }}" target="_blank">
|
||||
<i class="fas fa-envelope-open-text"></i>
|
||||
</a>
|
||||
{{ end }}
|
||||
|
|
|
@ -22,7 +22,7 @@
|
|||
<div class="row next-prev-navigator">
|
||||
{{ if $prevPage }}
|
||||
<div class="col-md-6 previous-article">
|
||||
<a href="{{ $prevPage.RelPermalink }}" title="{{ $prevPage.Title }}" class="btn btn-outline-info">
|
||||
<a href="{{ $prevPage.RelPermalink }}" title="{{ $prevPage.Title }}" class="btn filled-button">
|
||||
<div><i class="fas fa-chevron-circle-left"></i> {{ i18n "prev" }}</div>
|
||||
<div class="next-prev-text">{{ $prevPage.Title }}</div>
|
||||
</a>
|
||||
|
@ -34,7 +34,7 @@
|
|||
{{ $columnWidth = "col-md-6" }}
|
||||
{{ end}}
|
||||
<div class="{{ $columnWidth }} next-article">
|
||||
<a href="{{ $nextPage.RelPermalink }}" title="{{ $nextPage.Title }}" class="btn btn-outline-info">
|
||||
<a href="{{ $nextPage.RelPermalink }}" title="{{ $nextPage.Title }}" class="btn filled-button">
|
||||
<div>{{ i18n "next" }} <i class="fas fa-chevron-circle-right"></i></div>
|
||||
<div class="next-prev-text">{{ $nextPage.Title }}</div>
|
||||
</a>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue