kova/hugo-profile
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update layouts

Browse Source
This commit is contained in:
Kovasky Buezo
2025-08-23 23:04:17 -02:30
parent 97c45e37f6
commit 8218ce4caa
22 changed files with 323 additions and 225 deletions
Download Patch File Download Diff File Expand all files Collapse all files
layouts/_default/about.html
+5 -5
View File
@@ -1,9 +1,9 @@
{{ define "head" }}
<meta name="description" content="{{ .Params.description }}">
<link rel="stylesheet" href="{{.Site.Params.staticPath}}/css/about.css">
<!-- <link rel="stylesheet" href="{{.Site.Params.staticPath}}/css/about.css"> -->
<!-- fontawesome -->
<script defer src="{{.Site.Params.staticPath}}/fontawesome-6/all-6.4.2.js"></script>
<!-- <script defer src="{{.Site.Params.staticPath}}/fontawesome-6/all-6.4.2.js"></script> -->
{{ end }}
{{ define "title" }}
@@ -60,9 +60,9 @@
</div>
</div>
</div>
<button class="p-2 px-3" onclick="topFunction()" id="topScroll">
<i class="fas fa-angle-up"></i>
</button>
<button class="p-2 px-3" onclick="topFunction()" id="topScroll">
{{ partial "icon" (dict "icon" "angle-up" "class" "fas fa-angle-up") }}
</button>
</section>
<script>
layouts/_default/baseof.html
+6 -12
View File
@@ -1,35 +1,29 @@
<!DOCTYPE html>
<html>
<html lang="{{ .Site.LanguageCode }}" class="no-js">
<head>
{{- partial "head.html" . -}}
{{- block "head" . }} {{- end }}
<!-- Custom Styles -->
{{ if .Site.Params.customCSS }}
<link rel="stylesheet" href="{{ .Site.Params.staticPath }}/style.css">
{{ end }}
<title>
{{- block "title" . }} {{- end }}
</title>
</head>
<body class="light">
<body class="light dark">
<!-- javascripts -->
<!-- <script src="/js/jquery-3.6.0.min.js"></script> -->
<script>document.documentElement.className = "js"</script>
{{- partial "sections/header.html" . -}}
<div id="content">
{{- block "main" . }}{{- end }}
</div>
{{- partial "sections/footer/index.html" . -}}
<!--
{{- if (or (eq .Site.Params.UseBootstrapCDN true) (eq .Site.Params.UseBootstrapCDN "js")) -}}
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
{{- else -}}
<script src="{{ .Site.Params.staticPath }}/bootstrap-5/js/bootstrap.bundle.min.js"></script>
{{- end -}}
{{- end -}} -->
{{- partial "scripts.html" . -}}
@@ -39,4 +33,4 @@
</section>
</body>
</html>
</html>
layouts/_default/gallery.html
+1 -18
View File
@@ -1,12 +1,6 @@
{{ define "head" }}
<meta name="description" content="{{ .Title }} of {{ .Site.Title }}">
<!-- <link rel="stylesheet" href="{{ .Site.Params.staticPath }}/css/list.css" media="all"> -->
{{ if .Params.viewer | default true }}
<link rel="stylesheet" href="{{ .Site.Params.staticPath }}/css/gallery.css">
<link rel="stylesheet" href="{{ .Site.Params.staticPath }}/viewer/viewer.min.css">
<script src="{{ .Site.Params.staticPath }}/viewer/viewer.min.js"></script>
{{ end }}
{{ end }}
{{ define "title" }}
@@ -25,22 +19,11 @@
{{ range .Params.galleryImages }}
<div class="col-md-4 p-0 m-0">
<div class="card p-0 m-0 border-0">
<img class="w-100 {{if .Params.viewer | default true}}viewer-enabled-image{{end}}" height="280px" src="{{ .src }}">
<img class="w-100" height="280px" src="{{ .src }}">
</div>
</div>
{{ end }}
</div>
</div>
</div>
{{ if .Params.viewer | default true }}
<script>
document.addEventListener('DOMContentLoaded', function() {
var viewer = new Viewer(document.getElementById('list-page'), {
...{{ .Params.viewerOptions }}
});
});
</script>
{{ end }}
{{ end }}
layouts/_default/list.html
+8 -4
View File
@@ -1,6 +1,6 @@
{{ define "head" }}
<meta name="description" content="{{ .Title }} of {{ .Site.Title }}">
<link rel="stylesheet" href="{{ .Site.Params.staticPath }}/css/list.css" media="all">
<!-- <link rel="stylesheet" href="{{ .Site.Params.staticPath }}/css/list.css" media="all"> -->
{{ end }}
{{ define "title" }}
@@ -9,7 +9,7 @@
{{ define "main" }}
<div class="container pt-5" id="list-page">
<h2 class="text-center pb-2">{{.Title}}</h2>
<h1 class="text-center pb-2">{{.Title}}</h1>
<div class="row">
{{ range .Paginator.Pages }}
<div class="col-lg-4 col-md-6 my-3">
@@ -18,7 +18,11 @@
{{ if and (not (.Site.Params.listPages.disableFeaturedImage | default false)) (.Params.image) }}
<div class="card-header">
<a href="{{ .RelPermalink }}">
<img src="{{ .Params.image }}" class="card-img-top" alt="{{ .Title }}">
{{ with .Resources.GetMatch .Params.image }}
<img loading="lazy" src="{{ .Permalink }}" class="card-img-top" alt="{{ $.Title }}">
{{ else }}
<img loading="lazy" src="{{ .RelPermalink }}/{{ .Params.image }}" class="card-img-top" alt="{{ .Title }}">
{{ end }}
</a>
</div>
{{ end }}
@@ -27,7 +31,7 @@
<h5 class="card-title bg-transparent" title="{{ .Title }}">{{ .Title | truncate 25 }}</h5>
</a>
<div class="card-text secondary-font">
<p>{{ .Summary | truncate 300}}</p>
<p>{{ .Summary | truncate 300 | plainify}}</p>
</div>
</div>
<div class="mt-auto post-footer bg-transparent py-3">
layouts/_default/single.html
+83 -35
View File
@@ -1,13 +1,13 @@
{{ define "head" }}
<meta name="description" content="{{ .Params.description }}">
<link rel="stylesheet" href="{{.Site.Params.staticPath}}/css/single.css">
<!-- <link rel="stylesheet" href="{{.Site.Params.staticPath}}/css/single.css"> -->
<meta property="og:image" content="{{ .Params.image }}"/>
<!-- fontawesome -->
<script defer src="{{.Site.Params.staticPath}}/fontawesome-6/all-6.4.2.js"></script>
<!-- <script defer src="{{.Site.Params.staticPath}}/fontawesome-6/all-6.4.2.js"></script> -->
{{ end }}
{{ define "title" }}
{{.Title }} | {{ .Site.Title }}
{{.Title }}
{{ end }}
{{ define "main" }}
@@ -19,26 +19,57 @@
<div class="title mb-5">
<h1 class="text-center mb-4">{{ .Title }}</h1>
<div class="text-center">
{{ if .Params.author }}
{{ .Params.author }}
<small>|</small>
{{ end }}
{{ .Params.author }}
<small>|</small>
{{ .Date.Format (.Site.Params.datesFormat.article | default "Jan 2, 2006") }}
{{ if or (.Site.Params.singlePages.readTime.enable | default true) (.Params.enableReadingTime) }}
<span id="readingTime">
{{ .Site.Params.singlePages.readTime.content | default "min read" }}
{{ .Site.Params.singlePages.readTime.content | default " min read" }}
</span>
{{ end }}
</div>
<div class="text-center">
{{ if .Params.explicitLastMod }}
<p>{{ .Site.Params.editedOnText }}: {{ .Params.explicitLastMod | time.Format "January 2, 2006" }}</p>
{{ end }}
</div>
</div>
{{ if .Params.image }}
<div class="featured-image">
<img class="img-fluid mx-auto d-block" src="{{ .Params.image }}" alt="{{ .Title }}">
</div>
<div class="featured-image">
{{ $img := .Resources.GetMatch .Params.image }}
<!-- <img src="{{ $img }}" class="card-img-top" alt="{{ .Title }}" fetchpriority="high"> -->
{{ partial "lazyimg" (dict "img" $img "class" "img-fluid mx-auto d-block" "alt" .Title) }}
</div>
{{ end }}
<article class="page-content p-2">
{{ .Content | emojify }}
<hr>
<div id="load_comments" style="text-align:center; display:block;">
<button onclick="toggleComments()">
{{ partial "icon" (dict "icon" "comments" "class" "fa-solid fa-comments") }}
View Comments</button>
</div>
<h2 id="comments_header" style="display:none;">Comments</h2>
<div id="cusdis_thread"
data-host="https://cusdis.com"
data-app-id="fdd898fc-afd5-4280-9cb3-6dd7a1a05e17"
data-page-id="{{ .Permalink }}"
data-page-url="{{ .Permalink }}"
data-page-title="{{ .Params.Title }}"
data-theme="dark"
style="min-height:50vh;
display: none;
resize: vertical;
overflow: auto;"
></div>
<div id="hide_comments" style="text-align:center; display:none;">
<br>
<button onclick="toggleComments()">
{{ partial "icon" (dict "icon" "comments" "class" "fa-solid fa-comments") }}
Hide Comments
</button>
</div>
</article>
</div>
</div>
@@ -60,37 +91,32 @@
<h5>{{ .Site.Params.terms.tags | default "Tags" }}</h5>
<ul class="tags-ul list-unstyled list-inline">
{{range .Params.tags}}
<li class="list-inline-item"><a href="{{`tags` | absURL}}/{{.| urlize}}"
{{ if site.Params.singlePages.tags.openInNewTab | default true }}target="_blank"{{ end }}
>{{.}}</a></li>
<li class="list-inline-item">
<a href="{{ (printf "tags/%s" . | urlize | relLangURL) }}" target="_blank">{{ . }}</a>
</li>
{{end}}
</ul>
</aside>
{{end}}
{{ if .Params.socialShare | default .Site.Params.singlePages.socialShare | default true }}
{{ if .Params.socialShare | default true }}
<aside class="social">
<h5>{{ .Site.Params.terms.social | default "Social" }}</h5>
<div class="social-content">
<ul class="list-inline">
<li class="list-inline-item text-center">
<a target="_blank" href="https://www.linkedin.com/shareArticle?mini=true&url={{ .Site.Params.hostName }}{{ .Permalink | absURL }}">
<i class="fab fa-linkedin"></i>
</a>
</li>
<li class="list-inline-item text-center">
<a target="_blank" href="https://twitter.com/share?text={{ .Title }}&url={{ .Site.Params.hostName }}{{ .Permalink | absURL }}">
<i class="fab fa-twitter"></i>
{{ partial "icon" (dict "icon" "twitter" "class" "fab fa-twitter") }}
</a>
</li>
<li class="list-inline-item text-center">
<a target="_blank" href="https://api.whatsapp.com/send?text={{ .Title }}: {{ .Site.Params.hostName }}{{ .Permalink | absURL }}">
<i class="fab fa-whatsapp"></i>
{{ partial "icon" (dict "icon" "whatsapp" "class" "fab fa-whatsapp") }}
</a>
</li>
<li class="list-inline-item text-center">
<a target="_blank" href='mailto:?subject={{ .Title }}&amp;body={{ .Site.Params.terms.emailText | default "Check out this site" }} {{ .Site.Params.hostName }}{{ .Permalink | absURL }}'>
<i class="fa fa-envelope"></i>
{{ partial "icon" (dict "icon" "envelope" "class" "fa fa-envelope") }}
</a>
</li>
</ul>
@@ -100,22 +126,18 @@
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12 col-md-12 col-lg-9 p-4">
{{ template "_internal/disqus.html" . }}
</div>
</div>
</div>
<button class="p-2 px-3" onclick="topFunction()" id="topScroll">
<i class="fas fa-angle-up"></i>
</button>
<button class="p-2 px-3" onclick="topFunction()" id="topScroll">
{{ partial "icon" (dict "icon" "angle-up" "class" "fas fa-angle-up") }}
</button>
</section>
{{ if or (.Site.Params.singlePages.scrollprogress.enable | default true) (.Params.enableScrollProgress) }}
<div class="progress">
<div id="scroll-progress-bar" class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<Script src="{{.Site.Params.staticPath}}/js/scrollProgressBar.js"></script>
<!-- <Script src="{{.Site.Params.staticPath}}/js/scrollProgressBar.js"></script> -->
{{ end }}
<script>
@@ -147,8 +169,34 @@
}
</script>
{{ if or (.Site.Params.singlePages.readTime.enable | default true) (.Params.enableReadingTime) }}
<script>
function toggleComments() {
var cusdisThread = document.getElementById('cusdis_thread');
cusdisThread.style.display = cusdisThread.style.display === 'flex'? 'none' : 'flex';
var loadComments = document.getElementById('load_comments');
loadComments.style.display = loadComments.style.display === 'block' ? 'none' : 'block';
var commentsHeader = document.getElementById('comments_header');
commentsHeader.style.display = commentsHeader.style.display === 'block' ? 'none' : 'block';
var hideComments = document.getElementById('hide_comments');
hideComments.style.display = hideComments.style.display === 'block' ? 'none' : 'block';
var script = document.getElementById('cusdis_script');
if(script === null)
{
var script = document.createElement('script');
script.src = 'https://cusdis.com/js/cusdis.es.js';
script.async = false;
script.defer = false;
script.id = 'cusdis_script';
document.body.appendChild(script);
}
}
</script>
<!-- {{ if or (.Site.Params.singlePages.readTime.enable | default true) (.Params.enableReadingTime) }}
<script src="{{.Site.Params.staticPath}}/js/readingTime.js"></script>
{{end}}
{{end}} -->
{{ end }}