Initial commit

This commit is contained in:
nemunaire 2021-07-09 16:54:40 +02:00
commit a82a9bf4c8
65 changed files with 18450 additions and 0 deletions

View file

@ -0,0 +1,264 @@
<!-- Footer -->
<footer>
<div class="container">
<div class="row">
<div class="col-xl-8 offset-xl-2 col-lg-10 offset-lg-1">
<ul class="list-inline text-center">
{{ if .Site.Params.social.rss }}
<li class="list-inline-item">
<a href='{{ with .OutputFormats.Get "RSS" }}{{ .RelPermalink }}{{ end }}' rel="alternate" type="application/rss+xml" title="{{ .Site.Title | default "" }}" >
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fas fa-rss fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
{{ end }}
{{ with .Site.Params.social.email }}
<li class="list-inline-item">
<a href="mailto:{{ . }}">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fas fa-envelope fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
{{ end }}
{{ with .Site.Params.social.twitter }}
<li class="list-inline-item">
<a href="{{ . }}">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-twitter fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
{{ end }}
{{ with .Site.Params.social.zhihu }}
<li class="list-inline-item">
<a target="_blank" href="{{ . }}">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
{{ end }}
{{ with .Site.Params.social.weibo }}
<li class="list-inline-item">
<a target="_blank" href="{{ . }}">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-weibo fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
{{ end }}
{{ with .Site.Params.social.facebook }}
<li class="list-inline-item">
<a target="_blank" href="{{ . }}">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-facebook fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
{{ end }}
<!-- Huabing: add wechat QR code link -->
{{ with .Site.Params.social.wechat }}
<li class="list-inline-item">
<a target="_blank" href="{{ . | relURL }}">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-wechat fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
{{ end }}
{{ with .Site.Params.social.github }}
<li class="list-inline-item">
<a target="_blank" href="{{ . }}">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-github fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
{{ end }}
{{ with .Site.Params.social.gitlab }}
<li class="list-inline-item">
<a target="_blank" href="{{ . }}">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-gitlab fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
{{ end }}
{{ with .Site.Params.social.git }}
<li class="list-inline-item">
<a target="_blank" href="{{ . }}">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-git fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
{{ end }}
{{ with .Site.Params.social.linkedin }}
<li class="list-inline-item">
<a target="_blank" href="{{ . }}">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-linkedin fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
{{ end }}
{{ with .Site.Params.social.medium }}
<li class="list-inline-item">
<a target="_blank" href="{{ . }}">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-medium fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
{{ end }}
{{ with .Site.Params.social.stackoverflow }}
<li class="list-inline-item">
<a target="_blank" href="{{ . }}">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-stack-overflow fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
{{ end }}
{{ with .Site.Params.social.reddit }}
<li class="list-inline-item">
<a target="_blank" href="{{ . }}">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-reddit fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
{{ end }}
{{ with .Site.Params.social.mastodon }}
<li class="list-inline-item">
<a target="_blank" href="{{ . }}">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-mastodon fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
{{ end }}
{{ with .Site.Params.social.keybase }}
<li class="list-inline-item">
<a target="_blank" href="{{ . }}">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-keybase fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
{{ end }}
{{ with .Site.Params.social.xing }}
<li class="list-inline-item">
<a target="_blank" href="{{ . }}">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-xing fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
{{ end }}
{{ with .Site.Params.social.instagram }}
<li class="list-inline-item">
<a target="_blank" href="{{ . }}">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-instagram fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
{{ end }}
{{ with .Site.Params.social.flickr }}
<li class="list-inline-item">
<a target="_blank" href="{{ . }}">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-flickr fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
{{ end }}
</ul>
<p class="copyright text-muted">
Copyright &copy; ArmaVirumque {{ now.Year }} |
<a href="https://www.armavirumque.fr/mentions-legales">Mentions légales</a>
</p>
</div>
</div>
</div>
</footer>
<!-- async load function -->
<script>
function async(u, c) {
var d = document, t = 'script',
o = d.createElement(t),
s = d.getElementsByTagName(t)[0];
o.src = u;
if (c) { o.addEventListener('load', function (e) { c(null, e); }, false); }
s.parentNode.insertBefore(o, s);
}
</script>
<!--
Because of the native support for backtick-style fenced code blocks
right within the Markdown is landed in Github Pages,
From V1.6, There is no need for Highlight.js,
so Huxblog drops it officially.
- https://github.com/blog/2100-github-pages-now-faster-and-simpler-with-jekyll-3-0
- https://help.github.com/articles/creating-and-highlighting-code-blocks/
-->
<!--
<script>
async("http://cdn.bootcss.com/highlight.js/8.6/highlight.min.js", function(){
hljs.initHighlightingOnLoad();
})
</script>
<link href="http://cdn.bootcss.com/highlight.js/8.6/styles/github.min.css" rel="stylesheet">
-->
<!-- jquery.tagcloud.js -->
<script>
// only load tagcloud.js in tag.html
if($('#tag_cloud').length !== 0){
async("/js/jquery.tagcloud.js",function(){
$.fn.tagcloud.defaults = {
//size: {start: 1, end: 1, unit: 'em'},
color: {start: '#bbbbee', end: '#0085a1'},
};
$('#tag_cloud a').tagcloud();
})
}
</script>
<!--fastClick.js -->
<script>
async("https://cdnjs.cloudflare.com/ajax/libs/fastclick/1.0.6/fastclick.js", function(){
var $nav = document.querySelector("nav");
if($nav) FastClick.attach($nav);
})
</script>

