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

setup fontawesome, footer update

Browse Source
This commit is contained in:
gurusabarish
2020-11-27 20:38:13 +05:30
parent 1f9957e1a9
commit c18d6a1fd9
26 changed files with 9640 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files
layouts/_default/baseof.html
+8
View File
@@ -10,6 +10,14 @@
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Peddana&display=swap" rel="stylesheet" media="all">
<style>
footer {
background-color: #1c2d41;
color: #8392a5;
border-top-width: 1px !important;
border-color: #8392a5;
}
</style>
</head>
<body>
layouts/_default/list.html
+2 -2
View File
@@ -12,7 +12,7 @@
<div class="col-lg-6 col-md-6">
{{ range .Paginator.Pages }}
<div class="mb-4">
<div class="card border-bottom-primary shadow pb-2">
<div class="card border-bottom-primary pb-2">
{{ if .Params.tags }}
<h5 class="card-header m-0">
{{ if .Params.tags }}
@@ -62,7 +62,7 @@
<div class="row justify-content-center pt-3">
<div class="col-lg-7 col-md-7">
<div class=" mb-4">
<div class="card shadow p-0">
<div class="card p-0">
<h5 class="card-header m-0 bg-warning">Tags</h5>
<div class=" card-body">
{{range $name, $taxonomy := .Site.Taxonomies.tags}}
layouts/index.html
+7 -2
View File
@@ -5,6 +5,8 @@
<title>{{- .Site.Title -}}</title>
<!-- stylesheets -->
<link rel="stylesheet" href="/css/bootstrap.min.css" media="all">
<link rel="stylesheet" href="/css/fontawesome.min.css" media="all">
<link rel="stylesheet" href="/css/all.min.css" media="all">
<meta name="description" content="{{ .Site.Params.description }}">
{{ template "_internal/google_analytics.html" . }}
{{- partial "head.html" . -}}
@@ -39,10 +41,14 @@
}
@media only screen and (max-width: 768px) {
.things-i-do {
padding-top: 7% !important;
}
.do-things-card {
padding-left: 15%;
padding-right: 15%;
padding-bottom: 15%;
padding-bottom: 0%;
padding-top: 0%;
}
}
@@ -88,7 +94,6 @@
{{- partial "footer.html" . -}}
{{- partial "scripts.html" . -}}
<script src="https://kit.fontawesome.com/c4be8004cd.js" crossorigin="anonymous"></script>
</body>
</html>
layouts/partials/footer.html
+28 -22
View File
@@ -1,25 +1,31 @@
<footer class="footer py-3 text-muted text-center">
<div class="pb-2">
<div class="footer-site pb-2 font-weight-bold">
<a class="text-uppercase" href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
<footer>
<div class="container bg-transparent py-4">
<div class="row row-eq-height align-items-center">
<div class="col-md-4 nav-link text-center font-weight-bold">
<a class="text-uppercase" href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
</div>
<div class="col-md-4 text-center order-2 order-lg-1 order-md-1">
<div class="d-none d-sm-none d-md-block">
<a href="{{ .Site.BaseURL }}">
<img alt="Footer logo" src="{{ .Site.Params.favicon | default "/images/favicon.png"}}"
height="40px" width="40px">
</a>
</div>
&copy; {{ .Site.Params.copyright }} All Rights Reserved
<div class="text-secondary">
Powered by
<a class="text-secondary" href="https://github.com/gurusabarish/hugo-profile">Hugo-profile</a>
</div>
</div>
<div class="col-md-4 font-weight-bold order-1">
<ul class="nav justify-content-center">
{{ range site.Params.customMenus }}
<li class="nav-link">
<a href="{{.Url}}" aria-label="{{ .name }}">{{ .name }}</a>
</li>
{{ end }}
</ul>
</div>
</div>
&copy; {{ .Site.Params.copyright }} All Rights Reserved<br>
Made with
<a class="text-dark" href="https://github.com/gurusabarish/hugo-profile"
aria-label="hugo-profile">Hugo-profile</a>
and
<a class="text-dark" href="https://gohugo.io" aria-label="hugo">Hugo</a>
by
{{ if .Site.Author.name }}
{{ if .Site.Author.website }}
<a class="text-dark" href="{{ .Site.Author.website }}" aria-label="github handle">{{ .Site.Author.name }}</a>
{{ else }}
{{ .Site.Author.name }}
{{ end }}
{{ else }}
<a class="text-dark" href="https://github.com/gurusabarish" aria-label="github handle">GuruSabarish</a>
{{ end }}
</div>
</footer>
layouts/partials/head.html
+12 -14
View File
@@ -4,22 +4,16 @@
<link rel="icon" href="{{ .Site.Params.favicon | default "/images/favicon.png"}}" type="image/gif">
<!-- Header and Footer -->
<style>
/*footer*/
.footer {
background: #f2f2f2;
/* footer */
footer {
background-color: #1c2d41;
color: #8392a5;
border-top-width: 1px !important;
border-color: #8392a5;
}
.navbar-text {
font-size: 17px;
}
.footer-site {
font-family: 'Alata', sans-serif;
font-size: 25px;
}
iframe {
border: none;
footer a {
color: #8392a5;
}
/*navbar*/
@@ -27,6 +21,10 @@
color: #101820ff;
}
.navbar-text {
font-size: 17px;
}
.navbar-brand {
font-size: 22px;
}
layouts/partials/sections/about.html
+18 -23
View File
@@ -1,37 +1,21 @@
<section>
<div class="p-2"></div>
<div class="about p-3 bg-white">
<div class="about pt-2 bg-white">
<div class="container">
<h1 class="text-center">
{{ if .Site.Params.name }}
{{ .Site.Params.name }}
{{ end }}
</h1>
<div class="row justify-content-center ">
<div class="col-lg-3 pt-4 text-center">
<div class="col-lg-3 pt-3 text-center">
{{ if .Site.Params.profile_image }}
<img src="{{ .Site.Params.profile_image }}" width="200" height="200" alt="{{ .Site.Params.name }}"
class="rounded">
{{ end }}
<div class="about-me jop font-weight-bold text-secondary">
{{ if .Site.Params.job }}
{{ .Site.Params.job }}
{{ if .Site.Params.name }}
{{ .Site.Params.name }}
{{ end }}
</div>
{{ if .Site.Params.linkedin }}
<a class="text-white" href="{{ .Site.Params.linkedin }}" aria-label="linkedin">
<svg class="text-primary" width="2em" height="2em" fill="currentColor"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z" />
</svg>
</a>
{{ end }}
</div>
<div class="col-lg-7 pt-3 ">
<div class="col-lg-7 ">
<div class="about-content text-dark p-3">
{{ if .Site.Params.descripe_l1_person }}
{{ .Site.Params.descripe_l1_person }}
@@ -42,7 +26,7 @@
{{ .Site.Params.descripe_l2_person }}
{{ end }}
</div>
<div class="social p-4">
<div class="social px-3">
{{ if .Site.Params.useresume }}
<a href="{{ .Site.Params.resume | default "#" }}" class="btn btn-info" role="button"
aria-pressed="true">
@@ -60,6 +44,17 @@
</a>
{{ end }}
{{ if .Site.Params.linkedin }}
<a class="text-white" href="{{ .Site.Params.linkedin }}" aria-label="linkedin">
<svg class="text-primary" width="2em" height="2em" fill="currentColor"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z" />
</svg>
</a>
{{ end }}
{{ if .Site.Params.twitter }}
<a class="text-info" href="{{ .Site.Params.twitter }}" aria-label="twitter">
<svg width="2em" height="2em" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
layouts/partials/sections/do_things.html
+3 -3
View File
@@ -2,16 +2,16 @@
<section>
<div class="do-things text-center bg-white" id="do-things">
<div class="container">
<div class="things-i-do text-primary font-weight-bold">
<div class="things-i-do text-primary py-3 font-weight-bold">
Things I do
</div>
<div class="do-things-card">
<div class="row pb-5 justify-content-center">
<div class="row pb-2 justify-content-center">
{{ range .Site.Params.Things }}
<!-- Thing 1 -->
<div class="col-lg-3 col-md-4">
<div class="things shadow rounded p-4 mt-5 bg-warning">
<div class="things shadow rounded p-4 my-2 mb-4 bg-warning">
<i class="{{ .logo }} fa-3x" width="3em" height="3em"></i>
<div class="p-2 font-weight-bold">
{{ .title }}