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

list view

Browse Source
This commit is contained in:
gurusabarish
2021-06-08 16:16:14 +05:30
parent 6fb96c3864
commit 0cf404308f
8 changed files with 120 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files
layouts/_default/baseof.html
+4
View File
@@ -13,6 +13,10 @@
{{- block "head" . -}}{{- end }} {{- block "head" . -}}{{- end }}
{{ else if eq .Site.Params.version 3 }} {{ else if eq .Site.Params.version 3 }}
{{- partial "sections/v3/head.html" . -}} {{- partial "sections/v3/head.html" . -}}
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;1,100;1,300&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="/css/v3/navbar-footer.css" media="all">
{{- block "head" . -}}{{- end }} {{- block "head" . -}}{{- end }}
{{ else }} {{ else }}
{{ end }} {{ end }}
layouts/_default/list.html
+36
View File
@@ -1,6 +1,7 @@
{{ define "head"}} {{ define "head"}}
{{ if eq .Site.Params.version 3 }} {{ if eq .Site.Params.version 3 }}
<link rel="stylesheet" href="/css/v3/list.css" media="all">
{{ else }} {{ else }}
<!-- Fonts --> <!-- Fonts -->
<link rel="preconnect" href="https://fonts.gstatic.com"> <link rel="preconnect" href="https://fonts.gstatic.com">
@@ -15,6 +16,41 @@
{{ define "main" }} {{ define "main" }}
{{ if eq .Site.Params.version 3 }} {{ if eq .Site.Params.version 3 }}
<section style="font-family: 'Roboto', sans-serif; color: #8392a5">
<div class="container pt-5">
<h3 class="text-center">{{.Title}}</h2>
<div class="row justify-content-center">
<div class="col-md-7 py-2">
<ol class="post-ol">
{{ range .Paginator.Pages }}
<li>
<h1 style="font-size: 25px;" class="font-weight-bold">
<a class="text-decoration-none" href="{{ .Permalink }}">
{{ .Title }}
</a>
</h1>
<div class="post-sum">
{{- .Summary | truncate 150 | safeHTML -}}
</div>
{{ if .Params.tags }}
{{ range .Params.tags }}
<a href={{ "/tags/" | relLangURL }}{{ . | urlize }} class="text-info text-decoration-none m-1"
style="color: #8392a5">
<small># {{ . }}</small>
</a>
{{ end }}
{{ end }}
</li>
{{ end }}
</ol>
<div class="p-3">
{{ template "_internal/pagination.html" . }}
</div>
</div>
</div>
</div>
</section>
{{ else }} {{ else }}
<section> <section>
<div class="container-fluid"> <div class="container-fluid">
layouts/index.html
+6 -1
View File
@@ -59,13 +59,16 @@
media="all"> media="all">
{{ template "_internal/google_analytics.html" . }} {{ template "_internal/google_analytics.html" . }}
{{- partial "sections/v3/head.html" . -}} {{- partial "sections/v3/head.html" . -}}
<link rel="stylesheet" href="/css/v3/v3.css" media="all">
<link rel="stylesheet" href="/css/v3/navbar-footer.css" media="all">
<link rel="stylesheet" href="/css/v3/loader.css" />
<!-- aos --> <!-- aos -->
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
</head> </head>
<body> <body>
<div id="loader" class="center"></div> <!--<div id="loader" class="center"></div>-->
<script src="https://unpkg.com/aos@next/dist/aos.js"></script> <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script> <script>
AOS.init(); AOS.init();
@@ -112,6 +115,7 @@
{{- partial "sections/v3/scripts.html" . -}} {{- partial "sections/v3/scripts.html" . -}}
</div> </div>
<script> <script>
/*
document.onreadystatechange = function () { document.onreadystatechange = function () {
if (document.readyState !== "complete") { if (document.readyState !== "complete") {
document.querySelector( document.querySelector(
@@ -125,6 +129,7 @@
"body").style.visibility = "visible"; "body").style.visibility = "visible";
} }
}; };
*/
</script> </script>
</body> </body>
{{ else }} {{ else }}
layouts/partials/sections/v3/head.html
-1
View File
@@ -7,4 +7,3 @@
<link rel="stylesheet" href="/css/bootstrap.min.css" media="all"> <link rel="stylesheet" href="/css/bootstrap.min.css" media="all">
<link rel="stylesheet" href="/css/all.min.css" media="all"> <link rel="stylesheet" href="/css/all.min.css" media="all">
<link rel="stylesheet" href="/css/fontawesome.min.css" media="all"> <link rel="stylesheet" href="/css/fontawesome.min.css" media="all">
<link rel="stylesheet" href="/css/v3/v3.css" media="all">
static/css/v3/list.css
+17
View File
@@ -0,0 +1,17 @@
html {
scroll-behavior: smooth;
}
body {
font-family: "Roboto", sans-serif;
background-color: #0a192f;
}
.post-ol {
list-style-type: decimal-leading-zero;
padding-top: 1%;
}
.post-ol li {
padding-top: 3%;
}
.post-sum p {
margin: 0;
}
static/css/v3/loader.css
+26
View File
@@ -0,0 +1,26 @@
#loader {
position: fixed;
border: 5px solid #007bff;
border-radius: 50%;
border-top: 5px solid #444444;
border-bottom: 5px solid #444444;
border-right: 5px solid #444444;
width: 50px;
height: 50px;
animation: spin 1s linear infinite;
}
@keyframes spin {
100% {
transform: rotate(360deg);
}
}
.center {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
static/css/v3/navbar-footer.css
+30
View File
@@ -0,0 +1,30 @@
/* v3 navbar */
.navbar-brand {
color: #007bff !important;
}
.navbar .nav-link {
color: #f9fafc !important;
}
.navbar .nav-link:hover {
color: #007bff !important;
}
.navbar-text {
font-size: 16px !important;
}
/* v2 and v3 footer */
footer {
color: #8392a5;
border-top-width: 1px !important;
border-color: #8392a5;
}
footer a {
color: #8392a5;
}
/* v2 and v3 news */
.news a {
color: #1c2d41;
text-decoration: none;
}
static/css/v3/v3.css
-59
View File
@@ -9,48 +9,6 @@ a:hover {
text-decoration: none; text-decoration: none;
} }
/*loader */
#loader {
position: fixed;
border: 5px solid #007bff;
border-radius: 50%;
border-top: 5px solid #444444;
border-bottom: 5px solid #444444;
border-right: 5px solid #444444;
width: 50px;
height: 50px;
animation: spin 1s linear infinite;
}
@keyframes spin {
100% {
transform: rotate(360deg);
}
}
.center {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
/* v3 navbar */
.navbar-brand {
color: #007bff !important;
}
.navbar .nav-link {
color: #f9fafc !important;
}
.navbar .nav-link:hover {
color: #007bff !important;
}
.navbar-text {
font-size: 16px !important;
}
/* v3 home */ /* v3 home */
.name { .name {
padding-left: 3%; padding-left: 3%;
@@ -372,20 +330,3 @@ a:hover {
color: #8892b0; color: #8892b0;
font-size: 17px; font-size: 17px;
} }
/* v2 and v3 footer */
footer {
color: #8392a5;
border-top-width: 1px !important;
border-color: #8392a5;
}
footer a {
color: #8392a5;
}
/* v2 and v3 news */
.news a {
color: #1c2d41;
text-decoration: none;
}