102
layouts/partials/head.html Normal file
View file

@ -0,0 +1,102 @@
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="shortcut icon" href="{{ "favicon.ico" | relURL }}">
<meta name="theme-color" content="#002fa7"/>
<link rel="apple-touch-icon" sizes="192x192" href="//www.armaviruemque.fr/img/apple-touch-icon.png">
<!-- start ogp -->
<meta property="og:site_name" content="{{ .Site.Title }}">
<meta property="og:type" content="article">
{{ if .Params.thumbnail }}
<meta property="og:image" content="{{ .Site.BaseURL }}{{ .Params.thumbnail }}">
<meta property="twitter:image" content="{{ .Site.BaseURL }}{{ .Params.thumbnail }}" />
{{ else }}
<meta property="og:image" content="{{ .Site.BaseURL }}/{{ .Site.Params.header_image }}">
<meta property="twitter:image" content="{{ .Site.BaseURL }}/{{ .Site.Params.header_image }}" />
{{ end }}
{{ if .Params.title }}
<meta name="title" content="{{ .Params.title }}" />
<meta property="og:title" content="{{ .Params.title }}" />
<meta property="twitter:title" content="{{ .Params.title }}" />
{{ else }}
<meta name="title" content="{{ .Site.Params.title }}" />
<meta property="og:title" content="{{ .Site.Params.title }}" />
<meta property="twitter:title" content="{{ .Site.Params.title }}" />
{{ end }}
{{ if .Params.description }}
<meta name="description" content="{{ .Params.description }}">
<meta property="og:description" content="{{ .Params.description }}" />
<meta property="twitter:description" content="{{ .Params.description }}" />
{{ else }}
<meta name="description" content="{{ .Site.Params.description }}">
<meta property="og:description" content="{{ .Site.Params.description }}" />
<meta property="twitter:description" content="{{ .Site.Params.description }}" />
{{ end }}
{{ if .Params.summary }}
<meta property="twitter:card" content="{{ .Params.summary }}" />
{{ else }}
<meta property="twitter:card" content="summary" />
{{ end }}
<!-- end ogp -->
<meta name="keyword" content="{{ .Site.Params.keyword }}">
<title>{{ if .Title }}{{ .Title }} - {{ .Site.Params.SEOTitle }}{{ else }}{{ .Site.Params.SEOTitle }}{{ end }}</title>
<link rel="canonical" href="{{ .URL | relURL }}">
<!-- Bootstrap Core CSS -->
<link rel="stylesheet" href="{{ "css/bootstrap.min.css" | relURL }}">
<!-- Custom Fonts -->
<link href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css" rel="stylesheet" type="text/css">
<!-- Theme CSS -->
<link rel="stylesheet" href="{{ "css/auto-complete.css" | relURL }}">
<link rel="stylesheet" href="{{ "css/roland.css" | relURL }}">
<!-- Custom CSS -->
{{ range .Site.Params.custom_css -}}
<link rel="stylesheet" href="{{ . | absURL }}">
{{- end }}
<!--
<script src="//cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.0/MathJax.js?config=TeX-AMS-MML_HTMLorMML" type="text/javascript"></script>
-->
<!-- jQuery -->
<script src="{{ "js/jquery.min.js" | relURL }}"></script>
<!-- Bootstrap Core JavaScript -->
<script src="{{ "js/bootstrap.min.js" | relURL }}"></script>
<!-- Search feature JavaScript -->
<script type="text/javascript" src="{{"js/lunr.min.js" | relURL}}"></script>
<script type="text/javascript" src="{{"js/auto-complete.js" | relURL}}"></script>
<script type="text/javascript">
{{ if .Site.IsMultiLingual }}
var baseurl = "{{.Site.BaseURL}}{{.Site.LanguagePrefix}}";
{{ else }}
var baseurl = "{{.Site.BaseURL}}";
{{ end }}
</script>
<script type="text/javascript" src="{{"js/search.js" | relURL}}"></script>
<!-- Custom JS -->
{{ range .Site.Params.custom_js }}
<script src="{{ . | absURL }}"></script>
{{ end }}
<script>
$(function () {
$('[data-toggle="tooltip"]').tooltip()
})
</script>
<script async defer data-website-id="55cc7d60-2443-45ac-ab74-21ece8d3b7ed" src="https://pythagore.p0m.fr/pythagore.js"></script>
</head>

