initial V3-stable
@@ -1,99 +1 @@
|
||||
<div align="center">
|
||||
|
||||
# hugo-profile
|
||||
|
||||
[](https://twitter.com/intent/tweet?text=Wow:&url=https%3A%2F%2Fgithub.com%2Fgurusabarish%2Fhugo-profile) [](https://github.com/gurusabarish/hugo-profile/network) [](https://github.com/gurusabarish/hugo-profile/stargazers)
|
||||
|
||||
[](https://app.netlify.com/sites/hugo-profile/deploys)
|
||||

|
||||

|
||||

|
||||

|
||||

|
||||

|
||||
|
||||
</div>
|
||||
|
||||
A high performance and mobile first hugo template for personal portfolio and blog
|
||||
|
||||
### Credit
|
||||
|
||||
I spent an amount of effort building this template. It's always disheartening whenever I find that someone use this template without giving me credit. Please, give me proper credit in footer.
|
||||
|
||||
### Demo
|
||||
|
||||
- [Live demo V1](https://hugo-profile-1.netlify.app)
|
||||
- [Live demo V2](https://hugo-profile-2.netlify.app)
|
||||
- [Live demo V3 (latest)](https://hugo-profile.netlify.app)
|
||||
- [Github pages demo](https://gurusabarish.github.io/hugo-profile)
|
||||
|
||||
## Requirements
|
||||
|
||||
- Hugo Version 0.68.0 or higher
|
||||
|
||||
## How to use this template
|
||||
|
||||
- [Hugo theme format](#Hugo-theme-format)
|
||||
- [Local Development](#Local-Development)
|
||||
- [Direct deployment using netlify](#Direct-deployment-using-netlify)
|
||||
- [Direct deployment using Github Pages and action](#Direct-deployment-using-Github-Pages-and-action)
|
||||
|
||||
### Hugo theme format
|
||||
|
||||
- Install Hugo and create a site using `hugo new site my-site -f=yaml`
|
||||
- Clone this repo inside your themes folder and create config.yaml (_I am not much aware about toml. So, I am using yaml format._) inside root folder and use one of these [v1config](https://github.com/gurusabarish/hugo-profile/blob/master/website/v1.yaml), [v2config](https://github.com/gurusabarish/hugo-profile/blob/master/website/v2.yaml), [v3config](https://github.com/gurusabarish/hugo-profile/blob/master/website/v3.yaml) as base template.
|
||||
|
||||
```
|
||||
cd themes
|
||||
git clone https://github.com/gurusabarish/hugo-profile.git
|
||||
```
|
||||
|
||||
- You should have the mentioned (_inside the config file_) images in static folder to use them.
|
||||
|
||||
### Local Development
|
||||
|
||||
- Install hugo and just clone this repo
|
||||
|
||||
```
|
||||
git clone https://github.com/gurusabarish/hugo-profile.git
|
||||
cd hugo-profile
|
||||
```
|
||||
|
||||
- Now create config.yaml file in your root folder and use one of these [v1config](https://github.com/gurusabarish/hugo-profile/blob/master/website/v1.yaml), [v2config](https://github.com/gurusabarish/hugo-profile/blob/master/website/v2.yaml), [v3config](https://github.com/gurusabarish/hugo-profile/blob/master/website/v3.yaml) as base template.
|
||||
- Run your site using `hugo serve` commend
|
||||
|
||||
### Direct deployment using netlify
|
||||
|
||||
- Fork this repo or create new repo using `use this template` button and connect repo to netlify.
|
||||
- You can customize the config file, content and everything inside website folder. Netlify will automatically deploy your changes every time you modify the repo.
|
||||
|
||||
**[What is netlify?](https://www.netlify.com/about/)** An intuitive Git-based workflow and powerful serverless platform to build, deploy, and collaborate on web apps
|
||||
|
||||
### Direct deployment using Github Pages and action
|
||||
|
||||
- Fork this repo or create new repo using `use this template` button. Github action will generate all files and push to demo branch. Now, you have to connect your github pages to that `demo` branch. _No need to create demo branch. Github action will take care of it_
|
||||
- You can customize the config file, content and everything inside website folder. Github action will automatically deploy your changes to demo branch every time you modify the repo.
|
||||
- When using your own domain create a file in the static dir called `CNAME' and put your domain in it.
|
||||
- If you clone the repo locally, you can veiw the local change with `hugo --gc --minify --themesDir . serve` from within the website dir.
|
||||
|
||||
## Deployment
|
||||
|
||||
Run `hugo`. It will generate a folder called public. You can use the files inside public folder for deployment. You should delete the public folder for each time when you are using `hugo` commend.
|
||||
|
||||
## Issues
|
||||
|
||||
If you have a question, please [open an issue](https://github.com/gurusabarish/hugo-profile/issues) for help and to help those who come after you. The more information you can provide, the better!
|
||||
|
||||
## Contributing
|
||||
|
||||
Contributions, issues, and feature requests are welcome! For major changes, please open an issue first to discuss what you would like to change.
|
||||
|
||||
## License
|
||||
|
||||
Licensed under [MIT](LICENSE)
|
||||
|
||||
## 🤝 Support
|
||||
|
||||
Give a ⭐️ if you like this project!
|
||||
|
||||
<a href="https://www.buymeacoffee.com/gurusabarish" target="_blank" rel="noopener"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" height="40" width="145" alt="Buy Me A Coffee"></a>
|
||||
# Hugo Profile
|
||||
@@ -2,10 +2,5 @@
|
||||
title: "{{ replace .Name "-" " " | title }}"
|
||||
date: {{ .Date }}
|
||||
draft: true
|
||||
author: ""
|
||||
tags:
|
||||
bg_image: ""
|
||||
description: ""
|
||||
toc:
|
||||
---
|
||||
|
||||
---
|
||||
@@ -1,10 +0,0 @@
|
||||
---
|
||||
title: "{{ replace .Name "-" " " | title }}"
|
||||
date: {{ .Date }}
|
||||
draft: true
|
||||
author: ""
|
||||
tags:
|
||||
bg_image: ""
|
||||
description: ""
|
||||
toc:
|
||||
---
|
||||
@@ -1,10 +0,0 @@
|
||||
---
|
||||
title: "{{ replace .Name "-" " " | title }}"
|
||||
date: {{ .Date }}
|
||||
draft: true
|
||||
author: ""
|
||||
tags:
|
||||
bg_image: ""
|
||||
description: ""
|
||||
toc:
|
||||
---
|
||||
@@ -1,6 +0,0 @@
|
||||
---
|
||||
title: "{{ replace .Name "-" " " | title }}"
|
||||
date: {{ .Date }}
|
||||
draft: true
|
||||
tags:
|
||||
---
|
||||
@@ -0,0 +1,96 @@
|
||||
# Hugo Profile
|
||||
|
||||
## Font
|
||||
You can customize the font size, font weight, line height, text align properties in `config.yaml`
|
||||
|
||||
```yaml
|
||||
params:
|
||||
font:
|
||||
fontSize: 1.5rem # default: 1rem
|
||||
fontWeight: 500 # default: 400
|
||||
lineHeight: 1 # default: 1.5
|
||||
textAlign: right # default: left
|
||||
```
|
||||
|
||||
### Font used
|
||||
- [Roboto (default)](https://fonts.google.com/specimen/Roboto)
|
||||
- [Alata](https://fonts.google.com/specimen/Alata)
|
||||
- [Lara](https://fonts.google.com/specimen/Lora)
|
||||
|
||||
If you want to customize the font, edit these files [head.html]('./../../layouts/partials/head.html'), [font.css]('./../../static/css/font.css')
|
||||
|
||||
## Color palette
|
||||
You can customize the color palette in `config.yaml`
|
||||
|
||||
```yaml
|
||||
params:
|
||||
color:
|
||||
textColor:
|
||||
backgroundColor:
|
||||
primaryColor:
|
||||
secondaryColor:
|
||||
|
||||
darkmode:
|
||||
textColor:
|
||||
backgroundColor:
|
||||
primaryColor:
|
||||
secondaryColor:
|
||||
```
|
||||
|
||||
## Theme
|
||||
you can disable the toggle in `config.yaml`. It will be in auto by default.
|
||||
`note:` *customizing default theme will release further*
|
||||
|
||||
```yaml
|
||||
params:
|
||||
theme:
|
||||
disableThemeToggle: false
|
||||
```
|
||||
|
||||
## SEO and analytics
|
||||
It has Hugo's [`_internal/opengraph.html`](https://gohugo.io/templates/internal/#open-graph), [`_internal/twitter_cards.html`](https://gohugo.io/templates/internal/#twitter-cards) for SEO performance and [`_internal/google_analytics.html`](https://gohugo.io/templates/internal/#google-analytics) for analytics.
|
||||
|
||||
## Navbar
|
||||
If you want to customize the menu, you can customize in `config.yaml`
|
||||
- alignment: It will align the menus. If you didn't specify by default it will be `ms-auto`. *Left: `ms-auto` | center: `mx-auto` | right: `me-auto`*.
|
||||
- brandLogo: If you want you different logo for brand, you can change by this property.
|
||||
- brandName: If you want you different name for brand, you can change by this property.
|
||||
|
||||
```yaml
|
||||
params:
|
||||
navbar:
|
||||
align: mx-auto
|
||||
brandLogo: "/logo.png" # Logo for the brand | default is the favicon variable
|
||||
brandName: "Profile" # Brand name for the brand | default is the title variable
|
||||
```
|
||||
|
||||
### Menus
|
||||
It follows Hugo's [menus](https://gohugo.io/content-management/menus)
|
||||
|
||||
```yaml
|
||||
Menus:
|
||||
main:
|
||||
- identifier: blog
|
||||
name: Blog
|
||||
title: Blog posts
|
||||
url: /blog
|
||||
weight: 1
|
||||
|
||||
#Dropdown menu
|
||||
- identifier: dropdown
|
||||
title: Example dropdown menu
|
||||
name: Dropdown
|
||||
weight: 2
|
||||
- identifier: dropdown1
|
||||
title: example dropdown 1
|
||||
name: example 1
|
||||
url: /#
|
||||
parent: dropdown
|
||||
weight: 1
|
||||
- identifier: dropdown2
|
||||
title: example dropdown 2
|
||||
name: example 2
|
||||
url: /#
|
||||
parent: dropdown
|
||||
weight: 2
|
||||
```
|
||||
@@ -0,0 +1,62 @@
|
||||
baseURL: "https://hugo-profile.netlify.app"
|
||||
languageCode: "en-us"
|
||||
title: "Hugo Profile"
|
||||
|
||||
Menus:
|
||||
main:
|
||||
- identifier: blog
|
||||
name: Blog
|
||||
title: Blog posts
|
||||
url: /blog
|
||||
weight: 1
|
||||
|
||||
#Dropdown menu
|
||||
- identifier: dropdown
|
||||
title: Example dropdown menu
|
||||
name: Dropdown
|
||||
weight: 2
|
||||
- identifier: dropdown1
|
||||
title: example dropdown 1
|
||||
name: example 1
|
||||
url: /#
|
||||
parent: dropdown
|
||||
weight: 1
|
||||
- identifier: dropdown2
|
||||
title: example dropdown 2
|
||||
name: example 2
|
||||
url: /#
|
||||
parent: dropdown
|
||||
weight: 2
|
||||
|
||||
params:
|
||||
title: "Hugo Profile"
|
||||
description: Text about my cool site
|
||||
favicon: "/fav.png"
|
||||
|
||||
theme:
|
||||
disableThemeToggle: false
|
||||
|
||||
# font:
|
||||
# fontSize: 1.5rem # default: 1rem
|
||||
# fontWeight: 500 # default: 400
|
||||
# lineHeight: 1 # default: 1.5
|
||||
# textAlign: right # default: left
|
||||
|
||||
# color preference
|
||||
# color:
|
||||
# textColor:
|
||||
# backgroundColor:
|
||||
# primaryColor:
|
||||
# secondaryColor:
|
||||
|
||||
# darkmode:
|
||||
# textColor:
|
||||
# backgroundColor:
|
||||
# primaryColor:
|
||||
# secondaryColor:
|
||||
|
||||
# If you want to customize the menu, you can change it here
|
||||
# navbar:
|
||||
# align: mx-auto # Left: ms-auto | center: mx-auto | right: me-auto | Default: ms-auto
|
||||
# brandLogo: "/logo.png" # Logo for the brand | default is the favicon variable
|
||||
# brandName: "Profile" # Brand name for the brand | default is the title variable
|
||||
|
Before Width: | Height: | Size: 7.8 KiB After Width: | Height: | Size: 7.8 KiB |
@@ -1,24 +0,0 @@
|
||||
{{ define "main" }}
|
||||
<style>
|
||||
html {
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: "Roboto", sans-serif;
|
||||
background-color: #eaedf0;
|
||||
}
|
||||
</style>
|
||||
<div class="container">
|
||||
<div class="row justify-centent-center py-5">
|
||||
<div class="display-4 font-weight-bold text-center col p-5">
|
||||
{{ if eq .Site.Params.version 3 }}
|
||||
<span class="text-dark">404 page not found</span>
|
||||
{{ else }} 404 page not found {{ end }}
|
||||
<div class="text-center p-5">
|
||||
<a href="{{ .Site.BaseURL }}" class="font-weight-bold btn btn-primary rounded-pill p-3 mb-2">Back to Home</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
@@ -1,95 +1,25 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
{{ if eq .Site.Params.version 1 }}
|
||||
{{- partial "sections/v1/head.html" . -}}
|
||||
<link href="/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="/css/v1/head_foot.css" rel="stylesheet">
|
||||
{{- block "head" . -}}{{- end }}
|
||||
|
||||
{{ else if eq .Site.Params.version 2 }}
|
||||
{{- partial "sections/v2/head.html" . -}}
|
||||
{{- block "head" . -}}{{- end }}
|
||||
{{ else if eq .Site.Params.version 3 }}
|
||||
{{- partial "sections/v3/head.html" . -}}
|
||||
<link rel="stylesheet" href="/css/v3/navbar-footer.css">
|
||||
<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">
|
||||
<script src="/js/popper.min.js"></script>
|
||||
|
||||
{{- block "head" . -}}{{- end }}
|
||||
{{ else }}
|
||||
{{ end }}
|
||||
|
||||
|
||||
|
||||
{{- partial "head.html" . -}}
|
||||
{{- block "head" . }} {{- end }}
|
||||
<title>
|
||||
{{- block "title" . }} {{- end }}
|
||||
</title>
|
||||
</head>
|
||||
|
||||
{{ if eq .Site.Params.version 1 }}
|
||||
<body class="light">
|
||||
<!-- javascripts -->
|
||||
<!-- <script src="/js/jquery-3.6.0.min.js"></script> -->
|
||||
<script src="/bootstrap-5/js/bootstrap.bundle.js"></script>
|
||||
|
||||
<body>
|
||||
{{- partial "sections/v1/scripts.html" . -}}
|
||||
{{- partial "sections/v1/header1.html" . -}}
|
||||
{{- block "main" . -}}{{- end }}
|
||||
{{- partial "sections/v1/footer.html" . -}}
|
||||
{{- partial "sections/header.html" . -}}
|
||||
<div id="content">
|
||||
{{- block "main" . }}{{- end }}
|
||||
</div>
|
||||
{{- partial "sections/footer/index.html" . -}}
|
||||
{{- partial "scripts.html" . -}}
|
||||
</body>
|
||||
{{ else if eq .Site.Params.version 2 }}
|
||||
|
||||
<body>
|
||||
{{- partial "sections/v2/scripts.html" . -}}
|
||||
{{- partial "sections/v2/header.html" . -}}
|
||||
{{- block "main" . -}}{{- end }}
|
||||
{{- partial "sections/v2/footer.html" . -}}
|
||||
</body>
|
||||
{{ else if eq .Site.Params.version 3 }}
|
||||
|
||||
<body class="text-dark">
|
||||
{{- partial "sections/v3/scripts.html" . -}}
|
||||
{{- partial "sections/v3/navbar.html" . -}}
|
||||
{{- block "main" . -}}{{- end }}
|
||||
{{- partial "sections/v3/footer.html" . -}}
|
||||
<script>
|
||||
$(function () {
|
||||
$('[data-toggle="tooltip"]').tooltip()
|
||||
})
|
||||
</script>
|
||||
|
||||
<!-- Darkmode -->
|
||||
<script>
|
||||
function autoDarkMode() {
|
||||
$("body").toggleClass("darkmode");
|
||||
$(".fa-moon").addClass("d-none");
|
||||
$(".fa-sun").removeClass("d-none");
|
||||
$("nav").toggleClass("navbar-dark");
|
||||
$("nav").toggleClass("navbar-light");
|
||||
$('.text-dark').toggleClass('darkmode-text-dark');
|
||||
$('.text-muted').toggleClass('darkmode-text-muted');
|
||||
$(".dropdown-menu").toggleClass('darkmode-dropdown-menu');
|
||||
};
|
||||
</script>
|
||||
<script src="/js/auto_darkmode.js"></script>
|
||||
<script>
|
||||
$('.darkmode-label').click(function () {
|
||||
$("body").toggleClass("darkmode");
|
||||
$(".fa-moon").toggleClass("d-none");
|
||||
$(".fa-sun").toggleClass("d-none");
|
||||
$("nav").toggleClass("navbar-dark");
|
||||
$("nav").toggleClass("navbar-light");
|
||||
$('.text-dark').toggleClass('darkmode-text-dark');
|
||||
$('.text-muted').toggleClass('darkmode-text-muted');
|
||||
$(".dropdown-menu").toggleClass('darkmode-dropdown-menu');
|
||||
|
||||
switchDarkmodeSetting();
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
{{ else }}
|
||||
|
||||
<body></body>
|
||||
{{ end }}
|
||||
|
||||
</html>
|
||||
@@ -1,130 +0,0 @@
|
||||
{{ define "head"}}
|
||||
|
||||
{{ if eq .Site.Params.version 3 }}
|
||||
<link rel="stylesheet" href="/css/v3/list.css" media="all">
|
||||
{{ else }}
|
||||
<!-- Fonts -->
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;1,400&display=swap" rel="stylesheet"
|
||||
media="all">
|
||||
{{ end }}
|
||||
|
||||
<meta name="description" content="{{ .Title }}" />
|
||||
<title>{{ .Title }}</title>
|
||||
{{ end }}
|
||||
|
||||
|
||||
{{ define "main" }}
|
||||
{{ if eq .Site.Params.version 3 }}
|
||||
<section style="font-family: 'Roboto', sans-serif;5">
|
||||
<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="{{ .RelPermalink }}">
|
||||
{{ .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 }}
|
||||
<section>
|
||||
<div class="container-fluid">
|
||||
<div class="row pt-3 justify-content-center">
|
||||
<div class="col-lg-6 col-md-6">
|
||||
{{ range .Paginator.Pages }}
|
||||
<div class="mb-4">
|
||||
<div class="card border-bottom-primary pb-2">
|
||||
{{ if .Params.tags }}
|
||||
<h5 class="card-header m-0">
|
||||
{{ if .Params.tags }}
|
||||
{{ range .Params.tags }}
|
||||
<a href={{ "/tags/" | relLangURL }}{{ . | urlize }} class="btn btn-info btn-rounded mb-2">{{ . }}</a>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</h5>
|
||||
{{ end }}
|
||||
<a class="text-decoration-none" href="{{ .RelPermalink }}">
|
||||
<div class="card-body">
|
||||
<div class="text-xs font-weight-bold text-primary text-uppercase mb-1">{{ .Title }}</div>
|
||||
{{ if .Site.Params.showdescription }}
|
||||
<div class="text-muted py-2">
|
||||
{{ .Params.description }}
|
||||
</div>
|
||||
{{ end }}
|
||||
<div class="text-dark">
|
||||
<span class="px-1">
|
||||
<svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-calendar" fill="currentColor"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd"
|
||||
d="M1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1zm1-3a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H2z" />
|
||||
<path fill-rule="evenodd"
|
||||
d="M3.5 0a.5.5 0 0 1 .5.5V1a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 .5-.5zm9 0a.5.5 0 0 1 .5.5V1a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 .5-.5z" />
|
||||
</svg>
|
||||
</span>
|
||||
{{ dateFormat "Jan 2, 2006" .Date }}
|
||||
{{ if .Params.author }}
|
||||
<span class="px-1">
|
||||
<svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-person-fill" fill="currentColor"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd"
|
||||
d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z" />
|
||||
</svg>
|
||||
</span>
|
||||
{{ .Params.author }}
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
{{ template "_internal/pagination.html" . }}
|
||||
<div class="row justify-content-center pt-3">
|
||||
<div class="col-lg-7 col-md-7">
|
||||
<div class=" mb-4">
|
||||
<div class="card p-0">
|
||||
<h5 class="card-header m-0 btn-outline-danger">Tags</h5>
|
||||
<div class=" card-body">
|
||||
{{range $name, $taxonomy := .Site.Taxonomies.tags}}
|
||||
{{ with $.Site.GetPage (printf "/tags/%s" $name) }}
|
||||
<a href="{{ .RelPermalink }}" class="btn btn-outline-danger rounded-pill mb-2">{{$name}}</a>
|
||||
{{end}}
|
||||
{{end}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
|
||||
|
||||
{{ end }}
|
||||
@@ -1,236 +0,0 @@
|
||||
{{ define "head"}}
|
||||
<meta name="description" content="{{ .Params.description }}" />
|
||||
<title>{{ .Title }}</title>
|
||||
{{ if eq .Site.Params.version 1 }}
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1:wght@400;700&display=swap" rel="stylesheet">
|
||||
<link href="/css/v1/blog.css" rel="stylesheet">
|
||||
{{ else if eq .Site.Params.version 2 }}
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1:wght@400;700&display=swap" rel="stylesheet">
|
||||
<link href="/css/v2/post.css" rel="stylesheet">
|
||||
{{ else if eq .Site.Params.version 3 }}
|
||||
<link href="/css/v3/post.css" rel="stylesheet">
|
||||
{{ else }}
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
|
||||
|
||||
{{ define "main" }}
|
||||
|
||||
{{ if eq .Site.Params.version 3 }}
|
||||
<section style="font-family: 'Roboto', sans-serif;">
|
||||
|
||||
<div class="bottom-share d-none">
|
||||
<div class="my-1 mb-3 share-container">
|
||||
<div class="d-block my-1 text-center" data-toggle="tooltip" data-placement="left" title="Tooltip on left">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px">
|
||||
<path fill="#03a9f4"
|
||||
d="M42,37c0,2.762-2.239,5-5,5H11c-2.762,0-5-2.238-5-5V11c0-2.762,2.238-5,5-5h26c2.761,0,5,2.238,5,5 V37z" />
|
||||
<path fill="#fff"
|
||||
d="M36,17.12c-0.882,0.391-1.999,0.758-3,0.88c1.018-0.604,2.633-1.862,3-3 c-0.951,0.559-2.671,1.156-3.793,1.372C31.311,15.422,30.033,15,28.617,15C25.897,15,24,17.305,24,20v2c-4,0-7.9-3.047-10.327-6 c-0.427,0.721-0.667,1.565-0.667,2.457c0,1.819,1.671,3.665,2.994,4.543c-0.807-0.025-2.335-0.641-3-1c0,0.016,0,0.036,0,0.057 c0,2.367,1.661,3.974,3.912,4.422C16.501,26.592,16,27,14.072,27c0.626,1.935,3.773,2.958,5.928,3c-1.686,1.307-4.692,2-7,2 c-0.399,0-0.615,0.022-1-0.023C14.178,33.357,17.22,34,20,34c9.057,0,14-6.918,14-13.37c0-0.212-0.007-0.922-0.018-1.13 C34.95,18.818,35.342,18.104,36,17.12" />
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
<div class="d-block my-1 text-center" data-toggle="tooltip" data-placement="left" title="Tooltip on left">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="40px" height="48px" data-name="Layer 1" viewBox="0 0 32 32">
|
||||
<path fill="#ea4435"
|
||||
d="M16.58,19.1068l-12.69-8.0757A3,3,0,0,1,7.1109,5.97l9.31,5.9243L24.78,6.0428A3,3,0,0,1,28.22,10.9579Z" />
|
||||
<path fill="#00ac47" d="M25.5,5.5h4a0,0,0,0,1,0,0v18a3,3,0,0,1-3,3h0a3,3,0,0,1-3-3V7.5a2,2,0,0,1,2-2Z"
|
||||
transform="rotate(180 26.5 16)" />
|
||||
<path fill="#ffba00"
|
||||
d="M29.4562,8.0656c-.0088-.06-.0081-.1213-.0206-.1812-.0192-.0918-.0549-.1766-.0823-.2652a2.9312,2.9312,0,0,0-.0958-.2993c-.02-.0475-.0508-.0892-.0735-.1354A2.9838,2.9838,0,0,0,28.9686,6.8c-.04-.0581-.09-.1076-.1342-.1626a3.0282,3.0282,0,0,0-.2455-.2849c-.0665-.0647-.1423-.1188-.2146-.1771a3.02,3.02,0,0,0-.24-.1857c-.0793-.0518-.1661-.0917-.25-.1359-.0884-.0461-.175-.0963-.267-.1331-.0889-.0358-.1837-.0586-.2766-.0859s-.1853-.06-.2807-.0777a3.0543,3.0543,0,0,0-.357-.036c-.0759-.0053-.1511-.0186-.2273-.018a2.9778,2.9778,0,0,0-.4219.0425c-.0563.0084-.113.0077-.1689.0193a33.211,33.211,0,0,0-.5645.178c-.0515.022-.0966.0547-.1465.0795A2.901,2.901,0,0,0,23.5,8.5v5.762l4.72-3.3043a2.8878,2.8878,0,0,0,1.2359-2.8923Z" />
|
||||
<path fill="#4285f4" d="M5.5,5.5h0a3,3,0,0,1,3,3v18a0,0,0,0,1,0,0h-4a2,2,0,0,1-2-2V8.5a3,3,0,0,1,3-3Z" />
|
||||
<path fill="#c52528"
|
||||
d="M2.5439,8.0656c.0088-.06.0081-.1213.0206-.1812.0192-.0918.0549-.1766.0823-.2652A2.9312,2.9312,0,0,1,2.7426,7.32c.02-.0475.0508-.0892.0736-.1354A2.9719,2.9719,0,0,1,3.0316,6.8c.04-.0581.09-.1076.1342-.1626a3.0272,3.0272,0,0,1,.2454-.2849c.0665-.0647.1423-.1188.2147-.1771a3.0005,3.0005,0,0,1,.24-.1857c.0793-.0518.1661-.0917.25-.1359A2.9747,2.9747,0,0,1,4.3829,5.72c.089-.0358.1838-.0586.2766-.0859s.1853-.06.2807-.0777a3.0565,3.0565,0,0,1,.357-.036c.076-.0053.1511-.0186.2273-.018a2.9763,2.9763,0,0,1,.4219.0425c.0563.0084.113.0077.169.0193a2.9056,2.9056,0,0,1,.286.0888,2.9157,2.9157,0,0,1,.2785.0892c.0514.022.0965.0547.1465.0795a2.9745,2.9745,0,0,1,.3742.21A2.9943,2.9943,0,0,1,8.5,8.5v5.762L3.78,10.9579A2.8891,2.8891,0,0,1,2.5439,8.0656Z" />
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
<div class="d-block my-1 text-center" data-toggle="tooltip" data-placement="left" title="Tooltip on left">
|
||||
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="38px" height="48px">
|
||||
<path fill="#4CAF50"
|
||||
d="M8.002 0h-.004C3.587 0 0 3.588 0 8a7.94 7.94 0 0 0 1.523 4.689l-.997 2.972 3.075-.983A7.93 7.93 0 0 0 8.002 16C12.413 16 16 12.411 16 8s-3.587-8-7.998-8z" />
|
||||
<path fill="#FAFAFA"
|
||||
d="M12.657 11.297c-.193.545-.959.997-1.57 1.129-.418.089-.964.16-2.802-.602-2.351-.974-3.865-3.363-3.983-3.518-.113-.155-.95-1.265-.95-2.413s.583-1.707.818-1.947c.193-.197.512-.287.818-.287.099 0 .188.005.268.009.235.01.353.024.508.395.193.465.663 1.613.719 1.731.057.118.114.278.034.433-.075.16-.141.231-.259.367-.118.136-.23.24-.348.386-.108.127-.23.263-.094.498.136.23.606.997 1.298 1.613.893.795 1.617 1.049 1.876 1.157.193.08.423.061.564-.089.179-.193.4-.513.625-.828.16-.226.362-.254.574-.174.216.075 1.359.64 1.594.757.235.118.39.174.447.273.056.099.056.564-.137 1.11z" />
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="text-center" data-toggle="tooltip" data-placement="left" title="Share this article">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="40px" height="40px" viewBox="0 0 25 25">
|
||||
<g transform="translate(0 -1027.362)">
|
||||
<circle cx="657.054" cy="437.094" r="15.268" fill="#9257a2" fill-rule="evenodd"
|
||||
transform="translate(-525.439 682.007) scale(.81871)" />
|
||||
<path fill="#6c4676"
|
||||
style="line-height:normal;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;text-transform:none;block-progression:tb;isolation:auto;mix-blend-mode:normal"
|
||||
d="M 12.943359 24.984375 A 12.5 12.5 0 0 0 13.384766 24.96875 A 12.5 12.5 0 0 0 14.625 24.818359 A 12.5 12.5 0 0 0 15.84375 24.544922 A 12.5 12.5 0 0 0 17.029297 24.150391 A 12.5 12.5 0 0 0 18.169922 23.640625 A 12.5 12.5 0 0 0 19.253906 23.017578 A 12.5 12.5 0 0 0 20.269531 22.291016 A 12.5 12.5 0 0 0 21.208984 21.466797 A 12.5 12.5 0 0 0 22.060547 20.552734 A 12.5 12.5 0 0 0 22.816406 19.558594 A 12.5 12.5 0 0 0 23.470703 18.492188 A 12.5 12.5 0 0 0 24.013672 17.367188 A 12.5 12.5 0 0 0 24.441406 16.193359 A 12.5 12.5 0 0 0 24.496094 15.974609 L 14.265625 5.7441406 C 13.812473 5.2910406 13.187396 5.0097656 12.5 5.0097656 C 11.12521 5.0097656 10 6.1349656 10 7.5097656 C 10 7.5307656 10.005259 7.5493125 10.005859 7.5703125 C 9.4896699 7.8077125 9.0133544 8.1147296 8.5878906 8.4804688 C 8.374766 8.6636758 8.1738297 8.8614634 7.9882812 9.0722656 C 7.0619905 10.124095 6.5 11.499953 6.5 13.009766 C 6.5 13.488466 6.573385 13.948784 6.6796875 14.396484 C 5.9748502 14.839884 5.5 15.620266 5.5 16.509766 C 5.5 17.197166 5.7812253 17.822291 6.234375 18.275391 L 12.943359 24.984375 z "
|
||||
color="#000" font-family="sans-serif" font-weight="400" transform="translate(0 1027.362)" />
|
||||
<path fill="#fff"
|
||||
d="m 7.9941406,1 c -1.3747895,0 -2.5,1.1252 -2.5,2.5 0,0.02072 0.00535,0.039943 0.00586,0.060547 C 3.4352817,4.5101164 1.9941406,6.5842949 1.9941406,9 c 0,0.4787281 0.073385,0.9389814 0.1796875,1.386719 C 1.4689908,10.830108 0.99414062,11.610545 0.99414062,12.5 c 0,1.3748 1.12521048,2.5 2.49999998,2.5 0.6665407,0 1.2712865,-0.268072 1.7207032,-0.697266 C 6.0479519,14.74009 6.9900874,15 7.9941406,15 8.9981981,15 9.9421095,14.741984 10.775391,14.304688 11.224611,14.732762 11.828584,15 12.494141,15 c 1.374789,0 2.5,-1.1252 2.5,-2.5 0,-0.887901 -0.472993,-1.667522 -1.175782,-2.111328 C 13.924794,9.941126 13.994141,9.4787929 13.994141,9 c 0,-2.4173981 -1.439125,-4.4947611 -3.50586,-5.4433594 4.46e-4,-0.019294 0.0059,-0.037245 0.0059,-0.056641 0,-1.3748 -1.1252108,-2.5 -2.5000004,-2.5 z m 0,1 c 0.8343495,0 1.5,0.6657 1.5,1.5 0,0.8344 -0.6656505,1.5 -1.5,1.5 -0.8343494,0 -1.5,-0.6656 -1.5,-1.5 0,-0.8343 0.6656506,-1.5 1.5,-1.5 z M 5.7363281,4.5507812 C 6.1363719,5.4015827 6.9962448,6 7.9941406,6 8.9914269,6 9.8515843,5.4027009 10.251953,4.5527344 11.874506,5.3778725 12.994141,7.0495149 12.994141,9 c 0,0.358063 -0.04812,0.702711 -0.119141,1.039062 C 12.74983,10.019561 12.62455,10 12.494141,10 c -1.37479,0 -2.5000004,1.1252 -2.5000004,2.5 0,0.347738 0.073318,0.676884 0.2031254,0.978516 C 9.5317018,13.806899 8.7887215,14 7.9941406,14 7.1996182,14 6.4561816,13.808725 5.7910156,13.480469 5.9212525,13.178414 5.9941406,12.848348 5.9941406,12.5 c 0,-1.3748 -1.1252104,-2.5 -2.5,-2.5 C 3.3643933,10 3.2397998,10.01975 3.1152344,10.03906 3.0437876,9.7026723 2.9941406,9.3583587 2.9941406,9 c 0,-1.9503184 1.1196952,-3.6242663 2.7421875,-4.4492188 z M 3.4941406,11 c 0.8343495,0 1.5,0.6657 1.5,1.5 0,0.8344 -0.6656505,1.5 -1.5,1.5 -0.8343494,0 -1.5,-0.6656 -1.5,-1.5 0,-0.8343 0.6656506,-1.5 1.5,-1.5 z m 9.0000004,0 c 0.834349,0 1.5,0.6657 1.5,1.5 0,0.8344 -0.665651,1.5 -1.5,1.5 -0.83435,0 -1.5,-0.6656 -1.5,-1.5 0,-0.8343 0.66565,-1.5 1.5,-1.5 z"
|
||||
color="#000" font-family="sans-serif" font-weight="400" overflow="visible"
|
||||
transform="translate(4.506 1031.372)"
|
||||
style="line-height:normal;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;text-transform:none;block-progression:tb;isolation:auto;mix-blend-mode:normal" />
|
||||
</g>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="row blog-page-color">
|
||||
<div class="col-md-9 py-4 px-0">
|
||||
<div class="rounded shadow bg-light p-3 px-md-5 bg-light">
|
||||
<h1 class="pb-2 text-center">{{ .Title }}</h1>
|
||||
<article>
|
||||
{{.Content}}
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 py-4">
|
||||
<div class="bg-light shadow p-4 rounded mb-2 bg-light">
|
||||
<h4>Table of content</h4>
|
||||
{{.TableOfContents}}
|
||||
</div>
|
||||
|
||||
<div class="bg-light shadow p-4 rounded mt-2 bg-light">
|
||||
<h4>Share article with</h4>
|
||||
<ul>
|
||||
<li>
|
||||
<a target="blank" class="text-info"
|
||||
href="https://twitter.com/share?text={{ .Title }}&url={{ .Site.Params.hostName }}{{ .Permalink | absURL }}">
|
||||
Twitter
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a target="blank" class="text-success"
|
||||
href="https://api.whatsapp.com/send?text={{ .Title }}: {{ .Site.Params.hostName }}{{ .Permalink | absURL }}"
|
||||
data-action="share/whatsapp/share">
|
||||
Whatsapp
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="text-danger" target="blank"
|
||||
href="mailto:?subject={{ .Title }}&body=Check out this site {{ .Site.Params.hostName }}{{ .Permalink | absURL }}">
|
||||
Email
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
{{ template "_internal/disqus.html" . }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ else }}
|
||||
|
||||
|
||||
<section class="mincho-font">
|
||||
<div class="py-4 bg-info text-center">
|
||||
<div class="container-fluid">
|
||||
<!-- title and date -->
|
||||
<h1 class="blog-title font-weight-bold">{{.Title}}</h1>
|
||||
<div class="">
|
||||
<!-- Date -->
|
||||
<span class="px-1">
|
||||
<svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-calendar" fill="currentColor"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd"
|
||||
d="M1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1zm1-3a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H2z" />
|
||||
<path fill-rule="evenodd"
|
||||
d="M3.5 0a.5.5 0 0 1 .5.5V1a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 .5-.5zm9 0a.5.5 0 0 1 .5.5V1a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 .5-.5z" />
|
||||
</svg>
|
||||
</span>
|
||||
{{ dateFormat "Jan 2, 2006" .Date }}
|
||||
|
||||
<!-- Author -->
|
||||
{{ if .Params.author }}
|
||||
<span class="px-1">
|
||||
<svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-person-fill" fill="currentColor"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z" />
|
||||
</svg>
|
||||
</span>
|
||||
{{ .Params.author }}
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.tweet }}
|
||||
|
||||
<div class="pt-3">
|
||||
<a href="https://twitter.com/share?ref_src=twsrc%5Etfw" data-size=large class="twitter-share-button"
|
||||
data-show-count="false">Tweet my work</a>
|
||||
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
|
||||
{{ if .Site.Params.showdescription }}
|
||||
<div class="text-dark py-2">
|
||||
{{ .Params.description }}
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="row justify-content-center ">
|
||||
<div class="col-md-9">
|
||||
<div class="">
|
||||
<!-- image -->
|
||||
<div class="py-2">
|
||||
{{ with .Params.bg_image }}
|
||||
<img class="img-fluid" src="{{ . }}">
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ if .Params.toc }}
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-md-8 py-3 px-4">
|
||||
<div class="card">
|
||||
<button class="TOC btn btn-outline-info py-2 text-center">
|
||||
Table Of Contents
|
||||
</button>
|
||||
<div class="TOC-content d-none card-body">
|
||||
{{.TableOfContents}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
<!-- content -->
|
||||
<article>
|
||||
{{.Content}}
|
||||
</article>
|
||||
</div>
|
||||
<!-- Tags -->
|
||||
<div class="p-5">
|
||||
<div class="card">
|
||||
<h5 class="card-header text-center m-0">Tags</h5>
|
||||
<div class="card-body">
|
||||
{{ if .Params.tags }}
|
||||
{{ range .Params.tags }}
|
||||
<a href={{ "/tags/" | relLangURL }}{{ . | urlize }} class="btn btn-outline-danger btn-rounded mb-2">
|
||||
{{ . }}
|
||||
</a>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{ template "_internal/disqus.html" . }}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<script>
|
||||
$('.TOC').on('click', function () {
|
||||
$('.TOC-content').removeClass('d-none');
|
||||
});
|
||||
|
||||
</script>
|
||||
{{ end }}
|
||||
|
||||
{{ end }}
|
||||
@@ -1,176 +1,15 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
{{ if eq .Site.Params.version 1 }}
|
||||
|
||||
<head>
|
||||
<title>{{- .Site.Title -}}</title>
|
||||
<!-- stylesheets -->
|
||||
<link rel="stylesheet" href="/css/bootstrap.min.css">
|
||||
<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/v1/v1.css">
|
||||
<!-- Fonts -->
|
||||
<link href="https://fonts.googleapis.com/css2?family=PT+Serif&display=swap" rel="stylesheet">
|
||||
<meta name="description" content="{{ .Site.Params.description }}">
|
||||
{{ template "_internal/google_analytics.html" . }}
|
||||
{{- partial "sections/v1/head.html" . -}}
|
||||
</head>
|
||||
|
||||
<body>
|
||||
{{- partial "sections/v1/home.html" . -}}
|
||||
{{- partial "sections/v1/blog.html" . -}}
|
||||
{{- partial "sections/v1/about.html" . -}}
|
||||
{{- partial "sections/v1/do_things.html" . -}}
|
||||
{{- partial "sections/v1/projects.html" . -}}
|
||||
{{- partial "sections/v1/contact.html" . -}}
|
||||
|
||||
{{- partial "sections/v1/footer.html" . -}}
|
||||
{{- partial "sections/v1/scripts.html" . -}}
|
||||
</body>
|
||||
{{ else if eq .Site.Params.version 2 }}
|
||||
|
||||
<head>
|
||||
<title>{{- .Site.Title -}}</title>
|
||||
<meta name="description" content="{{ .Site.Params.description }}">
|
||||
<!-- Fonts -->
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;1,400&display=swap" rel="stylesheet"
|
||||
media="all">
|
||||
{{ template "_internal/google_analytics.html" . }}
|
||||
{{- partial "sections/v2/head.html" . -}}
|
||||
</head>
|
||||
|
||||
<body>
|
||||
{{- partial "sections/v2/header.html" . -}}
|
||||
{{- partial "sections/v2/about.html" . -}}
|
||||
{{- partial "sections/v2/do_things.html" . -}}
|
||||
{{- partial "sections/v2/footer.html" . -}}
|
||||
{{- partial "sections/v2/scripts.html" . -}}
|
||||
</body>
|
||||
|
||||
{{ else if eq .Site.Params.version 3 }}
|
||||
|
||||
<head>
|
||||
<title>{{- .Site.Title -}}</title>
|
||||
<meta name="description" content="{{ .Site.Params.description }}">
|
||||
|
||||
|
||||
<!-- Fonts -->
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap" rel="stylesheet">
|
||||
{{- 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 -->
|
||||
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
|
||||
</head>
|
||||
|
||||
<body class="text-dark">
|
||||
<!--<div id="loader" class="center"></div>-->
|
||||
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
|
||||
<script>
|
||||
AOS.init();
|
||||
</script>
|
||||
<div>
|
||||
{{- partial "sections/v3/navbar.html" . -}}
|
||||
|
||||
{{ if .Site.Params.disable_home }}
|
||||
{{ else }}
|
||||
{{- partial "sections/v3/home.html" . -}}
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.disable_about }}
|
||||
{{ else }}
|
||||
{{- partial "sections/v3/about.html" . -}}
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.disable_experience }}
|
||||
{{ else }}
|
||||
{{- partial "sections/v3/experience.html" . -}}
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.disable_education }}
|
||||
{{ else }}
|
||||
{{- partial "sections/v3/education.html" . -}}
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.disable_projects }}
|
||||
{{ else }}
|
||||
{{- partial "sections/v3/projects.html" . -}}
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.disable_achievements }}
|
||||
{{ else }}
|
||||
{{- partial "sections/v3/achievements.html" . -}}
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.disable_contact }}
|
||||
{{ else }}
|
||||
{{- partial "sections/v3/contact.html" . -}}
|
||||
{{ end }}
|
||||
|
||||
{{- partial "sections/v3/footer.html" . -}}
|
||||
{{- partial "sections/v3/scripts.html" . -}}
|
||||
</div>
|
||||
|
||||
<!-- Darkmode -->
|
||||
<script>
|
||||
function autoDarkMode() {
|
||||
$("body").toggleClass("darkmode");
|
||||
$(".fa-moon").addClass("d-none");
|
||||
$(".fa-sun").removeClass("d-none");
|
||||
$("nav").toggleClass("navbar-dark");
|
||||
$("nav").toggleClass("navbar-light");
|
||||
$(".text-dark").toggleClass("darkmode-text-dark");
|
||||
$(".text-muted").toggleClass("darkmode-text-muted")
|
||||
$(".about-backdark").toggleClass("about-back");
|
||||
$(".education-backdark").toggleClass("education-back");
|
||||
$(".achievements-backdark").toggleClass("achievements-back");
|
||||
$(".dropdown-menu").toggleClass('darkmode-dropdown-menu');
|
||||
}
|
||||
</script>
|
||||
<script src="/js/auto_darkmode.js"></script>
|
||||
<script>
|
||||
/*
|
||||
document.onreadystatechange = function () {
|
||||
if (document.readyState !== "complete") {
|
||||
document.querySelector(
|
||||
"body").style.visibility = "hidden";
|
||||
document.querySelector(
|
||||
"#loader").style.visibility = "visible";
|
||||
} else {
|
||||
document.querySelector(
|
||||
"#loader").style.display = "none";
|
||||
document.querySelector(
|
||||
"body").style.visibility = "visible";
|
||||
}
|
||||
};
|
||||
*/
|
||||
|
||||
$(".darkmode-label").click(function () {
|
||||
$("body").toggleClass("darkmode");
|
||||
$(".fa-moon").toggleClass("d-none");
|
||||
$(".fa-sun").toggleClass("d-none");
|
||||
$(".about-backdark").toggleClass("about-back");
|
||||
$(".education-backdark").toggleClass("education-back");
|
||||
$(".achievements-backdark").toggleClass("achievements-back");
|
||||
$("nav").toggleClass("navbar-dark");
|
||||
$("nav").toggleClass("navbar-light");
|
||||
$(".text-dark").toggleClass("darkmode-text-dark");
|
||||
$(".text-muted").toggleClass("darkmode-text-muted")
|
||||
$(".dropdown-menu").toggleClass('darkmode-dropdown-menu');
|
||||
|
||||
switchDarkmodeSetting();
|
||||
});
|
||||
|
||||
|
||||
</script>
|
||||
</body>
|
||||
{{ else }}
|
||||
|
||||
{{ end }}
|
||||
|
||||
</html>
|
||||
{{ define "head" }}
|
||||
<meta name="description" content={{ .Site.Params.description }}>
|
||||
<!-- <link rel="stylesheet" href="/css/index.css" media="all"> -->
|
||||
|
||||
<!-- fontawesome -->
|
||||
<script defer src="/fontawesome-5/all-5.15.4.js"></script>
|
||||
{{ end }}
|
||||
|
||||
{{ define "title" }}
|
||||
{{ .Site.Title }}
|
||||
{{ end }}
|
||||
|
||||
{{ define "main" }}
|
||||
|
||||
{{ end }}
|
||||
@@ -0,0 +1,52 @@
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<link rel="icon" href={{ .Site.Params.favicon | default "/fav.png" }} type="image/gif">
|
||||
|
||||
<!-- Fonts -->
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link
|
||||
href="https://fonts.googleapis.com/css2?family=Alata&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
|
||||
rel="stylesheet">
|
||||
|
||||
<!-- font configuration -->
|
||||
<link rel="stylesheet" href="/css/font.css" media="all">
|
||||
|
||||
<!-- Internal templates -->
|
||||
{{ template "_internal/google_analytics.html" . }}
|
||||
{{ template "_internal/opengraph.html" . }}
|
||||
{{ template "_internal/twitter_cards.html" . }}
|
||||
|
||||
<!-- stylesheets -->
|
||||
<link rel="stylesheet" href="/bootstrap-5/css/bootstrap.min.css" media="all">
|
||||
<link rel="stylesheet" href="/css/header.css" media="all">
|
||||
|
||||
<!-- theme -->
|
||||
<link rel="stylesheet" href="/css/theme.css" media="all">
|
||||
|
||||
<!-- Custom Styles -->
|
||||
{{ if .Site.Params.customCSS }}
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
{{ end }}
|
||||
|
||||
<style>
|
||||
:root {
|
||||
--text-color: {{ .Site.Params.color.textColor | default "#343a40" }};
|
||||
--background-color: {{ .Site.Params.color.backgroundColor | default "#eaedf0" }};
|
||||
--primary-color: {{ .Site.Params.color.primaryColor | default "#007bff" }};
|
||||
--secondary-color: {{ .Site.Params.color.secondaryColor | default "#f8f9fa" }};
|
||||
|
||||
/* dark mode colors */
|
||||
--text-color-dark: {{ .Site.Params.color.darkmode.textColor | default "#e4e6eb" }};
|
||||
--background-color-dark: {{ .Site.Params.color.darkmode.backgroundColor | default "#18191a" }};
|
||||
--primary-color-dark: {{ .Site.Params.color.darkmode.primaryColor | default "#ffffff" }};
|
||||
--secondary-color-dark: {{ .Site.Params.color.darkmode.secondaryColor | default "#212529" }};
|
||||
}
|
||||
body {
|
||||
font-size: {{ .Site.Params.font.fontSize | default "1rem" }};
|
||||
font-weight: {{ .Site.Params.font.fontWeight | default "400" }};
|
||||
line-height: {{ .Site.Params.font.lineHeight | default "1.5" }};
|
||||
text-align: {{ .Site.Params.font.textAlign | default "left" }};
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,14 @@
|
||||
{{- if (not .Site.Params.theme.disableThemeToggle) }}
|
||||
<script>
|
||||
document.getElementById("theme-toggle").addEventListener("click", () => {
|
||||
if (document.body.className.includes("dark")) {
|
||||
document.body.classList.remove('dark');
|
||||
localStorage.setItem("pref-theme", 'light');
|
||||
} else {
|
||||
document.body.classList.add('dark');
|
||||
localStorage.setItem("pref-theme", 'dark');
|
||||
}
|
||||
})
|
||||
|
||||
</script>
|
||||
{{- end }}
|
||||
@@ -0,0 +1,153 @@
|
||||
{{- /* theme-toggle is enabled */}}
|
||||
{{- if (not .Site.Params.theme.disableThemeToggle) }}
|
||||
{{- /* theme is auto */}}
|
||||
<script>
|
||||
if (localStorage.getItem("pref-theme") === "dark") {
|
||||
document.body.classList.add('dark');
|
||||
} else if (localStorage.getItem("pref-theme") === "light") {
|
||||
document.body.classList.remove('dark')
|
||||
} else if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
|
||||
document.body.classList.add('dark');
|
||||
}
|
||||
|
||||
</script>
|
||||
{{- /* theme-toggle is disabled and theme is auto */}}
|
||||
{{- else if (and (ne .Site.Params.theme.defaultTheme "light") (ne .Site.Params.theme.defaultTheme "dark"))}}
|
||||
<script>
|
||||
if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
|
||||
document.body.classList.add('dark');
|
||||
}
|
||||
|
||||
</script>
|
||||
{{- end }}
|
||||
|
||||
|
||||
<!-- Navbar -->
|
||||
<header>
|
||||
<nav class="pt-3 navbar navbar-expand-lg">
|
||||
<div class="container">
|
||||
<!-- navbar brand -->
|
||||
<a class="navbar-brand primary-font text-wrap" href="{{ .Site.BaseURL | relURL }}">
|
||||
{{ if or (.Site.Params.favicon) (.Site.Params.navbar.brandLogo) }}
|
||||
<img src="{{ .Site.Params.navbar.brandLogo | default .Site.Params.favicon }}" width="30" height="30"
|
||||
class="d-inline-block align-top">
|
||||
{{ .Site.Params.navbar.brandName | default .Site.Params.title }}
|
||||
{{ else }}
|
||||
{{ .Site.Params.navbar.brandName | default .Site.Params.title }}
|
||||
{{ end }}
|
||||
</a>
|
||||
|
||||
<!-- navbar toggler -->
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarContent"
|
||||
aria-controls="navbarContent" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<svg aria-hidden="true" height="24" viewBox="0 0 16 16" version="1.1" width="24" data-view-component="true">
|
||||
<path fill-rule="evenodd" d="M1 2.75A.75.75 0 011.75 2h12.5a.75.75 0 110 1.5H1.75A.75.75 0 011 2.75zm0 5A.75.75 0 011.75 7h12.5a.75.75 0 110 1.5H1.75A.75.75 0 011 7.75zM1.75 12a.75.75 0 100 1.5h12.5a.75.75 0 100-1.5H1.75z"></path>
|
||||
</svg>
|
||||
</button>
|
||||
|
||||
<!-- navbar content -->
|
||||
<div class="collapse navbar-collapse text-wrap primary-font" id="navbarContent">
|
||||
<ul class="navbar-nav {{ .Site.Params.navbar.align | default " ms-auto"}} text-center">
|
||||
{{ if .Site.Params.disable_about }}
|
||||
{{ else }}
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="{{ .Site.BaseURL | relURL }}#about" aria-label="about">About</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.disable_experience }}
|
||||
{{ else }}
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="{{ .Site.BaseURL | relURL }}#experience"
|
||||
aria-label="experience">Experience</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.disable_education }}
|
||||
{{ else }}
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="{{ .Site.BaseURL | relURL }}#education"
|
||||
aria-label="education">Education</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.disable_projects }}
|
||||
{{ else }}
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="{{ .Site.BaseURL | relURL }}#projects"
|
||||
aria-label="projects">Projects</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.disable_achievements }}
|
||||
{{ else }}
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="{{ .Site.BaseURL | relURL }}#achievements"
|
||||
aria-label="achievements">Achievements</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.disable_contact }}
|
||||
{{ else }}
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="{{ .Site.BaseURL | relURL }}#contact"
|
||||
aria-label="contact">Contact</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
|
||||
<!-- custom menus from the user -->
|
||||
{{ range .Site.Menus.main }}
|
||||
{{ if .HasChildren }}
|
||||
<!-- Dropdown menu -->
|
||||
<li class="nav-item navbar-text dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="{{ .URL }}" id="navbarDropdown" role="button"
|
||||
data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" title="{{ .Title }}">
|
||||
{{ .Name }}
|
||||
</a>
|
||||
<div class="dropdown-menu shadow-lg rounded" aria-labelledby="navbarDropdown">
|
||||
{{ range .Children }}
|
||||
<a class="dropdown-item text-center nav-link" href="{{ .URL }}"
|
||||
title="{{ .Title }}">
|
||||
{{ .Name }}
|
||||
</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
</li>
|
||||
{{else}}
|
||||
<!-- Single menu item -->
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="{{.URL}}" title="{{ .Title }}">
|
||||
{{ .Pre }}
|
||||
{{ .Name }}
|
||||
</a>
|
||||
</li>
|
||||
{{end}}
|
||||
{{end}}
|
||||
</ul>
|
||||
|
||||
<!-- darkmode mode toggle -->
|
||||
{{ if (not .Site.Params.theme.disableThemeToggle) }}
|
||||
<div class="text-center">
|
||||
<button id="theme-toggle">
|
||||
<svg id="moon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path>
|
||||
</svg>
|
||||
<svg id="sun" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||||
<circle cx="12" cy="12" r="5"></circle>
|
||||
<line x1="12" y1="1" x2="12" y2="3"></line>
|
||||
<line x1="12" y1="21" x2="12" y2="23"></line>
|
||||
<line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line>
|
||||
<line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line>
|
||||
<line x1="1" y1="12" x2="3" y2="12"></line>
|
||||
<line x1="21" y1="12" x2="23" y2="12"></line>
|
||||
<line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line>
|
||||
<line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
@@ -1,70 +0,0 @@
|
||||
<section>
|
||||
<div class="about p-3" id="about">
|
||||
<div class="container">
|
||||
<div class="about-me text-center font-weight-bold text-secondary">About Me</div>
|
||||
|
||||
|
||||
<div class="row justify-content-center ">
|
||||
<div class="col-lg-3 pt-4 text-center">
|
||||
<img src="{{ .Site.Params.profile_image }}" width="200px" alt="{{ .Site.Params.name }}"
|
||||
class="rounded">
|
||||
<div class="about-me jop font-weight-bold text-secondary">{{ .Site.Params.job }}</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="about-content text-dark p-3">
|
||||
{{ .Site.Params.descripe_l1_person }}
|
||||
<br><br>
|
||||
{{ .Site.Params.descripe_l2_person }}
|
||||
</div>
|
||||
<div class="social p-4">
|
||||
<a href="{{ .Site.Params.resume | default "#" }}" class="btn btn-info" role="button"
|
||||
aria-pressed="true">
|
||||
Resume
|
||||
</a>
|
||||
|
||||
{{ if .Site.Params.github }}
|
||||
<a class="text-dark" href="{{ .Site.Params.github }}" aria-label="github">
|
||||
<svg width="2em" height="2em" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 448 512">
|
||||
<path
|
||||
d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM277.3 415.7c-8.4 1.5-11.5-3.7-11.5-8 0-5.4.2-33 .2-55.3 0-15.6-5.2-25.5-11.3-30.7 37-4.1 76-9.2 76-73.1 0-18.2-6.5-27.3-17.1-39 1.7-4.3 7.4-22-1.7-45-13.9-4.3-45.7 17.9-45.7 17.9-13.2-3.7-27.5-5.6-41.6-5.6-14.1 0-28.4 1.9-41.6 5.6 0 0-31.8-22.2-45.7-17.9-9.1 22.9-3.5 40.6-1.7 45-10.6 11.7-15.6 20.8-15.6 39 0 63.6 37.3 69 74.3 73.1-4.8 4.3-9.1 11.7-10.6 22.3-9.5 4.3-33.8 11.7-48.3-13.9-9.1-15.8-25.5-17.1-25.5-17.1-16.2-.2-1.1 10.2-1.1 10.2 10.8 5 18.4 24.2 18.4 24.2 9.7 29.7 56.1 19.7 56.1 19.7 0 13.9.2 36.5.2 40.6 0 4.3-3 9.5-11.5 8-66-22.1-112.2-84.9-112.2-158.3 0-91.8 70.2-161.5 162-161.5S388 165.6 388 257.4c.1 73.4-44.7 136.3-110.7 158.3zm-98.1-61.1c-1.9.4-3.7-.4-3.9-1.7-.2-1.5 1.1-2.8 3-3.2 1.9-.2 3.7.6 3.9 1.9.3 1.3-1 2.6-3 3zm-9.5-.9c0 1.3-1.5 2.4-3.5 2.4-2.2.2-3.7-.9-3.7-2.4 0-1.3 1.5-2.4 3.5-2.4 1.9-.2 3.7.9 3.7 2.4zm-13.7-1.1c-.4 1.3-2.4 1.9-4.1 1.3-1.9-.4-3.2-1.9-2.8-3.2.4-1.3 2.4-1.9 4.1-1.5 2 .6 3.3 2.1 2.8 3.4zm-12.3-5.4c-.9 1.1-2.8.9-4.3-.6-1.5-1.3-1.9-3.2-.9-4.1.9-1.1 2.8-.9 4.3.6 1.3 1.3 1.8 3.3.9 4.1zm-9.1-9.1c-.9.6-2.6 0-3.7-1.5s-1.1-3.2 0-3.9c1.1-.9 2.8-.2 3.7 1.3 1.1 1.5 1.1 3.3 0 4.1zm-6.5-9.7c-.9.9-2.4.4-3.5-.6-1.1-1.3-1.3-2.8-.4-3.5.9-.9 2.4-.4 3.5.6 1.1 1.3 1.3 2.8.4 3.5zm-6.7-7.4c-.4.9-1.7 1.1-2.8.4-1.3-.6-1.9-1.7-1.5-2.6.4-.6 1.5-.9 2.8-.4 1.3.7 1.9 1.8 1.5 2.6z" />
|
||||
</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"
|
||||
viewBox="0 0 448 512">
|
||||
<path
|
||||
d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-48.9 158.8c.2 2.8.2 5.7.2 8.5 0 86.7-66 186.6-186.6 186.6-37.2 0-71.7-10.8-100.7-29.4 5.3.6 10.4.8 15.8.8 30.7 0 58.9-10.4 81.4-28-28.8-.6-53-19.5-61.3-45.5 10.1 1.5 19.2 1.5 29.6-1.2-30-6.1-52.5-32.5-52.5-64.4v-.8c8.7 4.9 18.9 7.9 29.6 8.3a65.447 65.447 0 0 1-29.2-54.6c0-12.2 3.2-23.4 8.9-33.1 32.3 39.8 80.8 65.8 135.2 68.6-9.3-44.5 24-80.6 64-80.6 18.9 0 35.9 7.9 47.9 20.7 14.8-2.8 29-8.3 41.6-15.8-4.9 15.2-15.2 28-28.8 36.1 13.2-1.4 26-5.1 37.8-10.2-8.9 13.1-20.1 24.7-32.9 34z" />
|
||||
</svg>
|
||||
</a>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.instagram }}
|
||||
<a class="text-danger" href="{{ .Site.Params.instagram }}" aria-label="instagram">
|
||||
<svg width="2em" height="2em" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 448 512">
|
||||
<path
|
||||
d="M224,202.66A53.34,53.34,0,1,0,277.36,256,53.38,53.38,0,0,0,224,202.66Zm124.71-41a54,54,0,0,0-30.41-30.41c-21-8.29-71-6.43-94.3-6.43s-73.25-1.93-94.31,6.43a54,54,0,0,0-30.41,30.41c-8.28,21-6.43,71.05-6.43,94.33S91,329.26,99.32,350.33a54,54,0,0,0,30.41,30.41c21,8.29,71,6.43,94.31,6.43s73.24,1.93,94.3-6.43a54,54,0,0,0,30.41-30.41c8.35-21,6.43-71.05,6.43-94.33S357.1,182.74,348.75,161.67ZM224,338a82,82,0,1,1,82-82A81.9,81.9,0,0,1,224,338Zm85.38-148.3a19.14,19.14,0,1,1,19.13-19.14A19.1,19.1,0,0,1,309.42,189.74ZM400,32H48A48,48,0,0,0,0,80V432a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V80A48,48,0,0,0,400,32ZM382.88,322c-1.29,25.63-7.14,48.34-25.85,67s-41.4,24.63-67,25.85c-26.41,1.49-105.59,1.49-132,0-25.63-1.29-48.26-7.15-67-25.85s-24.63-41.42-25.85-67c-1.49-26.42-1.49-105.61,0-132,1.29-25.63,7.07-48.34,25.85-67s41.47-24.56,67-25.78c26.41-1.49,105.59-1.49,132,0,25.63,1.29,48.33,7.15,67,25.85s24.63,41.42,25.85,67.05C384.37,216.44,384.37,295.56,382.88,322Z" />
|
||||
</svg>
|
||||
</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -1,23 +0,0 @@
|
||||
<section>
|
||||
<div class="p-3 blog-back">
|
||||
<div class="container">
|
||||
<div class="text-center pb-3">
|
||||
<div class="recent-posts">Recent posts</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
{{ range first 4 (where site.RegularPages.ByDate.Reverse "Type" "in" site.Params.mainSections )}}
|
||||
<div class="col-lg-3 col-md-5 pb-3 post-card text-center">
|
||||
<a href="{{ .RelPermalink }}">
|
||||
<span class="text-secondary">{{ .Date.Format "January 2, 2006" }}</span>
|
||||
<div class="text-dark">
|
||||
{{ .Title }}
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -1,31 +0,0 @@
|
||||
{{ if .Site.Params.contact }}
|
||||
<section id="contact">
|
||||
<div class="contact bg-danger text-white">
|
||||
<div class="text-center p-3 font-weight-bold contact-head">Get In Tough</div>
|
||||
<div class="p-3 container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-7">
|
||||
<form action="{{ .Site.Params.action }}">
|
||||
<div class="form-group">
|
||||
<label for="name">Name</label>
|
||||
<input type="text" class="form-control" id="name" placeholder="Your name" name="{{ .Site.Params.emailname }}">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="email">Email</label>
|
||||
<input type="email" class="form-control" id="email" placeholder="[email protected]" name="{{ .Site.Params.emailname }}">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="message">Message</label>
|
||||
<textarea class="form-control" id="message" rows="3" name="{{ .Site.Params.messagename }}" placeholder="Type something"></textarea>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<button type="submit" class="btn btn-sm btn-primary">Submit</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
@@ -1,45 +0,0 @@
|
||||
{{ if .Site.Params.usedothings }}
|
||||
<section>
|
||||
<div class="pt-3 do-things text-center" id="do-things">
|
||||
<div class="container">
|
||||
<div class="things-i-do text-primary font-weight-bold">
|
||||
Things I do
|
||||
</div>
|
||||
|
||||
<div class="do-things-card">
|
||||
<div class="row pb-2 justify-content-center">
|
||||
{{ range .Site.Params.Things }}
|
||||
{{ if .url }}
|
||||
<div class="col-lg-3 col-md-4">
|
||||
<a id="nothing" href={{ .url | default "#" }} class="">
|
||||
<div class="things shadow rounded p-4 my-2 mb-4 card bg-primary text-light">
|
||||
<i class="{{ .logo }} fa-3x" width="3em" height="3em"></i>
|
||||
<div class="p-2 font-weight-bold">
|
||||
{{ .title }}
|
||||
</div>
|
||||
<div class="py-4 things-text">
|
||||
{{ .description }}
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
{{ else }}
|
||||
<div class="col-lg-3 col-md-4">
|
||||
<div class="things shadow rounded p-4 my-2 mb-4 card bg-primary text-light">
|
||||
<i class="{{ .logo }} fa-3x" width="3em" height="3em"></i>
|
||||
<div class="p-2 font-weight-bold">
|
||||
{{ .title }}
|
||||
</div>
|
||||
<div class="py-4 things-text">
|
||||
{{ .description }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
@@ -1,12 +0,0 @@
|
||||
<footer class="footer py-3 text-muted text-center">
|
||||
<div class="footer-site text-uppercase pb-2 font-weight-bold">
|
||||
<a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
|
||||
</div>
|
||||
© {{ dateFormat "2006" now }} All Rights Reserved<br>
|
||||
<div>
|
||||
Made with ❤ and
|
||||
<a href="https://github.com/gurusabarish/hugo-profile" target="_blank">Hugo profile</a>
|
||||
| Designed and Developed by
|
||||
<a href="https://www.linkedin.com/in/gurusabarish/" target="_blank">Gurusabarish</a>
|
||||
</div>
|
||||
</footer>
|
||||
@@ -1,11 +0,0 @@
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<link rel="icon" href="{{ .Site.Params.favicon | default " /images/favicon.png"}}" type="image/gif">
|
||||
<!-- Fonts -->
|
||||
<link href="https://fonts.googleapis.com/css2?family=Alata&display=swap" rel="stylesheet">
|
||||
|
||||
<!-- Custom Styles -->
|
||||
{{ if .Site.Params.customCSS }}
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
{{ end }}
|
||||
@@ -1,34 +0,0 @@
|
||||
<nav class="navbar navbar-expand-lg navbar-light bg-light">
|
||||
<div class="container">
|
||||
<a class="navbar-brand text-dark" href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"
|
||||
aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
|
||||
<div class="collapse navbar-collapse" id="navbarNavDropdown">
|
||||
<ul class="navbar-nav ml-auto">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link text-dark" href="{{ .Site.BaseURL }}#home">Home</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link text-dark" href="{{ .Site.BaseURL }}#about">About</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link text-dark" href="{{ .Site.BaseURL }}#projects">Projects</a>
|
||||
</li>
|
||||
{{ if .Site.Params.contact }}
|
||||
<li class="nav-item">
|
||||
<a class="nav-link text-dark" href="{{ .Site.BaseURL }}#contact">Contact</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
|
||||
{{ range site.Params.customMenus }}
|
||||
<li class="nav-item">
|
||||
<a class="nav-link text-dark" href="{{.Url}}">{{ .name }}</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
@@ -1,39 +0,0 @@
|
||||
<nav class="navbar navbar-expand-lg navbar-light shadow-sm bg-gradient-primary">
|
||||
<div class="container">
|
||||
<a class="navbar-brand font-weight-bold" href="{{ .Site.BaseURL | relURL }}">
|
||||
{{ if .Site.Params.favicon }}
|
||||
<img src="{{ .Site.Params.favicon }}" width="30" height="30" class="d-inline-block align-top">
|
||||
{{ .Site.Title }}
|
||||
{{ else }}
|
||||
{{ .Site.Title }}
|
||||
{{ end }}
|
||||
</a>
|
||||
<button class="navbar-toggler border-0" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
|
||||
<div class="collapse navbar-collapse" id="navbarNavDropdown">
|
||||
<ul class="navbar-nav ml-auto text-center">
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="{{ .Site.BaseURL }}#home">Home</a>
|
||||
</li>
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="{{ .Site.BaseURL }}#about">About</a>
|
||||
</li>
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="{{ .Site.BaseURL }}#projects">Projects</a>
|
||||
</li>
|
||||
{{ if .Site.Params.contact }}
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="{{ .Site.BaseURL }}#contact">Contact</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
{{ range site.Params.customMenus }}
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="{{.Url}}" aria-label="{{ .name }}">{{ .name }}</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
@@ -1,123 +0,0 @@
|
||||
{{ $backgroundImage:= "https://i.ibb.co/w4HYQcH/background.png" }}
|
||||
{{ $backimg:= "https://i.ibb.co/P5wwmWK/back.png" }}
|
||||
|
||||
{{ if .Site.Params.custombackground }}
|
||||
{{ $backgroundImage = .Site.Params.background }}
|
||||
{{ $backimg = .Site.Params.backimg }}
|
||||
{{ end }}
|
||||
|
||||
<section>
|
||||
<div class="home" style="background-image: url('{{ $backgroundImage | absURL }}');">
|
||||
<nav class="navbar navbar-expand-lg navbar-light bg-transperant">
|
||||
<div class="container">
|
||||
<a class="navbar-brand text-dark" href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"
|
||||
aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
|
||||
<div class="collapse navbar-collapse" id="navbarNavDropdown">
|
||||
<ul class="navbar-nav ml-auto">
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link text-dark" href="{{ .Site.BaseURL }}#home" aria-label="home">Home</a>
|
||||
</li>
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link text-dark" href="{{ .Site.BaseURL }}#about" aria-label="about">About</a>
|
||||
</li>
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link text-dark" href="{{ .Site.BaseURL }}#projects" aria-label="projects">Projects</a>
|
||||
</li>
|
||||
{{ if .Site.Params.contact }}
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link text-dark" href="{{ .Site.BaseURL }}#contact" aria-label="contact">Contact</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
|
||||
{{ range site.Params.customMenus }}
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link text-dark" href="{{.Url}}" aria-label="{{ .name }}">{{ .name }}</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div class="container">
|
||||
<div class="row justify-content-center" id="home">
|
||||
<div class="text-white col-lg-8">
|
||||
<div class="name-intro">
|
||||
Hi there, I'm
|
||||
<h1 class="name">{{ .Site.Params.name }}</h1>
|
||||
|
||||
<!-- socialmedia -->
|
||||
<div class="social">
|
||||
{{ if .Site.Params.github }}
|
||||
<a class="text-white" href="{{ .Site.Params.github }}" aria-label="github">
|
||||
<svg width="1.1em" height="1.1em" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 448 512">
|
||||
<path
|
||||
d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM277.3 415.7c-8.4 1.5-11.5-3.7-11.5-8 0-5.4.2-33 .2-55.3 0-15.6-5.2-25.5-11.3-30.7 37-4.1 76-9.2 76-73.1 0-18.2-6.5-27.3-17.1-39 1.7-4.3 7.4-22-1.7-45-13.9-4.3-45.7 17.9-45.7 17.9-13.2-3.7-27.5-5.6-41.6-5.6-14.1 0-28.4 1.9-41.6 5.6 0 0-31.8-22.2-45.7-17.9-9.1 22.9-3.5 40.6-1.7 45-10.6 11.7-15.6 20.8-15.6 39 0 63.6 37.3 69 74.3 73.1-4.8 4.3-9.1 11.7-10.6 22.3-9.5 4.3-33.8 11.7-48.3-13.9-9.1-15.8-25.5-17.1-25.5-17.1-16.2-.2-1.1 10.2-1.1 10.2 10.8 5 18.4 24.2 18.4 24.2 9.7 29.7 56.1 19.7 56.1 19.7 0 13.9.2 36.5.2 40.6 0 4.3-3 9.5-11.5 8-66-22.1-112.2-84.9-112.2-158.3 0-91.8 70.2-161.5 162-161.5S388 165.6 388 257.4c.1 73.4-44.7 136.3-110.7 158.3zm-98.1-61.1c-1.9.4-3.7-.4-3.9-1.7-.2-1.5 1.1-2.8 3-3.2 1.9-.2 3.7.6 3.9 1.9.3 1.3-1 2.6-3 3zm-9.5-.9c0 1.3-1.5 2.4-3.5 2.4-2.2.2-3.7-.9-3.7-2.4 0-1.3 1.5-2.4 3.5-2.4 1.9-.2 3.7.9 3.7 2.4zm-13.7-1.1c-.4 1.3-2.4 1.9-4.1 1.3-1.9-.4-3.2-1.9-2.8-3.2.4-1.3 2.4-1.9 4.1-1.5 2 .6 3.3 2.1 2.8 3.4zm-12.3-5.4c-.9 1.1-2.8.9-4.3-.6-1.5-1.3-1.9-3.2-.9-4.1.9-1.1 2.8-.9 4.3.6 1.3 1.3 1.8 3.3.9 4.1zm-9.1-9.1c-.9.6-2.6 0-3.7-1.5s-1.1-3.2 0-3.9c1.1-.9 2.8-.2 3.7 1.3 1.1 1.5 1.1 3.3 0 4.1zm-6.5-9.7c-.9.9-2.4.4-3.5-.6-1.1-1.3-1.3-2.8-.4-3.5.9-.9 2.4-.4 3.5.6 1.1 1.3 1.3 2.8.4 3.5zm-6.7-7.4c-.4.9-1.7 1.1-2.8.4-1.3-.6-1.9-1.7-1.5-2.6.4-.6 1.5-.9 2.8-.4 1.3.7 1.9 1.8 1.5 2.6z" />
|
||||
</svg>
|
||||
</a>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.linkedin }}
|
||||
<a class="text-white" href="{{ .Site.Params.linkedin }}" aria-label="linkedin">
|
||||
<svg width="1.1em" height="1.1em" 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-white" href="{{ .Site.Params.twitter }}" aria-label="twitter">
|
||||
<svg width="1.1em" height="1.1em" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 448 512">
|
||||
<path
|
||||
d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-48.9 158.8c.2 2.8.2 5.7.2 8.5 0 86.7-66 186.6-186.6 186.6-37.2 0-71.7-10.8-100.7-29.4 5.3.6 10.4.8 15.8.8 30.7 0 58.9-10.4 81.4-28-28.8-.6-53-19.5-61.3-45.5 10.1 1.5 19.2 1.5 29.6-1.2-30-6.1-52.5-32.5-52.5-64.4v-.8c8.7 4.9 18.9 7.9 29.6 8.3a65.447 65.447 0 0 1-29.2-54.6c0-12.2 3.2-23.4 8.9-33.1 32.3 39.8 80.8 65.8 135.2 68.6-9.3-44.5 24-80.6 64-80.6 18.9 0 35.9 7.9 47.9 20.7 14.8-2.8 29-8.3 41.6-15.8-4.9 15.2-15.2 28-28.8 36.1 13.2-1.4 26-5.1 37.8-10.2-8.9 13.1-20.1 24.7-32.9 34z" />
|
||||
</svg>
|
||||
</a>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.instagram }}
|
||||
<a class="text-white" href="{{ .Site.Params.instagram }}" aria-label="instagram">
|
||||
<svg width="1.1em" height="1.1em" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 448 512">
|
||||
<path
|
||||
d="M224,202.66A53.34,53.34,0,1,0,277.36,256,53.38,53.38,0,0,0,224,202.66Zm124.71-41a54,54,0,0,0-30.41-30.41c-21-8.29-71-6.43-94.3-6.43s-73.25-1.93-94.31,6.43a54,54,0,0,0-30.41,30.41c-8.28,21-6.43,71.05-6.43,94.33S91,329.26,99.32,350.33a54,54,0,0,0,30.41,30.41c21,8.29,71,6.43,94.31,6.43s73.24,1.93,94.3-6.43a54,54,0,0,0,30.41-30.41c8.35-21,6.43-71.05,6.43-94.33S357.1,182.74,348.75,161.67ZM224,338a82,82,0,1,1,82-82A81.9,81.9,0,0,1,224,338Zm85.38-148.3a19.14,19.14,0,1,1,19.13-19.14A19.1,19.1,0,0,1,309.42,189.74ZM400,32H48A48,48,0,0,0,0,80V432a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V80A48,48,0,0,0,400,32ZM382.88,322c-1.29,25.63-7.14,48.34-25.85,67s-41.4,24.63-67,25.85c-26.41,1.49-105.59,1.49-132,0-25.63-1.29-48.26-7.15-67-25.85s-24.63-41.42-25.85-67c-1.49-26.42-1.49-105.61,0-132,1.29-25.63,7.07-48.34,25.85-67s41.47-24.56,67-25.78c26.41-1.49,105.59-1.49,132,0,25.63,1.29,48.33,7.15,67,25.85s24.63,41.42,25.85,67.05C384.37,216.44,384.37,295.56,382.88,322Z" />
|
||||
</svg>
|
||||
</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- image -->
|
||||
<div class="row profile text-center">
|
||||
<br>
|
||||
<img src="{{ .Site.Params.profile | default " /images/v1/avatar.webp"}}" width="150px"
|
||||
class="rounded-circle img-fluid" alt="{{ .Site.Params.name }}">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3 home-content d-none d-md-block" style="background-image: url('{{ $backimg | absURL }}');">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row know-more ">
|
||||
<div class="container p-3 rounded text-center">
|
||||
<a href="#about" class="text-info">
|
||||
know more
|
||||
<br>
|
||||
<svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-chevron-down" fill="currentColor"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd"
|
||||
d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z" />
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -1,46 +0,0 @@
|
||||
<section>
|
||||
<div class="projects p-3" id="projects">
|
||||
<div class="container">
|
||||
<div class="project-heading text-center text-white container pb-3">Projects</div>
|
||||
<div class="pt-5 pb-5">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="carousel-inner">
|
||||
<div class="carousel-item active">
|
||||
<div class="row justify-content-center">
|
||||
{{ range .Site.Params.projects }}
|
||||
<div class="col-md-4 mb-3">
|
||||
<div class="card">
|
||||
<img class="img-fluid" src="{{ .image }}" alt="{{ .title }}">
|
||||
<div class="card-body">
|
||||
<div class="card-title">{{ .title }}</div>
|
||||
<p class="card-text">{{ .description}}</p>
|
||||
|
||||
{{ if .secoundarylink}}
|
||||
<a href="{{ .secoundaryurl }}" class="btn btn-info" aria-label="{{ .secoundaryurlname }}">{{ .secoundaryurlname }}</a>
|
||||
{{ end }}
|
||||
|
||||
{{ if .sourceurl }}
|
||||
<a class="text-dark" href="{{ .sourceurl }}" aria-label="github">
|
||||
<svg width="2em" height="2em" fill="currentColor"
|
||||
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
|
||||
<path
|
||||
d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM277.3 415.7c-8.4 1.5-11.5-3.7-11.5-8 0-5.4.2-33 .2-55.3 0-15.6-5.2-25.5-11.3-30.7 37-4.1 76-9.2 76-73.1 0-18.2-6.5-27.3-17.1-39 1.7-4.3 7.4-22-1.7-45-13.9-4.3-45.7 17.9-45.7 17.9-13.2-3.7-27.5-5.6-41.6-5.6-14.1 0-28.4 1.9-41.6 5.6 0 0-31.8-22.2-45.7-17.9-9.1 22.9-3.5 40.6-1.7 45-10.6 11.7-15.6 20.8-15.6 39 0 63.6 37.3 69 74.3 73.1-4.8 4.3-9.1 11.7-10.6 22.3-9.5 4.3-33.8 11.7-48.3-13.9-9.1-15.8-25.5-17.1-25.5-17.1-16.2-.2-1.1 10.2-1.1 10.2 10.8 5 18.4 24.2 18.4 24.2 9.7 29.7 56.1 19.7 56.1 19.7 0 13.9.2 36.5.2 40.6 0 4.3-3 9.5-11.5 8-66-22.1-112.2-84.9-112.2-158.3 0-91.8 70.2-161.5 162-161.5S388 165.6 388 257.4c.1 73.4-44.7 136.3-110.7 158.3zm-98.1-61.1c-1.9.4-3.7-.4-3.9-1.7-.2-1.5 1.1-2.8 3-3.2 1.9-.2 3.7.6 3.9 1.9.3 1.3-1 2.6-3 3zm-9.5-.9c0 1.3-1.5 2.4-3.5 2.4-2.2.2-3.7-.9-3.7-2.4 0-1.3 1.5-2.4 3.5-2.4 1.9-.2 3.7.9 3.7 2.4zm-13.7-1.1c-.4 1.3-2.4 1.9-4.1 1.3-1.9-.4-3.2-1.9-2.8-3.2.4-1.3 2.4-1.9 4.1-1.5 2 .6 3.3 2.1 2.8 3.4zm-12.3-5.4c-.9 1.1-2.8.9-4.3-.6-1.5-1.3-1.9-3.2-.9-4.1.9-1.1 2.8-.9 4.3.6 1.3 1.3 1.8 3.3.9 4.1zm-9.1-9.1c-.9.6-2.6 0-3.7-1.5s-1.1-3.2 0-3.9c1.1-.9 2.8-.2 3.7 1.3 1.1 1.5 1.1 3.3 0 4.1zm-6.5-9.7c-.9.9-2.4.4-3.5-.6-1.1-1.3-1.3-2.8-.4-3.5.9-.9 2.4-.4 3.5.6 1.1 1.3 1.3 2.8.4 3.5zm-6.7-7.4c-.4.9-1.7 1.1-2.8.4-1.3-.6-1.9-1.7-1.5-2.6.4-.6 1.5-.9 2.8-.4 1.3.7 1.9 1.8 1.5 2.6z" />
|
||||
</svg>
|
||||
</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -1,3 +0,0 @@
|
||||
<!-- javascripts -->
|
||||
<script src="/js/jquery.slim.min.js"></script>
|
||||
<script src="/js/bootstrap.min.js"></script>
|
||||
@@ -1,133 +0,0 @@
|
||||
<section>
|
||||
<div class="about pt-4">
|
||||
<div class="container">
|
||||
|
||||
<div class="row justify-content-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.name }}
|
||||
{{ .Site.Params.name }}
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{ if .Site.Params.socialicontop }}
|
||||
<div class="text-center">
|
||||
{{ if .Site.Params.github }}
|
||||
<span class="px-1">
|
||||
<a class="text-dark" href="{{ .Site.Params.github }}" aria-label="github">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="2.7em" height="2.7em" viewBox="0 0 1792 1792">
|
||||
<path
|
||||
d="M522 1352q-8 9-20-3-13-11-4-19 8-9 20 3 12 11 4 19zm-42-61q9 12 0 19-8 6-17-7t0-18q9-7 17 6zm-61-60q-5 7-13 2-10-5-7-12 3-5 13-2 10 5 7 12zm31 34q-6 7-16-3-9-11-2-16 6-6 16 3 9 11 2 16zm129 112q-4 12-19 6-17-4-13-15t19-7q16 5 13 16zm63 5q0 11-16 11-17 2-17-11 0-11 16-11 17-2 17 11zm58-10q2 10-14 14t-18-8 14-15q16-2 18 9zm964-956v960q0 119-84.5 203.5t-203.5 84.5h-224q-16 0-24.5-1t-19.5-5-16-14.5-5-27.5v-239q0-97-52-142 57-6 102.5-18t94-39 81-66.5 53-105 20.5-150.5q0-121-79-206 37-91-8-204-28-9-81 11t-92 44l-38 24q-93-26-192-26t-192 26q-16-11-42.5-27t-83.5-38.5-86-13.5q-44 113-7 204-79 85-79 206 0 85 20.5 150t52.5 105 80.5 67 94 39 102.5 18q-40 36-49 103-21 10-45 15t-57 5-65.5-21.5-55.5-62.5q-19-32-48.5-52t-49.5-24l-20-3q-21 0-29 4.5t-5 11.5 9 14 13 12l7 5q22 10 43.5 38t31.5 51l10 23q13 38 44 61.5t67 30 69.5 7 55.5-3.5l23-4q0 38 .5 103t.5 68q0 22-11 33.5t-22 13-33 1.5h-224q-119 0-203.5-84.5t-84.5-203.5v-960q0-119 84.5-203.5t203.5-84.5h960q119 0 203.5 84.5t84.5 203.5z" />
|
||||
|
||||
<metadata>
|
||||
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#" xmlns:dc="http://purl.org/dc/elements/1.1/">
|
||||
<rdf:Description about="https://iconscout.com/legal#licenses" dc:title="Github, Online, Project, Hosting, Square" dc:description="Github, Online, Project, Hosting, Square" dc:publisher="Iconscout" dc:date="2016-12-14"
|
||||
dc:format="image/svg+xml" dc:language="en">
|
||||
<dc:creator>
|
||||
<rdf:Bag>
|
||||
<rdf:li>Font Awesome</rdf:li>
|
||||
</rdf:Bag>
|
||||
</dc:creator>
|
||||
</rdf:Description>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
</svg>
|
||||
</a>
|
||||
</span>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.linkedin }}
|
||||
<span class="px-1">
|
||||
<a class="text-white" href="{{ .Site.Params.linkedin }}" aria-label="linkedin">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width='2.4em' height='2.4em' fill="#fff" aria-label="LinkedIn" viewBox="0 0 512 512">
|
||||
<rect width="512" height="512" fill="#0077b5" rx="15%" />
|
||||
<circle cx="142" cy="138" r="37" />
|
||||
<path stroke="#fff" stroke-width="66" d="M244 194v198M142 194v198" />
|
||||
<path d="M276 282c0-20 13-40 36-40 24 0 33 18 33 45v105h66V279c0-61-32-89-76-89-34 0-51 19-59 32" />
|
||||
</svg>
|
||||
</a>
|
||||
</span>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.twitter }}
|
||||
<a class="text-info" href="{{ .Site.Params.twitter }}" aria-label="twitter">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px">
|
||||
<path fill="#03a9f4" d="M42,37c0,2.762-2.239,5-5,5H11c-2.762,0-5-2.238-5-5V11c0-2.762,2.238-5,5-5h26c2.761,0,5,2.238,5,5 V37z" />
|
||||
<path fill="#fff"
|
||||
d="M36,17.12c-0.882,0.391-1.999,0.758-3,0.88c1.018-0.604,2.633-1.862,3-3 c-0.951,0.559-2.671,1.156-3.793,1.372C31.311,15.422,30.033,15,28.617,15C25.897,15,24,17.305,24,20v2c-4,0-7.9-3.047-10.327-6 c-0.427,0.721-0.667,1.565-0.667,2.457c0,1.819,1.671,3.665,2.994,4.543c-0.807-0.025-2.335-0.641-3-1c0,0.016,0,0.036,0,0.057 c0,2.367,1.661,3.974,3.912,4.422C16.501,26.592,16,27,14.072,27c0.626,1.935,3.773,2.958,5.928,3c-1.686,1.307-4.692,2-7,2 c-0.399,0-0.615,0.022-1-0.023C14.178,33.357,17.22,34,20,34c9.057,0,14-6.918,14-13.37c0-0.212-0.007-0.922-0.018-1.13 C34.95,18.818,35.342,18.104,36,17.12" />
|
||||
</svg>
|
||||
</a>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.instagram }}
|
||||
<a class="text-danger" href="{{ .Site.Params.instagram }}" aria-label="instagram">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px">
|
||||
<radialGradient id="yOrnnhliCrdS2gy~4tD8ma" cx="19.38" cy="42.035" r="44.899" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0" stop-color="#fd5" />
|
||||
<stop offset=".328" stop-color="#ff543f" />
|
||||
<stop offset=".348" stop-color="#fc5245" />
|
||||
<stop offset=".504" stop-color="#e64771" />
|
||||
<stop offset=".643" stop-color="#d53e91" />
|
||||
<stop offset=".761" stop-color="#cc39a4" />
|
||||
<stop offset=".841" stop-color="#c837ab" />
|
||||
</radialGradient>
|
||||
<path fill="url(#yOrnnhliCrdS2gy~4tD8ma)"
|
||||
d="M34.017,41.99l-20,0.019c-4.4,0.004-8.003-3.592-8.008-7.992l-0.019-20 c-0.004-4.4,3.592-8.003,7.992-8.008l20-0.019c4.4-0.004,8.003,3.592,8.008,7.992l0.019,20 C42.014,38.383,38.417,41.986,34.017,41.99z" />
|
||||
<radialGradient id="yOrnnhliCrdS2gy~4tD8mb" cx="11.786" cy="5.54" r="29.813" gradientTransform="matrix(1 0 0 .6663 0 1.849)" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0" stop-color="#4168c9" />
|
||||
<stop offset=".999" stop-color="#4168c9" stop-opacity="0" />
|
||||
</radialGradient>
|
||||
<path fill="url(#yOrnnhliCrdS2gy~4tD8mb)"
|
||||
d="M34.017,41.99l-20,0.019c-4.4,0.004-8.003-3.592-8.008-7.992l-0.019-20 c-0.004-4.4,3.592-8.003,7.992-8.008l20-0.019c4.4-0.004,8.003,3.592,8.008,7.992l0.019,20 C42.014,38.383,38.417,41.986,34.017,41.99z" />
|
||||
<path fill="#fff" d="M24,31c-3.859,0-7-3.14-7-7s3.141-7,7-7s7,3.14,7,7S27.859,31,24,31z M24,19c-2.757,0-5,2.243-5,5 s2.243,5,5,5s5-2.243,5-5S26.757,19,24,19z" />
|
||||
<circle cx="31.5" cy="16.5" r="1.5" fill="#fff" />
|
||||
<path fill="#fff" d="M30,37H18c-3.859,0-7-3.14-7-7V18c0-3.86,3.141-7,7-7h12c3.859,0,7,3.14,7,7v12 C37,33.86,33.859,37,30,37z M18,13c-2.757,0-5,2.243-5,5v12c0,2.757,2.243,5,5,5h12c2.757,0,5-2.243,5-5V18c0-2.757-2.243-5-5-5H18z" />
|
||||
</svg>
|
||||
</a>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.facebook }}
|
||||
<a class="text-info" href="{{ .Site.Params.facebook }}" aria-label="facebook">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px">
|
||||
<path fill="#3F51B5" d="M42,37c0,2.762-2.238,5-5,5H11c-2.761,0-5-2.238-5-5V11c0-2.762,2.239-5,5-5h26c2.762,0,5,2.238,5,5V37z" />
|
||||
<path fill="#FFF" d="M34.368,25H31v13h-5V25h-3v-4h3v-2.41c0.002-3.508,1.459-5.59,5.592-5.59H35v4h-2.287C31.104,17,31,17.6,31,18.723V21h4L34.368,25z" />
|
||||
</svg>
|
||||
</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ end }}
|
||||
|
||||
<div class="row justify-content-center ">
|
||||
<div class="col-md-8 text-center">
|
||||
<div class="about-content text-dark p-3">
|
||||
{{ if .Site.Params.descripe_l1_person }}
|
||||
{{ .Site.Params.descripe_l1_person | markdownify }}
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.descripe_l2_person }}
|
||||
<br><br>
|
||||
{{ .Site.Params.descripe_l2_person | markdownify }}
|
||||
{{ end }}
|
||||
</div>
|
||||
<div class="social px-3 text-center pb-4">
|
||||
{{ if .Site.Params.useresume }}
|
||||
<a href={{ .Site.Params.resumelink | default "#" }} class="btn btn-outline-danger" role="button" aria-pressed="true">
|
||||
{{ if .Site.Params.customname }}
|
||||
{{ .Site.Params.customname }}
|
||||
{{ else }}
|
||||
Resume
|
||||
{{ end }}
|
||||
|
||||
</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -1,45 +0,0 @@
|
||||
{{ if .Site.Params.usedothings }}
|
||||
<section>
|
||||
<div class="do-things text-center" id="do-things">
|
||||
<div class="container">
|
||||
<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-2 justify-content-center">
|
||||
{{ range .Site.Params.Things }}
|
||||
{{ if .url }}
|
||||
<div class="col-lg-3 col-md-4">
|
||||
<a id="nothing" href={{ .url | default "#" }} class="">
|
||||
<div class="things shadow rounded p-4 my-2 mb-4 card btn-outline-primary">
|
||||
<i class="{{ .logo }} fa-3x" width="3em" height="3em"></i>
|
||||
<div class="p-2 font-weight-bold">
|
||||
{{ .title }}
|
||||
</div>
|
||||
<div class="py-4 things-text">
|
||||
{{ .description }}
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
{{ else }}
|
||||
<div class="col-lg-3 col-md-4">
|
||||
<div class="things shadow rounded p-4 my-2 mb-4 card btn-outline-primary">
|
||||
<i class="{{ .logo }} fa-3x" width="3em" height="3em"></i>
|
||||
<div class="p-2 font-weight-bold">
|
||||
{{ .title }}
|
||||
</div>
|
||||
<div class="py-4 things-text">
|
||||
{{ .description }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
@@ -1,144 +0,0 @@
|
||||
<footer>
|
||||
<!-- recent posts -->
|
||||
<div class="news container py-3">
|
||||
{{ if .Site.Params.recentposts }}
|
||||
<div class="h3 text-center text-light py-3 font-weight-bold">Recent posts</div>
|
||||
<div class="row justify-content-center">
|
||||
{{ range ( where .Site.RegularPages "Type" "blog" | first 3 ) }}
|
||||
<div class="col-lg-4 col-md-6 pt-2">
|
||||
<a href="{{ .RelPermalink }}" class="post-card-link">
|
||||
<div class="card px-2 h-100">
|
||||
<div class="card-head py-3">
|
||||
<h5 class="card-title font-weight-bold px-2">{{ .Title }}</h5>
|
||||
<p class="card-text px-2"> {{ .Summary | truncate 300}}</p>
|
||||
</div>
|
||||
<div class="mt-auto card-footer">
|
||||
<span class="float-left">{{ .Date.Format "January 2, 2006" }}</span>
|
||||
<a href="{{ .RelPermalink }}" class="float-right btn btn-outline-info btn-sm">Read</a>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ if .Site.Params.socialiconfooter }}
|
||||
|
||||
<div class="text-center">
|
||||
{{ if .Site.Params.github }}
|
||||
<span class="px-1">
|
||||
<a class="text-dark" href="{{ .Site.Params.github }}" aria-label="github">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="2.7em" height="2.7em" viewBox="0 0 1792 1792">
|
||||
<path
|
||||
d="M522 1352q-8 9-20-3-13-11-4-19 8-9 20 3 12 11 4 19zm-42-61q9 12 0 19-8 6-17-7t0-18q9-7 17 6zm-61-60q-5 7-13 2-10-5-7-12 3-5 13-2 10 5 7 12zm31 34q-6 7-16-3-9-11-2-16 6-6 16 3 9 11 2 16zm129 112q-4 12-19 6-17-4-13-15t19-7q16 5 13 16zm63 5q0 11-16 11-17 2-17-11 0-11 16-11 17-2 17 11zm58-10q2 10-14 14t-18-8 14-15q16-2 18 9zm964-956v960q0 119-84.5 203.5t-203.5 84.5h-224q-16 0-24.5-1t-19.5-5-16-14.5-5-27.5v-239q0-97-52-142 57-6 102.5-18t94-39 81-66.5 53-105 20.5-150.5q0-121-79-206 37-91-8-204-28-9-81 11t-92 44l-38 24q-93-26-192-26t-192 26q-16-11-42.5-27t-83.5-38.5-86-13.5q-44 113-7 204-79 85-79 206 0 85 20.5 150t52.5 105 80.5 67 94 39 102.5 18q-40 36-49 103-21 10-45 15t-57 5-65.5-21.5-55.5-62.5q-19-32-48.5-52t-49.5-24l-20-3q-21 0-29 4.5t-5 11.5 9 14 13 12l7 5q22 10 43.5 38t31.5 51l10 23q13 38 44 61.5t67 30 69.5 7 55.5-3.5l23-4q0 38 .5 103t.5 68q0 22-11 33.5t-22 13-33 1.5h-224q-119 0-203.5-84.5t-84.5-203.5v-960q0-119 84.5-203.5t203.5-84.5h960q119 0 203.5 84.5t84.5 203.5z" />
|
||||
|
||||
<metadata>
|
||||
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#" xmlns:dc="http://purl.org/dc/elements/1.1/">
|
||||
<rdf:Description about="https://iconscout.com/legal#licenses"
|
||||
dc:title="Github, Online, Project, Hosting, Square"
|
||||
dc:description="Github, Online, Project, Hosting, Square" dc:publisher="Iconscout" dc:date="2016-12-14"
|
||||
dc:format="image/svg+xml" dc:language="en">
|
||||
<dc:creator>
|
||||
<rdf:Bag>
|
||||
<rdf:li>Font Awesome</rdf:li>
|
||||
</rdf:Bag>
|
||||
</dc:creator>
|
||||
</rdf:Description>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
</svg>
|
||||
</a>
|
||||
</span>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.linkedin }}
|
||||
<span class="px-1">
|
||||
<a class="text-white" href="{{ .Site.Params.linkedin }}" aria-label="linkedin">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width='2.4em' height='2.4em' fill="#fff" aria-label="LinkedIn"
|
||||
viewBox="0 0 512 512">
|
||||
<rect width="512" height="512" fill="#0077b5" rx="15%" />
|
||||
<circle cx="142" cy="138" r="37" />
|
||||
<path stroke="#fff" stroke-width="66" d="M244 194v198M142 194v198" />
|
||||
<path d="M276 282c0-20 13-40 36-40 24 0 33 18 33 45v105h66V279c0-61-32-89-76-89-34 0-51 19-59 32" />
|
||||
</svg>
|
||||
</a>
|
||||
</span>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.twitter }}
|
||||
<a class="text-info" href="{{ .Site.Params.twitter }}" aria-label="twitter">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px">
|
||||
<path fill="#03a9f4"
|
||||
d="M42,37c0,2.762-2.239,5-5,5H11c-2.762,0-5-2.238-5-5V11c0-2.762,2.238-5,5-5h26c2.761,0,5,2.238,5,5 V37z" />
|
||||
<path fill="#fff"
|
||||
d="M36,17.12c-0.882,0.391-1.999,0.758-3,0.88c1.018-0.604,2.633-1.862,3-3 c-0.951,0.559-2.671,1.156-3.793,1.372C31.311,15.422,30.033,15,28.617,15C25.897,15,24,17.305,24,20v2c-4,0-7.9-3.047-10.327-6 c-0.427,0.721-0.667,1.565-0.667,2.457c0,1.819,1.671,3.665,2.994,4.543c-0.807-0.025-2.335-0.641-3-1c0,0.016,0,0.036,0,0.057 c0,2.367,1.661,3.974,3.912,4.422C16.501,26.592,16,27,14.072,27c0.626,1.935,3.773,2.958,5.928,3c-1.686,1.307-4.692,2-7,2 c-0.399,0-0.615,0.022-1-0.023C14.178,33.357,17.22,34,20,34c9.057,0,14-6.918,14-13.37c0-0.212-0.007-0.922-0.018-1.13 C34.95,18.818,35.342,18.104,36,17.12" />
|
||||
</svg>
|
||||
</a>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.instagram }}
|
||||
<a class="text-danger" href="{{ .Site.Params.instagram }}" aria-label="instagram">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px">
|
||||
<radialGradient id="yOrnnhliCrdS2gy~4tD8ma" cx="19.38" cy="42.035" r="44.899" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0" stop-color="#fd5" />
|
||||
<stop offset=".328" stop-color="#ff543f" />
|
||||
<stop offset=".348" stop-color="#fc5245" />
|
||||
<stop offset=".504" stop-color="#e64771" />
|
||||
<stop offset=".643" stop-color="#d53e91" />
|
||||
<stop offset=".761" stop-color="#cc39a4" />
|
||||
<stop offset=".841" stop-color="#c837ab" />
|
||||
</radialGradient>
|
||||
<path fill="url(#yOrnnhliCrdS2gy~4tD8ma)"
|
||||
d="M34.017,41.99l-20,0.019c-4.4,0.004-8.003-3.592-8.008-7.992l-0.019-20 c-0.004-4.4,3.592-8.003,7.992-8.008l20-0.019c4.4-0.004,8.003,3.592,8.008,7.992l0.019,20 C42.014,38.383,38.417,41.986,34.017,41.99z" />
|
||||
<radialGradient id="yOrnnhliCrdS2gy~4tD8mb" cx="11.786" cy="5.54" r="29.813"
|
||||
gradientTransform="matrix(1 0 0 .6663 0 1.849)" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0" stop-color="#4168c9" />
|
||||
<stop offset=".999" stop-color="#4168c9" stop-opacity="0" />
|
||||
</radialGradient>
|
||||
<path fill="url(#yOrnnhliCrdS2gy~4tD8mb)"
|
||||
d="M34.017,41.99l-20,0.019c-4.4,0.004-8.003-3.592-8.008-7.992l-0.019-20 c-0.004-4.4,3.592-8.003,7.992-8.008l20-0.019c4.4-0.004,8.003,3.592,8.008,7.992l0.019,20 C42.014,38.383,38.417,41.986,34.017,41.99z" />
|
||||
<path fill="#fff"
|
||||
d="M24,31c-3.859,0-7-3.14-7-7s3.141-7,7-7s7,3.14,7,7S27.859,31,24,31z M24,19c-2.757,0-5,2.243-5,5 s2.243,5,5,5s5-2.243,5-5S26.757,19,24,19z" />
|
||||
<circle cx="31.5" cy="16.5" r="1.5" fill="#fff" />
|
||||
<path fill="#fff"
|
||||
d="M30,37H18c-3.859,0-7-3.14-7-7V18c0-3.86,3.141-7,7-7h12c3.859,0,7,3.14,7,7v12 C37,33.86,33.859,37,30,37z M18,13c-2.757,0-5,2.243-5,5v12c0,2.757,2.243,5,5,5h12c2.757,0,5-2.243,5-5V18c0-2.757-2.243-5-5-5H18z" />
|
||||
</svg>
|
||||
</a>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.facebook }}
|
||||
<a class="text-info" href="{{ .Site.Params.facebook }}" aria-label="facebook">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px">
|
||||
<path fill="#3F51B5"
|
||||
d="M42,37c0,2.762-2.238,5-5,5H11c-2.761,0-5-2.238-5-5V11c0-2.762,2.239-5,5-5h26c2.762,0,5,2.238,5,5V37z" />
|
||||
<path fill="#FFF"
|
||||
d="M34.368,25H31v13h-5V25h-3v-4h3v-2.41c0.002-3.508,1.459-5.59,5.592-5.59H35v4h-2.287C31.104,17,31,17.6,31,18.723V21h4L34.368,25z" />
|
||||
</svg>
|
||||
</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ end }}
|
||||
<div class="container bg-transparent py-4">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-md-4 text-center order-2 order-lg-1 order-md-1">
|
||||
<div class="pb-2">
|
||||
<a href="{{ .Site.BaseURL }}">
|
||||
<img alt="Footer logo" src="{{ .Site.Params.favicon | default " /images/favicon.png"}}" height="40px"
|
||||
width="40px">
|
||||
</a>
|
||||
</div>
|
||||
© {{ .Site.Params.copyright }} All Rights Reserved
|
||||
<div class="text-secondary">
|
||||
<div>
|
||||
Made with ❤ and
|
||||
<a href="https://github.com/gurusabarish/hugo-profile" target="_blank">Hugo profile</a>
|
||||
| Designed and Developed by
|
||||
<a href="https://www.linkedin.com/in/gurusabarish/" target="_blank">Gurusabarish</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
@@ -1,16 +0,0 @@
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<link rel="icon" href="{{ .Site.Params.favicon | default " /images/favicon.png"}}" type="image/gif">
|
||||
|
||||
<!-- stylesheets -->
|
||||
<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/fontawesome.min.css" media="all">
|
||||
<link rel="stylesheet" href="/css/v2/v2.css" media="all">
|
||||
|
||||
|
||||
<!-- Custom Styles -->
|
||||
{{ if .Site.Params.customCSS }}
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
{{ end }}
|
||||
@@ -1,26 +0,0 @@
|
||||
<nav class="navbar navbar-expand-lg navbar-light shadow-sm bg-gradient-primary">
|
||||
<div class="container">
|
||||
<a class="navbar-brand font-weight-bold" href="{{ .Site.BaseURL | relURL }}">
|
||||
{{ if .Site.Params.favicon }}
|
||||
<img src="{{ .Site.Params.favicon }}" width="30" height="30" class="d-inline-block align-top">
|
||||
{{ .Site.Title }}
|
||||
{{ else }}
|
||||
{{ .Site.Title }}
|
||||
{{ end }}
|
||||
</a>
|
||||
<button class="navbar-toggler border-0" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"
|
||||
aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
|
||||
<div class="collapse navbar-collapse" id="navbarNavDropdown">
|
||||
<ul class="navbar-nav ml-auto text-center">
|
||||
{{ range site.Params.customMenus }}
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="{{.Url}}" aria-label="{{ .name }}">{{ .name }}</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
@@ -1,3 +0,0 @@
|
||||
<!-- javascripts -->
|
||||
<script src="/js/jquery.slim.min.js"></script>
|
||||
<script src="/js/bootstrap.min.js"></script>
|
||||
@@ -1,43 +0,0 @@
|
||||
<div id="about" class="about-backdark about-back">
|
||||
<section class="pt-5">
|
||||
<div class="container-fluid">
|
||||
<div class="text-dark text-center h3">About Me</div>
|
||||
<div class="row justify-content-center about">
|
||||
<div class="col-md-6 about-content">
|
||||
<div data-aos="zoom-in-up" data-aos-offset="50" data-aos-delay="50" data-aos-once="true"
|
||||
data-aos-duration="900">
|
||||
<div class="px-2">
|
||||
{{ .Site.Params.descripe_l1_person | markdownify }}
|
||||
<br />
|
||||
<br />
|
||||
{{ .Site.Params.descripe_l2_person | markdownify }}
|
||||
</div>
|
||||
{{ if .Site.Params.email }}
|
||||
<div class="py-3 pl-2">
|
||||
<a href="mailto:{{ .Site.Params.email }}?subject=Say hi!" target="_blank"
|
||||
class="contact-btn btn text-muted">
|
||||
{{ .Site.Params.getintouch | default "Get in Touch" }}
|
||||
</a>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-5 about-skill">
|
||||
<div data-aos="zoom-in-down" data-aos-offset="50" data-aos-delay="50" data-aos-once="true"
|
||||
data-aos-duration="1000">
|
||||
<div class="text-secondary text-center h4">Skills</div>
|
||||
{{ range .Site.Params.skills }}
|
||||
<div>
|
||||
<div>{{ .name }}</div>
|
||||
<div class="progress mb-4">
|
||||
<div class="progress-bar" role="progressbar" style="width: {{ .percentage }}%;" aria-valuemin="0"
|
||||
aria-valuemax="100"></div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
@@ -1,37 +0,0 @@
|
||||
{{ $img:= "./images/v1/background.png" }}
|
||||
|
||||
<section id="achievements" class="py-5 achievements-backdark achievements-back">
|
||||
<div class="container-fluid">
|
||||
<div class="text-dark text-center h3">Achievements</div>
|
||||
<div class="row justify-content-center py-3 mx-2">
|
||||
{{ range .Site.Params.achievements }}
|
||||
{{ if .img }}
|
||||
{{ $img = .img }}
|
||||
{{ end }}
|
||||
{{ if .url }}
|
||||
<div class="col-md-5 achiv-out px-4 px-md-2 my-2" data-aos="fade-up" data-aos-easing="linear"
|
||||
data-aos-duration="600" data-aos-once="true">
|
||||
<a target="_blank" href={{ .url | default "#" }}>
|
||||
<div class="achiv-card d-flex align-items-end shadow-lg rounded" style="background-image: url(./{{ .img }});">
|
||||
<div class="p-3 w-100 achiv overflow-hidden">
|
||||
<h4 class="text-center achiv-head">{{ .title }}</h4>
|
||||
<div class="text-secondary">{{ .description }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
{{ else }}
|
||||
<div class="col-md-5 achiv-out px-4 px-md-2 my-2" data-aos="fade-up" data-aos-easing="linear"
|
||||
data-aos-duration="600" data-aos-once="true">
|
||||
<div class="achiv-card d-flex align-items-end shadow-lg rounded" style="background-image: url(./{{ .img }});">
|
||||
<div class="p-3 w-100 achiv overflow-hidden">
|
||||
<h4 class="text-center achiv-head">{{ .title }}</h4>
|
||||
<div class="text-secondary">{{ .description }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -1,17 +0,0 @@
|
||||
<section id="contact">
|
||||
<div class="container-fluid py-5">
|
||||
<div class="text-right text-center h3">Get In Touch</div>
|
||||
<div class="row justify-content-center px-md-5">
|
||||
<div class="col-md-6 py-3">
|
||||
<div class="text-center">{{ .Site.Params.contact_content | emojify | markdownify }}</div>
|
||||
{{ if .Site.Params.email }}
|
||||
<div class="text-center pt-3">
|
||||
<a href="mailto:{{ .Site.Params.email }}?subject=Say hi!" class="contact-btn btn text-muted">
|
||||
{{ .Site.Params.getintouch | default "Get in Touch" }}
|
||||
</a>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -1,138 +0,0 @@
|
||||
<section id="experience">
|
||||
<div class="container-fluid pt-5">
|
||||
<div class="text-dark text-center h3">Experience</div>
|
||||
|
||||
<div class="row justify-content-center py-md-5">
|
||||
<div class="d-md-none d-lg-none d-sm-block">
|
||||
<ol class="ex-ol pl-5 pr-3">
|
||||
{{ range .Site.Params.experience }}
|
||||
<li class="ex-ol-li" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600" data-aos-once="true">
|
||||
<h4 class="text-muted">
|
||||
<span class="text-primary">{{ .company }}</span> - {{ .role }}
|
||||
</h4>
|
||||
<div>
|
||||
<small>{{ .startdate}}</small>
|
||||
-
|
||||
<small>{{ .enddate }}</small>
|
||||
</div>
|
||||
<ul class="py-2 ex-ol-ul">
|
||||
{{ range .featuredpoints }}
|
||||
<li class="ex-ol-item">{{ .point }}</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
<div id="nav-pills-out" class="d-none d-md-block nav flex-column nav-pills col-md-2" id="v-pills-tab"
|
||||
role="tablist" aria-orientation="vertical">
|
||||
{{ range $index, $element := .Site.Params.experience }}
|
||||
{{ if (eq $index 0) }}
|
||||
{{ if .id }}
|
||||
<a class="nav-link active" id="{{ .id }}-tab" data-toggle="pill" href="#{{ .id }}" role="tab"
|
||||
aria-controls="{{ .id }}" aria-selected="true">
|
||||
{{ .company }}
|
||||
</a>
|
||||
{{ else }}
|
||||
<a class="nav-link active" id="{{ .company }}-tab" data-toggle="pill" href="#{{ .company }}" role="tab"
|
||||
aria-controls="{{ .company }}" aria-selected="true">
|
||||
{{ .company }}
|
||||
</a>
|
||||
{{ end }}
|
||||
|
||||
|
||||
{{ else }}
|
||||
{{ if .id }}
|
||||
<a class="nav-link" id="{{ .id }}-tab" data-toggle="pill" href="#{{ .id }}" role="tab" aria-controls="{{ .id }}"
|
||||
aria-selected="false">
|
||||
{{ .company }}
|
||||
</a>
|
||||
{{ else }}
|
||||
<a class="nav-link" id="{{ .company }}-tab" data-toggle="pill" href="#{{ .company }}" role="tab"
|
||||
aria-controls="{{ .company }}" aria-selected="false">
|
||||
{{ .company }}
|
||||
</a>
|
||||
{{ end }}
|
||||
|
||||
{{ end }} {{ end }}
|
||||
</div>
|
||||
|
||||
<div class="tab-content col-md-4 d-none d-md-block" id="v-pills-tabContent">
|
||||
{{ range $index, $element := .Site.Params.experience }}
|
||||
{{ if (eq $index 0) }}
|
||||
{{ if .id }}
|
||||
<div class="tab-pane fade show active" id="{{ .id }}" role="tabpanel" aria-labelledby="{{ .id }}-tab">
|
||||
<div class="h4 text-muted">
|
||||
<span class="text-primary">{{ .company }}</span> - {{ .role }}
|
||||
</div>
|
||||
<div>
|
||||
<small>{{ .startdate }}</small>
|
||||
-
|
||||
<small>{{ .enddate }}</small>
|
||||
</div>
|
||||
<ul class="py-2 ex">
|
||||
{{ range .featuredpoints }}
|
||||
<li class="ex-item">{{ .point }}</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
{{ else }}
|
||||
<div class="tab-pane fade show active" id="{{ .company }}" role="tabpanel" aria-labelledby="{{ .company }}-tab">
|
||||
<div class="h4 text-muted">
|
||||
<span class="text-primary">{{ .company }}</span> - {{ .role }}
|
||||
</div>
|
||||
<div>
|
||||
<small>{{ .startdate }}</small>
|
||||
-
|
||||
<small>{{ .enddate }}</small>
|
||||
</div>
|
||||
<ul class="py-2 ex">
|
||||
{{ range .featuredpoints }}
|
||||
<li class="ex-item">{{ .point }}</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
{{ end }}
|
||||
|
||||
{{ else }}
|
||||
{{ if .id }}
|
||||
<div class="tab-pane fade" id="{{ .id }}" role="tabpanel" aria-labelledby="{{ .id }}-tab">
|
||||
<div class="h4 text-muted">
|
||||
<span class="text-primary">{{ .company }}</span> - {{ .role }}
|
||||
</div>
|
||||
<div>
|
||||
<small>{{ .startdate }}</small>
|
||||
-
|
||||
<small>{{ .enddate }}</small>
|
||||
</div>
|
||||
<ul class="py-2 ex">
|
||||
{{ range .featuredpoints }}
|
||||
<li class="ex-item">{{ .point }}</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
{{ else }}
|
||||
<div class="tab-pane fade" id="{{ .company }}" role="tabpanel" aria-labelledby="{{ .company }}-tab">
|
||||
<div class="h4 text-muted">
|
||||
<span class="text-primary">{{ .company }}</span> - {{ .role }}
|
||||
</div>
|
||||
<div>
|
||||
<small>{{ .startdate }}</small>
|
||||
-
|
||||
<small>{{ .enddate }}</small>
|
||||
</div>
|
||||
<ul class="py-2 ex">
|
||||
{{ range .featuredpoints }}
|
||||
<li class="ex-item">{{ .point }}</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
{{ end }}
|
||||
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -1,142 +0,0 @@
|
||||
<footer>
|
||||
<!-- recent posts -->
|
||||
<div class="news container py-3" data-aos="fade-up" data-aos-easing="linear" data-aos-once="true">
|
||||
{{ if .Site.Params.recentposts }}
|
||||
<div class="h3 text-center text-dark py-3 font-weight-bold">Recent posts</div>
|
||||
<div class="row justify-content-center">
|
||||
{{ range ( where .Site.RegularPages "Type" "blog" | first 3 ) }}
|
||||
<div class="col-lg-4 col-md-6 pt-2">
|
||||
<a href="{{ .RelPermalink }}" class="post-card-link">
|
||||
<div class="card h-100">
|
||||
<div class="card-head px-2 py-3">
|
||||
<h5 class="card-title font-weight-bold px-2">{{ .Title }}</h5>
|
||||
<div class="px-2">{{ .Summary | truncate 300}}</div>
|
||||
</div>
|
||||
<div class="mt-auto card-footer">
|
||||
<span class="float-left">{{ .Date.Format "January 2, 2006" }}</span>
|
||||
<a href="{{ .RelPermalink }}" class="float-right btn btn-outline-info btn-sm">Read</a>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ if .Site.Params.socialiconfooter }}
|
||||
|
||||
<div class="text-center">
|
||||
{{ if .Site.Params.github }}
|
||||
<span class="px-1">
|
||||
<a class="text-dark text-decoration-none" href="{{ .Site.Params.github }}" aria-label="github">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="2.7em" height="2.7em" viewBox="0 0 1792 1792">
|
||||
<path
|
||||
d="M522 1352q-8 9-20-3-13-11-4-19 8-9 20 3 12 11 4 19zm-42-61q9 12 0 19-8 6-17-7t0-18q9-7 17 6zm-61-60q-5 7-13 2-10-5-7-12 3-5 13-2 10 5 7 12zm31 34q-6 7-16-3-9-11-2-16 6-6 16 3 9 11 2 16zm129 112q-4 12-19 6-17-4-13-15t19-7q16 5 13 16zm63 5q0 11-16 11-17 2-17-11 0-11 16-11 17-2 17 11zm58-10q2 10-14 14t-18-8 14-15q16-2 18 9zm964-956v960q0 119-84.5 203.5t-203.5 84.5h-224q-16 0-24.5-1t-19.5-5-16-14.5-5-27.5v-239q0-97-52-142 57-6 102.5-18t94-39 81-66.5 53-105 20.5-150.5q0-121-79-206 37-91-8-204-28-9-81 11t-92 44l-38 24q-93-26-192-26t-192 26q-16-11-42.5-27t-83.5-38.5-86-13.5q-44 113-7 204-79 85-79 206 0 85 20.5 150t52.5 105 80.5 67 94 39 102.5 18q-40 36-49 103-21 10-45 15t-57 5-65.5-21.5-55.5-62.5q-19-32-48.5-52t-49.5-24l-20-3q-21 0-29 4.5t-5 11.5 9 14 13 12l7 5q22 10 43.5 38t31.5 51l10 23q13 38 44 61.5t67 30 69.5 7 55.5-3.5l23-4q0 38 .5 103t.5 68q0 22-11 33.5t-22 13-33 1.5h-224q-119 0-203.5-84.5t-84.5-203.5v-960q0-119 84.5-203.5t203.5-84.5h960q119 0 203.5 84.5t84.5 203.5z" />
|
||||
|
||||
<metadata>
|
||||
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#" xmlns:dc="http://purl.org/dc/elements/1.1/">
|
||||
<rdf:Description about="https://iconscout.com/legal#licenses"
|
||||
dc:title="Github, Online, Project, Hosting, Square"
|
||||
dc:description="Github, Online, Project, Hosting, Square" dc:publisher="Iconscout" dc:date="2016-12-14"
|
||||
dc:format="image/svg+xml" dc:language="en">
|
||||
<dc:creator>
|
||||
<rdf:Bag>
|
||||
<rdf:li>Font Awesome</rdf:li>
|
||||
</rdf:Bag>
|
||||
</dc:creator>
|
||||
</rdf:Description>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
</svg>
|
||||
</a>
|
||||
</span>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.linkedin }}
|
||||
<span class="px-1">
|
||||
<a class="text-white text-decoration-none" href="{{ .Site.Params.linkedin }}" aria-label="linkedin">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width='2.4em' height='2.4em' fill="#fff" aria-label="LinkedIn"
|
||||
viewBox="0 0 512 512">
|
||||
<rect width="512" height="512" fill="#0077b5" rx="15%" />
|
||||
<circle cx="142" cy="138" r="37" />
|
||||
<path stroke="#fff" stroke-width="66" d="M244 194v198M142 194v198" />
|
||||
<path d="M276 282c0-20 13-40 36-40 24 0 33 18 33 45v105h66V279c0-61-32-89-76-89-34 0-51 19-59 32" />
|
||||
</svg>
|
||||
</a>
|
||||
</span>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.twitter }}
|
||||
<a class="text-info text-decoration-none" href="{{ .Site.Params.twitter }}" aria-label="twitter">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px">
|
||||
<path fill="#03a9f4"
|
||||
d="M42,37c0,2.762-2.239,5-5,5H11c-2.762,0-5-2.238-5-5V11c0-2.762,2.238-5,5-5h26c2.761,0,5,2.238,5,5 V37z" />
|
||||
<path fill="#fff"
|
||||
d="M36,17.12c-0.882,0.391-1.999,0.758-3,0.88c1.018-0.604,2.633-1.862,3-3 c-0.951,0.559-2.671,1.156-3.793,1.372C31.311,15.422,30.033,15,28.617,15C25.897,15,24,17.305,24,20v2c-4,0-7.9-3.047-10.327-6 c-0.427,0.721-0.667,1.565-0.667,2.457c0,1.819,1.671,3.665,2.994,4.543c-0.807-0.025-2.335-0.641-3-1c0,0.016,0,0.036,0,0.057 c0,2.367,1.661,3.974,3.912,4.422C16.501,26.592,16,27,14.072,27c0.626,1.935,3.773,2.958,5.928,3c-1.686,1.307-4.692,2-7,2 c-0.399,0-0.615,0.022-1-0.023C14.178,33.357,17.22,34,20,34c9.057,0,14-6.918,14-13.37c0-0.212-0.007-0.922-0.018-1.13 C34.95,18.818,35.342,18.104,36,17.12" />
|
||||
</svg>
|
||||
</a>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.instagram }}
|
||||
<a class="text-danger text-decoration-none" href="{{ .Site.Params.instagram }}" aria-label="instagram">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px">
|
||||
<radialGradient id="yOrnnhliCrdS2gy~4tD8ma" cx="19.38" cy="42.035" r="44.899" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0" stop-color="#fd5" />
|
||||
<stop offset=".328" stop-color="#ff543f" />
|
||||
<stop offset=".348" stop-color="#fc5245" />
|
||||
<stop offset=".504" stop-color="#e64771" />
|
||||
<stop offset=".643" stop-color="#d53e91" />
|
||||
<stop offset=".761" stop-color="#cc39a4" />
|
||||
<stop offset=".841" stop-color="#c837ab" />
|
||||
</radialGradient>
|
||||
<path fill="url(#yOrnnhliCrdS2gy~4tD8ma)"
|
||||
d="M34.017,41.99l-20,0.019c-4.4,0.004-8.003-3.592-8.008-7.992l-0.019-20 c-0.004-4.4,3.592-8.003,7.992-8.008l20-0.019c4.4-0.004,8.003,3.592,8.008,7.992l0.019,20 C42.014,38.383,38.417,41.986,34.017,41.99z" />
|
||||
<radialGradient id="yOrnnhliCrdS2gy~4tD8mb" cx="11.786" cy="5.54" r="29.813"
|
||||
gradientTransform="matrix(1 0 0 .6663 0 1.849)" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0" stop-color="#4168c9" />
|
||||
<stop offset=".999" stop-color="#4168c9" stop-opacity="0" />
|
||||
</radialGradient>
|
||||
<path fill="url(#yOrnnhliCrdS2gy~4tD8mb)"
|
||||
d="M34.017,41.99l-20,0.019c-4.4,0.004-8.003-3.592-8.008-7.992l-0.019-20 c-0.004-4.4,3.592-8.003,7.992-8.008l20-0.019c4.4-0.004,8.003,3.592,8.008,7.992l0.019,20 C42.014,38.383,38.417,41.986,34.017,41.99z" />
|
||||
<path fill="#fff"
|
||||
d="M24,31c-3.859,0-7-3.14-7-7s3.141-7,7-7s7,3.14,7,7S27.859,31,24,31z M24,19c-2.757,0-5,2.243-5,5 s2.243,5,5,5s5-2.243,5-5S26.757,19,24,19z" />
|
||||
<circle cx="31.5" cy="16.5" r="1.5" fill="#fff" />
|
||||
<path fill="#fff"
|
||||
d="M30,37H18c-3.859,0-7-3.14-7-7V18c0-3.86,3.141-7,7-7h12c3.859,0,7,3.14,7,7v12 C37,33.86,33.859,37,30,37z M18,13c-2.757,0-5,2.243-5,5v12c0,2.757,2.243,5,5,5h12c2.757,0,5-2.243,5-5V18c0-2.757-2.243-5-5-5H18z" />
|
||||
</svg>
|
||||
</a>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.facebook }}
|
||||
<a class="text-info text-decoration-none" href="{{ .Site.Params.facebook }}" aria-label="facebook">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px">
|
||||
<path fill="#3F51B5"
|
||||
d="M42,37c0,2.762-2.238,5-5,5H11c-2.761,0-5-2.238-5-5V11c0-2.762,2.239-5,5-5h26c2.762,0,5,2.238,5,5V37z" />
|
||||
<path fill="#FFF"
|
||||
d="M34.368,25H31v13h-5V25h-3v-4h3v-2.41c0.002-3.508,1.459-5.59,5.592-5.59H35v4h-2.287C31.104,17,31,17.6,31,18.723V21h4L34.368,25z" />
|
||||
</svg>
|
||||
</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ end }}
|
||||
<div class="container bg-transparent py-4">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-md-4 text-center order-2 order-lg-1 order-md-1">
|
||||
<div class="pb-2">
|
||||
<a href="{{ .Site.BaseURL }}">
|
||||
<img alt="Footer logo" src="{{ .Site.Params.favicon | default " /images/favicon.png"}}" height="40px"
|
||||
width="40px">
|
||||
</a>
|
||||
</div>
|
||||
© {{ dateFormat "2006" now }} All Rights Reserved
|
||||
<div>
|
||||
Made with ❤ and
|
||||
<a href="https://github.com/gurusabarish/hugo-profile" target="_blank">Hugo profile</a>
|
||||
| Designed and Developed by
|
||||
<a href="https://www.linkedin.com/in/gurusabarish/" target="_blank">Gurusabarish</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
@@ -1,36 +0,0 @@
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<link rel="icon" href="{{ .Site.Params.favicon | default " /images/favicon.png"}}" type="image/gif">
|
||||
<!-- Google analytics -->
|
||||
{{ template "_internal/google_analytics.html" . }}
|
||||
<!-- stylesheets -->
|
||||
<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/fontawesome.min.css" media="all">
|
||||
<link rel="stylesheet" href="/css/v3/darkmode.css" media="all">
|
||||
|
||||
<style>
|
||||
html {
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: #6c757d transparent;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 5px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background: #6c757d;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
<!-- Custom Styles -->
|
||||
{{ if .Site.Params.customCSS }}
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
{{ end }}
|
||||
@@ -1,99 +0,0 @@
|
||||
<div class="container-fluid home">
|
||||
<div class="pt-5 pb-3 pt-md-0">
|
||||
<div class="row justify-content-center intro" data-aos="fade-down" data-aos-easing="linear"
|
||||
data-aos-duration="1000">
|
||||
<div class="col-md-7 pb-2 name-container">
|
||||
<div class="name" data-aos="fade-up" data-aos-offset="200" data-aos-delay="50" data-aos-duration="1000"
|
||||
data-aos-once="true">
|
||||
<div style="color: #{{ .Site.Params.namecolor }};" class="hi-text" data-aos="fade-up" data-aos-offset="50"
|
||||
data-aos-delay="50" data-aos-once="true" data-aos-duration="900">
|
||||
{{ .Site.Params.hitext | default "Hi there, I'm" }}
|
||||
</div>
|
||||
<h1 class="text-primary name-text" data-aos="fade-up" data-aos-offset="200" data-aos-delay="50"
|
||||
data-aos-duration="900" data-aos-once="true">
|
||||
{{ .Site.Params.name }}
|
||||
</h1>
|
||||
<h5 class="text-muted pro-text" data-aos="fade-up" data-aos-offset="200" data-aos-delay="50"
|
||||
data-aos-duration="900" data-aos-once="true">
|
||||
{{ .Site.Params.profession }}
|
||||
</h5>
|
||||
</div>
|
||||
<div class="row social pt-4" data-aos="fade-up" data-aos-offset="50" data-aos-delay="50" data-aos-duration="900"
|
||||
data-aos-once="true">
|
||||
<div class="col-md-12">
|
||||
{{ if .Site.Params.github }}
|
||||
<a href="{{ .Site.Params.github }}" class="social-icon">
|
||||
<i class="fab fa-lg fa-github"></i>
|
||||
​
|
||||
</a>
|
||||
<span class="px-1"></span>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.gitlab }}
|
||||
<a href="{{ .Site.Params.gitlab }}" class="social-icon">
|
||||
<i class="fab fa-lg fa-gitlab"></i>
|
||||
​
|
||||
</a>
|
||||
<span class="px-1"></span>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.twitter }}
|
||||
<a href="{{ .Site.Params.twitter }}" class="social-icon">
|
||||
<i class="fab fa-lg fa-twitter"></i>
|
||||
​
|
||||
</a>
|
||||
<span class="px-1"></span>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.linkedin }}
|
||||
<a href="{{ .Site.Params.linkedin }}" class="social-icon">
|
||||
<i class="fab fa-lg fa-linkedin"></i>
|
||||
​
|
||||
</a>
|
||||
<span class="px-1"></span>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.facebook }}
|
||||
<a href="{{ .Site.Params.facebook }}" class="social-icon">
|
||||
<i class="fab fa-lg fa-facebook"></i>
|
||||
​
|
||||
</a>
|
||||
<span class="px-1"></span>
|
||||
{{ end }}
|
||||
|
||||
<!-- customSocialLinks -->
|
||||
{{ range .Site.Params.customSocialLinks }}
|
||||
{{ if .fontAwesomeIconName }}
|
||||
<a href="{{ .url }}" class="social-icon">
|
||||
<i class="fa-lg {{ .fontAwesomeIconName }}"></i>
|
||||
​
|
||||
</a>
|
||||
{{ else }}
|
||||
<a href="{{ .url }}" class="social-icon">
|
||||
<img class="fab fa-lg" src="{{ .imageURL }}" alt="{{ .name }}" width="4%" />
|
||||
​
|
||||
</a>
|
||||
{{ end }}
|
||||
<span class="px-1"></span>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="pt-4 btn-intro">
|
||||
<a href="#about" class="btn-know btn btn-outline-info" data-aos="zoom-in" data-aos-offset="50"
|
||||
data-aos-delay="50" data-aos-duration="900" data-aos-once="true">
|
||||
About me
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col-md-5 text-center pt-2 pt-md-0 position-relative">
|
||||
{{ if .Site.Params.profile_image }}
|
||||
<img class="profile rounded shadow-lg" data-aos="zoom-in" data-aos-once="true" data-aos-duration="1000"
|
||||
src="{{ .Site.Params.profile_image }}" alt="{{ .Site.Params.name }}" class="rounded">
|
||||
{{ end }}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,120 +0,0 @@
|
||||
<div class="container">
|
||||
<nav class="pt-3 navbar navbar-expand-lg navbar-light" data-aos="fade-down" data-aos-easing="linear"
|
||||
data-aos-duration="500">
|
||||
<a class="navbar-brand" href="{{ .Site.BaseURL | relURL }}">
|
||||
{{ if .Site.Params.favicon }}
|
||||
<img src="{{ .Site.Params.favicon }}" width="30" height="30" class="d-inline-block align-top">
|
||||
{{ .Site.Title }}
|
||||
{{ else }}
|
||||
{{ .Site.Title }}
|
||||
{{ end }}
|
||||
</a>
|
||||
|
||||
|
||||
<button class="navbar-toggler border-0" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"
|
||||
aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
|
||||
<div class="collapse navbar-collapse" id="navbarNavDropdown">
|
||||
<ul class="navbar-nav ml-auto text-center">
|
||||
|
||||
{{ if .Site.Params.disable_about }}
|
||||
{{ else }}
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link text-dark" href="{{ .Site.BaseURL | relURL }}#about" aria-label="about">About</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.disable_experience }}
|
||||
{{ else }}
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link text-dark" href="{{ .Site.BaseURL | relURL }}#experience"
|
||||
aria-label="experience">Experience</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.disable_education }}
|
||||
{{ else }}
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link text-dark" href="{{ .Site.BaseURL | relURL }}#education"
|
||||
aria-label="education">Education</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.disable_projects }}
|
||||
{{ else }}
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link text-dark" href="{{ .Site.BaseURL | relURL }}#projects" aria-label="projects">Projects</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.disable_achievements }}
|
||||
{{ else }}
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link text-dark" href="{{ .Site.BaseURL | relURL }}#achievements"
|
||||
aria-label="achievements">Achievements</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.disable_contact }}
|
||||
{{ else }}
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link text-dark" href="{{ .Site.BaseURL | relURL }}#contact" aria-label="contact">Contact</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
|
||||
{{ range .Site.Menus.main }}
|
||||
{{ if .HasChildren }}
|
||||
<!-- Dropdown menu -->
|
||||
<li class="nav-item dropdown navbar-text">
|
||||
<a class="nav-link text-dark dropdown-toggle" href="#" title="{{ .Title }}" id="navbarDropdownMenuLink"
|
||||
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
{{ .Name }}
|
||||
</a>
|
||||
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
|
||||
{{ range .Children }}
|
||||
<a class="dropdown-item text-dark" href="{{ .URL }}" title="{{ .Title }}">
|
||||
{{ .Name }}
|
||||
</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
</li>
|
||||
|
||||
{{/*
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="{{ .URL }}" id="navbarDropdown" role="button"
|
||||
data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" title="{{ .Title }}">
|
||||
{{ .Name }}
|
||||
</a>
|
||||
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
|
||||
{{ range .Children }}
|
||||
<a class="dropdown-item" href="{{ .URL }}" title="{{ .Title }}">
|
||||
{{ .Name }}</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
</li> */}}
|
||||
{{else}}
|
||||
<!-- Single menu item -->
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link text-dark" href="{{.URL}}" title="{{ .Title }}">
|
||||
{{ .Pre }}
|
||||
<span>{{ .Name }}</span>
|
||||
</a>
|
||||
</li>
|
||||
{{end}}
|
||||
{{end}}
|
||||
|
||||
<li class="nav-item navbar-text">
|
||||
<div class="custom-control custom-switch">
|
||||
<input type="checkbox" class="custom-control-input" id="customSwitch1" autocomplete="on">
|
||||
<label class="pt-2 darkmode-label" for="customSwitch1" style="cursor: pointer;">
|
||||
<i class="fas fa-lg fa-moon"></i>
|
||||
<i class="fas fa-lg fa-sun d-none text-warning"></i>
|
||||
</label>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
@@ -1,106 +0,0 @@
|
||||
<section id="projects">
|
||||
<div class="container-fluid py-5">
|
||||
<div class="text-dark text-center h3">Projects</div>
|
||||
<div class="row justify-content-center pt-2">
|
||||
{{ range ( where .Site.RegularPages "Type" "project" ) }}
|
||||
<div class="col-md-8 pro m-3 shadow" data-aos="fade-up" data-aos-duration="1500" data-aos-once="true">
|
||||
<div class="row">
|
||||
<div class="col-md-6 bg-pro">
|
||||
<img src="{{ .Params.img }}" alt="{{ .Title }}" />
|
||||
</div>
|
||||
<div class="col-md-6 content-pro p-3 bg-light">
|
||||
<div class="content-pro-top">
|
||||
<h2>{{ .Title }}</h2>
|
||||
<p class="card-text pt-2">{{ .Params.description }}</p>
|
||||
</div>
|
||||
<span class="float-right">
|
||||
{{ if .Params.featured }}
|
||||
<a href="{{ .Params.featured }}" class="px-1">
|
||||
<i class="fas text-info fa-link"></i>
|
||||
</a>
|
||||
{{ end }} {{ if .Params.github }}
|
||||
<a href="{{ .Params.github }}" class="px-1 pr-2">
|
||||
<i class="fab text-dark fa-lg fa-github pro-github"></i>
|
||||
</a>
|
||||
{{ end }}
|
||||
<a class="btn btn-sm pro-btn btn-outline-info" target="_blank" href="{{ .Permalink }}">
|
||||
Know more...
|
||||
</a>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }} {{ range .Site.Params.projects }}
|
||||
<div class="col-md-8 pro m-3 shadow" data-aos="fade-up" data-aos-duration="1500" data-aos-once="true">
|
||||
<div class="row">
|
||||
<div class="col-md-6 bg-pro">
|
||||
<img src="{{ .img }}" alt="{{ .name }}" />
|
||||
</div>
|
||||
<div class="col-md-6 content-pro p-3 bg-light">
|
||||
<div class="content-pro-top">
|
||||
<h2>{{ .name }}</h2>
|
||||
<p class="card-text pt-2">{{ .description }}</p>
|
||||
</div>
|
||||
<span class="float-right">
|
||||
{{ if .featuredlink }}
|
||||
<a href="{{ .featuredlink }}" class="px-1">
|
||||
<i class="fas text-info fa-link"></i>
|
||||
</a>
|
||||
{{ end }} {{ if .githublink }}
|
||||
<a href="{{ .githublink }}" class="px-1 pr-2">
|
||||
<i class="fab text-dark fa-lg fa-github pro-github"></i>
|
||||
</a>
|
||||
{{ end }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!--
|
||||
{{ range ( where .Site.RegularPages "Type" "project" ) }}
|
||||
<div class="col-md-5 py-2">
|
||||
<div class="pb-2">
|
||||
<div class="card border-r border-0 shadow h-100 m-2">
|
||||
<a class="text-decoration-none" target="_blank" href="{{ .Permalink }}">
|
||||
<img src='{{ .Params.img }}' class="card-img-top" height="250" alt="{{ .Title }}">
|
||||
</a>
|
||||
<div class="card-body pt-2 ">
|
||||
<h2>{{ .Title }}</h2>
|
||||
<p class="card-text pt-2">
|
||||
<span class="">
|
||||
Build your website with “Hugo” comment Go to the terminal and type “hugo” …
|
||||
</span>
|
||||
|
||||
</p>
|
||||
<span class="float-right">
|
||||
{{ if .Params.featured }}
|
||||
<a href="{{ .Params.featured }}" class="px-1">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
|
||||
<path
|
||||
d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm10 12c0 .685-.07 1.354-.202 2h-3.853c.121-1.283.129-2.621 0-4h3.853c.132.646.202 1.315.202 2zm-.841-4h-3.5c-.383-1.96-1.052-3.751-1.948-5.278 2.435.977 4.397 2.882 5.448 5.278zm-5.554 0h-2.605v-5.658c1.215 1.46 2.117 3.41 2.605 5.658zm-4.605-5.658v5.658h-2.605c.488-2.248 1.39-4.198 2.605-5.658zm0 7.658v4h-2.93c-.146-1.421-.146-2.577 0-4h2.93zm0 6v5.658c-1.215-1.46-2.117-3.41-2.605-5.658h2.605zm2 5.658v-5.658h2.605c-.488 2.248-1.39 4.198-2.605 5.658zm0-7.658v-4h2.93c.146 1.421.146 2.577 0 4h-2.93zm-4.711-11.278c-.896 1.527-1.565 3.318-1.948 5.278h-3.5c1.051-2.396 3.013-4.301 5.448-5.278zm-6.087 7.278h3.853c-.121 1.283-.129 2.621 0 4h-3.853c-.132-.646-.202-1.315-.202-2s.07-1.354.202-2zm.639 6h3.5c.383 1.96 1.052 3.751 1.948 5.278-2.435-.977-4.397-2.882-5.448-5.278zm12.87 5.278c.896-1.527 1.565-3.318 1.948-5.278h3.5c-1.051 2.396-3.013 4.301-5.448 5.278z" />
|
||||
</svg>
|
||||
</a>
|
||||
{{ end }}
|
||||
{{ if .Params.github }}
|
||||
<a href="{{ .Params.github }}" class="px-1 pr-2">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
|
||||
<path
|
||||
d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
|
||||
</svg>
|
||||
</a>
|
||||
{{ end }}
|
||||
<a class="btn btn-sm btn-outline-info" target="_blank" href="{{ .Permalink }}">Read
|
||||
more...</a>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{ end }}
|
||||
-->
|
||||
@@ -1,3 +0,0 @@
|
||||
<!-- javascripts -->
|
||||
<script src="/js/jquery.slim.min.js"></script>
|
||||
<script src="/js/bootstrap.min.js"></script>
|
||||
@@ -0,0 +1,20 @@
|
||||
|
||||
/* Default font for body */
|
||||
body {
|
||||
font-family: "Roboto", sans-serif !important;
|
||||
}
|
||||
|
||||
/* secondary font */
|
||||
.secondary-font, #secondary-font {
|
||||
font-family: "Lora", serif;
|
||||
}
|
||||
|
||||
/* primary font */
|
||||
.primary-font, #primary-font {
|
||||
font-family: "Alata", sans-serif;
|
||||
}
|
||||
|
||||
/* Default font */
|
||||
.default-font, #default-font {
|
||||
font-family: "Roboto", sans-serif;
|
||||
}
|
||||
@@ -0,0 +1,28 @@
|
||||
.navbar-toggler {
|
||||
border: none;
|
||||
outline: none;
|
||||
}
|
||||
.navbar-toggler svg {
|
||||
fill: currentColor;
|
||||
}
|
||||
.navbar-toggler:focus {
|
||||
box-shadow: 0 0 0 .05em;
|
||||
}
|
||||
.navbar-text {
|
||||
font-size: 16px !important;
|
||||
}
|
||||
.nav-link{
|
||||
transition: none !important;
|
||||
}
|
||||
.navbar-brand {
|
||||
color: var(--primary-color) !important;
|
||||
}
|
||||
.navbar .nav-link:hover {
|
||||
color: var(--primary-color) !important;
|
||||
}
|
||||
li> .dropdown-toggle:focus{
|
||||
color: var(--primary-color) !important;
|
||||
}
|
||||
.dropdown-item:hover {
|
||||
background-color: var(--secondary-color) !important;
|
||||
}
|
||||
@@ -0,0 +1,33 @@
|
||||
/* light mode */
|
||||
.light, *{
|
||||
background-color: var(--background-color) !important;
|
||||
color: var(--text-color) !important;
|
||||
}
|
||||
|
||||
/* dark mode */
|
||||
.dark {
|
||||
--background-color: var(--background-color-dark) !important;
|
||||
--text-color: var(--text-color-dark) !important;
|
||||
--primary-color: var(--primary-color-dark);
|
||||
--secondary-color: var(--secondary-color-dark);
|
||||
}
|
||||
|
||||
|
||||
#theme-toggle:focus {
|
||||
outline: 0;
|
||||
}
|
||||
#theme-toggle svg {
|
||||
height: 18px;
|
||||
}
|
||||
button#theme-toggle {
|
||||
border: none;
|
||||
font-size: 26px;
|
||||
margin: auto 4px;
|
||||
}
|
||||
body.dark #moon {
|
||||
vertical-align: middle;
|
||||
display: none;
|
||||
}
|
||||
body:not(.dark) #sun {
|
||||
display: none;
|
||||
}
|
||||
@@ -1,115 +0,0 @@
|
||||
article blockquote {
|
||||
margin: 0 !;
|
||||
border-left: 4px solid #248aaa !important;
|
||||
background-color: #248baa15 !important;
|
||||
padding: 0.3rem !important;
|
||||
padding-left: 1rem !important;
|
||||
}
|
||||
|
||||
article blockquote > p {
|
||||
color: #3c4858 !important;
|
||||
margin-top: 0.5rem !important;
|
||||
margin-bottom: 0.5rem !important;
|
||||
}
|
||||
|
||||
article h1,
|
||||
h2 {
|
||||
margin-top: 1.4rem;
|
||||
font-size: 32px;
|
||||
border-left: 4px solid #77ace9 !important;
|
||||
background-color: #b2cad43a !important;
|
||||
padding: 0.3rem !important;
|
||||
padding-left: 1rem !important;
|
||||
}
|
||||
|
||||
article h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
margin-top: 1.3rem;
|
||||
}
|
||||
|
||||
article table {
|
||||
border-radius: 0.1rem;
|
||||
background: #e5e9f2;
|
||||
border: 1px solid #c0ccda;
|
||||
padding: 0.1rem;
|
||||
}
|
||||
|
||||
article table tr {
|
||||
height: 40px !important;
|
||||
}
|
||||
|
||||
article table th,
|
||||
td {
|
||||
padding: 0.5rem;
|
||||
border-left: 1px solid #8392a5;
|
||||
border-bottom: 1px solid #8392a5;
|
||||
}
|
||||
|
||||
article table thead tr {
|
||||
background: #248aaa;
|
||||
color: #e5e9f2;
|
||||
}
|
||||
|
||||
article tbody tr:nth-child(odd) {
|
||||
background-color: #e5e9f2;
|
||||
}
|
||||
|
||||
article tbody tr:hover {
|
||||
background: #c0ccda;
|
||||
}
|
||||
|
||||
article img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
article caption,
|
||||
figcaption {
|
||||
caption-side: bottom;
|
||||
text-align: center;
|
||||
color: #8392a5;
|
||||
}
|
||||
|
||||
article pre {
|
||||
margin: 5px;
|
||||
padding: 5%;
|
||||
font-size: 18px;
|
||||
max-height: 400px;
|
||||
border-radius: 2%;
|
||||
background-color: #1f618d !important;
|
||||
color: white;
|
||||
}
|
||||
|
||||
article pre > code {
|
||||
padding: 10px !important;
|
||||
}
|
||||
|
||||
article a.header-anchor {
|
||||
text-decoration: none;
|
||||
color: #1c2d41;
|
||||
}
|
||||
|
||||
article a.header-anchor i {
|
||||
font-size: 10pt;
|
||||
color: #3c4858;
|
||||
display: none;
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
article a.header-anchor:hover i {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
article a.header-anchor code {
|
||||
color: #e83e8c;
|
||||
}
|
||||
|
||||
article kbd {
|
||||
background-color: #248aaa !important;
|
||||
color: #f9fafc;
|
||||
}
|
||||
|
||||
article mark {
|
||||
background-color: #ffc21280;
|
||||
}
|
||||
@@ -1,13 +0,0 @@
|
||||
/*footer*/
|
||||
.footer {
|
||||
background: #f2f2f2;
|
||||
}
|
||||
|
||||
.navbar-text {
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
.footer-site {
|
||||
font-family: "Alata", sans-serif;
|
||||
font-size: 25px;
|
||||
}
|
||||
@@ -1,203 +0,0 @@
|
||||
a:hover {
|
||||
text-decoration: none !important;
|
||||
}
|
||||
|
||||
/*home*/
|
||||
|
||||
.home {
|
||||
height: auto;
|
||||
padding: 0;
|
||||
padding-bottom: 0;
|
||||
margin: 0;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.name {
|
||||
font-family: "Alata", sans-serif;
|
||||
}
|
||||
|
||||
.name-intro {
|
||||
font-size: 20px;
|
||||
padding-top: 10%;
|
||||
padding-left: 17%;
|
||||
}
|
||||
|
||||
.profile {
|
||||
float: right;
|
||||
padding-right: 22%;
|
||||
padding-bottom: 10%;
|
||||
}
|
||||
|
||||
.know-more {
|
||||
padding-bottom: 15%;
|
||||
font-family: cursive;
|
||||
}
|
||||
|
||||
.know-more a:hover {
|
||||
text-decoration-line: none;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.home-content {
|
||||
padding-top: 0;
|
||||
padding-left: 18%;
|
||||
padding-right: 5%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: bottom;
|
||||
}
|
||||
|
||||
.social a:hover {
|
||||
text-decoration-line: none;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 992px) {
|
||||
.profile {
|
||||
padding-right: 35%;
|
||||
text-align: center !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 768px) {
|
||||
.home {
|
||||
height: auto;
|
||||
background-position: left bottom;
|
||||
}
|
||||
|
||||
.name-intro {
|
||||
height: 200px;
|
||||
padding-left: 10%;
|
||||
}
|
||||
|
||||
.home-content {
|
||||
height: 30%;
|
||||
background: none;
|
||||
}
|
||||
|
||||
.know-more {
|
||||
padding-top: 10%;
|
||||
padding-left: 20%;
|
||||
padding-right: 20%;
|
||||
padding-bottom: 10%;
|
||||
}
|
||||
|
||||
.know-more a {
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
|
||||
/* recent posts */
|
||||
.recent-posts {
|
||||
font-family: "Alata", sans-serif;
|
||||
font-size: 25px;
|
||||
}
|
||||
|
||||
/* do things */
|
||||
|
||||
.do-things {
|
||||
background-color: #e5e9f2;
|
||||
height: auto;
|
||||
padding: 0;
|
||||
padding-bottom: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.things-i-do {
|
||||
font-family: "Alata", sans-serif;
|
||||
font-size: 25px;
|
||||
}
|
||||
|
||||
.things {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.things-text {
|
||||
height: 100px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 768px) {
|
||||
.do-things-card {
|
||||
padding-left: 15%;
|
||||
padding-right: 15%;
|
||||
padding-bottom: 15%;
|
||||
padding-top: 0%;
|
||||
}
|
||||
}
|
||||
|
||||
/* about */
|
||||
|
||||
.about {
|
||||
height: auto;
|
||||
background-color: #e5e9f2;
|
||||
}
|
||||
|
||||
.jop {
|
||||
font-size: 30px;
|
||||
}
|
||||
|
||||
.about-me {
|
||||
font-family: "Alata", sans-serif;
|
||||
font-size: 25px;
|
||||
}
|
||||
|
||||
.about-content {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.about-content a:hover {
|
||||
text-decoration-line: none;
|
||||
color: black;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 768px) {
|
||||
.about {
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
|
||||
/* Skill
|
||||
.skill {
|
||||
height: 80vh;
|
||||
background-color: #e5e9f2;
|
||||
}
|
||||
.skill-heading {
|
||||
font-family: 'Alata', sans-serif;
|
||||
font-size: 25px;
|
||||
}
|
||||
*/
|
||||
|
||||
/* Projects */
|
||||
.projects {
|
||||
height: auto;
|
||||
background-color: #bd8338;
|
||||
}
|
||||
|
||||
.project-heading {
|
||||
font-family: "Alata", sans-serif;
|
||||
font-size: 25px;
|
||||
}
|
||||
|
||||
.card-title {
|
||||
font-family: "Alata", sans-serif;
|
||||
font-size: 28px;
|
||||
}
|
||||
|
||||
/* recent posts */
|
||||
.blog-back {
|
||||
background-color: #ebb951;
|
||||
}
|
||||
|
||||
.post-card a:hover {
|
||||
text-decoration-line: none;
|
||||
}
|
||||
|
||||
.post-hover :hover {
|
||||
background-color: #17a2b8;
|
||||
}
|
||||
|
||||
/* contact */
|
||||
.contact-head {
|
||||
font-family: "Alata", sans-serif;
|
||||
font-size: 25px;
|
||||
}
|
||||
@@ -1,143 +0,0 @@
|
||||
.blog-title {
|
||||
font-size: 48px;
|
||||
}
|
||||
|
||||
#TableOfContents > ul li {
|
||||
list-style-type: none;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
#TableOfContents > ul li a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.mincho-font {
|
||||
font-family: "Shippori Mincho B1", serif;
|
||||
}
|
||||
|
||||
article {
|
||||
line-height: 1.756;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
article blockquote {
|
||||
margin: 0 !;
|
||||
border-left: 4px solid #248aaa !important;
|
||||
background-color: #248baa15 !important;
|
||||
padding: 0.3rem !important;
|
||||
padding-left: 1rem !important;
|
||||
}
|
||||
|
||||
article blockquote > p {
|
||||
color: #3c4858 !important;
|
||||
margin-top: 0.5rem !important;
|
||||
margin-bottom: 0.5rem !important;
|
||||
}
|
||||
|
||||
article h1 {
|
||||
font-size: 52px !important;
|
||||
line-height: 1.15;
|
||||
}
|
||||
|
||||
article h2 {
|
||||
font-size: 32px;
|
||||
line-height: 1.333;
|
||||
}
|
||||
|
||||
article h3 {
|
||||
font-size: 24px;
|
||||
line-height: 1.45;
|
||||
}
|
||||
|
||||
article h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-size: 18px;
|
||||
line-height: 1.45;
|
||||
}
|
||||
|
||||
article > table {
|
||||
border-radius: 0.1rem;
|
||||
background: #e5e9f2;
|
||||
border: 1px solid #c0ccda;
|
||||
padding: 0.1rem;
|
||||
}
|
||||
|
||||
article > table > tr {
|
||||
height: 40px !important;
|
||||
}
|
||||
|
||||
article > table > thead > tr > th {
|
||||
padding: 0.5rem !important;
|
||||
border-left: 1px solid #8392a5;
|
||||
border-bottom: 1px solid #8392a5;
|
||||
}
|
||||
article > table > tbody > tr > td {
|
||||
padding: 0.5rem !important;
|
||||
border-left: 1px solid #8392a5;
|
||||
border-bottom: 1px solid #8392a5;
|
||||
}
|
||||
|
||||
article > table > thead > tr {
|
||||
background: #248aaa;
|
||||
color: #e5e9f2;
|
||||
}
|
||||
|
||||
article > tbody > tr:nth-child(odd) {
|
||||
background-color: #e5e9f2;
|
||||
}
|
||||
|
||||
article > tbody > tr:hover {
|
||||
background: #c0ccda;
|
||||
}
|
||||
|
||||
article img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
article caption,
|
||||
figcaption {
|
||||
caption-side: bottom;
|
||||
text-align: center;
|
||||
color: #8392a5;
|
||||
}
|
||||
|
||||
article pre {
|
||||
margin: 5px;
|
||||
padding: 2%;
|
||||
background-color: #1f618d !important;
|
||||
color: white;
|
||||
}
|
||||
|
||||
article pre > code {
|
||||
color: white;
|
||||
}
|
||||
|
||||
article a.header-anchor {
|
||||
text-decoration: none;
|
||||
color: #1c2d41;
|
||||
}
|
||||
|
||||
article a.header-anchor i {
|
||||
font-size: 10pt;
|
||||
color: #3c4858;
|
||||
display: none;
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
article a.header-anchor:hover i {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
article a.header-anchor code {
|
||||
color: #e83e8c;
|
||||
}
|
||||
|
||||
article kbd {
|
||||
background-color: #248aaa !important;
|
||||
color: #f9fafc;
|
||||
}
|
||||
|
||||
article mark {
|
||||
background-color: #ffc21280;
|
||||
}
|
||||
@@ -1,85 +0,0 @@
|
||||
/* v2 and v3 footer */
|
||||
footer {
|
||||
background-color: #1c2d41;
|
||||
color: #8392a5;
|
||||
border-top-width: 1px !important;
|
||||
border-color: #8392a5;
|
||||
}
|
||||
|
||||
footer a {
|
||||
color: #8392a5;
|
||||
text-decoration: none;
|
||||
}
|
||||
footer a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* v2 and v3 news */
|
||||
.news a {
|
||||
color: #1c2d41;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* v2 do things */
|
||||
.do-things {
|
||||
height: auto;
|
||||
padding: 0;
|
||||
padding-bottom: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.things-i-do {
|
||||
font-family: "Alata", sans-serif;
|
||||
font-size: 25px;
|
||||
}
|
||||
|
||||
.things {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.things-text {
|
||||
height: 100px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
@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: 0%;
|
||||
padding-top: 0%;
|
||||
}
|
||||
}
|
||||
|
||||
/* v2 about */
|
||||
.about {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.jop {
|
||||
font-size: 30px;
|
||||
}
|
||||
|
||||
.about-me {
|
||||
font-family: "Alata", sans-serif;
|
||||
font-size: 27px;
|
||||
}
|
||||
|
||||
.about-content {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.about-content a:hover {
|
||||
text-decoration-line: none;
|
||||
color: black;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 768px) {
|
||||
.about {
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
@@ -1,15 +0,0 @@
|
||||
.darkmode {
|
||||
background-color: #18191a;
|
||||
}
|
||||
|
||||
.darkmode-text-dark {
|
||||
color: #e4e6eb !important;
|
||||
}
|
||||
|
||||
.darkmode-text-muted {
|
||||
color: #b0b3b8 !important;
|
||||
}
|
||||
|
||||
.darkmode-dropdown-menu {
|
||||
background-color: #212121 !important;
|
||||
}
|
||||
@@ -1,17 +0,0 @@
|
||||
html {
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
body {
|
||||
font-family: "Roboto", sans-serif;
|
||||
background-color: #eaedf0;
|
||||
}
|
||||
.post-ol {
|
||||
list-style-type: decimal-leading-zero;
|
||||
padding-top: 1%;
|
||||
}
|
||||
.post-ol li {
|
||||
padding-top: 3%;
|
||||
}
|
||||
.post-sum p {
|
||||
margin: 0;
|
||||
}
|
||||
@@ -1,26 +0,0 @@
|
||||
#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;
|
||||
}
|
||||
@@ -1,31 +0,0 @@
|
||||
/* v3 navbar */
|
||||
.navbar-brand {
|
||||
color: #007bff !important;
|
||||
}
|
||||
|
||||
.navbar .nav-link:hover {
|
||||
color: #007bff !important;
|
||||
}
|
||||
.navbar-text {
|
||||
font-size: 16px !important;
|
||||
}
|
||||
li> .dropdown-toggle:focus{
|
||||
color: #007bff !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;
|
||||
}
|
||||
@@ -1,137 +0,0 @@
|
||||
html {
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
body {
|
||||
font-family: "Roboto", sans-serif;
|
||||
background-color: #eaedf0;
|
||||
}
|
||||
|
||||
.bottom-share {
|
||||
position: fixed;
|
||||
z-index: 1000;
|
||||
bottom: 20px;
|
||||
right: 25px;
|
||||
}
|
||||
.bottom-share button {
|
||||
overflow: hidden;
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.blog-page-color {
|
||||
color: #3a3b3c !important;
|
||||
}
|
||||
#TableOfContents {
|
||||
padding: 3%;
|
||||
}
|
||||
#TableOfContents > ul > li > ul {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#TableOfContents > ul {
|
||||
padding-left: 7%;
|
||||
}
|
||||
article {
|
||||
line-height: 1.756;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
article blockquote {
|
||||
margin: 0 !;
|
||||
border-left: 4px solid #248aaa !important;
|
||||
background-color: #248baa15 !important;
|
||||
padding: 0.3rem !important;
|
||||
padding-left: 1rem !important;
|
||||
}
|
||||
|
||||
article blockquote > p {
|
||||
margin-top: 0.5rem !important;
|
||||
margin-bottom: 0.5rem !important;
|
||||
}
|
||||
|
||||
article > table {
|
||||
border-radius: 0.1rem;
|
||||
background: #e5e9f2;
|
||||
border: 1px solid #c0ccda;
|
||||
padding: 0.1rem;
|
||||
}
|
||||
|
||||
article > table > tr {
|
||||
height: 40px !important;
|
||||
}
|
||||
|
||||
article > table > thead > tr > th {
|
||||
padding: 0.5rem !important;
|
||||
border-left: 1px solid #8392a5;
|
||||
border-bottom: 1px solid #8392a5;
|
||||
}
|
||||
article > table > tbody > tr > td {
|
||||
padding: 0.5rem !important;
|
||||
border-left: 1px solid #8392a5;
|
||||
border-bottom: 1px solid #8392a5;
|
||||
}
|
||||
|
||||
article > table > thead > tr {
|
||||
background: #248aaa;
|
||||
color: #e5e9f2;
|
||||
}
|
||||
|
||||
article > tbody > tr:nth-child(odd) {
|
||||
background-color: #e5e9f2;
|
||||
}
|
||||
|
||||
article > tbody > tr:hover {
|
||||
background: #c0ccda;
|
||||
}
|
||||
|
||||
article img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
article caption,
|
||||
figcaption {
|
||||
caption-side: bottom;
|
||||
text-align: center;
|
||||
color: #8392a5;
|
||||
}
|
||||
|
||||
article pre {
|
||||
border-radius: 0.5rem !important;
|
||||
margin: 5px;
|
||||
padding: 2%;
|
||||
background-color: #1f618d !important;
|
||||
color: white;
|
||||
}
|
||||
|
||||
article pre > code {
|
||||
color: white;
|
||||
}
|
||||
|
||||
article a.header-anchor {
|
||||
text-decoration: none;
|
||||
color: #1c2d41;
|
||||
}
|
||||
|
||||
article a.header-anchor i {
|
||||
font-size: 10pt;
|
||||
color: #3c4858;
|
||||
display: none;
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
article a.header-anchor:hover i {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
article a.header-anchor code {
|
||||
color: #e83e8c;
|
||||
}
|
||||
|
||||
article kbd {
|
||||
background-color: #248aaa !important;
|
||||
color: #f9fafc;
|
||||
}
|
||||
|
||||
article mark {
|
||||
background-color: #ffc21280;
|
||||
}
|
||||
@@ -1,368 +0,0 @@
|
||||
html {
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
body {
|
||||
font-family: "Noto Sans KR", sans-serif;
|
||||
background-color: #eaedf0;
|
||||
}
|
||||
a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* v3 home */
|
||||
.name {
|
||||
padding-left: 3%;
|
||||
border-left: 4px solid #007bff;
|
||||
}
|
||||
.hi-text {
|
||||
font-size: 20px;
|
||||
}
|
||||
.name-text {
|
||||
font-size: 60px;
|
||||
}
|
||||
.pro-text {
|
||||
font-size: 25px;
|
||||
}
|
||||
.btn-intro {
|
||||
padding-left: 3%;
|
||||
padding-bottom: 10%;
|
||||
}
|
||||
.social {
|
||||
padding-left: 5%;
|
||||
}
|
||||
.btn-know {
|
||||
padding: 2% 5% 2% 5%;
|
||||
border-radius: 50px !important;
|
||||
cursor: pointer;
|
||||
font-size: 18px;
|
||||
font-weight: 500 !important;
|
||||
border: 2px solid;
|
||||
}
|
||||
.social-icon {
|
||||
padding: 2%;
|
||||
background-color: #f9fafc !important;
|
||||
color: #007bff !important;
|
||||
border: 1px solid #007bff;
|
||||
border-radius: 50%;
|
||||
transition: 0.3s;
|
||||
}
|
||||
.social-icon:hover {
|
||||
background-color: #007bff !important;
|
||||
color: #f9fafc !important;
|
||||
border: 1px solid #007bff;
|
||||
}
|
||||
.intro {
|
||||
padding: 8% 0 8% 0;
|
||||
}
|
||||
.name-container {
|
||||
padding-left: 15%;
|
||||
}
|
||||
.profile {
|
||||
padding: 1%;
|
||||
border: 1px solid #f9fafc;
|
||||
width: 300px;
|
||||
height: 300px;
|
||||
}
|
||||
.profile:hover {
|
||||
-webkit-filter: grayscale(0);
|
||||
filter: none;
|
||||
}
|
||||
@media only screen and (max-width: 768px) {
|
||||
.name-container {
|
||||
padding-left: 10%;
|
||||
}
|
||||
.profile {
|
||||
width: 220px;
|
||||
height: 220px;
|
||||
}
|
||||
.hi-text {
|
||||
font-size: 15px;
|
||||
}
|
||||
.name-text {
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
.pro-text {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 768px) and (orientation: landscape) {
|
||||
.name-container {
|
||||
padding-left: 20%;
|
||||
}
|
||||
}
|
||||
|
||||
/* v3 about */
|
||||
.about-back {
|
||||
background-color: #dce6f1;
|
||||
}
|
||||
.about {
|
||||
padding-top: 3% !important;
|
||||
padding-bottom: 3% !important;
|
||||
}
|
||||
.about-content {
|
||||
padding-left: 10% !important;
|
||||
font-size: 17px;
|
||||
}
|
||||
.about-skill {
|
||||
padding-right: 10% !important;
|
||||
}
|
||||
.contact-btn {
|
||||
padding: 1.5%;
|
||||
padding-left: 2%;
|
||||
padding-right: 2%;
|
||||
font-size: 17px;
|
||||
border: 1px solid #007bff;
|
||||
border-radius: 5%;
|
||||
border-radius: 10px !important;
|
||||
}
|
||||
.contact-btn:hover {
|
||||
color: #007bff !important;
|
||||
}
|
||||
.progress {
|
||||
background-color: #f9fafc !important;
|
||||
}
|
||||
@media only screen and (max-width: 768px) {
|
||||
.about-content {
|
||||
padding-left: 5% !important;
|
||||
padding-right: 5% !important;
|
||||
}
|
||||
.about-skill {
|
||||
padding-left: 5% !important;
|
||||
padding-right: 5% !important;
|
||||
}
|
||||
.about {
|
||||
padding-top: 5% !important;
|
||||
padding-bottom: 5% !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* v3 projects */
|
||||
|
||||
.bg-pro {
|
||||
padding: 0 !important;
|
||||
opacity: 0.9;
|
||||
}
|
||||
.bg-pro img {
|
||||
height: 300px;
|
||||
width: 100%;
|
||||
border-radius: 0.5rem !important;
|
||||
border-top-right-radius: 0 !important;
|
||||
border-bottom-right-radius: 0 !important;
|
||||
}
|
||||
.content-pro {
|
||||
height: 300px;
|
||||
background-color: #e5e4e2 !important;
|
||||
border-top-right-radius: 0.5rem !important;
|
||||
border-bottom-right-radius: 0.5rem !important;
|
||||
}
|
||||
.content-pro-top {
|
||||
color: #3a3b3c !important;
|
||||
height: 80%;
|
||||
}
|
||||
.pro-github {
|
||||
color: #3a3b3c !important;
|
||||
}
|
||||
.pro:hover .pro-btn {
|
||||
background-color: #3498db !important;
|
||||
color: #f9fafc;
|
||||
}
|
||||
@media only screen and (max-width: 767px) {
|
||||
.bg-pro {
|
||||
opacity: 0.3;
|
||||
position: relative;
|
||||
}
|
||||
.pro {
|
||||
margin-left: 10% !important;
|
||||
margin-right: 10% !important;
|
||||
}
|
||||
.bg-pro img {
|
||||
height: 250px;
|
||||
border-radius: 0.5rem !important;
|
||||
}
|
||||
.content-pro {
|
||||
height: 250px;
|
||||
background-color: transparent !important;
|
||||
position: absolute;
|
||||
top: 8px;
|
||||
}
|
||||
.content-pro-top {
|
||||
height: 80%;
|
||||
color: #6c757d;
|
||||
}
|
||||
.card-text {
|
||||
color: #343a40;
|
||||
}
|
||||
.pro:hover .content-pro {
|
||||
background-color: transparent !important;
|
||||
color: #f9fafc;
|
||||
}
|
||||
.pro:hover .pro-btn {
|
||||
color: #f9fafc;
|
||||
}
|
||||
.pro:hover .bg-pro {
|
||||
opacity: 0.3;
|
||||
}
|
||||
}
|
||||
|
||||
/* v3 experience */
|
||||
#nav-pills-out {
|
||||
border-left: 1px solid #007bff;
|
||||
}
|
||||
.nav-pills .active {
|
||||
padding-left: 20%;
|
||||
color: #818181 !important;
|
||||
background-color: transparent !important;
|
||||
}
|
||||
.nav-pills .active::before {
|
||||
padding-left: 8%;
|
||||
content: "▹";
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
color: #007bff;
|
||||
}
|
||||
.ex {
|
||||
list-style-type: none;
|
||||
}
|
||||
.ex .ex-item {
|
||||
padding-left: 30px;
|
||||
}
|
||||
.ex-item::before {
|
||||
padding-left: 8%;
|
||||
content: "▹";
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
color: #007bff;
|
||||
}
|
||||
.ex-ol {
|
||||
list-style-type: decimal-leading-zero;
|
||||
padding-top: 7%;
|
||||
}
|
||||
.ex-ol .ex-ol-li {
|
||||
padding-bottom: 3%;
|
||||
}
|
||||
.ex-ol-ul {
|
||||
max-width: 100%;
|
||||
list-style-type: none;
|
||||
padding-left: 0;
|
||||
}
|
||||
.ex-ol-ul li {
|
||||
max-width: 100%;
|
||||
padding-left: 10%;
|
||||
}
|
||||
.ex-ol-item::before {
|
||||
padding-left: 15%;
|
||||
content: "▹";
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
color: #007bff;
|
||||
}
|
||||
@media only screen and (max-width: 768px) and (orientation: landscape) {
|
||||
.ex-ol {
|
||||
list-style-type: decimal-leading-zero;
|
||||
padding-left: 15% !important;
|
||||
padding-right: 15% !important;
|
||||
}
|
||||
.ex-ol-item::before {
|
||||
padding-left: 17%;
|
||||
content: "▹";
|
||||
}
|
||||
}
|
||||
|
||||
/* v3 education */
|
||||
.education-back {
|
||||
background-color: #e1e0e5;
|
||||
}
|
||||
.v-center {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.edu {
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
}
|
||||
.edu-item {
|
||||
padding-right: 8%;
|
||||
list-style: none;
|
||||
}
|
||||
.edu-item::before {
|
||||
content: "\25C3";
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
}
|
||||
.edu-img {
|
||||
width: 100%;
|
||||
}
|
||||
@media only screen and (max-width: 768px) {
|
||||
.edu-item::before {
|
||||
padding: 0%;
|
||||
content: "▹";
|
||||
position: absolute;
|
||||
left: 30px;
|
||||
}
|
||||
.edu-item {
|
||||
padding-left: 5%;
|
||||
list-style: none;
|
||||
padding-right: 2%;
|
||||
}
|
||||
.edu-img {
|
||||
width: 100%;
|
||||
height: 400px;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 1024px) and (orientation: landscape) {
|
||||
.edu-item::before {
|
||||
padding: 0%;
|
||||
padding-left: 18%;
|
||||
content: "▹";
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
}
|
||||
.edu-item {
|
||||
padding-right: 18%;
|
||||
padding-left: 18%;
|
||||
list-style: none;
|
||||
}
|
||||
.edu-img {
|
||||
width: 100%;
|
||||
height: 400px;
|
||||
}
|
||||
}
|
||||
|
||||
/* v3 Achievements */
|
||||
.achievements-back {
|
||||
background-color: #dce6f1;
|
||||
}
|
||||
.achiv-card:hover {
|
||||
filter: grayscale(100%);
|
||||
}
|
||||
.achiv-card {
|
||||
height: 300px;
|
||||
width: 100%;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
}
|
||||
.achiv {
|
||||
min-height: 40%;
|
||||
background: rgba(255, 255, 255, 0.9);
|
||||
box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
|
||||
transition: 0.3s;
|
||||
transition: ease-in-out 0.4s;
|
||||
border-radius: 0.25rem !important;
|
||||
}
|
||||
.achiv-out {
|
||||
max-width: 35% !important;
|
||||
}
|
||||
.achiv-head {
|
||||
color: #3a3b3c !important;
|
||||
}
|
||||
@media only screen and (max-width: 768px) {
|
||||
.achiv-out {
|
||||
max-width: 100% !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* v3 contact */
|
||||
#contact {
|
||||
font-size: 17px;
|
||||
}
|
||||
|
After Width: | Height: | Size: 7.8 KiB |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M103.3 344.3c-6.5-14.2-6.9-18.3 7.4-23.1 25.6-8 8 9.2 43.2 49.2h.3v-93.9c1.2-50.2 44-92.2 97.7-92.2 53.9 0 97.7 43.5 97.7 96.8 0 63.4-60.8 113.2-128.5 93.3-10.5-4.2-2.1-31.7 8.5-28.6 53 0 89.4-10.1 89.4-64.4 0-61-77.1-89.6-116.9-44.6-23.5 26.4-17.6 42.1-17.6 157.6 50.7 31 118.3 22 160.4-20.1 24.8-24.8 38.5-58 38.5-93 0-35.2-13.8-68.2-38.8-93.3-24.8-24.8-57.8-38.5-93.3-38.5s-68.8 13.8-93.5 38.5c-.3.3-16 16.5-21.2 23.9l-.5.6c-3.3 4.7-6.3 9.1-20.1 6.1-6.9-1.7-14.3-5.8-14.3-11.8V20c0-5 3.9-10.5 10.5-10.5h241.3c8.3 0 8.3 11.6 8.3 15.1 0 3.9 0 15.1-8.3 15.1H130.3v132.9h.3c104.2-109.8 282.8-36 282.8 108.9 0 178.1-244.8 220.3-310.1 62.8zm63.3-260.8c-.5 4.2 4.6 24.5 14.6 20.6C306 56.6 384 144.5 390.6 144.5c4.8 0 22.8-15.3 14.3-22.8-93.2-89-234.5-57-238.3-38.2zM393 414.7C283 524.6 94 475.5 61 310.5c0-12.2-30.4-7.4-28.9 3.3 24 173.4 246 256.9 381.6 121.3 6.9-7.8-12.6-28.4-20.7-20.4zM213.6 306.6c0 4 4.3 7.3 5.5 8.5 3 3 6.1 4.4 8.5 4.4 3.8 0 2.6.2 22.3-19.5 19.6 19.3 19.1 19.5 22.3 19.5 5.4 0 18.5-10.4 10.7-18.2L265.6 284l18.2-18.2c6.3-6.8-10.1-21.8-16.2-15.7L249.7 268c-18.6-18.8-18.4-19.5-21.5-19.5-5 0-18 11.7-12.4 17.3L234 284c-18.1 17.9-20.4 19.2-20.4 22.6z"/></svg>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M423.9 255.8L411 413.1c-3.3 40.7-63.9 35.1-60.6-4.9l10-122.5-41.1 2.3c10.1 20.7 15.8 43.9 15.8 68.5 0 41.2-16.1 78.7-42.3 106.5l-39.3-39.3c57.9-63.7 13.1-167.2-74-167.2-25.9 0-49.5 9.9-67.2 26L73 243.2c22-20.7 50.1-35.1 81.4-40.2l75.3-85.7-42.6-24.8-51.6 46c-30 26.8-70.6-18.5-40.5-45.4l68-60.7c9.8-8.8 24.1-10.2 35.5-3.6 0 0 139.3 80.9 139.5 81.1 16.2 10.1 20.7 36 6.1 52.6L285.7 229l106.1-5.9c18.5-1.1 33.6 14.4 32.1 32.7zm-64.9-154c28.1 0 50.9-22.8 50.9-50.9C409.9 22.8 387.1 0 359 0c-28.1 0-50.9 22.8-50.9 50.9 0 28.1 22.8 50.9 50.9 50.9zM179.6 456.5c-80.6 0-127.4-90.6-82.7-156.1l-39.7-39.7C36.4 287 24 320.3 24 356.4c0 130.7 150.7 201.4 251.4 122.5l-39.7-39.7c-16 10.9-35.3 17.3-56.1 17.3z"/></svg>
|
||||
|
After Width: | Height: | Size: 955 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M322.1 252v-1l-51.2-65.8s-12 1.6-25 15.1c-9 9.3-242.1 239.1-243.4 240.9-7 10 1.6 6.8 15.7 1.7.8 0 114.5-36.6 114.5-36.6.5-.6-.1-.1.6-.6-.4-5.1-.8-26.2-1-27.7-.6-5.2 2.2-6.9 7-8.9l92.6-33.8c.6-.8 88.5-81.7 90.2-83.3zm160.1 120.1c13.3 16.1 20.7 13.3 30.8 9.3 3.2-1.2 115.4-47.6 117.8-48.9 8-4.3-1.7-16.7-7.2-23.4-2.1-2.5-205.1-245.6-207.2-248.3-9.7-12.2-14.3-12.9-38.4-12.8-10.2 0-106.8.5-116.5.6-19.2.1-32.9-.3-19.2 16.9C250 75 476.5 365.2 482.2 372.1zm152.7 1.6c-2.3-.3-24.6-4.7-38-7.2 0 0-115 50.4-117.5 51.6-16 7.3-26.9-3.2-36.7-14.6l-57.1-74c-5.4-.9-60.4-9.6-65.3-9.3-3.1.2-9.6.8-14.4 2.9-4.9 2.1-145.2 52.8-150.2 54.7-5.1 2-11.4 3.6-11.1 7.6.2 2.5 2 2.6 4.6 3.5 2.7.8 300.9 67.6 308 69.1 15.6 3.3 38.5 10.5 53.6 1.7 2.1-1.2 123.8-76.4 125.8-77.8 5.4-4 4.3-6.8-1.7-8.2z"/></svg>
|
||||
|
After Width: | Height: | Size: 1.0 KiB |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M357.45 468.2c-1.2-7.7-1.3-7.6-9.6-7.6-99.8.2-111.8-2.4-112.7-2.6-12.3-1.7-20.6-10.5-21-23.1-.1-1.6-.2-71.6-1-129.1-.1-4.7 1.6-6.4 5.9-7.5 12.5-3 24.9-6.1 37.3-9.7 4.3-1.3 6.8-.2 8.4 3.5 4.5 10.3 8.8 20.6 13.2 30.9 1.6 3.7.1 4.4-3.4 4.4-10-.2-20-.1-30.4-.1v27h116c-1.4-9.5-2.7-18.1-4-27.5-7 0-13.8.4-20.4-.1-22.6-1.6-18.3-4.4-84-158.6-8.8-20.1-27.9-62.1-36.5-89.2-4.4-14 5.5-25.4 18.9-26.6 18.6-1.7 37.5-1.6 56.2-2 20.6-.4 41.2-.4 61.8-.5 3.1 0 4-1.4 4.3-4.3 1.2-9.8 2.7-19.5 4-29.2.8-5.3 1.6-10.7 2.4-16.1L23.75 0c-3.6 0-5.3 1.1-4.6 5.3 2.2 13.2-.8.8 6.4 45.3 63.4 0 71.8.9 101.8.5 12.3-.2 37 3.5 37.7 22.1.4 11.4-1.1 11.3-32.6 87.4-53.8 129.8-50.7 120.3-67.3 161-1.7 4.1-3.6 5.2-7.6 5.2-8.5-.2-17-.3-25.4.1-1.9.1-5.2 1.8-5.5 3.2-1.5 8.1-2.2 16.3-3.2 24.9h114.3v-27.6c-6.9 0-33.5.4-35.3-2.9 5.3-12.3 10.4-24.4 15.7-36.7 16.3 4 31.9 7.8 47.6 11.7 3.4.9 4.6 3 4.6 6.8-.1 42.9.1 85.9.2 128.8 0 10.2-5.5 19.1-14.9 23.1-6.5 2.7-3.3 3.4-121.4 2.4-5.3 0-7.1 2-7.6 6.8-1.5 12.9-2.9 25.9-5 38.8-.8 5 1.3 5.7 5.3 5.7 183.2.6-30.7 0 337.1 0-2.5-15-4.4-29.4-6.6-43.7zm-174.9-205.7c-13.3-4.2-26.6-8.2-39.9-12.5a44.53 44.53 0 0 1-5.8-2.9c17.2-44.3 34.2-88.1 51.3-132.1 7.5 2.4 7.9-.8 9.4 0 9.3 22.5 18.1 60.1 27 82.8 6.6 16.7 13 33.5 19.7 50.9a35.78 35.78 0 0 1-3.9 2.1c-13.1 3.9-26.4 7.5-39.4 11.7a27.66 27.66 0 0 1-18.4 0z"/></svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M248 167.5l64.9 98.8H183.1l64.9-98.8zM496 256c0 136.9-111.1 248-248 248S0 392.9 0 256 111.1 8 248 8s248 111.1 248 248zm-99.8 82.7L248 115.5 99.8 338.7h30.4l33.6-51.7h168.6l33.6 51.7h30.2z"/></svg>
|
||||
|
After Width: | Height: | Size: 447 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M482.1 32H28.7C5.8 32 0 37.9 0 60.9v390.2C0 474.4 5.8 480 28.7 480h453.4c24.4 0 29.9-5.2 29.9-29.7V62.2c0-24.6-5.4-30.2-29.9-30.2zM178.4 220.3c-27.5-20.2-72.1-8.7-84.2 23.4-4.3 11.1-9.3 9.5-17.5 8.3-9.7-1.5-17.2-3.2-22.5-5.5-28.8-11.4 8.6-55.3 24.9-64.3 41.1-21.4 83.4-22.2 125.3-4.8 40.9 16.8 34.5 59.2 34.5 128.5 2.7 25.8-4.3 58.3 9.3 88.8 1.9 4.4.4 7.9-2.7 10.7-8.4 6.7-39.3 2.2-46.6-7.4-1.9-2.2-1.8-3.6-3.9-6.2-3.6-3.9-7.3-2.2-11.9 1-57.4 36.4-140.3 21.4-147-43.3-3.1-29.3 12.4-57.1 39.6-71 38.2-19.5 112.2-11.8 114-30.9 1.1-10.2-1.9-20.1-11.3-27.3zm286.7 222c0 15.1-11.1 9.9-17.8 9.9H52.4c-7.4 0-18.2 4.8-17.8-10.7.4-13.9 10.5-9.1 17.1-9.1 132.3-.4 264.5-.4 396.8 0 6.8 0 16.6-4.4 16.6 9.9zm3.8-340.5v291c0 5.7-.7 13.9-8.1 13.9-12.4-.4-27.5 7.1-36.1-5.6-5.8-8.7-7.8-4-12.4-1.2-53.4 29.7-128.1 7.1-144.4-85.2-6.1-33.4-.7-67.1 15.7-100 11.8-23.9 56.9-76.1 136.1-30.5v-71c0-26.2-.1-26.2 26-26.2 3.1 0 6.6.4 9.7 0 10.1-.8 13.6 4.4 13.6 14.3-.1.2-.1.3-.1.5zm-51.5 232.3c-19.5 47.6-72.9 43.3-90 5.2-15.1-33.3-15.5-68.2.4-101.5 16.3-34.1 59.7-35.7 81.5-4.8 20.6 28.8 14.9 84.6 8.1 101.1zm-294.8 35.3c-7.5-1.3-33-3.3-33.7-27.8-.4-13.9 7.8-23 19.8-25.8 24.4-5.9 49.3-9.9 73.7-14.7 8.9-2 7.4 4.4 7.8 9.5 1.4 33-26.1 59.2-67.6 58.8z"/></svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M159.7 237.4C108.4 308.3 43.1 348.2 14 326.6-15.2 304.9 2.8 230 54.2 159.1c51.3-70.9 116.6-110.8 145.7-89.2 29.1 21.6 11.1 96.6-40.2 167.5zm351.2-57.3C437.1 303.5 319 367.8 246.4 323.7c-25-15.2-41.3-41.2-49-73.8-33.6 64.8-92.8 113.8-164.1 133.2 49.8 59.3 124.1 96.9 207 96.9 150 0 271.6-123.1 271.6-274.9.1-8.5-.3-16.8-1-25z"/></svg>
|
||||
|
After Width: | Height: | Size: 584 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M224 373.12c-25.24-31.67-40.08-59.43-45-83.18-22.55-88 112.61-88 90.06 0-5.45 24.25-20.29 52-45 83.18zm138.15 73.23c-42.06 18.31-83.67-10.88-119.3-50.47 103.9-130.07 46.11-200-18.85-200-54.92 0-85.16 46.51-73.28 100.5 6.93 29.19 25.23 62.39 54.43 99.5-32.53 36.05-60.55 52.69-85.15 54.92-50 7.43-89.11-41.06-71.3-91.09 15.1-39.16 111.72-231.18 115.87-241.56 15.75-30.07 25.56-57.4 59.38-57.4 32.34 0 43.4 25.94 60.37 59.87 36 70.62 89.35 177.48 114.84 239.09 13.17 33.07-1.37 71.29-37.01 86.64zm47-136.12C280.27 35.93 273.13 32 224 32c-45.52 0-64.87 31.67-84.66 72.79C33.18 317.1 22.89 347.19 22 349.81-3.22 419.14 48.74 480 111.63 480c21.71 0 60.61-6.06 112.37-62.4 58.68 63.78 101.26 62.4 112.37 62.4 62.89.05 114.85-60.86 89.61-130.19.02-3.89-16.82-38.9-16.82-39.58z"/></svg>
|
||||
|
After Width: | Height: | Size: 1.0 KiB |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M229.3 182.6c-49.3 0-89.2 39.9-89.2 89.2 0 49.3 39.9 89.2 89.2 89.2s89.2-39.9 89.2-89.2c0-49.3-40-89.2-89.2-89.2zm62.7 56.6l-58.9 30.6c-1.8.9-3.8-.4-3.8-2.3V201c0-1.5 1.3-2.7 2.7-2.6 26.2 1 48.9 15.7 61.1 37.1.7 1.3.2 3-1.1 3.7zM389.1 32H58.9C26.4 32 0 58.4 0 90.9V421c0 32.6 26.4 59 58.9 59H389c32.6 0 58.9-26.4 58.9-58.9V90.9C448 58.4 421.6 32 389.1 32zm-202.6 84.7c0-10.8 8.7-19.5 19.5-19.5h45.3c10.8 0 19.5 8.7 19.5 19.5v15.4c0 1.8-1.7 3-3.3 2.5-12.3-3.4-25.1-5.1-38.1-5.1-13.5 0-26.7 1.8-39.4 5.5-1.7.5-3.4-.8-3.4-2.5v-15.8zm-84.4 37l9.2-9.2c7.6-7.6 19.9-7.6 27.5 0l7.7 7.7c1.1 1.1 1 3-.3 4-6.2 4.5-12.1 9.4-17.6 14.9-5.4 5.4-10.4 11.3-14.8 17.4-1 1.3-2.9 1.5-4 .3l-7.7-7.7c-7.6-7.5-7.6-19.8 0-27.4zm127.2 244.8c-70 0-126.6-56.7-126.6-126.6s56.7-126.6 126.6-126.6c70 0 126.6 56.6 126.6 126.6 0 69.8-56.7 126.6-126.6 126.6z"/></svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M377.74 32H70.26C31.41 32 0 63.41 0 102.26v307.48C0 448.59 31.41 480 70.26 480h307.48c38.52 0 69.76-31.08 70.26-69.6-45.96-25.62-110.59-60.34-171.6-88.44-32.07 43.97-84.14 81-148.62 81-70.59 0-93.73-45.3-97.04-76.37-3.97-39.01 14.88-81.5 99.52-81.5 35.38 0 79.35 10.25 127.13 24.96 16.53-30.09 26.45-60.34 26.45-60.34h-178.2v-16.7h92.08v-31.24H88.28v-19.01h109.44V92.34h50.92v50.42h109.44v19.01H248.63v31.24h88.77s-15.21 46.62-38.35 90.92c48.93 16.7 100.01 36.04 148.62 52.74V102.26C447.83 63.57 416.43 32 377.74 32zM47.28 322.95c.99 20.17 10.25 53.73 69.93 53.73 52.07 0 92.58-39.68 117.87-72.9-44.63-18.68-84.48-31.41-109.44-31.41-67.45 0-79.35 33.06-78.36 50.58z"/></svg>
|
||||
|
After Width: | Height: | Size: 925 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M14 325.3c2.3-4.2 5.2-4.9 9.7-2.5 10.4 5.6 20.6 11.4 31.2 16.7a595.88 595.88 0 0 0 127.4 46.3 616.61 616.61 0 0 0 63.2 11.8 603.33 603.33 0 0 0 95 5.2c17.4-.4 34.8-1.8 52.1-3.8a603.66 603.66 0 0 0 163.3-42.8c2.9-1.2 5.9-2 9.1-1.2 6.7 1.8 9 9 4.1 13.9a70 70 0 0 1-9.6 7.4c-30.7 21.1-64.2 36.4-99.6 47.9a473.31 473.31 0 0 1-75.1 17.6 431 431 0 0 1-53.2 4.8 21.3 21.3 0 0 0-2.5.3H308a21.3 21.3 0 0 0-2.5-.3c-3.6-.2-7.2-.3-10.7-.4a426.3 426.3 0 0 1-50.4-5.3A448.4 448.4 0 0 1 164 420a443.33 443.33 0 0 1-145.6-87c-1.8-1.6-3-3.8-4.4-5.7zM172 65.1l-4.3.6a80.92 80.92 0 0 0-38 15.1c-2.4 1.7-4.6 3.5-7.1 5.4a4.29 4.29 0 0 1-.4-1.4c-.4-2.7-.8-5.5-1.3-8.2-.7-4.6-3-6.6-7.6-6.6h-11.5c-6.9 0-8.2 1.3-8.2 8.2v209.3c0 1 0 2 .1 3 .2 3 2 4.9 4.9 5 7 .1 14.1.1 21.1 0 2.9 0 4.7-2 5-5 .1-1 .1-2 .1-3v-72.4c1.1.9 1.7 1.4 2.2 1.9 17.9 14.9 38.5 19.8 61 15.4 20.4-4 34.6-16.5 43.8-34.9 7-13.9 9.9-28.7 10.3-44.1.5-17.1-1.2-33.9-8.1-49.8-8.5-19.6-22.6-32.5-43.9-36.9-3.2-.7-6.5-1-9.8-1.5-2.8-.1-5.5-.1-8.3-.1zM124.6 107a3.48 3.48 0 0 1 1.7-3.3c13.7-9.5 28.8-14.5 45.6-13.2 14.9 1.1 27.1 8.4 33.5 25.9 3.9 10.7 4.9 21.8 4.9 33 0 10.4-.8 20.6-4 30.6-6.8 21.3-22.4 29.4-42.6 28.5-14-.6-26.2-6-37.4-13.9a3.57 3.57 0 0 1-1.7-3.3c.1-14.1 0-28.1 0-42.2s.1-28 0-42.1zm205.7-41.9c-1 .1-2 .3-2.9.4a148 148 0 0 0-28.9 4.1c-6.1 1.6-12 3.8-17.9 5.8-3.6 1.2-5.4 3.8-5.3 7.7.1 3.3-.1 6.6 0 9.9.1 4.8 2.1 6.1 6.8 4.9 7.8-2 15.6-4.2 23.5-5.7 12.3-2.3 24.7-3.3 37.2-1.4 6.5 1 12.6 2.9 16.8 8.4 3.7 4.8 5.1 10.5 5.3 16.4.3 8.3.2 16.6.3 24.9a7.84 7.84 0 0 1-.2 1.4c-.5-.1-.9 0-1.3-.1a180.56 180.56 0 0 0-32-4.9c-11.3-.6-22.5.1-33.3 3.9-12.9 4.5-23.3 12.3-29.4 24.9-4.7 9.8-5.4 20.2-3.9 30.7 2 14 9 24.8 21.4 31.7 11.9 6.6 24.8 7.4 37.9 5.4 15.1-2.3 28.5-8.7 40.3-18.4a7.36 7.36 0 0 1 1.6-1.1c.6 3.8 1.1 7.4 1.8 11 .6 3.1 2.5 5.1 5.4 5.2 5.4.1 10.9.1 16.3 0a4.84 4.84 0 0 0 4.8-4.7 26.2 26.2 0 0 0 .1-2.8v-106a80 80 0 0 0-.9-12.9c-1.9-12.9-7.4-23.5-19-30.4-6.7-4-14.1-6-21.8-7.1-3.6-.5-7.2-.8-10.8-1.3-3.9.1-7.9.1-11.9.1zm35 127.7a3.33 3.33 0 0 1-1.5 3c-11.2 8.1-23.5 13.5-37.4 14.9-5.7.6-11.4.4-16.8-1.8a20.08 20.08 0 0 1-12.4-13.3 32.9 32.9 0 0 1-.1-19.4c2.5-8.3 8.4-13 16.4-15.6a61.33 61.33 0 0 1 24.8-2.2c8.4.7 16.6 2.3 25 3.4 1.6.2 2.1 1 2.1 2.6-.1 4.8 0 9.5 0 14.3s-.2 9.4-.1 14.1zm259.9 129.4c-1-5-4.8-6.9-9.1-8.3a88.42 88.42 0 0 0-21-3.9 147.32 147.32 0 0 0-39.2 1.9c-14.3 2.7-27.9 7.3-40 15.6a13.75 13.75 0 0 0-3.7 3.5 5.11 5.11 0 0 0-.5 4c.4 1.5 2.1 1.9 3.6 1.8a16.2 16.2 0 0 0 2.2-.1c7.8-.8 15.5-1.7 23.3-2.5 11.4-1.1 22.9-1.8 34.3-.9a71.64 71.64 0 0 1 14.4 2.7c5.1 1.4 7.4 5.2 7.6 10.4.4 8-1.4 15.7-3.5 23.3-4.1 15.4-10 30.3-15.8 45.1a17.6 17.6 0 0 0-1 3c-.5 2.9 1.2 4.8 4.1 4.1a10.56 10.56 0 0 0 4.8-2.5 145.91 145.91 0 0 0 12.7-13.4c12.8-16.4 20.3-35.3 24.7-55.6.8-3.6 1.4-7.3 2.1-10.9v-17.3zM493.1 199q-19.35-53.55-38.7-107.2c-2-5.7-4.2-11.3-6.3-16.9-1.1-2.9-3.2-4.8-6.4-4.8-7.6-.1-15.2-.2-22.9-.1-2.5 0-3.7 2-3.2 4.5a43.1 43.1 0 0 0 1.9 6.1q29.4 72.75 59.1 145.5c1.7 4.1 2.1 7.6.2 11.8-3.3 7.3-5.9 15-9.3 22.3-3 6.5-8 11.4-15.2 13.3a42.13 42.13 0 0 1-15.4 1.1c-2.5-.2-5-.8-7.5-1-3.4-.2-5.1 1.3-5.2 4.8q-.15 5 0 9.9c.1 5.5 2 8 7.4 8.9a108.18 108.18 0 0 0 16.9 2c17.1.4 30.7-6.5 39.5-21.4a131.63 131.63 0 0 0 9.2-18.4q35.55-89.7 70.6-179.6a26.62 26.62 0 0 0 1.6-5.5c.4-2.8-.9-4.4-3.7-4.4-6.6-.1-13.3 0-19.9 0a7.54 7.54 0 0 0-7.7 5.2c-.5 1.4-1.1 2.7-1.6 4.1l-34.8 100c-2.5 7.2-5.1 14.5-7.7 22.2-.4-1.1-.6-1.7-.9-2.4z"/></svg>
|
||||
|
After Width: | Height: | Size: 3.6 KiB |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M257.2 162.7c-48.7 1.8-169.5 15.5-169.5 117.5 0 109.5 138.3 114 183.5 43.2 6.5 10.2 35.4 37.5 45.3 46.8l56.8-56S341 288.9 341 261.4V114.3C341 89 316.5 32 228.7 32 140.7 32 94 87 94 136.3l73.5 6.8c16.3-49.5 54.2-49.5 54.2-49.5 40.7-.1 35.5 29.8 35.5 69.1zm0 86.8c0 80-84.2 68-84.2 17.2 0-47.2 50.5-56.7 84.2-57.8v40.6zm136 163.5c-7.7 10-70 67-174.5 67S34.2 408.5 9.7 379c-6.8-7.7 1-11.3 5.5-8.3C88.5 415.2 203 488.5 387.7 401c7.5-3.7 13.3 2 5.5 12zm39.8 2.2c-6.5 15.8-16 26.8-21.2 31-5.5 4.5-9.5 2.7-6.5-3.8s19.3-46.5 12.7-55c-6.5-8.3-37-4.3-48-3.2-10.8 1-13 2-14-.3-2.3-5.7 21.7-15.5 37.5-17.5 15.7-1.8 41-.8 46 5.7 3.7 5.1 0 27.1-6.5 43.1z"/></svg>
|
||||
|
After Width: | Height: | Size: 900 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M240.1 32c-61.9 0-131.5 16.9-184.2 55.4-5.1 3.1-9.1 9.2-7.2 19.4 1.1 5.1 5.1 27.4 10.2 39.6 4.1 10.2 14.2 10.2 20.3 6.1 32.5-22.3 96.5-47.7 152.3-47.7 57.9 0 58.9 28.4 58.9 73.1v38.5C203 227.7 78.2 251 46.7 264.2 11.2 280.5 16.3 357.7 16.3 376s15.2 104 124.9 104c47.8 0 113.7-20.7 153.3-42.1v25.4c0 3 2.1 8.2 6.1 9.1 3.1 1 50.7 2 59.9 2s62.5.3 66.5-.7c4.1-1 5.1-6.1 5.1-9.1V168c-.1-80.3-57.9-136-192-136zm50.2 348c-21.4 13.2-48.7 24.4-79.1 24.4-52.8 0-58.9-33.5-59-44.7 0-12.2-3-42.7 18.3-52.9 24.3-13.2 75.1-29.4 119.8-33.5z"/></svg>
|
||||
|
After Width: | Height: | Size: 785 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M420.55,301.93a24,24,0,1,1,24-24,24,24,0,0,1-24,24m-265.1,0a24,24,0,1,1,24-24,24,24,0,0,1-24,24m273.7-144.48,47.94-83a10,10,0,1,0-17.27-10h0l-48.54,84.07a301.25,301.25,0,0,0-246.56,0L116.18,64.45a10,10,0,1,0-17.27,10h0l47.94,83C64.53,202.22,8.24,285.55,0,384H576c-8.24-98.45-64.54-181.78-146.85-226.55"/></svg>
|
||||
|
After Width: | Height: | Size: 561 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M347.1 215.4c11.7-32.6 45.4-126.9 45.4-157.1 0-26.6-15.7-48.9-43.7-48.9-44.6 0-84.6 131.7-97.1 163.1C242 144 196.6 0 156.6 0c-31.1 0-45.7 22.9-45.7 51.7 0 35.3 34.2 126.8 46.6 162-6.3-2.3-13.1-4.3-20-4.3-23.4 0-48.3 29.1-48.3 52.6 0 8.9 4.9 21.4 8 29.7-36.9 10-51.1 34.6-51.1 71.7C46 435.6 114.4 512 210.6 512c118 0 191.4-88.6 191.4-202.9 0-43.1-6.9-82-54.9-93.7zM311.7 108c4-12.3 21.1-64.3 37.1-64.3 8.6 0 10.9 8.9 10.9 16 0 19.1-38.6 124.6-47.1 148l-34-6 33.1-93.7zM142.3 48.3c0-11.9 14.5-45.7 46.3 47.1l34.6 100.3c-15.6-1.3-27.7-3-35.4 1.4-10.9-28.8-45.5-119.7-45.5-148.8zM140 244c29.3 0 67.1 94.6 67.1 107.4 0 5.1-4.9 11.4-10.6 11.4-20.9 0-76.9-76.9-76.9-97.7.1-7.7 12.7-21.1 20.4-21.1zm184.3 186.3c-29.1 32-66.3 48.6-109.7 48.6-59.4 0-106.3-32.6-128.9-88.3-17.1-43.4 3.8-68.3 20.6-68.3 11.4 0 54.3 60.3 54.3 73.1 0 4.9-7.7 8.3-11.7 8.3-16.1 0-22.4-15.5-51.1-51.4-29.7 29.7 20.5 86.9 58.3 86.9 26.1 0 43.1-24.2 38-42 3.7 0 8.3.3 11.7-.6 1.1 27.1 9.1 59.4 41.7 61.7 0-.9 2-7.1 2-7.4 0-17.4-10.6-32.6-10.6-50.3 0-28.3 21.7-55.7 43.7-71.7 8-6 17.7-9.7 27.1-13.1 9.7-3.7 20-8 27.4-15.4-1.1-11.2-5.7-21.1-16.9-21.1-27.7 0-120.6 4-120.6-39.7 0-6.7.1-13.1 17.4-13.1 32.3 0 114.3 8 138.3 29.1 18.1 16.1 24.3 113.2-31 174.7zm-98.6-126c9.7 3.1 19.7 4 29.7 6-7.4 5.4-14 12-20.3 19.1-2.8-8.5-6.2-16.8-9.4-25.1z"/></svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M640 238.2l-3.2 28.2-34.5 2.3-2 18.1 34.5-2.3-3.2 28.2-34.4 2.2-2.3 20.1 34.4-2.2-3 26.1-64.7 4.1 12.7-113.2L527 365.2l-31.9 2-23.8-117.8 30.3-2 13.6 79.4 31.7-82.4 93.1-6.2zM426.8 371.5l28.3-1.8L468 249.6l-28.4 1.9-12.8 120zM162 388.1l-19.4-36-3.5 37.4-28.2 1.7 2.7-29.1c-11 18-32 34.3-56.9 35.8C23.9 399.9-3 377 .3 339.7c2.6-29.3 26.7-62.8 67.5-65.4 37.7-2.4 47.6 23.2 51.3 28.8l2.8-30.8 38.9-2.5c20.1-1.3 38.7 3.7 42.5 23.7l2.6-26.6 64.8-4.2-2.7 27.9-36.4 2.4-1.7 17.9 36.4-2.3-2.7 27.9-36.4 2.3-1.9 19.9 36.3-2.3-2.1 20.8 55-117.2 23.8-1.6L370.4 369l8.9-85.6-22.3 1.4 2.9-27.9 75-4.9-3 28-24.3 1.6-9.7 91.9-58 3.7-4.3-15.6-39.4 2.5-8 16.3-126.2 7.7zm-44.3-70.2l-26.4 1.7C84.6 307.2 76.9 303 65 303.8c-19 1.2-33.3 17.5-34.6 33.3-1.4 16 7.3 32.5 28.7 31.2 12.8-.8 21.3-8.6 28.9-18.9l27-1.7 2.7-29.8zm56.1-7.7c1.2-12.9-7.6-13.6-26.1-12.4l-2.7 28.5c14.2-.9 27.5-2.1 28.8-16.1zm21.1 70.8l5.8-60c-5 13.5-14.7 21.1-27.9 26.6l22.1 33.4zm135.4-45l-7.9-37.8-15.8 39.3 23.7-1.5zm-170.1-74.6l-4.3-17.5-39.6 2.6-8.1 18.2-31.9 2.1 57-121.9 23.9-1.6 30.7 102 9.9-104.7 27-1.8 37.8 63.6 6.5-66.6 28.5-1.9-4 41.2c7.4-13.5 22.9-44.7 63.6-47.5 40.5-2.8 52.4 29.3 53.4 30.3l3.3-32 39.3-2.7c12.7-.9 27.8.3 36.3 9.7l-4.4-11.9 32.2-2.2 12.9 43.2 23-45.7 31-2.2-43.6 78.4-4.8 44.3-28.4 1.9 4.8-44.3-15.8-43c1 22.3-9.2 40.1-32 49.6l25.2 38.8-36.4 2.4-19.2-36.8-4 38.3-28.4 1.9 3.3-31.5c-6.7 9.3-19.7 35.4-59.6 38-26.2 1.7-45.6-10.3-55.4-39.2l-4 40.3-25 1.6-37.6-63.3-6.3 66.2-56.8 3.7zm276.6-82.1c10.2-.7 17.5-2.1 21.6-4.3 4.5-2.4 7-6.4 7.6-12.1.6-5.3-.6-8.8-3.4-10.4-3.6-2.1-10.6-2.8-22.9-2l-2.9 28.8zM327.7 214c5.6 5.9 12.7 8.5 21.3 7.9 4.7-.3 9.1-1.8 13.3-4.1 5.5-3 10.6-8 15.1-14.3l-34.2 2.3 2.4-23.9 63.1-4.3 1.2-12-31.2 2.1c-4.1-3.7-7.8-6.6-11.1-8.1-4-1.7-8.1-2.8-12.2-2.5-8 .5-15.3 3.6-22 9.2-7.7 6.4-12 14.5-12.9 24.4-1.1 9.6 1.4 17.3 7.2 23.3zm-201.3 8.2l23.8-1.6-8.3-37.6-15.5 39.2z"/></svg>
|
||||
|
After Width: | Height: | Size: 2.1 KiB |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M185.7 268.1h76.2l-38.1-91.6-38.1 91.6zM223.8 32L16 106.4l31.8 275.7 176 97.9 176-97.9 31.8-275.7zM354 373.8h-48.6l-26.2-65.4H168.6l-26.2 65.4H93.7L223.8 81.5z"/></svg>
|
||||
|
After Width: | Height: | Size: 419 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM127 384.5c-5.5 9.6-17.8 12.8-27.3 7.3-9.6-5.5-12.8-17.8-7.3-27.3l14.3-24.7c16.1-4.9 29.3-1.1 39.6 11.4L127 384.5zm138.9-53.9H84c-11 0-20-9-20-20s9-20 20-20h51l65.4-113.2-20.5-35.4c-5.5-9.6-2.2-21.8 7.3-27.3 9.6-5.5 21.8-2.2 27.3 7.3l8.9 15.4 8.9-15.4c5.5-9.6 17.8-12.8 27.3-7.3 9.6 5.5 12.8 17.8 7.3 27.3l-85.8 148.6h62.1c20.2 0 31.5 23.7 22.7 40zm98.1 0h-29l19.6 33.9c5.5 9.6 2.2 21.8-7.3 27.3-9.6 5.5-21.8 2.2-27.3-7.3-32.9-56.9-57.5-99.7-74-128.1-16.7-29-4.8-58 7.1-67.8 13.1 22.7 32.7 56.7 58.9 102h52c11 0 20 9 20 20 0 11.1-9 20-20 20z"/></svg>
|
||||
|
After Width: | Height: | Size: 906 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M255.9 120.9l9.1-15.7c5.6-9.8 18.1-13.1 27.9-7.5 9.8 5.6 13.1 18.1 7.5 27.9l-87.5 151.5h63.3c20.5 0 32 24.1 23.1 40.8H113.8c-11.3 0-20.4-9.1-20.4-20.4 0-11.3 9.1-20.4 20.4-20.4h52l66.6-115.4-20.8-36.1c-5.6-9.8-2.3-22.2 7.5-27.9 9.8-5.6 22.2-2.3 27.9 7.5l8.9 15.7zm-78.7 218l-19.6 34c-5.6 9.8-18.1 13.1-27.9 7.5-9.8-5.6-13.1-18.1-7.5-27.9l14.6-25.2c16.4-5.1 29.8-1.2 40.4 11.6zm168.9-61.7h53.1c11.3 0 20.4 9.1 20.4 20.4 0 11.3-9.1 20.4-20.4 20.4h-29.5l19.9 34.5c5.6 9.8 2.3 22.2-7.5 27.9-9.8 5.6-22.2 2.3-27.9-7.5-33.5-58.1-58.7-101.6-75.4-130.6-17.1-29.5-4.9-59.1 7.2-69.1 13.4 23 33.4 57.7 60.1 104zM256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm216 248c0 118.7-96.1 216-216 216-118.7 0-216-96.1-216-216 0-118.7 96.1-216 216-216 118.7 0 216 96.1 216 216z"/></svg>
|
||||
|
After Width: | Height: | Size: 1.0 KiB |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M42.1 239.1c22.2 0 29 2.8 33.5 14.6h.8v-22.9c0-11.3-4.8-15.4-17.9-15.4-11.3 0-14.4 2.5-15.1 12.8H4.8c.3-13.9 1.5-19.1 5.8-24.4C17.9 195 29.5 192 56.7 192c33 0 47.1 5 53.9 18.9 2 4.3 4 15.6 4 23.7v76.3H76.3l1.3-19.1h-1c-5.3 15.6-13.6 20.4-35.5 20.4-30.3 0-41.1-10.1-41.1-37.3 0-25.2 12.3-35.8 42.1-35.8zm17.1 48.1c13.1 0 16.9-3 16.9-13.4 0-9.1-4.3-11.6-19.6-11.6-13.1 0-17.9 3-17.9 12.1-.1 10.4 3.7 12.9 20.6 12.9zm77.8-94.9h38.3l-1.5 20.6h.8c9.1-17.1 15.9-20.9 37.5-20.9 14.4 0 24.7 3 31.5 9.1 9.8 8.6 12.8 20.4 12.8 48.1 0 30-3 43.1-12.1 52.9-6.8 7.3-16.4 10.1-33.2 10.1-20.4 0-29.2-5.5-33.8-21.2h-.8v70.3H137v-169zm80.9 60.7c0-27.5-3.3-32.5-20.7-32.5-16.9 0-20.7 5-20.7 28.7 0 28 3.5 33.5 21.2 33.5 16.4 0 20.2-5.6 20.2-29.7zm57.9-60.7h38.3l-1.5 20.6h.8c9.1-17.1 15.9-20.9 37.5-20.9 14.4 0 24.7 3 31.5 9.1 9.8 8.6 12.8 20.4 12.8 48.1 0 30-3 43.1-12.1 52.9-6.8 7.3-16.4 10.1-33.3 10.1-20.4 0-29.2-5.5-33.8-21.2h-.8v70.3h-39.5v-169zm80.9 60.7c0-27.5-3.3-32.5-20.7-32.5-16.9 0-20.7 5-20.7 28.7 0 28 3.5 33.5 21.2 33.5 16.4 0 20.2-5.6 20.2-29.7zm53.8-3.8c0-25.4 3.3-37.8 12.3-45.8 8.8-8.1 22.2-11.3 45.1-11.3 42.8 0 55.7 12.8 55.7 55.7v11.1h-75.3c-.3 2-.3 4-.3 4.8 0 16.9 4.5 21.9 20.1 21.9 13.9 0 17.9-3 17.9-13.9h37.5v2.3c0 9.8-2.5 18.9-6.8 24.7-7.3 9.8-19.6 13.6-44.3 13.6-27.5 0-41.6-3.3-50.6-12.3-8.5-8.5-11.3-21.3-11.3-50.8zm76.4-11.6c-.3-1.8-.3-3.3-.3-3.8 0-12.3-3.3-14.6-19.6-14.6-14.4 0-17.1 3-18.1 15.1l-.3 3.3h38.3zm55.6-45.3h38.3l-1.8 19.9h.7c6.8-14.9 14.4-20.2 29.7-20.2 10.8 0 19.1 3.3 23.4 9.3 5.3 7.3 6.8 14.4 6.8 34 0 1.5 0 5 .2 9.3h-35c.3-1.8.3-3.3.3-4 0-15.4-2-19.4-10.3-19.4-6.3 0-10.8 3.3-13.1 9.3-1 3-1 4.3-1 12.3v68h-38.3V192.3z"/></svg>
|
||||
|
After Width: | Height: | Size: 1.9 KiB |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M116.9 158.5c-7.5 8.9-19.5 15.9-31.5 14.9-1.5-12 4.4-24.8 11.3-32.6 7.5-9.1 20.6-15.6 31.3-16.1 1.2 12.4-3.7 24.7-11.1 33.8m10.9 17.2c-17.4-1-32.3 9.9-40.5 9.9-8.4 0-21-9.4-34.8-9.1-17.9.3-34.5 10.4-43.6 26.5-18.8 32.3-4.9 80 13.3 106.3 8.9 13 19.5 27.3 33.5 26.8 13.3-.5 18.5-8.6 34.5-8.6 16.1 0 20.8 8.6 34.8 8.4 14.5-.3 23.6-13 32.5-26 10.1-14.8 14.3-29.1 14.5-29.9-.3-.3-28-10.9-28.3-42.9-.3-26.8 21.9-39.5 22.9-40.3-12.5-18.6-32-20.6-38.8-21.1m100.4-36.2v194.9h30.3v-66.6h41.9c38.3 0 65.1-26.3 65.1-64.3s-26.4-64-64.1-64h-73.2zm30.3 25.5h34.9c26.3 0 41.3 14 41.3 38.6s-15 38.8-41.4 38.8h-34.8V165zm162.2 170.9c19 0 36.6-9.6 44.6-24.9h.6v23.4h28v-97c0-28.1-22.5-46.3-57.1-46.3-32.1 0-55.9 18.4-56.8 43.6h27.3c2.3-12 13.4-19.9 28.6-19.9 18.5 0 28.9 8.6 28.9 24.5v10.8l-37.8 2.3c-35.1 2.1-54.1 16.5-54.1 41.5.1 25.2 19.7 42 47.8 42zm8.2-23.1c-16.1 0-26.4-7.8-26.4-19.6 0-12.3 9.9-19.4 28.8-20.5l33.6-2.1v11c0 18.2-15.5 31.2-36 31.2zm102.5 74.6c29.5 0 43.4-11.3 55.5-45.4L640 193h-30.8l-35.6 115.1h-.6L537.4 193h-31.6L557 334.9l-2.8 8.6c-4.6 14.6-12.1 20.3-25.5 20.3-2.4 0-7-.3-8.9-.5v23.4c1.8.4 9.3.7 11.6.7z"/></svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z"/></svg>
|
||||
|
After Width: | Height: | Size: 695 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M2 377.4l43 74.3A51.35 51.35 0 0 0 90.9 480h285.4l-59.2-102.6zM501.8 350L335.6 59.3A51.38 51.38 0 0 0 290.2 32h-88.4l257.3 447.6 40.7-70.5c1.9-3.2 21-29.7 2-59.1zM275 304.5l-115.5-200L44 304.5z"/></svg>
|
||||
|
After Width: | Height: | Size: 453 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M517.5 309.2c38.8-40 58.1-80 58.5-116.1.8-65.5-59.4-118.2-169.4-135C277.9 38.4 118.1 73.6 0 140.5 52 114 110.6 92.3 170.7 82.3c74.5-20.5 153-25.4 221.3-14.8C544.5 91.3 588.8 195 490.8 299.2c-10.2 10.8-22 21.1-35 30.6L304.9 103.4 114.7 388.9c-65.6-29.4-76.5-90.2-19.1-151.2 20.8-22.2 48.3-41.9 79.5-58.1 20-12.2 39.7-22.6 62-30.7-65.1 20.3-122.7 52.9-161.6 92.9-27.7 28.6-41.4 57.1-41.7 82.9-.5 35.1 23.4 65.1 68.4 83l-34.5 51.7h101.6l22-34.4c22.2 1 45.3 0 68.6-2.7l-22.8 37.1h135.5L340 406.3c18.6-5.3 36.9-11.5 54.5-18.7l45.9 71.8H542L468.6 349c18.5-12.1 35-25.5 48.9-39.8zm-187.6 80.5l-25-40.6-32.7 53.3c-23.4 3.5-46.7 5.1-69.2 4.4l101.9-159.3 78.7 123c-17.2 7.4-35.3 13.9-53.7 19.2z"/></svg>
|
||||
|
After Width: | Height: | Size: 944 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M152.2 236.4c-7.7-8.2-19.7-7.7-24.8 2.8L1.6 490.2c-5 10 2.4 21.7 13.4 21.7h175c5.8.1 11-3.2 13.4-8.4 37.9-77.8 15.1-196.3-51.2-267.1zM244.4 8.1c-122.3 193.4-8.5 348.6 65 495.5 2.5 5.1 7.7 8.4 13.4 8.4H497c11.2 0 18.4-11.8 13.4-21.7 0 0-234.5-470.6-240.4-482.3-5.3-10.6-18.8-10.8-25.6.1z"/></svg>
|
||||
|
After Width: | Height: | Size: 546 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M640 199.9v54l-320 200L0 254v-54l320 200 320-200.1zm-194.5 72l47.1-29.4c-37.2-55.8-100.7-92.6-172.7-92.6-72 0-135.5 36.7-172.6 92.4h.3c2.5-2.3 5.1-4.5 7.7-6.7 89.7-74.4 219.4-58.1 290.2 36.3zm-220.1 18.8c16.9-11.9 36.5-18.7 57.4-18.7 34.4 0 65.2 18.4 86.4 47.6l45.4-28.4c-20.9-29.9-55.6-49.5-94.8-49.5-38.9 0-73.4 19.4-94.4 49zM103.6 161.1c131.8-104.3 318.2-76.4 417.5 62.1l.7 1 48.8-30.4C517.1 112.1 424.8 58.1 319.9 58.1c-103.5 0-196.6 53.5-250.5 135.6 9.9-10.5 22.7-23.5 34.2-32.6zm467 32.7z"/></svg>
|
||||
|
After Width: | Height: | Size: 754 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M318.4 16l-161 480h77.5l25.4-81.4h119.5L405 496h77.5L318.4 16zm-40.3 341.9l41.2-130.4h1.5l40.9 130.4h-83.6zM640 405l-10-31.4L462.1 358l19.4 56.5L640 405zm-462.1-47L10 373.7 0 405l158.5 9.4 19.4-56.4z"/></svg>
|
||||
|
After Width: | Height: | Size: 459 B |