32
layouts/partials/nav.html Normal file
View file

@ -0,0 +1,32 @@
<!-- Navigation -->
<nav class="navbar navbar-expand-sm navbar-fixed-top">
<a class="navbar-brand" href="{{ "/" | relLangURL }}" title="{{ .Site.Title }}">
{{ partial "logo.html" . }}
</a>
<div class="navbar-collapse">
<div class="navbar-nav mr-auto"></div>
<form class="flex-grow-1 mx-3 mx-md-4 mx-lg-5 pr-3" onsubmit="return false;">
<input id="search-by" class="form-control" placeholder="Rechercher un article&hellip;">
</form>
<div class="navbar-nav mr-auto"></div>
<ul class="nav navbar-nav navbar-right">
{{ if not .Site.Params.omit_categories }}
{{ range $name, $taxonomy := .Site.Taxonomies.categories }}
<li>
<a href="{{ "categories/" | relLangURL }}{{ $name | urlize }}">{{ $name }}</a>
</li>
{{ end }}
{{ end }}
{{ range .Site.Params.addtional_menus }}
<li><a href="{{.href | relLangURL}}">{{.title}}</a></li>
{{ end }}
{{ if .Site.Params.cta_nav }}
<li>
<a href="{{ .Site.Params.cta_nav_href | relLangURL }}" class="btn btn-primary">{{ .Site.Params.cta_nav_txt }}</a>
</li>
{{ end }}
</ul>
</div>
</nav>

View file

@ -0,0 +1,16 @@
<!-- Pagination -->
{{ $pag := $.Paginator }}
{{ if gt $pag.TotalPages 1 }}
<div style="clear: both">
{{ if $pag.HasPrev }}
<a class="btn btn-outline-primary float-left" href="{{ $pag.Prev.URL }}">
&larr; Articles plus récents
</a>
{{ end }}
{{ if $pag.HasNext }}
<a class="btn btn-outline-primary float-right" href="{{ $pag.Next.URL }}">
Articles plus anciens &rarr;
</a>
{{ end }}
</div>
{{ end }}

View file

@ -0,0 +1,2 @@
{{ $paginator := .Paginate (where (where .Site.Pages "Type" "post") "IsPage" true) }}
{{ partial "posts.html" . }}

View file

@ -0,0 +1,31 @@
<!-- post list -->
{{ range $index, $element := $.Paginator.Pages }}
<div class="post-preview my-4">
<a href="{{ .Permalink }}">
<h2 class="font-weight-bold h3 pb-1">
{{ .Title }}
</h2>
{{with .Params.subtitle }}
<p class="lead">
{{ . }}
</p>
{{ end }}
<div class="post-content-preview text-muted my-4">
{{ with .Description }}
{{ . }}
{{ else }}
{{ .Summary}}
{{ end }}
</div>
</a>
<p class="post-meta text-right">
Posté par {{ with .Params.author }}{{ . }}{{ else }}{{ .Site.Title }}{{ end }} le {{ .Date.Format "2 Jan 2006" }}
<!-- Don't show "Last Modified on" if update happened on the same day. -->
{{ if (and (not .Lastmod.IsZero) (not (eq (dateFormat "2006-01-02" .Lastmod) (dateFormat "2006-01-02" .Date)))) }}
<br>Mise à jour le {{ dateFormat "2 Jan 2006" .Params.LastMod }}
{{ end }}
</p>
</div>
<hr>
{{ end }}

View file

@ -0,0 +1,16 @@
<div class="container">
<div class="row">
<!-- USE SIDEBAR -->
<!-- Post Container -->
<div class="
col-xl-8 offset-xl-1
col-lg-8 offset-lg-1
col-12
post-container
">
{{ partial "post_list.html" . }}
{{ partial "pagination.html" . }}
</div>
{{ partial "sidebar.html" . }}
</div>
</div>

View file

@ -0,0 +1,254 @@
<!-- Sidebar Container -->
<div class="
col-xl-3 offset-xl-0
col-lg-3 offset-lg-0
col-12
text-dark
sidebar-container
">
<!-- Featured Tags -->
{{ if .Site.Params.featured_tags }}
<section>
<hr class="d-none d-lg-block">
<h5 class="text-sc">Tags</h5>
<div class="tags">
{{ $featured_condition_size := .Site.Params.featured_condition_size }}
{{ range $name, $taxonomy := .Site.Taxonomies.tags }}
{{ if gt (len $taxonomy.Pages) $featured_condition_size }}
<a href="{{ "/tags/" | relLangURL }}{{ $name | urlize }}" title="{{ $name }}">
{{ $name }}
</a>
{{ end }}
{{ end }}
</div>
</section>
{{ end }}
<!-- Short About -->
{{ if .Site.Params.about_me }}
<section class="d-none d-lg-block">
<hr><h5 class="text-sc"><a href="{{ "/top/about" | relLangURL }}">À propos d'AVQ</a></h5>
<div class="short-about">
{{ with .Site.Params.sidebar_avatar }}
<div class="text-center">
<a href="{{ "/top/about" | relLangURL }}">
<img src="{{ . | relURL }}" alt="avatar" style="cursor: pointer" />
</a>
</div>
{{ end }}
{{ with .Site.Params.sidebar_about_description }}
<p class="text-secondary">{{ . }}</p>
{{ end }}
<!-- SNS Link -->
<ul class="list-inline">
{{ if .Site.Params.social.rss }}
<li class="list-inline-item">
<a href='{{ with .OutputFormats.Get "RSS" }}{{ .RelPermalink }}{{ end }}' rel="alternate" type="application/rss+xml" title="{{ .Site.Title | default "" }}">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fas fa-rss fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
{{ end }}
{{ with .Site.Params.social.twitter }}
<li class="list-inline-item">
<a href="{{ . }}">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-twitter fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
{{ end }}
{{ with .Site.Params.social.zhihu }}
<li class="list-inline-item">
<a target="_blank" href="{{ . }}">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
{{ end }}
{{ with .Site.Params.social.weibo }}
<li class="list-inline-item">
<a target="_blank" href="{{ . }}">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-weibo fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
{{ end }}
{{ with .Site.Params.social.facebook }}
<li class="list-inline-item">
<a target="_blank" href="{{ . }}">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-facebook fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
{{ end }}
{{ with .Site.Params.social.wechat }}
<li class="list-inline-item">
<a target="_blank" href="{{ . | relURL}}">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-wechat fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
{{ end }}
{{ with .Site.Params.social.github }}
<li class="list-inline-item">
<a target="_blank" href="{{ . }}">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-github fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
{{ end }}
{{ with .Site.Params.social.gitlab }}
<li class="list-inline-item">
<a target="_blank" href="{{ . }}">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-gitlab fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
{{ end }}
{{ with .Site.Params.social.git }}
<li class="list-inline-item">
<a target="_blank" href="{{ . }}">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-git fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
{{ end }}
{{ with .Site.Params.social.linkedin }}
<li class="list-inline-item">
<a target="_blank" href="{{ . }}">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-linkedin fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
{{ end }}
{{ with .Site.Params.social.medium }}
<li class="list-inline-item">
<a target="_blank" href="{{ . }}">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-medium fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
{{ end }}
{{ with .Site.Params.social.stackoverflow }}
<li class="list-inline-item">
<a target="_blank" href="{{ . }}">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-stack-overflow fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
{{ end }}
{{ with .Site.Params.social.reddit }}
<li class="list-inline-item">
<a target="_blank" href="{{ . }}">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-reddit fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
{{ end }}
{{ with .Site.Params.social.mastodon }}
<li class="list-inline-item">
<a target="_blank" href="{{ . }}">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-mastodon fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
{{ end }}
{{ with .Site.Params.social.keybase }}
<li class="list-inline-item">
<a target="_blank" href="{{ . }}">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-keybase fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
{{ end }}
{{ with .Site.Params.social.xing }}
<li class="list-inline-item">
<a target="_blank" href="{{ . }}">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-xing fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
{{ end }}
{{ with .Site.Params.social.instagram }}
<li class="list-inline-item">
<a target="_blank" href="{{ . }}">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-instagram fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
{{ end }}
{{ with .Site.Params.social.flickr }}
<li class="list-inline-item">
<a target="_blank" href="{{ . }}">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-flickr fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
{{ end }}
</ul>
</div>
</section>
{{ end }}
<!-- Friends Blog -->
{{ if .Site.Params.friends }}
<section>
<hr class="d-none s-lg-block">
<h5>FRIENDS</h5>
<ul class="list-inline">
{{ range .Site.Params.friend_link }}
<li class="list-inline-item"><a target="_blank" href="{{.href | relLangURL}}">{{.title}}</a></li>
{{ end }}
</ul>
</section>
{{ end }}
<!-- Bookmarks -->
{{ if .Site.Params.bookmarks }}
<section>
<hr>
<h5>BOOKMARKS</h5>
<ul class="list-inline">
{{ range .Site.Params.bookmark_link }}
<li class="list-inline-item"><a target="_blank" href="{{.href | relLangURL}}">{{.title}}</a></li>
{{ end }}
</ul>
</section>
{{ end }}
</div>