Migration du site
* Migre les domaines alex-racine.ch et libracine.ch * Utilise Hugo comme gestionnaire de contenu et Git comme gestionnaire de versions Co-Authored-by: Racine Alexandre <alexandre.racine1@gmail.com>master
Alexandre Racine
commit
45f22e3009
|
|
@ -0,0 +1,9 @@
|
|||
.hugo_build.lock
|
||||
|
||||
#Pipenv, python
|
||||
Pipfile*
|
||||
__pycache__
|
||||
|
||||
# Hugo
|
||||
/public/
|
||||
/resources/_gen/
|
||||
|
|
@ -0,0 +1,395 @@
|
|||
Attribution 4.0 International
|
||||
|
||||
=======================================================================
|
||||
|
||||
Creative Commons Corporation ("Creative Commons") is not a law firm and
|
||||
does not provide legal services or legal advice. Distribution of
|
||||
Creative Commons public licenses does not create a lawyer-client or
|
||||
other relationship. Creative Commons makes its licenses and related
|
||||
information available on an "as-is" basis. Creative Commons gives no
|
||||
warranties regarding its licenses, any material licensed under their
|
||||
terms and conditions, or any related information. Creative Commons
|
||||
disclaims all liability for damages resulting from their use to the
|
||||
fullest extent possible.
|
||||
|
||||
Using Creative Commons Public Licenses
|
||||
|
||||
Creative Commons public licenses provide a standard set of terms and
|
||||
conditions that creators and other rights holders may use to share
|
||||
original works of authorship and other material subject to copyright
|
||||
and certain other rights specified in the public license below. The
|
||||
following considerations are for informational purposes only, are not
|
||||
exhaustive, and do not form part of our licenses.
|
||||
|
||||
Considerations for licensors: Our public licenses are
|
||||
intended for use by those authorized to give the public
|
||||
permission to use material in ways otherwise restricted by
|
||||
copyright and certain other rights. Our licenses are
|
||||
irrevocable. Licensors should read and understand the terms
|
||||
and conditions of the license they choose before applying it.
|
||||
Licensors should also secure all rights necessary before
|
||||
applying our licenses so that the public can reuse the
|
||||
material as expected. Licensors should clearly mark any
|
||||
material not subject to the license. This includes other CC-
|
||||
licensed material, or material used under an exception or
|
||||
limitation to copyright. More considerations for licensors:
|
||||
wiki.creativecommons.org/Considerations_for_licensors
|
||||
|
||||
Considerations for the public: By using one of our public
|
||||
licenses, a licensor grants the public permission to use the
|
||||
licensed material under specified terms and conditions. If
|
||||
the licensor's permission is not necessary for any reason--for
|
||||
example, because of any applicable exception or limitation to
|
||||
copyright--then that use is not regulated by the license. Our
|
||||
licenses grant only permissions under copyright and certain
|
||||
other rights that a licensor has authority to grant. Use of
|
||||
the licensed material may still be restricted for other
|
||||
reasons, including because others have copyright or other
|
||||
rights in the material. A licensor may make special requests,
|
||||
such as asking that all changes be marked or described.
|
||||
Although not required by our licenses, you are encouraged to
|
||||
respect those requests where reasonable. More_considerations
|
||||
for the public:
|
||||
wiki.creativecommons.org/Considerations_for_licensees
|
||||
|
||||
=======================================================================
|
||||
|
||||
Creative Commons Attribution 4.0 International Public License
|
||||
|
||||
By exercising the Licensed Rights (defined below), You accept and agree
|
||||
to be bound by the terms and conditions of this Creative Commons
|
||||
Attribution 4.0 International Public License ("Public License"). To the
|
||||
extent this Public License may be interpreted as a contract, You are
|
||||
granted the Licensed Rights in consideration of Your acceptance of
|
||||
these terms and conditions, and the Licensor grants You such rights in
|
||||
consideration of benefits the Licensor receives from making the
|
||||
Licensed Material available under these terms and conditions.
|
||||
|
||||
|
||||
Section 1 -- Definitions.
|
||||
|
||||
a. Adapted Material means material subject to Copyright and Similar
|
||||
Rights that is derived from or based upon the Licensed Material
|
||||
and in which the Licensed Material is translated, altered,
|
||||
arranged, transformed, or otherwise modified in a manner requiring
|
||||
permission under the Copyright and Similar Rights held by the
|
||||
Licensor. For purposes of this Public License, where the Licensed
|
||||
Material is a musical work, performance, or sound recording,
|
||||
Adapted Material is always produced where the Licensed Material is
|
||||
synched in timed relation with a moving image.
|
||||
|
||||
b. Adapter's License means the license You apply to Your Copyright
|
||||
and Similar Rights in Your contributions to Adapted Material in
|
||||
accordance with the terms and conditions of this Public License.
|
||||
|
||||
c. Copyright and Similar Rights means copyright and/or similar rights
|
||||
closely related to copyright including, without limitation,
|
||||
performance, broadcast, sound recording, and Sui Generis Database
|
||||
Rights, without regard to how the rights are labeled or
|
||||
categorized. For purposes of this Public License, the rights
|
||||
specified in Section 2(b)(1)-(2) are not Copyright and Similar
|
||||
Rights.
|
||||
|
||||
d. Effective Technological Measures means those measures that, in the
|
||||
absence of proper authority, may not be circumvented under laws
|
||||
fulfilling obligations under Article 11 of the WIPO Copyright
|
||||
Treaty adopted on December 20, 1996, and/or similar international
|
||||
agreements.
|
||||
|
||||
e. Exceptions and Limitations means fair use, fair dealing, and/or
|
||||
any other exception or limitation to Copyright and Similar Rights
|
||||
that applies to Your use of the Licensed Material.
|
||||
|
||||
f. Licensed Material means the artistic or literary work, database,
|
||||
or other material to which the Licensor applied this Public
|
||||
License.
|
||||
|
||||
g. Licensed Rights means the rights granted to You subject to the
|
||||
terms and conditions of this Public License, which are limited to
|
||||
all Copyright and Similar Rights that apply to Your use of the
|
||||
Licensed Material and that the Licensor has authority to license.
|
||||
|
||||
h. Licensor means the individual(s) or entity(ies) granting rights
|
||||
under this Public License.
|
||||
|
||||
i. Share means to provide material to the public by any means or
|
||||
process that requires permission under the Licensed Rights, such
|
||||
as reproduction, public display, public performance, distribution,
|
||||
dissemination, communication, or importation, and to make material
|
||||
available to the public including in ways that members of the
|
||||
public may access the material from a place and at a time
|
||||
individually chosen by them.
|
||||
|
||||
j. Sui Generis Database Rights means rights other than copyright
|
||||
resulting from Directive 96/9/EC of the European Parliament and of
|
||||
the Council of 11 March 1996 on the legal protection of databases,
|
||||
as amended and/or succeeded, as well as other essentially
|
||||
equivalent rights anywhere in the world.
|
||||
|
||||
k. You means the individual or entity exercising the Licensed Rights
|
||||
under this Public License. Your has a corresponding meaning.
|
||||
|
||||
|
||||
Section 2 -- Scope.
|
||||
|
||||
a. License grant.
|
||||
|
||||
1. Subject to the terms and conditions of this Public License,
|
||||
the Licensor hereby grants You a worldwide, royalty-free,
|
||||
non-sublicensable, non-exclusive, irrevocable license to
|
||||
exercise the Licensed Rights in the Licensed Material to:
|
||||
|
||||
a. reproduce and Share the Licensed Material, in whole or
|
||||
in part; and
|
||||
|
||||
b. produce, reproduce, and Share Adapted Material.
|
||||
|
||||
2. Exceptions and Limitations. For the avoidance of doubt, where
|
||||
Exceptions and Limitations apply to Your use, this Public
|
||||
License does not apply, and You do not need to comply with
|
||||
its terms and conditions.
|
||||
|
||||
3. Term. The term of this Public License is specified in Section
|
||||
6(a).
|
||||
|
||||
4. Media and formats; technical modifications allowed. The
|
||||
Licensor authorizes You to exercise the Licensed Rights in
|
||||
all media and formats whether now known or hereafter created,
|
||||
and to make technical modifications necessary to do so. The
|
||||
Licensor waives and/or agrees not to assert any right or
|
||||
authority to forbid You from making technical modifications
|
||||
necessary to exercise the Licensed Rights, including
|
||||
technical modifications necessary to circumvent Effective
|
||||
Technological Measures. For purposes of this Public License,
|
||||
simply making modifications authorized by this Section 2(a)
|
||||
(4) never produces Adapted Material.
|
||||
|
||||
5. Downstream recipients.
|
||||
|
||||
a. Offer from the Licensor -- Licensed Material. Every
|
||||
recipient of the Licensed Material automatically
|
||||
receives an offer from the Licensor to exercise the
|
||||
Licensed Rights under the terms and conditions of this
|
||||
Public License.
|
||||
|
||||
b. No downstream restrictions. You may not offer or impose
|
||||
any additional or different terms or conditions on, or
|
||||
apply any Effective Technological Measures to, the
|
||||
Licensed Material if doing so restricts exercise of the
|
||||
Licensed Rights by any recipient of the Licensed
|
||||
Material.
|
||||
|
||||
6. No endorsement. Nothing in this Public License constitutes or
|
||||
may be construed as permission to assert or imply that You
|
||||
are, or that Your use of the Licensed Material is, connected
|
||||
with, or sponsored, endorsed, or granted official status by,
|
||||
the Licensor or others designated to receive attribution as
|
||||
provided in Section 3(a)(1)(A)(i).
|
||||
|
||||
b. Other rights.
|
||||
|
||||
1. Moral rights, such as the right of integrity, are not
|
||||
licensed under this Public License, nor are publicity,
|
||||
privacy, and/or other similar personality rights; however, to
|
||||
the extent possible, the Licensor waives and/or agrees not to
|
||||
assert any such rights held by the Licensor to the limited
|
||||
extent necessary to allow You to exercise the Licensed
|
||||
Rights, but not otherwise.
|
||||
|
||||
2. Patent and trademark rights are not licensed under this
|
||||
Public License.
|
||||
|
||||
3. To the extent possible, the Licensor waives any right to
|
||||
collect royalties from You for the exercise of the Licensed
|
||||
Rights, whether directly or through a collecting society
|
||||
under any voluntary or waivable statutory or compulsory
|
||||
licensing scheme. In all other cases the Licensor expressly
|
||||
reserves any right to collect such royalties.
|
||||
|
||||
|
||||
Section 3 -- License Conditions.
|
||||
|
||||
Your exercise of the Licensed Rights is expressly made subject to the
|
||||
following conditions.
|
||||
|
||||
a. Attribution.
|
||||
|
||||
1. If You Share the Licensed Material (including in modified
|
||||
form), You must:
|
||||
|
||||
a. retain the following if it is supplied by the Licensor
|
||||
with the Licensed Material:
|
||||
|
||||
i. identification of the creator(s) of the Licensed
|
||||
Material and any others designated to receive
|
||||
attribution, in any reasonable manner requested by
|
||||
the Licensor (including by pseudonym if
|
||||
designated);
|
||||
|
||||
ii. a copyright notice;
|
||||
|
||||
iii. a notice that refers to this Public License;
|
||||
|
||||
iv. a notice that refers to the disclaimer of
|
||||
warranties;
|
||||
|
||||
v. a URI or hyperlink to the Licensed Material to the
|
||||
extent reasonably practicable;
|
||||
|
||||
b. indicate if You modified the Licensed Material and
|
||||
retain an indication of any previous modifications; and
|
||||
|
||||
c. indicate the Licensed Material is licensed under this
|
||||
Public License, and include the text of, or the URI or
|
||||
hyperlink to, this Public License.
|
||||
|
||||
2. You may satisfy the conditions in Section 3(a)(1) in any
|
||||
reasonable manner based on the medium, means, and context in
|
||||
which You Share the Licensed Material. For example, it may be
|
||||
reasonable to satisfy the conditions by providing a URI or
|
||||
hyperlink to a resource that includes the required
|
||||
information.
|
||||
|
||||
3. If requested by the Licensor, You must remove any of the
|
||||
information required by Section 3(a)(1)(A) to the extent
|
||||
reasonably practicable.
|
||||
|
||||
4. If You Share Adapted Material You produce, the Adapter's
|
||||
License You apply must not prevent recipients of the Adapted
|
||||
Material from complying with this Public License.
|
||||
|
||||
|
||||
Section 4 -- Sui Generis Database Rights.
|
||||
|
||||
Where the Licensed Rights include Sui Generis Database Rights that
|
||||
apply to Your use of the Licensed Material:
|
||||
|
||||
a. for the avoidance of doubt, Section 2(a)(1) grants You the right
|
||||
to extract, reuse, reproduce, and Share all or a substantial
|
||||
portion of the contents of the database;
|
||||
|
||||
b. if You include all or a substantial portion of the database
|
||||
contents in a database in which You have Sui Generis Database
|
||||
Rights, then the database in which You have Sui Generis Database
|
||||
Rights (but not its individual contents) is Adapted Material; and
|
||||
|
||||
c. You must comply with the conditions in Section 3(a) if You Share
|
||||
all or a substantial portion of the contents of the database.
|
||||
|
||||
For the avoidance of doubt, this Section 4 supplements and does not
|
||||
replace Your obligations under this Public License where the Licensed
|
||||
Rights include other Copyright and Similar Rights.
|
||||
|
||||
|
||||
Section 5 -- Disclaimer of Warranties and Limitation of Liability.
|
||||
|
||||
a. UNLESS OTHERWISE SEPARATELY UNDERTAKEN BY THE LICENSOR, TO THE
|
||||
EXTENT POSSIBLE, THE LICENSOR OFFERS THE LICENSED MATERIAL AS-IS
|
||||
AND AS-AVAILABLE, AND MAKES NO REPRESENTATIONS OR WARRANTIES OF
|
||||
ANY KIND CONCERNING THE LICENSED MATERIAL, WHETHER EXPRESS,
|
||||
IMPLIED, STATUTORY, OR OTHER. THIS INCLUDES, WITHOUT LIMITATION,
|
||||
WARRANTIES OF TITLE, MERCHANTABILITY, FITNESS FOR A PARTICULAR
|
||||
PURPOSE, NON-INFRINGEMENT, ABSENCE OF LATENT OR OTHER DEFECTS,
|
||||
ACCURACY, OR THE PRESENCE OR ABSENCE OF ERRORS, WHETHER OR NOT
|
||||
KNOWN OR DISCOVERABLE. WHERE DISCLAIMERS OF WARRANTIES ARE NOT
|
||||
ALLOWED IN FULL OR IN PART, THIS DISCLAIMER MAY NOT APPLY TO YOU.
|
||||
|
||||
b. TO THE EXTENT POSSIBLE, IN NO EVENT WILL THE LICENSOR BE LIABLE
|
||||
TO YOU ON ANY LEGAL THEORY (INCLUDING, WITHOUT LIMITATION,
|
||||
NEGLIGENCE) OR OTHERWISE FOR ANY DIRECT, SPECIAL, INDIRECT,
|
||||
INCIDENTAL, CONSEQUENTIAL, PUNITIVE, EXEMPLARY, OR OTHER LOSSES,
|
||||
COSTS, EXPENSES, OR DAMAGES ARISING OUT OF THIS PUBLIC LICENSE OR
|
||||
USE OF THE LICENSED MATERIAL, EVEN IF THE LICENSOR HAS BEEN
|
||||
ADVISED OF THE POSSIBILITY OF SUCH LOSSES, COSTS, EXPENSES, OR
|
||||
DAMAGES. WHERE A LIMITATION OF LIABILITY IS NOT ALLOWED IN FULL OR
|
||||
IN PART, THIS LIMITATION MAY NOT APPLY TO YOU.
|
||||
|
||||
c. The disclaimer of warranties and limitation of liability provided
|
||||
above shall be interpreted in a manner that, to the extent
|
||||
possible, most closely approximates an absolute disclaimer and
|
||||
waiver of all liability.
|
||||
|
||||
|
||||
Section 6 -- Term and Termination.
|
||||
|
||||
a. This Public License applies for the term of the Copyright and
|
||||
Similar Rights licensed here. However, if You fail to comply with
|
||||
this Public License, then Your rights under this Public License
|
||||
terminate automatically.
|
||||
|
||||
b. Where Your right to use the Licensed Material has terminated under
|
||||
Section 6(a), it reinstates:
|
||||
|
||||
1. automatically as of the date the violation is cured, provided
|
||||
it is cured within 30 days of Your discovery of the
|
||||
violation; or
|
||||
|
||||
2. upon express reinstatement by the Licensor.
|
||||
|
||||
For the avoidance of doubt, this Section 6(b) does not affect any
|
||||
right the Licensor may have to seek remedies for Your violations
|
||||
of this Public License.
|
||||
|
||||
c. For the avoidance of doubt, the Licensor may also offer the
|
||||
Licensed Material under separate terms or conditions or stop
|
||||
distributing the Licensed Material at any time; however, doing so
|
||||
will not terminate this Public License.
|
||||
|
||||
d. Sections 1, 5, 6, 7, and 8 survive termination of this Public
|
||||
License.
|
||||
|
||||
|
||||
Section 7 -- Other Terms and Conditions.
|
||||
|
||||
a. The Licensor shall not be bound by any additional or different
|
||||
terms or conditions communicated by You unless expressly agreed.
|
||||
|
||||
b. Any arrangements, understandings, or agreements regarding the
|
||||
Licensed Material not stated herein are separate from and
|
||||
independent of the terms and conditions of this Public License.
|
||||
|
||||
|
||||
Section 8 -- Interpretation.
|
||||
|
||||
a. For the avoidance of doubt, this Public License does not, and
|
||||
shall not be interpreted to, reduce, limit, restrict, or impose
|
||||
conditions on any use of the Licensed Material that could lawfully
|
||||
be made without permission under this Public License.
|
||||
|
||||
b. To the extent possible, if any provision of this Public License is
|
||||
deemed unenforceable, it shall be automatically reformed to the
|
||||
minimum extent necessary to make it enforceable. If the provision
|
||||
cannot be reformed, it shall be severed from this Public License
|
||||
without affecting the enforceability of the remaining terms and
|
||||
conditions.
|
||||
|
||||
c. No term or condition of this Public License will be waived and no
|
||||
failure to comply consented to unless expressly agreed to by the
|
||||
Licensor.
|
||||
|
||||
d. Nothing in this Public License constitutes or may be interpreted
|
||||
as a limitation upon, or waiver of, any privileges and immunities
|
||||
that apply to the Licensor or You, including from the legal
|
||||
processes of any jurisdiction or authority.
|
||||
|
||||
|
||||
=======================================================================
|
||||
|
||||
Creative Commons is not a party to its public
|
||||
licenses. Notwithstanding, Creative Commons may elect to apply one of
|
||||
its public licenses to material it publishes and in those instances
|
||||
will be considered the “Licensor.” The text of the Creative Commons
|
||||
public licenses is dedicated to the public domain under the CC0 Public
|
||||
Domain Dedication. Except for the limited purpose of indicating that
|
||||
material is shared under a Creative Commons public license or as
|
||||
otherwise permitted by the Creative Commons policies published at
|
||||
creativecommons.org/policies, Creative Commons does not authorize the
|
||||
use of the trademark "Creative Commons" or any other trademark or logo
|
||||
of Creative Commons without its prior written consent including,
|
||||
without limitation, in connection with any unauthorized modifications
|
||||
to any of its public licenses or any other arrangements,
|
||||
understandings, or agreements concerning use of licensed material. For
|
||||
the avoidance of doubt, this paragraph does not form part of the
|
||||
public licenses.
|
||||
|
||||
Creative Commons may be contacted at creativecommons.org.
|
||||
|
|
@ -0,0 +1,34 @@
|
|||
# [alex.racine][title]
|
||||
|
||||
Ce dépôt est hébergé sur ma propre instance de Git, dans mon salon, et répertorie les sources de mon [site web personnel][sitePerso] en version 0.2 après sa refonte complète. Quelques infos supplémentaires sont disponibles dans le billet [Lifting complet][LT]. Le site en lui-même est composé d'une sorte de portfolio de présentation et d'une section [blog][blogPerso]. Les [applications][apps] testées et déployées sur mon espace web lorsqu'elles me sont utiles [^1] sont, elles, hébergées sur le domaine *libracine.ch*
|
||||
|
||||
## Licence
|
||||
|
||||
Ce projet est sous [licence `CC-BY`][licence] :
|
||||
<http://creativecommons.org/licenses/by/4.0/>
|
||||
|
||||
## Thème
|
||||
|
||||
J'utilise le thème [portfoliGor][portfoliGor] développé à l'origine par mon ami [Igor Milhit][IM]. Avec quelques adaptations en fonction de mes besoins.
|
||||
|
||||
## Utilisation
|
||||
|
||||
Pour utiliser, visualiser et modifier ce projet :
|
||||
|
||||
1. Téléchargez ou clonez ce dépôt
|
||||
2. Installez [Hugo][hugo]
|
||||
3. Ouvrez un terminal et rendez-vous dans le dossier du projet e.g. `cd ~/alex.racine`
|
||||
4. lancez la commande `hugo server` pour visualiser le site tel qu'il apparaît en production ou la commande `hugo server -D` pour visualiser le site en intégrant les billets ou pages qui ont le statut `brouillon` et qui ne sont pas publiées.
|
||||
|
||||
___
|
||||
|
||||
[title]: https://git.libracine.ch/alerac/alex.racine
|
||||
[sitePerso]: https://alexracine.ch
|
||||
[LT]: https://alexracine.ch/lifting-complet
|
||||
[blogPerso]: https://alexracine.ch/blog
|
||||
[apps]: https://alexracine.ch/applis
|
||||
[licence]: ./LICENSE
|
||||
[portfoliGor]: https://git.milhit.ch/igor/portfoligor
|
||||
[IM]: https://igor.milhit.ch/
|
||||
[hugo]: https://gohugo.io/
|
||||
[^1]: *dont cette instance Git*
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
---
|
||||
title: "{{ replace .Name "-" " " }}"
|
||||
date: {{ .Date }}
|
||||
lastmod: {{ .Date }}
|
||||
draft: true
|
||||
categories: [""]
|
||||
tags: [""]
|
||||
postimage:
|
||||
postimagedescription:
|
||||
postimage_width:
|
||||
postimage_height:
|
||||
imageLicence:
|
||||
imageAuthor:
|
||||
imageUrl:
|
||||
imageService:
|
||||
imageServiceUrl:
|
||||
description:
|
||||
slug: {{ .Name }}
|
||||
---
|
||||
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
---
|
||||
title: "{{ replace .Name "-" " " | title }}"
|
||||
date: {{ .Date }}
|
||||
lastmod: {{ .Date }}
|
||||
description:
|
||||
draft: true
|
||||
---
|
||||
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
---
|
||||
title: "{{ replace .Name "-" " " }}"
|
||||
date: {{ .Date }}
|
||||
lastmod: {{ .Date }}
|
||||
draft: true
|
||||
categories: ["developpement"]
|
||||
tags: [""]
|
||||
postimage:
|
||||
postimagedescription:
|
||||
postimage_width:
|
||||
postimage_height:
|
||||
imageLicence:
|
||||
imageAuthor:
|
||||
imageUrl:
|
||||
imageService:
|
||||
imageServiceUrl:
|
||||
description:
|
||||
slug: {{ .Name }}
|
||||
---
|
||||
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
---
|
||||
title: "{{ replace .Name "-" " " }}"
|
||||
date: {{ .Date }}
|
||||
lastmod: {{ .Date }}
|
||||
draft: true
|
||||
categories: ["musique"]
|
||||
tags: [""]
|
||||
postimage:
|
||||
postimagedescription:
|
||||
postimage_width:
|
||||
postimage_height:
|
||||
imageLicence:
|
||||
imageAuthor:
|
||||
imageUrl:
|
||||
imageService:
|
||||
imageServiceUrl:
|
||||
description:
|
||||
slug: {{ .Name }}
|
||||
---
|
||||
|
||||
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
---
|
||||
title: "{{ replace .Name "-" " " }}"
|
||||
date: {{ .Date }}
|
||||
lastmod: {{ .Date }}
|
||||
draft: true
|
||||
categories: ["publication numérique"]
|
||||
tags: [""]
|
||||
postimage:
|
||||
postimagedescription:
|
||||
postimage_width:
|
||||
postimage_height:
|
||||
imageLicence:
|
||||
imageAuthor:
|
||||
imageUrl:
|
||||
imageService:
|
||||
imageServiceUrl:
|
||||
description:
|
||||
slug: {{ .Name }}
|
||||
---
|
||||
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
---
|
||||
title: "{{ replace .Name "-" " " | title }}"
|
||||
date: {{ .Date }}
|
||||
lastmod: {{ .Date }}
|
||||
draft: true
|
||||
description:
|
||||
slug: {{ .Name }}
|
||||
layout: static
|
||||
---
|
||||
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
---
|
||||
title: "{{ replace .Name "-" " " }}"
|
||||
date: {{ .Date }}
|
||||
lastmod: {{ .Date }}
|
||||
draft: true
|
||||
categories: ["musique"]
|
||||
tags: ["streaming", "listening", "live"]
|
||||
postimage:
|
||||
postimagedescription:
|
||||
postimage_width:
|
||||
postimage_height:
|
||||
imageLicence:
|
||||
imageAuthor:
|
||||
imageUrl:
|
||||
imageService:
|
||||
imageServiceUrl:
|
||||
description:
|
||||
slug: {{ .Name }}
|
||||
---
|
||||
|
||||
|
||||
|
|
@ -0,0 +1,153 @@
|
|||
baseURL = "https://alexracine.ch/"
|
||||
DefaultContentLanguage = "fr"
|
||||
title = "Alexandre Racine"
|
||||
|
||||
theme = "portfoliGor"
|
||||
enableGitInfo = true
|
||||
paginate = 0
|
||||
|
||||
# Enables categories labels with accents but categories folders names without accents
|
||||
removePathAccents = true
|
||||
|
||||
# rssLimit = 1
|
||||
|
||||
[security]
|
||||
enableInlineShortcodes = false
|
||||
[security.exec]
|
||||
allow = ['^dart-sass-embedded$', '^go$', '^npx$', '^postcss$', '^pandoc$', '^nvim$']
|
||||
osEnv = ['(?i)^(PATH|PATHEXT|APPDATA|TMP|TEMP|TERM)$']
|
||||
[security.funcs]
|
||||
getenv = ['^HUGO_']
|
||||
[security.http]
|
||||
methods = ['(?i)GET|POST']
|
||||
urls = ['.*']
|
||||
|
||||
[menu]
|
||||
[[menu.main]]
|
||||
identifier = 'blog'
|
||||
name = 'Blog'
|
||||
title = 'La section blog'
|
||||
url = '/blog/'
|
||||
weight = 10
|
||||
[[menu.main]]
|
||||
identifier = 'a-propos'
|
||||
name = 'À propos'
|
||||
title = 'À propos de ce site web'
|
||||
url = '/a-propos/'
|
||||
weight = -20
|
||||
[[menu.main]]
|
||||
identifier = 'contacts'
|
||||
name = 'Contacts'
|
||||
title = 'Me contacter'
|
||||
url = '/contacts'
|
||||
weight = 0
|
||||
[[menu.main]]
|
||||
identifier = 'applications'
|
||||
name = 'Applis'
|
||||
title = 'Liste des applications'
|
||||
url = '/applis/'
|
||||
weight = 5
|
||||
[[menu.main]]
|
||||
identifier = 'moi'
|
||||
name = 'Moi'
|
||||
title = 'Quelques mots sur moi'
|
||||
url = '/me/'
|
||||
weight = -10
|
||||
[[menu.footer]]
|
||||
identifier = 'credits'
|
||||
name = "Crédits"
|
||||
url = "/credits"
|
||||
weight = -100
|
||||
[[menu.footer]]
|
||||
identifier = 'sources'
|
||||
name = "Sources"
|
||||
title = "Sources du site"
|
||||
url = "https://git.libracine.ch/alerac/alex.racine"
|
||||
weight = 20
|
||||
[[menu.footer]]
|
||||
identifier = 'licence'
|
||||
name = "cc-by"
|
||||
title = "Licence Creative Commons By 4.0"
|
||||
url = "http://creativecommons.org/licenses/by/4.0/"
|
||||
weight = 10
|
||||
|
||||
|
||||
|
||||
[author]
|
||||
name = "Alexandre Racine"
|
||||
email = "alex@libracine.ch"
|
||||
|
||||
[permalinks]
|
||||
posts = ":slug"
|
||||
blog = ":slug"
|
||||
|
||||
[frontmatter]
|
||||
date = ["date", "publishDate"]
|
||||
lastmod = [":git", "lastmod"]
|
||||
|
||||
[markup.goldmark.renderer]
|
||||
unsafe= true
|
||||
|
||||
[params]
|
||||
|
||||
Description = "Site web personnel d'Alexandre Racine."
|
||||
Image = "avatar-800.png"
|
||||
ImageDescription = "silhouette d'un homme de profil sur fond bleu."
|
||||
License = "http://creativecommons.org/licenses/by/4.0/"
|
||||
|
||||
[params.siteSources]
|
||||
# Git repository of the website
|
||||
url = "https://git.libracine.ch/alerac/alex.racine"
|
||||
# Which kind of git forge is it? GitHub, a Gitlab instance, a Gitea intance?
|
||||
type = "gitea" # github, gitlab, gitea
|
||||
|
||||
# Professional contact data
|
||||
[params.contactsPro]
|
||||
address = "Chemin des Falaises 2, 1005 Lausanne"
|
||||
phone = "+41 21 314 50 74"
|
||||
email = "alexandre.racine@chuv.ch"
|
||||
# publickey = ""
|
||||
# fingerprint = "843D 0CB6 A576 D7BE 4BF6 A63B 692D 97C3 D022 8A99"
|
||||
|
||||
# Personal contact data
|
||||
[params.contactsPriv]
|
||||
Function = "Bibliothécaire"
|
||||
address = "Av. du Vieux-Moulin 8"
|
||||
ZIP = "1018"
|
||||
Place = "Lausanne"
|
||||
phone = "+41 79 390 89 27"
|
||||
email = "alex@libracine.ch"
|
||||
publickey = "alex-racine-pub.asc"
|
||||
fingerprint = "8F0A C587 9360 DA46 36C4 B8FA 45E8 753A 63D7 859F"
|
||||
xmpp = "alex@chat.libracine.ch"
|
||||
# cv = "cv-igor-milhit.pdf"
|
||||
|
||||
# Web accounts
|
||||
[params.online]
|
||||
git = "https://git.libracine.ch/alerac"
|
||||
github = "alerac"
|
||||
framagit = "alerac"
|
||||
# mastodon = "https://pouet.it/@im"
|
||||
discogs = "alerac"
|
||||
instagram = "racilex"
|
||||
|
||||
# Apps
|
||||
[params.apps]
|
||||
cloudTitle = "Mon cloud personnel"
|
||||
cloudURL = "https://cloud.libracine.ch"
|
||||
cloudImg = "/images/apps/cloud.png"
|
||||
linksTitle = "Shaarli : une application de partage de liens"
|
||||
linksURL = "https://links.libracine.ch"
|
||||
linksImg = "/images/apps/link.png"
|
||||
galleryTitle = "Ma super galerie photo"
|
||||
galleryURL = "https://gallery.libracine.ch"
|
||||
galleryImg = "/images/apps/polaroid.png"
|
||||
liveTitle = "Libracine live : DJ sets et web radio personnelle"
|
||||
liveURL = "https://live.libracine.ch"
|
||||
liveImg = "/images/apps/vinyl.png"
|
||||
musicTitle = "Bibliothèque musicale"
|
||||
musicURL = "https://music.libracine.ch"
|
||||
musicImg = "/images/apps/music.png"
|
||||
gitTitle = "Instance Git personnelle"
|
||||
gitURL = "https://git.libracine.ch"
|
||||
gitImg = "/images/apps/git.png"
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
---
|
||||
title: "Accueil"
|
||||
date: 2023-09-03T06:32:39+01:00
|
||||
draft: false
|
||||
---
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
---
|
||||
title: "À propos"
|
||||
date: 2023-09-03T22:06:11+01:00
|
||||
publishdate: 2023-09-03
|
||||
draft: false
|
||||
postimage:
|
||||
description: "À propos du site web Alexandre Racine."
|
||||
layout: static
|
||||
slug: a-propos
|
||||
---
|
||||
|
||||
L'objectif de ce site web est de me présenter et de temps à autre publier des billets dans une section [*blog*][1]. Des explications plus détaillées sont disponibles dans le billet [« Lifting complet »][2].
|
||||
|
||||
Les sujets abordés sont divers et variés mais tournent beaucoup autour du numérique, du web et de leur impact sur notre quotidien et notre manière d'apprendre.
|
||||
|
||||
À l'origine, cet espace est né d'une profonde curiosité pour des outils ouvrant tout un tas de possibilités. Puis, chemin faisant, j'ai réalisé que je pouvais gagner en autonomie dans l'hébergement et la gestion de mes données personnelles en évitant *(autant que possible)* de les laisser aux mains des géants de la tech.
|
||||
|
||||
Bon voyage dans mon petit coin d'immatériel...
|
||||
|
||||
[1]: /blog
|
||||
[2]: /lifting-complet
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
---
|
||||
title: "Applications"
|
||||
date: 2023-09-03T22:06:11+01:00
|
||||
publishdate: 2023-09-03
|
||||
draft: false
|
||||
description: "La liste des applications installées sur le domaine libracine.ch."
|
||||
layout: static
|
||||
slug: applis
|
||||
---
|
||||
|
||||
Cette page liste les principales applications auto-hébergées sur le domaine *libracine.ch*. Un cloud, une application de partage de liens, une galerie photo, une web radio personnelle, une bibliothèque musicale et une instance git. Pas tout n'est accessible librement mais on peut toujours en discuter.
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
---
|
||||
title: "Blog"
|
||||
date: 2023-09-03T07:52:46+02:00
|
||||
lastmod: 2023-09-03T09:16:33+02:00
|
||||
draft: false
|
||||
description: "La section Blog du site Alexandre Racine."
|
||||
---
|
||||
|
||||
Voici la liste des billets récemments publiés sur ce blog :
|
||||
|
||||
|
|
@ -0,0 +1,50 @@
|
|||
---
|
||||
title: "Exemples images"
|
||||
date: 2023-07-14T09:16:33+02:00
|
||||
lastmod: 2023-07-30T09:16:33+02:00
|
||||
draft: true
|
||||
categories: ["publication numérique"]
|
||||
tags: ["exemples", "images", "légendes"]
|
||||
postimage: "posts/example_images/ben-sweet-2LowviVHZ-E-unsplash-800.jpg"
|
||||
postimagedescription: "silhouette d'un homme de profil sur fond noir et bleu."
|
||||
postimage_width: "800"
|
||||
postimage_height: "450"
|
||||
imageLicence:
|
||||
imageAuthor: "Ben Sweet"
|
||||
imageUrl: "https://unsplash.com/photos/2LowviVHZ-E"
|
||||
imageService: "Unsplash"
|
||||
imageServiceUrl: "https://unsplash.com/"
|
||||
description: "Ce poste est un brouillon pour documenter les différentes manières d'utiliser la légende lors de l'insertion d'une image avec Hugo."
|
||||
slug: exemples-images
|
||||
---
|
||||
|
||||
Ce poste est un brouillon pour documenter les différentes manières d'utiliser la légende lors de l'insertion d'une image. À la fois pour insérer une simple légende ou pour indiquer une licence si applicable. Le processus est géré grâce au shortcode `figure` par défaut de Hugo ainsi qu'au shortcode personnalisé `img` défini dans le dossier `shortcodes` du thème.
|
||||
|
||||
## Image personnelle
|
||||
|
||||
Sans mention spécifique de licence mais avec ajout d'une légende. La licence est dérivée de celle du site web. On utilise le shortcode `figure` par défaut de Hugo <span style="font-style: italic; font-size: 0.8rem;">(Attention bien penser à retirer les deux ` `` ` supplémentaires avant le `<` et après le `>` dans le code ci-dessous lors de sa réutilisation).</span>
|
||||
|
||||
<pre style="font-size: 0.8rem; text-align: center;">{{`< figure src="/images/posts/example_images/test.jpg" title="Image de randonnée dans les Grisons" >`}}</pre>
|
||||
|
||||
{{< figure src="/images/posts/example_images/test.jpg" title="Image de randonnée dans les Grisons" >}}
|
||||
|
||||
## Image réutilisée avec mention de licence
|
||||
|
||||
Avec mention d'une licence `CC-BY` ou `©` ou toute autre licence du même type. On utilise le shortcode personnalisé `img` <span style="font-style: italic; font-size: 0.8rem;">(Attention bien penser à retirer les deux ` `` ` supplémentaires avant le `<` et après le `>` dans le code ci-dessous lors de sa réutilisation).</span>
|
||||
|
||||
<pre style="font-size: 0.8rem; text-align: center;">{{`< img src="/images/posts/example_images/brioche.jpg" licence="CC-BY" author="Igor Milhit" url="https://igor.milhit.ch/brioche/" >`}}</pre>
|
||||
|
||||
{{< img src="/images/posts/example_images/brioche.jpg" licence="CC-BY" author="Igor Milhit" url="https://igor.milhit.ch/brioche/" >}}
|
||||
|
||||
## Image réutilisée avec simple attribution
|
||||
|
||||
Sans mention explicite de licence mais avec tout de même une attribution parce que c'est la moindre des choses. Cela peut être notamment le cas en utilisant des images de [Unsplash][US] avec la [licence Unsplash][LU].
|
||||
|
||||
On utilise à nouveau le shortcode personnalisé `img` avec une petite variante <span style="font-style: italic; font-size: 0.8rem;">(Attention bien penser à retirer les deux ` `` ` supplémentaires avant le `<` et après le `>` dans le code ci-dessous lors de sa réutilisation).</span>
|
||||
|
||||
<pre style="font-size: 0.8rem; text-align: center;">{{`< img src="/images/posts/example_images/ben-sweet-2LowviVHZ-E-unsplash.jpg" author="Ben Sweet" url="https://unsplash.com/photos/2LowviVHZ-E" service="Unsplash" service_url="https://unsplash.com" >`}}</pre>
|
||||
|
||||
{{< img src="/images/posts/example_images/ben-sweet-2LowviVHZ-E-unsplash.jpg" author="Ben Sweet" url="https://unsplash.com/photos/2LowviVHZ-E" service="Unsplash" service_url="https://unsplash.com" >}}
|
||||
|
||||
[US]: https://unsplash.com
|
||||
[LU]: https://unsplash.com/license
|
||||
|
|
@ -0,0 +1,42 @@
|
|||
---
|
||||
title: "Lifting complet"
|
||||
date: 2023-09-03T08:27:16+02:00
|
||||
lastmod: 2023-09-03T08:27:16+02:00
|
||||
draft: false
|
||||
categories: ["développement"]
|
||||
tags: ["serveur", "migration", "portfolio", "debian"]
|
||||
postimage: "posts/dev/pc.jpg"
|
||||
postimagedescription: "Zoom sur un PC"
|
||||
postimage_width: "945"
|
||||
postimage_height: "630"
|
||||
imageLicence:
|
||||
imageAuthor: "Florian Krumm"
|
||||
imageUrl: "https://unsplash.com/photos/yLDabpoCL3s"
|
||||
imageService: "Unsplash"
|
||||
imageServiceUrl: "https://unsplash.com"
|
||||
description: "Ce billet explique de manière non détaillée le processus de migration du site web d'Alexandre Racine vers sa nouvelle version."
|
||||
slug: lifting-complet
|
||||
---
|
||||
|
||||
Ce site a été mis pour la 1<sup>ère</sup> fois en ligne il y a une dizaine d'années. Il était constitué d'une part d'une page d'accueil hébergée sur son propre domaine *alex-racine.ch*. D'autre part du domaine *libracine.ch* hébergeant un blog basé sur [Wordpress][wp] et quelques applications. Au fil du temps, mes envies et connaissances ont évolué. Ce *"lifting complet"* s'articule aujourd'hui autour des axes suivants :
|
||||
|
||||
* un domaine *alexracine.ch* regroupant mon portfolio de présentation et la section [blog][blog]
|
||||
* le domaine *libracine.ch* qui reste actif et héberge les applications que je découvre, teste et implémente lorsqu'elles me sont utiles
|
||||
|
||||
## La forme
|
||||
|
||||
Après avoir découvert [HUGO][hugo], un framework permettant de générer des sites statiques sans bases de données sur la base de contenus rédigés en [markdown][md], il était temps de passer à des outils plus flexibles, légers et correspondant mieux à mes pratiques de publication et à l'utilisation que je fais du web. Exit donc Wordpress, les bases de données, PHP et leur relative lourdeur *(du moins pour l'aspect purement rédactionnel)*. Welcome HUGO, Markdown et [Git][git] comme processus de versioning.
|
||||
|
||||
## Le fond
|
||||
|
||||
*Lifting complet* car ce projet qui germait jour après jour a été l'occasion de retravailler également les aspects matériels et de composer moi-même le serveur dont j'aurai besoin. Un mini PC Shuttle [XH610][xh610] a remplacé ma vielle machine [XH61][xh61] de 2014. Le processeur Intel core i3 de 3<sup>ème</sup> génération a laissé place à un Intel core i5 de 12<sup>ème</sup> génération. Un SSD de 2TO a remplacé un disque mécanique de 1TO et 16GB de ram on remplacé les 4GB de ram initiale. Après avoir [monté le tout][mount] avec mes petits doigts parfois maladroits, j'ai réinstallé [debian][deb] 12 comme système d'exploitation. Le tout sert de socle au temps que vous avez *(peut-être)* passé à lire ces lignes...
|
||||
|
||||
[wp]: https://wordpress.org/ "Page d'accueil de wordpress.org"
|
||||
[blog]: /blog/ "La section blog de ce site"
|
||||
[hugo]: https://gohugo.io/ "Page d'accueil de HUGO"
|
||||
[md]: https://fr.wikipedia.org/wiki/Markdown "Page Wikipédia sur Markdown"
|
||||
[git]: https://git-scm.com/ "Système de gestion de versions Git"
|
||||
[xh610]: https://www.shuttle.eu/en/products/slim/xh610 "Mini PC XH610"
|
||||
[xh61]: https://global.shuttle.com/news/productsDetail?productId=1567 "Ancienne machine Shuttle XH61"
|
||||
[mount]: https://www.youtube.com/watch?v=TgH0u3uQcXI "Vidéo explicative sur l'assemblage d'un mini PC Shuttle"
|
||||
[deb]: https://www.debian.org/ "Page d'accueil du site web de Debian"
|
||||
|
|
@ -0,0 +1,53 @@
|
|||
---
|
||||
title: "Ajouter ou modifier un style Zotero"
|
||||
date: 2019-01-05T00:00:00+02:00
|
||||
lastmod: 2023-09-03T20:55:24+02:00
|
||||
draft: false
|
||||
categories: ["logiciels documentaires"]
|
||||
tags: ["citations", "styles", "zotero"]
|
||||
postimage: "posts/zotero/citation_white.png"
|
||||
postimagedescription: "Image d'illustration avec le texte cite"
|
||||
postimage_width: "240"
|
||||
postimage_height: "240"
|
||||
imageLicence:
|
||||
imageAuthor:
|
||||
imageUrl:
|
||||
imageService:
|
||||
imageServiceUrl:
|
||||
description: "Comment ajouter un style Zotero grâce au Zotero Style Repository et modifier un style existant grâce au Visual CSL Editor."
|
||||
slug: ajouter-modifier-style-zotero
|
||||
---
|
||||
|
||||
Si vous avez déjà dû rédiger un travail académique, vous savez sûrement *(j'espère pour vous)* qu'un logiciel de gestion de références devient indispensable. Vous savez aussi qu'il est fréquent que les destinataires de votre travail aient des exigences particulières en termes de style bibliographique. Nous allons voir comment ajouter un style de citation au logiciel [Zotero][1] ou, si nécessaire, en modifier un existant pour l'adapter à nos besoins.
|
||||
|
||||
## Zotero Style Repository
|
||||
|
||||
Parmi les outils indispensables, le [Zotero Style Repository][2] liste plus de 10'000 styles disponibles. Pour en installer un nouveau, le plus facile est d'avoir le [connecteur Zotero][3] installé pour votre navigateur web. Ensuite, avec Zotero ouvert en parallèle sur votre ordinateur, faites une recherche dans le Zotero Style Repository et cliquez sur le style voulu. Une fenêtre pop-up s'ouvre et vous demande si vous voulez installer le style. Cliquez sur OK. Votre style est maintenant disponible dans le logiciel.<a name="zsr"></a>
|
||||
|
||||
{{< figure src="/images/posts/zotero/zsr.png" title="Capture d'écran du Zotero Style Repository" >}}
|
||||
|
||||
Si cela ne fonctionne pas, vous pouvez télécharger le fichier de style au format `.csl` *(Citation Style Language)* et l'importer manuellement. Allez dans `Édition > Préférences > Citer > Styles` et [cliquez sur le + au-dessous des styles disponibles][4]
|
||||
|
||||
## Modification d'un style
|
||||
|
||||
L'éditeur de style [Visual CSL Editor][5] permet d'adapter un style à des besoins particuliers. Il est possible de charger un style CSL en allant sous `Style > Load Style` dans le coin supérieur gauche de la page et prévisualiser les modifications apportées. En cliquant sur les éléments de la référence affichée, cela permet de les mettre en évidence dans la partie gauche et de les modifier dans la partie inférieure.
|
||||
|
||||
Par exemple, pour modifier les prénoms des auteurs afin qu'ils s'affichent en toutes lettres et plus sous formes d'initiales, il suffit de sélectionner l'élément `Name` dans la macro `author` et de passer la valeur `initialize` sous `false`.
|
||||
|
||||
{{< figure src="/images/posts/zotero/vce.png" title="Édition d'un style dans l'éditeur visuel" >}}
|
||||
|
||||
Concernant les modifications plus complexes, cela demande d'approcher plus en détails les [spécifications CSL][6] [^1] et d'être à l'aise avec l'éditeur visuel. Avec un peu d'expérience, il peut être recommandé d'éditer directement le style dans un simple éditeur de texte type Notepad++. Dans tous les cas, avec de la pratique, l'affichage des références devient personnalisable à souhait.
|
||||
|
||||
Une fois toutes les modifications effectuées, enregistrez votre style en allant sous `Style > Save Style` pour le télécharger et l'importer manuellement dans Zotero comme décrit [plus haut](#zsr).
|
||||
|
||||
Je vous conseille également d'aller jeter un oeil au billet du [blog Zotero francophone][7] sur le sujet et à la [documentation][8] officielle [^1].
|
||||
|
||||
[1]: https://www.zotero.org/ "Zotero"
|
||||
[2]: https://www.zotero.org/styles "Zotero Style Repository"
|
||||
[3]: https://www.zotero.org/download/connectors "Connecteur Zotero pour navigateur web"
|
||||
[4]: /images/posts/zotero/zs.png "Installer un style manuellement"
|
||||
[5]: http://editor.citationstyles.org/visualEditor/ "Visual CSL Editor"
|
||||
[6]: https://docs.citationstyles.org/en/stable/specification.html "Spécifications CSL en anglais"
|
||||
[7]: https://zotero.hypotheses.org/3746 "Apporter de petites modifications à un style bibliographique"
|
||||
[8]: https://www.zotero.org/support/dev/citation_styles/style_editing_step-by-step "Documentation en anglais sur l'édition des styles Zotero"
|
||||
[^1]: Documentation en anglais
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
---
|
||||
title: "Catégories"
|
||||
date: 2023-09-03T18:10:19+02:00
|
||||
draft: false
|
||||
---
|
||||
|
||||
Voici la liste des catégories utilisées pour classer les billets de ce blog.
|
||||
Chaque catégorie a sa propre page, sur laquelle elle est décrite.
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
---
|
||||
title: "Développement"
|
||||
date: 2023-09-03T08:40:04+02:00
|
||||
draft: false
|
||||
---
|
||||
|
||||
Cette catégorie regroupe les billets qui relatent mes explorations en termes de développement informatique, programmation, gestion des réseaux et des serveurs.
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
---
|
||||
title: "Logiciels Documentaires"
|
||||
date: 2023-09-03:20:59:37
|
||||
draft: false
|
||||
---
|
||||
|
||||
Cette catégorie regroupe des billets sur le thème des logiciels documentaires. Par exemple les logiciels de référencement bibliographique, d'analyse de texte, d'aide à la gestion de l'information.
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
---
|
||||
title: "Musique"
|
||||
date: 2023-09-03:18:51:00
|
||||
draft: false
|
||||
---
|
||||
|
||||
Cette gatégorie regroupe des billets sur le thème de la musique et les annonces des *live*
|
||||
diffusés et publiés sur [libracine live](https://live.libracine.ch).
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
---
|
||||
title: "Publication numérique"
|
||||
date: 2023-09-03T08:40:04+02:00
|
||||
draft: false
|
||||
---
|
||||
|
||||
Cette catégorie regroupe les billets qui explorent les méthodes contemporaines
|
||||
de publication de texte. Rédaction en markdown, génération et conversion de documents, autres joyeusetés liées à la publication sur le web.
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
---
|
||||
title: "Contacts"
|
||||
date: 2023-09-03T22:06:11+01:00
|
||||
publishdate: 2023-09-03
|
||||
draft: false
|
||||
description: "La liste de mes coordonnées de contact."
|
||||
layout: static
|
||||
slug: contacts
|
||||
---
|
||||
|
|
@ -0,0 +1,39 @@
|
|||
---
|
||||
title: "Crédits"
|
||||
date: 2023-09-03T22:06:11+01:00
|
||||
publishdate: 2023-09-03
|
||||
draft: false
|
||||
description: "La liste des crédits."
|
||||
layout: static
|
||||
slug: credits
|
||||
---
|
||||
|
||||
Le site est généré grâce à [Hugo][1], un [générateur de site statique][2]. Il
|
||||
utilise le thème [*portfoligor*][3], réalisé par mon ami Igor Milhit, et dont le gros travail sur son site a servi de base à la refonte de ce site web.
|
||||
|
||||
La palette de couleur utilisée est celle de [nord][4] avec quelques adaptations en fonction des besoins.
|
||||
|
||||
L‘avatar et l‘image du site affichée sur les réseaux sociaux est une adaptation d'une image de [Benjamin Sweet][5] : <https://unsplash.com/photos/2LowviVHZ-E>.
|
||||
|
||||
L'image d'arrière-plan utilisée sur la page d'accueil est une adaptation d'une image de [Ales Krivec][6] : <https://unsplash.com/photos/Uszp5Gkg0AI>.
|
||||
|
||||
L'icône de flux RSS utilisée dans le menu principal est une adaptation de [cette image][7]
|
||||
|
||||
Les sources de ce site web sont également [disponibles en ligne][8]. En dehors
|
||||
des contenus que je partage et dont je ne suis pas l‘auteur, tout le site peut
|
||||
être copié, modifié, repris, à condition de me mentionner comme auteur ainsi qu'[Igor Milhit][9] comme auteur de la version originale, comme le prévoit la licence [{{< smallcaps "cc-by" >}}][10].
|
||||
|
||||
Si tu as des questions ou des remarques n‘hésite pas à me contacter [par le
|
||||
moyen qui te convient le plus][11].
|
||||
|
||||
[1]: https://gohugo.io
|
||||
[2]: https://fr.wikipedia.org/wiki/G%C3%A9n%C3%A9rateur_de_site_statique
|
||||
[3]: https://git.milhit.ch/igor/portfoligor "Sources du thème"
|
||||
[4]: https://www.nordtheme.com/
|
||||
[5]: https://unsplash.com/@benjaminsweet
|
||||
[6]: https://unsplash.com/@aleskrivec
|
||||
[7]: https://www.flaticon.com/fr/icone-gratuite/symbole-de-flux-rss_56992 "rss icônes"
|
||||
[8]: https://git.libracine.ch/alerac/alex.racine
|
||||
[9]: https://igor.milhit.ch/ "Site web d'Igor Milhit"
|
||||
[10]: http://creativecommons.org/licenses/by/4.0/
|
||||
[11]: /contacts
|
||||
|
|
@ -0,0 +1,45 @@
|
|||
---
|
||||
title: "À mon sujet"
|
||||
date: 2023-09-03T22:06:11+01:00
|
||||
publishdate: 2023-09-03
|
||||
draft: false
|
||||
description: "Quelques mots à mon sujet."
|
||||
layout: static
|
||||
slug: me
|
||||
---
|
||||
|
||||
# Décontracté…
|
||||
|
||||
Né pile à la croisée des chemins entre les années [80 et 90][85] et passionné de musique, j'ai assisté à la disparition annoncée de la cassette audio [^1], à l'arrivée du minidisc, des premières plateformes de streaming et d'Internet. Pour finalement jeter mon dévolu sur le [vinyle][discogs] que je n'ai découvert que bien trop tard. Au milieu de toutes ces évolutions technologiques, j'essaie de suivre le fil en maintenant mon petit serveur auto-hébergé et en m'essayant au [Djing][live] amateur, sans prétention.
|
||||
|
||||
# ...Mais sérieux
|
||||
|
||||
## Aujourd'hui
|
||||
|
||||
Depuis <span itemprop="startDate">août 2017</span>, je travaille comme
|
||||
<span itemprop="hasOccupation">bibliothécaire scientifique</span> à la
|
||||
<span itemprop="workFor">[bibliothèque universitaire de médecine][BiUM] de Lausanne</span>, sur le site du *Centre hospitalier universitaire vaudois (CHUV)*. J'aime mon métier, dans lequel je forme des usagères et usagers aux logiciels de référencement bibliographique, à la recherche d'information, développe et maintient des outils bibliothéconomiques et assure la coordination entre la bibliothèque et le [réseau vaudois][RNV] au niveau technique.
|
||||
|
||||
## Jusqu'ici
|
||||
|
||||
De métier, je suis <span itemprop="jobTitle">*Spécialiste {{< smallcaps "hes"
|
||||
>}} en [Sciences de l'information][MIS]*.</span> En y réfléchissant, j'aime beaucoup le terme d'*artisan* utilisé par un ami qui m'est cher [^2]. En très résumé, il s'agit de trouver, valoriser et rendre accessible l'information, sous toutes ses formes, et en se basant sur un certain nombre de [principes][CE] fondamentaux.
|
||||
|
||||
La transmission du savoir est un élément extrêmement important à mes yeux et c'est ce qui m'a amené à occuper un poste d'assistant d'enseignement de 2014 à 2017 dans la filière dans laquelle j'ai fait mes études. Notamment pour les cours d'[analyse][AD] et d'[indexation][ID] documentaire.
|
||||
|
||||
Durant cette période, des rencontres marquantes et un fort attrait pour l'informatique, notamment [libre][IL], m'ont poussé à m'intéresser plus en détails à la question de la gestion de l'information numérique. Cette démarche m'a amené à vouloir mieux comprendre les piliers sur lesquels reposent cet écosystème : les données, les métadonnées, les serveurs, la mise en réseau, la programmation, etc...
|
||||
|
||||
Ce site et les différents contenus que vous y trouverez sont le résultat de ces années de cheminement.
|
||||
|
||||
[85]: https://fr.wikipedia.org/wiki/1985 "Article Wikipedia sur l'année 1985"
|
||||
[discogs]: https://www.discogs.com/fr/user/alerac/collection "Ma collection de vinyles naissante"
|
||||
[live]: https://live.libracine.ch "Ma web radio personnelle"
|
||||
[BiUM]: https://bium.ch "BiUM : Bibliothèque universitaire de médecine"
|
||||
[RNV]: http://sp.renouvaud.ch "Catalogue du réseau vaudois des bibliothèques"
|
||||
[MIS]: https://www.hesge.ch/heg/formations/masters/sciences-information#apercu-de-la-formation "Master en Sciences de l’information"
|
||||
[CE]: https://www.bibliosuisse.ch/fr/membres/codedethique "Code d’éthique pour les bibliothécaires et les professionnelꞏleꞏs de l’information suisses"
|
||||
[AD]: https://www.adbs.fr/analyse-documentaire#analyse%20documentaire "Définition de l'analyse documentaire sur le site de l'adbs"
|
||||
[ID]: https://www.adbs.fr/analyse-documentaire#indexation "Définition de l'indexation documentaire sur le site de l'adbs"
|
||||
[IL]: https://fr.wikipedia.org/wiki/Logiciel_libre "Définition Wikipédia d'un logiciel libre"
|
||||
[^1]: *pour la voir [revenir](https://www.rts.ch/info/culture/13861224-objet-retro-par-excellence-la-cassette-audio-signe-son-retour.html) sur le devant de la scène ces dernières années*
|
||||
[^2]: Ami dont le gros travail qu'il a réalisé sur son [site web](https://igor.milhit.ch/%C3%A0-propos/) a servi de base pour la refonte de mon petit coin de web.
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
<!-- Author: Parsia Hakimian https://github.com/parsiya/Hugo-Shortcodes -->
|
||||
<!-- abbr HTML tag -->
|
||||
|
||||
<abbr title="{{ .Get "title" }}">{{ .Get "text" }}</abbr>
|
||||
|
|
@ -0,0 +1,80 @@
|
|||
|
||||
<!-- Author: Parsia Hakimian https://github.com/parsiya/Hugo-Shortcodes -->
|
||||
<!-- port of Octopress blockquote plugin http://octopress.org/docs/plugins/blockquote/ to Hugo
|
||||
see readme for usage -->
|
||||
<!-- Adapted by iGor milhit for his own purpose -->
|
||||
|
||||
<!-- reset scratch variables at the start -->
|
||||
{{ $.Scratch.Set "bl_lang" false }}
|
||||
{{ $.Scratch.Set "bl_author" false }}
|
||||
{{ $.Scratch.Set "bl_source" false }}
|
||||
{{ $.Scratch.Set "bl_link" false }}
|
||||
{{ $.Scratch.Set "bl_title" false }}
|
||||
|
||||
{{ if .IsNamedParams }}
|
||||
{{ $.Scratch.Set "bl_lang" (.Get "lang") }}
|
||||
{{ $.Scratch.Set "bl_author" (.Get "author") }}
|
||||
{{ $.Scratch.Set "bl_source" (.Get "source") }}
|
||||
{{ $.Scratch.Set "bl_link" (.Get "link") }}
|
||||
{{ $.Scratch.Set "bl_title" (.Get "title") }}
|
||||
{{ else }}
|
||||
<!-- for the positional version if any -->
|
||||
{{ end }}
|
||||
|
||||
<!-- if title is not set explicitly then we need to beautify the link
|
||||
if length of link is more than 32 chars, we will cut it off by 32 and
|
||||
then drop everything after the last / if any and put it in into title -->
|
||||
|
||||
{{ with $.Scratch.Get "bl_title" }}
|
||||
<!-- do nothing -->
|
||||
{{ else }}
|
||||
{{ with $.Scratch.Get "bl_link" }} <!-- if link is given -->
|
||||
{{ range last 1 (split ($.Scratch.Get "bl_link" ) "://") }} <!-- split by :// and then only take the items after it to remove protocol:// -->
|
||||
{{ $.Scratch.Set "title_without_protocol" . }}
|
||||
{{ end }}
|
||||
{{ range last 1 (split ($.Scratch.Get "title_without_protocol" ) "www.") }} <!-- also remove the www. at the start if any. we are using a second split because all URLS may not start with it -->
|
||||
{{ $.Scratch.Set "title_without_protocol" . }}
|
||||
{{ end }}
|
||||
{{ $.Scratch.Set "bl_title" ($.Scratch.Get "title_without_protocol") }}
|
||||
|
||||
<!-- if link is longer than 32 bytes we should trim it -->
|
||||
{{ if (gt (len ($.Scratch.Get "title_without_protocol") ) 32) }}
|
||||
{{ $title := (slicestr ($.Scratch.Get "title_without_protocol") 0 32) }} <!-- get the first 32 characters of title_without_protocol -->
|
||||
{{ $split_by_fw_slash := split $title "/" }} <!-- now split on / because we want to stop after the last forward slash -->
|
||||
{{ $count := (sub (len $split_by_fw_slash) 1) }} <!-- we want everything but the last part so we adjust the count accordingly -->
|
||||
|
||||
{{ $.Scratch.Set "tempstring" "" }} <!-- temp variable to hold the concatinated string -->
|
||||
{{ range first $count $split_by_fw_slash }} <!-- loop through all parts except last and concat them (add / between halves) -->
|
||||
{{ $.Scratch.Set "tempstring" ( . | printf "%s%s/" ($.Scratch.Get "tempstring") | printf "%s" ) }}
|
||||
{{ end }}
|
||||
{{ $.Scratch.Set "bl_title" ( printf "%s..." ($.Scratch.Get "tempstring") | printf "%s" ) }}
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
<figure class="citation">
|
||||
<blockquote
|
||||
{{- with $.Scratch.Get "bl_lang" }} lang="{{ . }}"{{ end -}}
|
||||
{{- with $.Scratch.Get "bl_link" }} cite="{{ . }}"{{ end -}}>
|
||||
{{ .Inner | markdownify | safeHTML -}}
|
||||
{{ with $.Scratch.Get "bl_author" -}}
|
||||
<figcaption>
|
||||
{{ with $.Scratch.Get "bl_author" -}}{{ . }}{{ end }}
|
||||
{{ with $.Scratch.Get "bl_source" }}
|
||||
— <cite>{{ . }}</cite>
|
||||
{{ else }}
|
||||
{{ with $.Scratch.Get "bl_link" }}
|
||||
— <cite>
|
||||
<a href="{{ . }}" title="{{ . }}" rel="noopener noreferrer">{{ $.Scratch.Get "bl_title" }}</a> <!-- can't have new lines here -->
|
||||
</cite>
|
||||
{{ else }}
|
||||
{{ with $.Scratch.Get "bl_title" }}
|
||||
— <cite>
|
||||
{{ $.Scratch.Get "bl_title" }}</a>
|
||||
</cite>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</figcaption>
|
||||
{{- end -}}
|
||||
</blockquote>
|
||||
</figure>
|
||||
|
|
@ -0,0 +1,91 @@
|
|||
-----BEGIN PGP PUBLIC KEY BLOCK-----
|
||||
|
||||
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
|
||||
=bHZE
|
||||
-----END PGP PUBLIC KEY BLOCK-----
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 5.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 46 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 54 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 42 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 277 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.6 KiB |
|
|
@ -0,0 +1 @@
|
|||
{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 124 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 34 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 146 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 70 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 129 KiB |
|
|
@ -0,0 +1,20 @@
|
|||
The MIT License (MIT)
|
||||
|
||||
Copyright (c) 2019 Igor Milhit
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy of
|
||||
this software and associated documentation files (the "Software"), to deal in
|
||||
the Software without restriction, including without limitation the rights to
|
||||
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
|
||||
the Software, and to permit persons to whom the Software is furnished to do so,
|
||||
subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
|
||||
FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
|
||||
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
|
||||
IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
|
||||
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||||
|
|
@ -0,0 +1,148 @@
|
|||
# [portfoliGor][1]
|
||||
|
||||
Yet another HUGO portfolio theme, that I'm writing to my own purpose on
|
||||
<https://igor.milhit.ch>, published with the regular [MIT license][6].
|
||||
|
||||
It displays on the front page a personal and professional description, and ways
|
||||
to contact the person. It has a blog section too.
|
||||
|
||||
The HTML `<head>` has a metadata section to expose metadata that are useful for
|
||||
reference manager as Zotero (in Dublin Core) or to social media (see
|
||||
[below][5]).
|
||||
|
||||
As the release version can tell, this theme is still in development and misses
|
||||
lot of things [see the opened [issues][2]].
|
||||
|
||||
You can install it as the [HUGO documentation][4] recommends.
|
||||
|
||||
![Screenshot][7]
|
||||
|
||||
## Configuration
|
||||
|
||||
### Personal and professional description
|
||||
|
||||
The front page displays, if it exists, the content of the main index markdown
|
||||
file that could be placed at the root of the content directory [[HUGO's
|
||||
documentation][3]].
|
||||
|
||||
There's also three sections that can be displayed:
|
||||
|
||||
- The online presence.
|
||||
- The personal contacts.
|
||||
- The professional contacts.
|
||||
|
||||
It depends on the data provided by the site configuration, in the `params`
|
||||
section. Below a comprehensive example:
|
||||
|
||||
```toml
|
||||
[params]
|
||||
|
||||
# Professional contact data
|
||||
[params.contactsPro]
|
||||
address = ""
|
||||
phone = "[as-used-by-a-phone]"
|
||||
mobile = "[as-used-by-a-phone]"
|
||||
email = ""
|
||||
cv = "[file-added-in-static-directory]"
|
||||
publickey = "[file-added-in-static-directory]"
|
||||
fingerprint = ""
|
||||
|
||||
# Personal contact data
|
||||
[params.contactsPriv]
|
||||
address = ""
|
||||
phone = "[as-used-by-a-phone]"
|
||||
mobile = "[as-used-by-a-phone]"
|
||||
email = ""
|
||||
publickey = "[file-added-in-static-directory]"
|
||||
fingerprint = ""
|
||||
xmpp = "[handle]"
|
||||
|
||||
# Web accounts
|
||||
[params.online]
|
||||
github = "[username]"
|
||||
framagit = "[username]"
|
||||
mastodon = "[URL]"
|
||||
twitter = "[username]"
|
||||
keybase = "[username]"
|
||||
wikipedia = "[french-site-username]"
|
||||
openstreetmap = "[username]"
|
||||
discogs = "[username]"
|
||||
```
|
||||
|
||||
### Layout configuration
|
||||
|
||||
- Add `layout: verse` to the front header of a specific content to improve
|
||||
format for text in verse. Verse should be separated by a line break, strophes
|
||||
are paragraphs.
|
||||
- Add `layout: static` to the front header of a static page, thus preventing to
|
||||
display the post metadata such as the publication date.
|
||||
|
||||
### Date management
|
||||
|
||||
You should set `enableGitInfo` to `True`, as it is used by the post metadata
|
||||
display for the last modification date, and in the footer to provide a link to
|
||||
the last commit modifying the content (still hard coded though, #14).
|
||||
|
||||
The publication date uses the `date` field of the front matter, that should be
|
||||
automatically set by the `hugo new` command. If the content is published later,
|
||||
you can add the `publishdate` field manually, and it will override the `date`
|
||||
data.
|
||||
|
||||
All further modification dates should be provided by the `git` metadata. But
|
||||
you can also set manually the `lastmod` date in the front matter.
|
||||
|
||||
To make it work, in the site configuration file, you should configure the date
|
||||
management as below:
|
||||
|
||||
```toml
|
||||
[frontmatter]
|
||||
date = ["date", "publishDate"]
|
||||
lastmod = [":git", "lastmod"]
|
||||
```
|
||||
|
||||
### Social media metadata
|
||||
|
||||
An image for the website can be defined in the site configuration. Place an
|
||||
image optimized for the web, in the 1200 × 600 pixels resolution, in the
|
||||
`static/images/` directory. Then provide in the site configuration it's file
|
||||
name and image description (max 80 chars, with a trailing dot):
|
||||
|
||||
```toml
|
||||
[params]
|
||||
|
||||
Description = "[Small website description]"
|
||||
Image = "mySite.jpg"
|
||||
ImageDescription = "[Alternate text]"
|
||||
```
|
||||
|
||||
For each content (blog post), a social media image can be defined in the front
|
||||
matter. The image have to be placed in the same directory (`static/images/`),
|
||||
same resolution. The frontmatter is as follow:
|
||||
|
||||
```toml
|
||||
description: "[post-description]"
|
||||
postimage: "[file-name.extension]"
|
||||
postimagedescription: "[Alternate text]"
|
||||
```
|
||||
|
||||
## Changelog
|
||||
|
||||
The Changelog is described in [`CHANGELOG.md`][8]. It's generated by
|
||||
[`auto-changelog`][9]. The configuration is in [`.auto-changelog`][10].
|
||||
|
||||
To generate it, use the following command:
|
||||
|
||||
```bash
|
||||
yarn auto-changelog
|
||||
```
|
||||
|
||||
[1]: https://git.milhit.ch/igor/portfoligor
|
||||
[2]: https://git.milhit.ch/igor/portfoligor/issues
|
||||
[3]: https://gohugo.io/templates/homepage/#add-content-and-front-matter-to-the-homepage
|
||||
[4]: https://gohugo.io/getting-started/quick-start/#step-3-add-a-theme
|
||||
[5]: #social-media-metadata
|
||||
[6]: https://git.milhit.ch/igor/portfoligor/src/branch/dev/LICENSE
|
||||
[7]: screenshots/theme-example.png "Screenshot of my own site using this theme"
|
||||
[8]: ./CHANGELOG.md
|
||||
[9]: https://github.com/CookPete/auto-changelog
|
||||
[10]: ./.auto-changelog
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
+++
|
||||
+++
|
||||
|
|
@ -0,0 +1,574 @@
|
|||
/*!
|
||||
* Gutenberg
|
||||
*
|
||||
* MIT Fabien Sa
|
||||
* https://github.com/BafS/Gutenberg
|
||||
*/
|
||||
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
|
||||
/* Document
|
||||
========================================================================== */
|
||||
/**
|
||||
* 1. Correct the line height in all browsers.
|
||||
* 2. Prevent adjustments of font size after orientation changes in iOS.
|
||||
*/
|
||||
html {
|
||||
line-height: 1.15;
|
||||
/* 1 */
|
||||
-webkit-text-size-adjust: 100%;
|
||||
/* 2 */ }
|
||||
|
||||
/* Sections
|
||||
========================================================================== */
|
||||
/**
|
||||
* Remove the margin in all browsers.
|
||||
*/
|
||||
body {
|
||||
margin: 0; }
|
||||
|
||||
/**
|
||||
* Render the `main` element consistently in IE.
|
||||
*/
|
||||
main {
|
||||
display: block; }
|
||||
|
||||
/**
|
||||
* Correct the font size and margin on `h1` elements within `section` and
|
||||
* `article` contexts in Chrome, Firefox, and Safari.
|
||||
*/
|
||||
h1 {
|
||||
font-size: 2em;
|
||||
margin: 0.67em 0; }
|
||||
|
||||
/* Grouping content
|
||||
========================================================================== */
|
||||
/**
|
||||
* 1. Add the correct box sizing in Firefox.
|
||||
* 2. Show the overflow in Edge and IE.
|
||||
*/
|
||||
hr {
|
||||
box-sizing: content-box;
|
||||
/* 1 */
|
||||
height: 0;
|
||||
/* 1 */
|
||||
overflow: visible;
|
||||
/* 2 */ }
|
||||
|
||||
/**
|
||||
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||
* 2. Correct the odd `em` font sizing in all browsers.
|
||||
*/
|
||||
pre {
|
||||
font-family: monospace, monospace;
|
||||
/* 1 */
|
||||
font-size: 1em;
|
||||
/* 2 */ }
|
||||
|
||||
/* Text-level semantics
|
||||
========================================================================== */
|
||||
/**
|
||||
* Remove the gray background on active links in IE 10.
|
||||
*/
|
||||
a {
|
||||
background-color: transparent; }
|
||||
|
||||
/**
|
||||
* 1. Remove the bottom border in Chrome 57-
|
||||
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
||||
*/
|
||||
abbr[title] {
|
||||
border-bottom: none;
|
||||
/* 1 */
|
||||
text-decoration: underline;
|
||||
/* 2 */
|
||||
text-decoration: underline dotted;
|
||||
/* 2 */ }
|
||||
|
||||
/**
|
||||
* Add the correct font weight in Chrome, Edge, and Safari.
|
||||
*/
|
||||
b,
|
||||
strong {
|
||||
font-weight: bolder; }
|
||||
|
||||
/**
|
||||
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||
* 2. Correct the odd `em` font sizing in all browsers.
|
||||
*/
|
||||
code,
|
||||
kbd,
|
||||
samp {
|
||||
font-family: monospace, monospace;
|
||||
/* 1 */
|
||||
font-size: 1em;
|
||||
/* 2 */ }
|
||||
|
||||
/**
|
||||
* Add the correct font size in all browsers.
|
||||
*/
|
||||
small {
|
||||
font-size: 80%; }
|
||||
|
||||
/**
|
||||
* Prevent `sub` and `sup` elements from affecting the line height in
|
||||
* all browsers.
|
||||
*/
|
||||
sub,
|
||||
sup {
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline; }
|
||||
|
||||
sub {
|
||||
bottom: -0.25em; }
|
||||
|
||||
sup {
|
||||
top: -0.5em; }
|
||||
|
||||
/* Embedded content
|
||||
========================================================================== */
|
||||
/**
|
||||
* Remove the border on images inside links in IE 10.
|
||||
*/
|
||||
img {
|
||||
border-style: none; }
|
||||
|
||||
/* Forms
|
||||
========================================================================== */
|
||||
/**
|
||||
* 1. Change the font styles in all browsers.
|
||||
* 2. Remove the margin in Firefox and Safari.
|
||||
*/
|
||||
button,
|
||||
input,
|
||||
optgroup,
|
||||
select,
|
||||
textarea {
|
||||
font-family: inherit;
|
||||
/* 1 */
|
||||
font-size: 100%;
|
||||
/* 1 */
|
||||
line-height: 1.15;
|
||||
/* 1 */
|
||||
margin: 0;
|
||||
/* 2 */ }
|
||||
|
||||
/**
|
||||
* Show the overflow in IE.
|
||||
* 1. Show the overflow in Edge.
|
||||
*/
|
||||
button,
|
||||
input {
|
||||
/* 1 */
|
||||
overflow: visible; }
|
||||
|
||||
/**
|
||||
* Remove the inheritance of text transform in Edge, Firefox, and IE.
|
||||
* 1. Remove the inheritance of text transform in Firefox.
|
||||
*/
|
||||
button,
|
||||
select {
|
||||
/* 1 */
|
||||
text-transform: none; }
|
||||
|
||||
/**
|
||||
* Correct the inability to style clickable types in iOS and Safari.
|
||||
*/
|
||||
button,
|
||||
[type="button"],
|
||||
[type="reset"],
|
||||
[type="submit"] {
|
||||
-webkit-appearance: button; }
|
||||
|
||||
/**
|
||||
* Remove the inner border and padding in Firefox.
|
||||
*/
|
||||
button::-moz-focus-inner,
|
||||
[type="button"]::-moz-focus-inner,
|
||||
[type="reset"]::-moz-focus-inner,
|
||||
[type="submit"]::-moz-focus-inner {
|
||||
border-style: none;
|
||||
padding: 0; }
|
||||
|
||||
/**
|
||||
* Restore the focus styles unset by the previous rule.
|
||||
*/
|
||||
button:-moz-focusring,
|
||||
[type="button"]:-moz-focusring,
|
||||
[type="reset"]:-moz-focusring,
|
||||
[type="submit"]:-moz-focusring {
|
||||
outline: 1px dotted ButtonText; }
|
||||
|
||||
/**
|
||||
* Correct the padding in Firefox.
|
||||
*/
|
||||
fieldset {
|
||||
padding: 0.35em 0.75em 0.625em; }
|
||||
|
||||
/**
|
||||
* 1. Correct the text wrapping in Edge and IE.
|
||||
* 2. Correct the color inheritance from `fieldset` elements in IE.
|
||||
* 3. Remove the padding so developers are not caught out when they zero out
|
||||
* `fieldset` elements in all browsers.
|
||||
*/
|
||||
legend {
|
||||
box-sizing: border-box;
|
||||
/* 1 */
|
||||
color: inherit;
|
||||
/* 2 */
|
||||
display: table;
|
||||
/* 1 */
|
||||
max-width: 100%;
|
||||
/* 1 */
|
||||
padding: 0;
|
||||
/* 3 */
|
||||
white-space: normal;
|
||||
/* 1 */ }
|
||||
|
||||
/**
|
||||
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
||||
*/
|
||||
progress {
|
||||
vertical-align: baseline; }
|
||||
|
||||
/**
|
||||
* Remove the default vertical scrollbar in IE 10+.
|
||||
*/
|
||||
textarea {
|
||||
overflow: auto; }
|
||||
|
||||
/**
|
||||
* 1. Add the correct box sizing in IE 10.
|
||||
* 2. Remove the padding in IE 10.
|
||||
*/
|
||||
[type="checkbox"],
|
||||
[type="radio"] {
|
||||
box-sizing: border-box;
|
||||
/* 1 */
|
||||
padding: 0;
|
||||
/* 2 */ }
|
||||
|
||||
/**
|
||||
* Correct the cursor style of increment and decrement buttons in Chrome.
|
||||
*/
|
||||
[type="number"]::-webkit-inner-spin-button,
|
||||
[type="number"]::-webkit-outer-spin-button {
|
||||
height: auto; }
|
||||
|
||||
/**
|
||||
* 1. Correct the odd appearance in Chrome and Safari.
|
||||
* 2. Correct the outline style in Safari.
|
||||
*/
|
||||
[type="search"] {
|
||||
-webkit-appearance: textfield;
|
||||
/* 1 */
|
||||
outline-offset: -2px;
|
||||
/* 2 */ }
|
||||
|
||||
/**
|
||||
* Remove the inner padding in Chrome and Safari on macOS.
|
||||
*/
|
||||
[type="search"]::-webkit-search-decoration {
|
||||
-webkit-appearance: none; }
|
||||
|
||||
/**
|
||||
* 1. Correct the inability to style clickable types in iOS and Safari.
|
||||
* 2. Change font properties to `inherit` in Safari.
|
||||
*/
|
||||
::-webkit-file-upload-button {
|
||||
-webkit-appearance: button;
|
||||
/* 1 */
|
||||
font: inherit;
|
||||
/* 2 */ }
|
||||
|
||||
/* Interactive
|
||||
========================================================================== */
|
||||
/*
|
||||
* Add the correct display in Edge, IE 10+, and Firefox.
|
||||
*/
|
||||
details {
|
||||
display: block; }
|
||||
|
||||
/*
|
||||
* Add the correct display in all browsers.
|
||||
*/
|
||||
summary {
|
||||
display: list-item; }
|
||||
|
||||
/* Misc
|
||||
========================================================================== */
|
||||
/**
|
||||
* Add the correct display in IE 10+.
|
||||
*/
|
||||
template {
|
||||
display: none; }
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 10.
|
||||
*/
|
||||
[hidden] {
|
||||
display: none; }
|
||||
|
||||
* {
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box; }
|
||||
|
||||
*,
|
||||
*:before,
|
||||
*:after,
|
||||
p:first-letter,
|
||||
div:first-letter,
|
||||
blockquote:first-letter,
|
||||
li:first-letter,
|
||||
p:first-line,
|
||||
div:first-line,
|
||||
blockquote:first-line,
|
||||
li:first-line {
|
||||
background: transparent !important;
|
||||
box-shadow: none !important;
|
||||
text-shadow: none !important; }
|
||||
|
||||
html {
|
||||
font-size: 16px;
|
||||
margin: 0;
|
||||
padding: 0; }
|
||||
|
||||
body {
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
background: #fff !important;
|
||||
color: #000 !important;
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-size: 1rem;
|
||||
line-height: 1.5;
|
||||
margin: 0 auto;
|
||||
text-rendering: optimizeLegibility; }
|
||||
|
||||
p,
|
||||
blockquote,
|
||||
table,
|
||||
ul,
|
||||
ol,
|
||||
dl {
|
||||
margin-bottom: 1.5rem;
|
||||
margin-top: 0; }
|
||||
|
||||
p:last-child,
|
||||
ul:last-child,
|
||||
ol:last-child {
|
||||
margin-bottom: 0; }
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
color: #000;
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
line-height: 1.2;
|
||||
margin-bottom: 0.75rem;
|
||||
margin-top: 0; }
|
||||
|
||||
h1 {
|
||||
font-size: 2.5rem; }
|
||||
|
||||
h2 {
|
||||
font-size: 2rem; }
|
||||
|
||||
h3 {
|
||||
font-size: 1.75rem; }
|
||||
|
||||
h4 {
|
||||
font-size: 1.5rem; }
|
||||
|
||||
h5 {
|
||||
font-size: 1.25rem; }
|
||||
|
||||
h6 {
|
||||
font-size: 1rem; }
|
||||
|
||||
a, a:visited {
|
||||
color: #000;
|
||||
text-decoration: underline;
|
||||
word-wrap: break-word; }
|
||||
|
||||
table {
|
||||
border-collapse: collapse; }
|
||||
|
||||
thead {
|
||||
display: table-header-group; }
|
||||
|
||||
table,
|
||||
th,
|
||||
td {
|
||||
border-bottom: 1px solid #000; }
|
||||
|
||||
td,
|
||||
th {
|
||||
padding: 8px 16px;
|
||||
page-break-inside: avoid; }
|
||||
|
||||
code,
|
||||
pre,
|
||||
kbd {
|
||||
border: 1px solid #bbb;
|
||||
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
font-size: 85%; }
|
||||
|
||||
code,
|
||||
kbd {
|
||||
padding: 3px; }
|
||||
|
||||
pre {
|
||||
margin-bottom: 1.5rem;
|
||||
padding: 10px 12px; }
|
||||
pre code,
|
||||
pre kbd {
|
||||
border: 0; }
|
||||
|
||||
::-webkit-input-placeholder {
|
||||
color: transparent; }
|
||||
|
||||
:-moz-placeholder {
|
||||
color: transparent; }
|
||||
|
||||
::-moz-placeholder {
|
||||
color: transparent; }
|
||||
|
||||
:-ms-input-placeholder {
|
||||
color: transparent; }
|
||||
|
||||
blockquote {
|
||||
border: 0;
|
||||
border-left: 5px solid #bbb;
|
||||
margin-left: 1px;
|
||||
padding: 12px 1.5rem; }
|
||||
[dir='rtl'] blockquote {
|
||||
border-left: 0;
|
||||
border-right: 5px solid #bbb;
|
||||
margin-left: 0;
|
||||
margin-right: 1px; }
|
||||
blockquote:first-child {
|
||||
margin-top: 0; }
|
||||
blockquote p:last-child,
|
||||
blockquote ul:last-child,
|
||||
blockquote ol:last-child {
|
||||
margin-bottom: 0; }
|
||||
blockquote footer {
|
||||
display: block;
|
||||
font-size: 80%; }
|
||||
|
||||
img {
|
||||
border: 0;
|
||||
display: block;
|
||||
max-width: 100% !important;
|
||||
vertical-align: middle; }
|
||||
|
||||
hr {
|
||||
border: 0;
|
||||
border-bottom: 2px solid #bbb;
|
||||
height: 0;
|
||||
margin: 2.25rem 0;
|
||||
padding: 0; }
|
||||
|
||||
dt {
|
||||
font-weight: bold; }
|
||||
|
||||
dd {
|
||||
margin: 0;
|
||||
margin-bottom: 0.75rem; }
|
||||
|
||||
abbr[title],
|
||||
acronym[title] {
|
||||
border: 0;
|
||||
text-decoration: none; }
|
||||
|
||||
table,
|
||||
blockquote,
|
||||
pre,
|
||||
code,
|
||||
figure,
|
||||
li,
|
||||
hr,
|
||||
ul,
|
||||
ol,
|
||||
a,
|
||||
tr {
|
||||
page-break-inside: avoid; }
|
||||
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
p,
|
||||
a {
|
||||
orphans: 3;
|
||||
widows: 3; }
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
page-break-after: avoid;
|
||||
page-break-inside: avoid; }
|
||||
|
||||
h1 + p,
|
||||
h2 + p,
|
||||
h3 + p {
|
||||
page-break-before: avoid; }
|
||||
|
||||
img {
|
||||
page-break-after: auto;
|
||||
page-break-before: auto;
|
||||
page-break-inside: avoid; }
|
||||
|
||||
pre {
|
||||
white-space: pre-wrap !important;
|
||||
word-wrap: break-word; }
|
||||
|
||||
body {
|
||||
padding-bottom: 2.54cm;
|
||||
padding-left: 1.8cm;
|
||||
padding-right: 1.8cm;
|
||||
padding-top: 2.54cm; }
|
||||
|
||||
a[href^='http']:after, a[href^='ftp']:after {
|
||||
content: " (" attr(href) ")";
|
||||
font-size: 80%; }
|
||||
|
||||
a[href$='.jpg']:after, a[href$='.jpeg']:after, a[href$='.gif']:after, a[href$='.png']:after {
|
||||
display: none; }
|
||||
|
||||
abbr[title]:after,
|
||||
acronym[title]:after {
|
||||
content: " (" attr(title) ")"; }
|
||||
|
||||
.page-break,
|
||||
.break-before,
|
||||
.page-break-before {
|
||||
page-break-before: always; }
|
||||
|
||||
.break-after,
|
||||
.page-break-after {
|
||||
page-break-after: always; }
|
||||
|
||||
.avoid-break-inside {
|
||||
page-break-inside: avoid; }
|
||||
|
||||
.no-print {
|
||||
display: none; }
|
||||
|
||||
a.no-reformat:after {
|
||||
content: ''; }
|
||||
|
||||
abbr[title].no-reformat:after,
|
||||
acronym[title].no-reformat:after {
|
||||
content: ''; }
|
||||
|
||||
.no-reformat abbr:after,
|
||||
.no-reformat acronym:after,
|
||||
.no-reformat a:after {
|
||||
content: ''; }
|
||||
|
|
@ -0,0 +1 @@
|
|||
html,body{font-size:1.25rem}code,figure p,.footnotes,.footnote-ref,.main-footer,nav,.post-info,.posts-list footer{font-size:1rem}#content{line-height:1.4}.main-footer ul{display:flex;align-items:center;justify-content:flex-end;border-top:solid .1em #e1e1e1;padding-top:1em;margin-bottom:1em}.main-footer li{list-style:none;margin-right:.5em}.smallcaps{font-variant:small-caps}.main-header section{display:flex;flex-direction:column;border-bottom:solid .1em #e1e1e1;padding-bottom:1em}.main-header header{flex-grow:1}.title{display:flex;align-items:center}.avatar{border-radius:50%;width:5rem;margin-right:1rem}nav{margin-right:.5em;align-self:flex-end}.container{max-width:35rem;margin:0 auto}body{display:flex;flex-direction:column;height:100vh}main{flex-grow:1}.posts-list{display:flex;flex-direction:column;margin-bottom:.5em}dl{display:inline-flex;flex-flow:row;flex-wrap:wrap;width:100%;overflow:visible}dt{flex:0 0 39%;word-wrap:anywhere}dt::after{content:" :"}dd{flex:0 0 59%;margin-left:auto;text-align:left}.contents{padding:0}.contents li{list-style:none}.audio audio,.stream audio{width:100%;border-radius:.5rem}.audio figcaption p,.stream figcaption p{text-align:left;font-size:1rem;padding-left:.5rem}.audio>p,.stream>p{font-size:1rem;font-variant:small-caps}figure{background-color:#d3d3d3;padding:.4rem;border-radius:5px;margin-right:.4rem;margin-left:.4rem}figure img{width:100%}figure p{text-align:center;margin:.2rem 0}.post-header{margin:1em 0 1em 0}.post-header h1{margin:0}.post-info{display:flex;flex-wrap:wrap;padding:0;margin-top:0}.post-info>li{padding-right:.5rem}.post-info li{list-style:none;display:flex}.post-info li>ul{display:flex;padding:0;white-space:pre}.post-info li>ul:before{content:" ";white-space:pre}.post-taxonomies+.post-taxonomies:before{content:", "}code,pre{background-color:#d3d3d3;border-radius:5px;padding:.2rem}pre{overflow:auto;max-width:95vw}.terms{display:flex;flex-wrap:wrap}.term{margin-right:1rem}/*# sourceMappingURL=style.css.map */
|
||||
|
|
@ -0,0 +1,38 @@
|
|||
function pushedDown () {
|
||||
const main = document.getElementsByTagName("main");
|
||||
const imgTitle = document.getElementsByClassName("title")[0].firstChild.nextElementSibling;
|
||||
const mainHeader = document.getElementsByClassName("main-header");
|
||||
console.log(main);
|
||||
console.log(imgTitle);
|
||||
if ( window.location.pathname != '/' ){
|
||||
main[0].classList.toggle("pushed-down");
|
||||
main[0].classList.toggle("container");
|
||||
}
|
||||
imgTitle.classList.toggle("hidden");
|
||||
mainHeader[0].classList.toggle("main-header-full");
|
||||
}
|
||||
|
||||
function checkResize () {
|
||||
if (screen.width > 600) {
|
||||
const checked = document.getElementsByTagName('input')[0].checked;
|
||||
const main = document.getElementsByTagName("main");
|
||||
const imgTitle = document.getElementsByClassName("title")[0].firstChild.nextElementSibling;
|
||||
|
||||
if (checked == true) {
|
||||
document.getElementsByTagName('input')[0].checked = false;
|
||||
document.getElementsByClassName("main-header")[0].classList.toggle("main-header-full");
|
||||
if ( window.location.pathname != '/' ){
|
||||
main[0].classList.toggle("pushed-down");
|
||||
main[0].classList.toggle("container");
|
||||
}
|
||||
imgTitle.classList.toggle("hidden");
|
||||
console.log('test');
|
||||
}
|
||||
}
|
||||
|
||||
else {
|
||||
console.log('do nothing')
|
||||
}
|
||||
}
|
||||
|
||||
window.addEventListener("resize", checkResize);
|
||||
|
|
@ -0,0 +1,50 @@
|
|||
////////////////////
|
||||
// //
|
||||
// SETTING COLORS //
|
||||
// //
|
||||
////////////////////
|
||||
|
||||
html,
|
||||
body {
|
||||
background-color: $the-darkiest-polar;
|
||||
color: $snow-storm-light-grey;
|
||||
}
|
||||
|
||||
a {
|
||||
color: $light-avatar-blue;
|
||||
}
|
||||
|
||||
a:visited {
|
||||
color: $frost-grey-blue;
|
||||
}
|
||||
|
||||
a:active,
|
||||
a:focus,
|
||||
.main-header a:active,
|
||||
.main-header a:focus {
|
||||
color: $frost-lighter-green;
|
||||
}
|
||||
|
||||
a:hover,
|
||||
.main-header a:hover,
|
||||
.main-footer a:hover {
|
||||
color: $aurora-purple;
|
||||
}
|
||||
|
||||
.main-header,
|
||||
.main-header a,
|
||||
.main-footer,
|
||||
.main-footer a,
|
||||
nav {
|
||||
color: $snow-storm-lightest-grey;
|
||||
}
|
||||
|
||||
code,
|
||||
pre {
|
||||
background-color: $darker-polar;
|
||||
}
|
||||
|
||||
mark {
|
||||
background-color: $aurora-yellow;
|
||||
color: $the-darkiest-polar;
|
||||
}
|
||||
|
|
@ -0,0 +1,62 @@
|
|||
///////////////////
|
||||
// //
|
||||
// FONTS //
|
||||
// //
|
||||
///////////////////
|
||||
|
||||
html,
|
||||
body {
|
||||
|
||||
@include breakpoint(desktop) {
|
||||
font-size: $font-size-base;
|
||||
}
|
||||
|
||||
@include breakpoint(laptop) {
|
||||
font-size: $font-size-base;
|
||||
}
|
||||
|
||||
@include breakpoint(tablet) {
|
||||
font-size: $font-size-medium;
|
||||
}
|
||||
|
||||
@include breakpoint(mobile) {
|
||||
font-size: $font-size-medium;
|
||||
}
|
||||
|
||||
@include breakpoint(small-mobile) {
|
||||
font-size: $font-size-normal;
|
||||
}
|
||||
|
||||
line-height: $line-height-base;
|
||||
font-family: $font-family;
|
||||
}
|
||||
|
||||
code,
|
||||
figure figcaption,
|
||||
.footnotes,
|
||||
.footnote-ref,
|
||||
.list-footer,
|
||||
.main-footer,
|
||||
nav,
|
||||
.post-info,
|
||||
.posts-list footer {
|
||||
font-size: $font-size-small;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.smallcaps {
|
||||
font-variant: small-caps;
|
||||
}
|
||||
|
||||
.home-lists {
|
||||
dt {
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
#licence {
|
||||
font-variant: small-caps;
|
||||
}
|
||||
|
|
@ -0,0 +1,54 @@
|
|||
///////////////////
|
||||
// //
|
||||
// FOOTER //
|
||||
// //
|
||||
///////////////////
|
||||
|
||||
.main-footer {
|
||||
margin-top: 1.25rem;
|
||||
padding-bottom: 1.25rem;
|
||||
|
||||
ul {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 0 auto 0 auto;
|
||||
padding: 0;
|
||||
|
||||
@include breakpoint(desktop) {
|
||||
max-width: 46rem;
|
||||
}
|
||||
|
||||
@include breakpoint(laptop) {
|
||||
max-width: 95%;
|
||||
margin: 0 1rem 0 1rem;
|
||||
}
|
||||
|
||||
@include breakpoint(tablet) {
|
||||
max-width: 95%;
|
||||
margin: 0 1rem 0 1rem;
|
||||
}
|
||||
|
||||
@include breakpoint(mobile) {
|
||||
max-width: 90%;
|
||||
margin: 0 1rem 0 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
@include inline-list;
|
||||
|
||||
}
|
||||
|
||||
.home-footer ul {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
max-width: 50%;
|
||||
margin: 0 auto 0 auto;
|
||||
opacity: 0.7;
|
||||
|
||||
a {
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,23 @@
|
|||
////////////////////
|
||||
// //
|
||||
// Grid //
|
||||
// //
|
||||
////////////////////
|
||||
|
||||
@mixin breakpoint($point) {
|
||||
@if $point == desktop {
|
||||
@media (min-width: 1000px) { @content ; }
|
||||
} @else if $point == laptop {
|
||||
@media (min-width: 801px) and (max-width: 1000px) { @content ; }
|
||||
} @else if $point == tablet {
|
||||
@media (min-width: 601px) and (max-width: 800px) { @content ; }
|
||||
} @else if $point == mobile {
|
||||
@media (min-width: 200px) and (max-width: 600px) { @content ; }
|
||||
} @else if $point == small-mobile {
|
||||
@media (min-width: 200px) and (max-width: 400px) { @content ; }
|
||||
}
|
||||
@if $point == small-height-desktop {
|
||||
@media (max-height: 400px) { @content ; }
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -0,0 +1,101 @@
|
|||
///////////////////
|
||||
// //
|
||||
// HEADER //
|
||||
// //
|
||||
///////////////////
|
||||
|
||||
.main-header-full {
|
||||
position: fixed;
|
||||
z-index: 10000;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
background: $dark-polar;
|
||||
height: 3em;
|
||||
line-height: 3em;
|
||||
box-shadow: 0 0 0.15em 0 rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.main-header {
|
||||
.avatar {
|
||||
height: 2rem;
|
||||
margin: auto 0.5rem auto auto;
|
||||
border-radius: 35%;
|
||||
|
||||
@include breakpoint(tablet) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@include breakpoint(mobile) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.avatar.hidden {
|
||||
display:none;
|
||||
}
|
||||
|
||||
@include header-title-mobile
|
||||
|
||||
@include breakpoint(laptop) {
|
||||
@include header-title-full
|
||||
}
|
||||
|
||||
@include breakpoint(desktop) {
|
||||
@include header-title-full
|
||||
}
|
||||
|
||||
article {
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.title {
|
||||
}
|
||||
|
||||
nav.full {
|
||||
|
||||
@include breakpoint(mobile) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@include breakpoint(tablet) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
ul {
|
||||
display: flex;
|
||||
margin: 0 auto 0 auto;
|
||||
padding: 0 0 0 3rem;
|
||||
justify-content: flex-end;
|
||||
|
||||
li {
|
||||
margin-right: .5rem;
|
||||
@include breakpoint(desktop) {
|
||||
margin-right: 1.5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include inline-list;
|
||||
|
||||
.rss-icon {
|
||||
max-width: 18%;
|
||||
}
|
||||
}
|
||||
|
||||
nav.mobile {
|
||||
@include breakpoint(desktop) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@include breakpoint(laptop) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@include breakpoint(tablet) {
|
||||
@include mobile-nav;
|
||||
}
|
||||
@include breakpoint(mobile) {
|
||||
@include mobile-nav;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,88 @@
|
|||
//////////////////
|
||||
// //
|
||||
// LAYOUT //
|
||||
// //
|
||||
//////////////////
|
||||
|
||||
body {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100vh;
|
||||
margin: 0 auto 0 auto;
|
||||
}
|
||||
|
||||
.body-fixed {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
main.container {
|
||||
flex-grow: 1;
|
||||
max-width: $content-max-width;
|
||||
margin: 5rem auto 0 auto;
|
||||
|
||||
h2 {
|
||||
text-align: center;
|
||||
}
|
||||
.post-info {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
main.home {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.content {
|
||||
text-align: justify;
|
||||
|
||||
@include breakpoint(laptop) {
|
||||
margin: 0 1rem 0 1rem;
|
||||
}
|
||||
@include breakpoint(tablet) {
|
||||
margin: 0 1rem 0 1rem;
|
||||
}
|
||||
@include breakpoint(mobile) {
|
||||
margin: 0 1rem 0 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
.home-info {
|
||||
position: relative;
|
||||
top: 30%;
|
||||
text-align: center;
|
||||
letter-spacing: -0.05em;
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
|
||||
@include breakpoint(small-height-desktop) {
|
||||
top: 20%;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 2.25em;
|
||||
line-height: 1em;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-top: -1em;
|
||||
font-size: .8em;
|
||||
}
|
||||
}
|
||||
|
||||
.home-info.pushed-down {
|
||||
margin-top: 12rem;
|
||||
}
|
||||
|
||||
.pushed-down {
|
||||
flex-grow: 1;
|
||||
max-width: $content-max-width;
|
||||
margin: 24rem auto 0 auto;
|
||||
@include breakpoint(small-mobile) {
|
||||
margin: 26rem auto 0 auto;
|
||||
}
|
||||
|
||||
h2 {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
///////////////////
|
||||
// //
|
||||
// LISTS //
|
||||
// //
|
||||
///////////////////
|
||||
|
||||
.posts-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin-bottom: .5em;
|
||||
|
||||
> article {
|
||||
padding-bottom: .5rem;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -0,0 +1,94 @@
|
|||
///////////////////
|
||||
// //
|
||||
// MAIN //
|
||||
// //
|
||||
///////////////////
|
||||
|
||||
.home-lists {
|
||||
|
||||
@include breakpoint(desktop) {
|
||||
display: inline-flex;
|
||||
flex-flow: row;
|
||||
flex-wrap: wrap;
|
||||
overflow: visible;
|
||||
width: 100%; // set the container width
|
||||
|
||||
dt {
|
||||
flex: 0 0 39%;
|
||||
word-wrap: anywhere;
|
||||
}
|
||||
|
||||
dd {
|
||||
flex: 0 0 59%;
|
||||
margin-left: auto;
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint(laptop) {
|
||||
display: inline-flex;
|
||||
flex-flow: row;
|
||||
flex-wrap: nowrap;
|
||||
flex-wrap: wrap;
|
||||
overflow: visible;
|
||||
margin-left: 3rem;
|
||||
|
||||
dt {
|
||||
flex: 0 0 30%;
|
||||
word-wrap: anywhere;
|
||||
}
|
||||
|
||||
dd {
|
||||
flex: 0 0 59%;
|
||||
margin-left: auto;
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint(mobile) {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
place-items: center;
|
||||
}
|
||||
|
||||
@include breakpoint(tablet) {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
place-items: center;
|
||||
}
|
||||
|
||||
dd {
|
||||
margin-left: .5rem;
|
||||
}
|
||||
|
||||
dt::after {
|
||||
content: ' :';
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.contents {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.apps {
|
||||
display: flex;
|
||||
place-items: center;
|
||||
justify-content: space-evenly;
|
||||
flex-wrap: wrap;
|
||||
gap: 2rem 5rem;
|
||||
margin-top: 2rem;
|
||||
|
||||
img {
|
||||
max-width: 60%;
|
||||
}
|
||||
}
|
||||
|
||||
.home {
|
||||
background: url("images/assets/overlay.png"), url("images/assets/intro.jpg");
|
||||
background-size: 256px 256px, cover;
|
||||
background-attachment: fixed, fixed;
|
||||
background-position: top left, bottom center;
|
||||
background-repeat: repeat, no-repeat;
|
||||
background-blend-mode: difference;
|
||||
}
|
||||
|
|
@ -0,0 +1,90 @@
|
|||
///////////////////
|
||||
// //
|
||||
// MEDIAS //
|
||||
// //
|
||||
///////////////////
|
||||
|
||||
.audio,
|
||||
.stream {
|
||||
border: $dark-polar solid 1px;
|
||||
|
||||
audio {
|
||||
border-radius: .5rem;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
figcaption p {
|
||||
font-size: $font-size-small;
|
||||
padding-left: .5rem;
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
|
||||
.audio-with-image {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
@include breakpoint(tablet) {
|
||||
flex-direction: row;
|
||||
|
||||
img {
|
||||
width: 8rem;
|
||||
}
|
||||
|
||||
div {
|
||||
align-content: space-between;
|
||||
display: flex;
|
||||
flex-flow: wrap;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
@include breakpoint(laptop) {
|
||||
|
||||
div {
|
||||
flex-grow: 4;
|
||||
}
|
||||
}
|
||||
|
||||
audio {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
figure {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
margin: auto;
|
||||
|
||||
@include breakpoint(laptop) {
|
||||
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 90%;
|
||||
}
|
||||
|
||||
figcaption {
|
||||
font-size: $font-size-small;
|
||||
|
||||
p {
|
||||
margin: .2rem 0;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.post-image {
|
||||
border: none;
|
||||
margin-left: 0;
|
||||
padding-left: 0;
|
||||
|
||||
@include breakpoint(laptop) {
|
||||
max-width: 97%;
|
||||
margin-right: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,169 @@
|
|||
///////////////////
|
||||
// //
|
||||
// MIXINS //
|
||||
// //
|
||||
///////////////////
|
||||
|
||||
// Inline, no bullet lists
|
||||
@mixin inline-list {
|
||||
ul > li {
|
||||
display: inline;
|
||||
font-weight: bolder;
|
||||
font-size: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin mobile-nav {
|
||||
nav.mobile {
|
||||
#menuToggle {
|
||||
display: block;
|
||||
position: absolute;
|
||||
@include breakpoint(small-mobile) {
|
||||
top: 14px;
|
||||
}
|
||||
top: 18px;
|
||||
left: 25px;
|
||||
|
||||
z-index: 1;
|
||||
|
||||
-webkit-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
#menuToggle a {
|
||||
text-decoration: none;
|
||||
color: #ffffff;
|
||||
|
||||
transition: color 0.3s ease;
|
||||
}
|
||||
|
||||
#menuToggle a:hover {
|
||||
color: darkkhaki;
|
||||
}
|
||||
|
||||
|
||||
#menuToggle input {
|
||||
display: block;
|
||||
width: 40px;
|
||||
height: 32px;
|
||||
position: absolute;
|
||||
top: -7px;
|
||||
left: -5px;
|
||||
|
||||
cursor: pointer;
|
||||
|
||||
opacity: 0; /* hide this */
|
||||
z-index: 2; /* and place it over the hamburger */
|
||||
|
||||
-webkit-touch-callout: none;
|
||||
}
|
||||
|
||||
/*
|
||||
* Just a quick hamburger
|
||||
*/
|
||||
#menuToggle span {
|
||||
display: block;
|
||||
width: 33px;
|
||||
height: 4px;
|
||||
margin-bottom: 5px;
|
||||
position: relative;
|
||||
|
||||
background: #cdcdcd;
|
||||
border-radius: 3px;
|
||||
|
||||
z-index: 1;
|
||||
|
||||
transform-origin: 4px 0px;
|
||||
|
||||
transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
|
||||
background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
|
||||
opacity 0.55s ease;
|
||||
}
|
||||
|
||||
#menuToggle span:first-child {
|
||||
transform-origin: 0% 0%;
|
||||
}
|
||||
|
||||
#menuToggle span:nth-last-child(2) {
|
||||
transform-origin: 0% 100%;
|
||||
}
|
||||
|
||||
/*
|
||||
* Transform all the slices of hamburger
|
||||
* into a crossmark.
|
||||
*/
|
||||
#menuToggle input:checked ~ span {
|
||||
opacity: 1;
|
||||
transform: rotate(45deg) translate(-2px, -1px);
|
||||
background: #232323;
|
||||
}
|
||||
|
||||
/*
|
||||
* But let's hide the middle one.
|
||||
*/
|
||||
#menuToggle input:checked ~ span:nth-last-child(3) {
|
||||
opacity: 0;
|
||||
transform: rotate(0deg) scale(0.2, 0.2);
|
||||
}
|
||||
|
||||
/*
|
||||
* Ohyeah and the last one should go the other direction
|
||||
*/
|
||||
#menuToggle input:checked ~ span:nth-last-child(2) {
|
||||
transform: rotate(-45deg) translate(0, -1px);
|
||||
}
|
||||
|
||||
/*
|
||||
* Make this absolute positioned
|
||||
* at the top left of the screen
|
||||
*/
|
||||
#menu {
|
||||
position: absolute;
|
||||
width: 300px;
|
||||
margin: -100px 0 0 -50px;
|
||||
padding: 50px;
|
||||
padding-top: 125px;
|
||||
|
||||
background: darkcyan;
|
||||
list-style-type: none;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
/* to stop flickering of text in safari */
|
||||
|
||||
transform-origin: 0% 0%;
|
||||
transform: translate(-100%, 0);
|
||||
|
||||
transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
|
||||
}
|
||||
|
||||
#menu li {
|
||||
padding: 10px 0;
|
||||
font-size: 22px;
|
||||
|
||||
img {
|
||||
max-width: 10%;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* And let's slide it in from the left
|
||||
*/
|
||||
#menuToggle input:checked ~ ul {
|
||||
transform: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@mixin header-title-mobile {
|
||||
h1 {
|
||||
display: flex;
|
||||
margin: 0 0 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin header-title-full {
|
||||
h1 {
|
||||
float: left;
|
||||
font-size: 100%;
|
||||
margin: 0 0 0 1rem;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,77 @@
|
|||
///////////////////
|
||||
// //
|
||||
// POST //
|
||||
// //
|
||||
///////////////////
|
||||
|
||||
.post-header {
|
||||
h1 {
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
.post-info {
|
||||
|
||||
@include breakpoint(laptop) {
|
||||
margin: 1rem 0 1rem 1rem;
|
||||
}
|
||||
|
||||
@include breakpoint(tablet) {
|
||||
margin: 1rem 0 1rem 1rem;
|
||||
}
|
||||
|
||||
@include breakpoint(mobile) {
|
||||
margin: 1rem 0 1rem 1rem;
|
||||
}
|
||||
|
||||
> ul {
|
||||
margin-top: 0;
|
||||
padding: 0;
|
||||
|
||||
> li {
|
||||
padding-right: .3rem;
|
||||
}
|
||||
}
|
||||
|
||||
li {
|
||||
display: flex;
|
||||
list-style: none;
|
||||
|
||||
> ul {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
padding: 0;
|
||||
white-space: pre;
|
||||
}
|
||||
|
||||
> ul::before {
|
||||
content: ' ';
|
||||
white-space: pre;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint(tablet) {
|
||||
.post-info > ul {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
|
||||
> li:not(:last-child) {
|
||||
&::after {
|
||||
content: ' /';
|
||||
white-space: pre;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.post-taxonomies:not(:last-child) {
|
||||
&::after {
|
||||
content: ', ';
|
||||
}
|
||||
}
|
||||
|
||||
.list-footer {
|
||||
padding-left: .5em;
|
||||
}
|
||||
|
|
@ -0,0 +1,77 @@
|
|||
////////////////////
|
||||
// //
|
||||
// Texts //
|
||||
// //
|
||||
////////////////////
|
||||
|
||||
.verse {
|
||||
line-height: $line-height-verse;
|
||||
@include breakpoint(laptop) {
|
||||
margin-left: 3rem;
|
||||
}
|
||||
|
||||
p:not(:last-child) {
|
||||
margin-bottom: $verse-p-bottom-space;
|
||||
@include breakpoint(laptop) {
|
||||
margin-bottom: $verse-p-bottom-space-larger;
|
||||
}
|
||||
}
|
||||
|
||||
br {
|
||||
margin-bottom: .5rem;
|
||||
}
|
||||
}
|
||||
|
||||
.main-header,
|
||||
.main-footer {
|
||||
a {
|
||||
text-decoration: none;
|
||||
max-width: 30rem;
|
||||
margin: 0 auto 0 auto;
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint(laptop) {
|
||||
.main-header a {
|
||||
font-size: 90%;
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint(mobile) {
|
||||
.main-header a {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
}
|
||||
|
||||
.citation {
|
||||
border: none;
|
||||
margin-left: 0;
|
||||
|
||||
blockquote {
|
||||
margin: 0;
|
||||
margin-left: .5rem;
|
||||
@include breakpoint(laptop) {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
border-left: solid $lighter-polar .5rem;
|
||||
padding-left: .5rem;
|
||||
|
||||
@include breakpoint(laptop) {
|
||||
padding-left: 1rem;
|
||||
}
|
||||
|
||||
p {
|
||||
text-align: left;
|
||||
margin: .4rem 0;
|
||||
}
|
||||
|
||||
em {
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
figcaption {
|
||||
text-align: right;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,91 @@
|
|||
///////////////////
|
||||
// //
|
||||
// WIDTH //
|
||||
// //
|
||||
///////////////////
|
||||
|
||||
$content-max-width: 46rem; // 920 px
|
||||
$main-max-width: 70rem;
|
||||
$content-left-margin: 3vw;
|
||||
|
||||
///////////////////
|
||||
// //
|
||||
// FONT //
|
||||
// //
|
||||
///////////////////
|
||||
|
||||
$font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
||||
$font-size-base: 1.25rem !default; // 25 px
|
||||
$font-size-medium: 1.1rem;
|
||||
$font-size-normal: 1rem;
|
||||
$font-size-small: .9rem; // 18 px
|
||||
$line-height-base: 1.4;
|
||||
$line-height-verse: 1.3;
|
||||
$verse-p-bottom-space: 2rem;
|
||||
$verse-p-bottom-space-larger: 3rem;
|
||||
|
||||
|
||||
/////////////////////
|
||||
// //
|
||||
// COLORS //
|
||||
// //
|
||||
// Based on Nord //
|
||||
// color scheme //
|
||||
// //
|
||||
/////////////////////
|
||||
|
||||
$nord0: #2e3440; // Polar night, darkest grey
|
||||
$nord1: #3b4252; // Polar night, darker grey
|
||||
$nord2: #434c5e; // Polar night, dark grey
|
||||
$nord3: #4c566a; // Polar night, lighter grey
|
||||
$nord4: #d8dee9; // Snow storm, origin, light grey
|
||||
$nord5: #e5e9f0; // Snow storm, brighter light grey
|
||||
$nord6: #eceff4; // Snow storm, the brightest one
|
||||
$nord7: #8fbcbb; // Frost, frozen polar water
|
||||
$nord8: #88c0d0; // Frost, brighter, pure and clear ice
|
||||
$nord9: #81a1c1; // Frost, darker, arctic waters
|
||||
$nord10: #5e81ac; // Frost, darkest, deep arctic ocean
|
||||
$nord11: #bf616a; // Aurora, red
|
||||
$nord12: #d08770; // Aurora, orange
|
||||
$nord13: #ebcb8b; // Aurora, yellow
|
||||
$nord14: #a3be8c; // Aurora, green
|
||||
$nord15: #b48ead; // Aurora, purple
|
||||
|
||||
|
||||
// Polar, translated into something easy to remember, hopefully
|
||||
$darkest-polar: $nord0;
|
||||
$darker-polar: $nord1;
|
||||
$dark-polar: $nord2;
|
||||
$lighter-polar: $nord3;
|
||||
$the-darkiest-polar: darken($darkest-polar, 4%);
|
||||
|
||||
// Snow storm, translated into something easy to remember, hopefully
|
||||
$snow-storm-light-grey: $nord4;
|
||||
$snow-storm-lighter-grey: $nord5;
|
||||
$snow-storm-lightest-grey: $nord6;
|
||||
|
||||
//Frost, translated into something easy to remember, hopefully
|
||||
$frost-green: $nord7;
|
||||
$frost-lighter-green: $nord8;
|
||||
$frost-grey-blue: $nord9;
|
||||
$frost-deep-blue: $nord10;
|
||||
|
||||
//Aurora, translated into something easy to remember, hopefully
|
||||
$aurora-red: $nord11;
|
||||
$aurora-orange: $nord12;
|
||||
$aurora-yellow: $nord13;
|
||||
$aurora-green: $nord14;
|
||||
$aurora-purple: $nord15;
|
||||
|
||||
/////////////////////
|
||||
// //
|
||||
// COLORS //
|
||||
// //
|
||||
// Personalized //
|
||||
// color scheme //
|
||||
// outside of //
|
||||
// Nord //
|
||||
// //
|
||||
/////////////////////
|
||||
|
||||
$light-avatar-blue: #7cc5f5;
|
||||
|
|
@ -0,0 +1,46 @@
|
|||
////////////////////
|
||||
// //
|
||||
// Includes //
|
||||
// //
|
||||
////////////////////
|
||||
|
||||
@import 'variables';
|
||||
@import 'grid';
|
||||
@import 'mixins';
|
||||
@import 'colors';
|
||||
@import 'fonts';
|
||||
@import 'footer';
|
||||
@import 'header';
|
||||
@import 'layout';
|
||||
@import 'lists';
|
||||
@import 'main_body';
|
||||
@import 'medias';
|
||||
@import 'post';
|
||||
@import 'texts';
|
||||
|
||||
|
||||
////////////////////
|
||||
// //
|
||||
// Divers //
|
||||
// //
|
||||
////////////////////
|
||||
|
||||
code,
|
||||
pre {
|
||||
border-radius: 5px;
|
||||
padding: .2rem;
|
||||
}
|
||||
|
||||
pre {
|
||||
max-width: 95vw;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.terms {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.term {
|
||||
margin-right: 1rem;
|
||||
}
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
address = "Address"
|
||||
audioDownload = "Your browser does not support the audio tag, you can access the file directly with"
|
||||
categories = "Categories"
|
||||
contactsPriv = "Personal contacts"
|
||||
contactsPro = "Professional contacts"
|
||||
cv = "cv"
|
||||
defaultImageAlt = "Grayish sheep portrait"
|
||||
e-mail = "e-mail"
|
||||
fingerprint = "Fingerprint"
|
||||
lastCommit = "Last commit modifying this page"
|
||||
lastUpdate = "Last update"
|
||||
mobile = "Mobile"
|
||||
online = "Online"
|
||||
permalink = "Permalink"
|
||||
post-infos = "Post information"
|
||||
pubkey = "Public key"
|
||||
published = "Published on"
|
||||
subscribe = "Subscribe"
|
||||
subscribeToPublications = "Subscribe to posts"
|
||||
tags = "Tags"
|
||||
tel = "Phone"
|
||||
thisLink = "this link"
|
||||
toSection = "from this section"
|
||||
toWebsite = "from the website"
|
||||
xmpp = "xmpp"
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
address = "Adresse"
|
||||
audioDownload = "Ton navigateur ne supporte pas la balise audio, tu peux télécharger le fichier avec"
|
||||
categories = "Catégories "
|
||||
contactsPriv = "Contacts personnels"
|
||||
contactsPro = "Contacts professionnels"
|
||||
cv = "cv"
|
||||
defaultImageAlt = "Portrait de mouton en nuances de gris"
|
||||
e-mail = "e-mail"
|
||||
fingerprint = "Empreinte"
|
||||
lastCommit = "Dernier commit modifiant cette page"
|
||||
lastUpdate = "Dernière mise à jour "
|
||||
mobile = "Téléphone mobile"
|
||||
online = "En ligne"
|
||||
permalink = "Permalien"
|
||||
post-infos = "Informations sur le billet"
|
||||
pubkey = "Clé publique"
|
||||
published = "Publié le "
|
||||
subscribe = "S'abonner"
|
||||
subscribeToPublications = "S'abonner aux publications"
|
||||
tags = "Tags "
|
||||
tel = "Téléphone"
|
||||
thisLink = "ce lien"
|
||||
toSection = "de cette section"
|
||||
toWebsite = "du site"
|
||||
xmpp = "xmpp"
|
||||
|
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="{{ .Language.Lang }}" prefix="og: http://ogp.me/ns#">
|
||||
{{ partial "head.html" . }}
|
||||
{{ if .IsHome }}
|
||||
<body class="body-fixed">
|
||||
{{ else }}
|
||||
<body>
|
||||
{{ end }}
|
||||
{{- partial "header.html" . -}}
|
||||
{{ if .IsHome }}
|
||||
<main aria-role="main" class="home"
|
||||
itemscope itemtype="https://schema.org/Person">
|
||||
{{ else }}
|
||||
<main aria-role="main" class="container"
|
||||
itemscope itemtype="https://schema.org/Person">
|
||||
{{ end }}
|
||||
{{- block "main" . }}{{- end }}
|
||||
</main>
|
||||
{{ if ne .IsHome true }}
|
||||
{{- partial "footer.html" . -}}
|
||||
{{ end }}
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
{{ define "main" }}
|
||||
<main class="container">
|
||||
<header>
|
||||
<h2>{{.Title}}</h2>
|
||||
</header>
|
||||
<!-- "{{.Content}}" pulls from the markdown content of the corresponding
|
||||
_index.md -->
|
||||
{{.Content}}
|
||||
<article class="posts-list">
|
||||
<!-- Ranges through content/posts/*.md in reverse order, then displays
|
||||
the post title, the date and categories (list-footer template) -->
|
||||
{{ range .Pages.ByPublishDate.Reverse }}
|
||||
<article>
|
||||
<a href="{{.Permalink}}">{{.Title}}</a>
|
||||
{{ partial "lists-footer.html" . }}
|
||||
</article>
|
||||
{{ end }}
|
||||
</article>
|
||||
</main>
|
||||
{{ end }}
|
||||
|
|
@ -0,0 +1,39 @@
|
|||
{{- $pctx := . -}}
|
||||
{{- if .IsHome -}}{{ $pctx = .Site }}{{- end -}}
|
||||
{{- $pages := slice -}}
|
||||
{{- if or $.IsHome $.IsSection -}}
|
||||
{{- $pages = $pctx.RegularPages -}}
|
||||
{{- else -}}
|
||||
{{- $pages = $pctx.Pages -}}
|
||||
{{- end -}}
|
||||
{{- $limit := .Site.Config.Services.RSS.Limit -}}
|
||||
{{- if ge $limit 1 -}}
|
||||
{{- $pages = $pages | first $limit -}}
|
||||
{{- end -}}
|
||||
{{- printf "<?xml version=\"1.0\" encoding=\"utf-8\" standalone=\"yes\"?>" | safeHTML }}
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>{{ if eq .Title .Site.Title }}{{ .Site.Title }}{{ else }}{{ with .Title }}{{.}} on {{ end }}{{ .Site.Title }}{{ end }}</title>
|
||||
<link>{{ .Permalink }}</link>
|
||||
<description>Recent content {{ if ne .Title .Site.Title }}{{ with .Title }}in {{.}} {{ end }}{{ end }}on {{ .Site.Title }}</description>
|
||||
<generator>Hugo -- gohugo.io</generator>{{ with .Site.LanguageCode }}
|
||||
<language>{{.}}</language>{{end}}{{ with .Site.Author.email }}
|
||||
<managingEditor>{{.}}{{ with $.Site.Author.name }} ({{.}}){{end}}</managingEditor>{{end}}{{ with .Site.Author.email }}
|
||||
<webMaster>{{.}}{{ with $.Site.Author.name }} ({{.}}){{end}}</webMaster>{{end}}{{ with .Site.Copyright }}
|
||||
<copyright>{{.}}</copyright>{{end}}{{ if not .Date.IsZero }}
|
||||
<lastBuildDate>{{ .Date.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }}</lastBuildDate>{{ end }}
|
||||
{{ with .OutputFormats.Get "RSS" }}
|
||||
{{ printf "<atom:link href=%q rel=\"self\" type=%q />" .Permalink .MediaType | safeHTML }}
|
||||
{{ end }}
|
||||
{{ range $pages }}
|
||||
<item>
|
||||
<title>{{ .Title }}</title>
|
||||
<link>{{ .Permalink }}</link>
|
||||
<pubDate>{{ .PublishDate.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }}</pubDate>
|
||||
{{ with .Site.Author.email }}<author>{{.}}{{ with $.Site.Author.name }} ({{.}}){{end}}</author>{{end}}
|
||||
<guid>{{ .Permalink }}</guid>
|
||||
<description>{{ .Content | html }}</description>
|
||||
</item>
|
||||
{{ end }}
|
||||
</channel>
|
||||
</rss>
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
{{ define "main" }}
|
||||
<header>
|
||||
<h2>{{.Title}}</h2>
|
||||
</header>
|
||||
<!-- "{{.Content}}" pulls from the markdown content of the corresponding
|
||||
_index.md -->
|
||||
<article class="content">
|
||||
<header>
|
||||
{{.Content }}
|
||||
</header>
|
||||
<article class="posts-list">
|
||||
<!--
|
||||
Ranges pages by the publish date, in reverse order, to display the
|
||||
post titles of the section from most recent to older. It adds to
|
||||
the title the date and categories (from lists-footer.html)
|
||||
-->
|
||||
{{ range .Pages.ByPublishDate.Reverse }}
|
||||
<article>
|
||||
<a href="{{ .Permalink }}">
|
||||
{{.Title}}
|
||||
</a>
|
||||
{{ partial "lists-footer.html" . }}
|
||||
</article>
|
||||
{{ end }}
|
||||
</article>
|
||||
</article>
|
||||
{{ end }}
|
||||
|
|
@ -0,0 +1,63 @@
|
|||
{{ define "main" }}
|
||||
<header class="post-header">
|
||||
<h1 id="title">{{ .Title }}</h1>
|
||||
<!--
|
||||
If it's a static page, then the post information is useless and
|
||||
therefore not displayed. The test checks if the page IS NOT a static
|
||||
page.
|
||||
-->
|
||||
{{- if ne .Layout "static" }}
|
||||
{{- partial "post-info.html" . -}}
|
||||
{{ end }}
|
||||
</header>
|
||||
<!--
|
||||
If in the front matter, the layout key is set to verse, then the class is
|
||||
added.
|
||||
-->
|
||||
<article {{ if eq .Layout "verse" }} class="content, {{ .Layout }}"
|
||||
{{ else }} class="content" {{ end -}}>
|
||||
<!--
|
||||
Displays the image associated to the post, if set in the front matter.
|
||||
-->
|
||||
{{ if .Params.postimage -}}
|
||||
<figure class="post-image">
|
||||
<img src="/images/{{ .Params.postimage }}" alt="{{ .Params.postimagedescription }}">
|
||||
{{ if and (.Params.imageLicence) (.Params.imageAuthor) (.Params.imageUrl) }}
|
||||
<figcaption>
|
||||
{{ .Params.imageLicence }} <a href="{{ .Params.imageUrl }}" title="Lien vers l'image originale">{{ .Params.imageAuthor }}</a>
|
||||
{{ else if and (.Params.imageAuthor) (.Params.imageUrl) (.Params.imageService) (.Params.imageServiceUrl) }}
|
||||
<figcaption>
|
||||
Image de <a href="{{ .Params.imageUrl }}" title="Lien vers l'image originale">{{ .Params.imageAuthor }}</a> sur <a href="{{ .Params.imageServiceUrl }}" title="Lien vers la banque d'image originale">{{ .Params.imageService }}</a>
|
||||
{{ else if .Params.postimagedescription }}
|
||||
<figcaption>
|
||||
{{ .Params.postimagedescription }}
|
||||
</figcaption>
|
||||
{{ end }}
|
||||
</figure>
|
||||
{{ end }}
|
||||
{{ $title := .Title }}
|
||||
{{ if eq $title "Contacts" }}
|
||||
{{ if .Site.Params.online }}
|
||||
{{ partial "online" . }}
|
||||
{{ end }}
|
||||
{{ if .Site.Params.contactsPriv }}
|
||||
{{ partial "perso" . }}
|
||||
{{ end }}
|
||||
{{ if .Site.Params.contactsPro }}
|
||||
{{ partial "pro" . }}
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
{{ if eq $title "Applications" }}
|
||||
{{ .Content -}}
|
||||
{{ partial "apps" . }}
|
||||
{{ end }}
|
||||
{{ if eq $title "À mon sujet" }}
|
||||
{{ .Content -}}
|
||||
{{ partial "me" . }}
|
||||
{{ else }}
|
||||
{{ if ne $title "Applications" }}
|
||||
{{ .Content -}}
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</article>
|
||||
{{ end -}}
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
{{ define "main" }}
|
||||
<header>
|
||||
<h2>{{.Title}}</h2>
|
||||
</header>
|
||||
<!-- "{{.Content}}" pulls from the markdown content of the corresponding
|
||||
_index.md -->
|
||||
{{.Content}}
|
||||
<article class="terms">
|
||||
<!-- Ranges throught categories, alphabetically, then displays the posts
|
||||
title with the number of item in the category -->
|
||||
{{ range .Data.Terms.Alphabetical }}
|
||||
<article class="term">
|
||||
<p>
|
||||
<a href="{{ .Page.Permalink }}">{{ .Page.Title }}</a> ({{ .Count }})
|
||||
</p>
|
||||
</article>
|
||||
{{ end }}
|
||||
</article>
|
||||
{{ end }}
|
||||
|
||||
|
|
@ -0,0 +1,15 @@
|
|||
{{ define "main" }}
|
||||
<!-- Note that the content for index.html, as a sort of list page, will pull from content/_index.md -->
|
||||
<section class="home-info">
|
||||
<h1>{{ .Site.Title }}</h1>
|
||||
<p>
|
||||
{{ .Site.Params.contactsPriv.Function }} - {{ .Site.Params.contactsPriv.Place }}
|
||||
<br />
|
||||
aka {{ .Site.Params.online.github }}
|
||||
<br />
|
||||
aka {{ .Site.Params.online.instagram }}
|
||||
</p>
|
||||
{{- partial "footer.html" . -}}
|
||||
</section>
|
||||
</main>
|
||||
{{ end }}
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
<section class="apps">
|
||||
{{ if and (.Site.Params.apps.cloudTitle) (.Site.Params.apps.cloudImg) (.Site.Params.apps.cloudURL) }}
|
||||
<a title="{{ .Site.Params.apps.cloudTitle }}" href="{{ .Site.Params.apps.cloudURL }}"><img src="{{ .Site.Params.apps.cloudImg }}"/></a>
|
||||
{{ end }}
|
||||
{{ if and (.Site.Params.apps.linksTitle) (.Site.Params.apps.linksImg) (.Site.Params.apps.linksURL) }}
|
||||
<a title="{{ .Site.Params.apps.linksTitle }}" href="{{ .Site.Params.apps.linksURL }}"><img src="{{ .Site.Params.apps.linksImg }}"/></a>
|
||||
{{ end }}
|
||||
{{ if and (.Site.Params.apps.galleryTitle) (.Site.Params.apps.galleryImg) (.Site.Params.apps.galleryURL) }}
|
||||
<a title="{{ .Site.Params.apps.galleryTitle }}" href="{{ .Site.Params.apps.galleryURL }}"><img src="{{ .Site.Params.apps.galleryImg }}"/></a>
|
||||
{{ end }}
|
||||
{{ if and (.Site.Params.apps.liveTitle) (.Site.Params.apps.liveImg) (.Site.Params.apps.liveURL) }}
|
||||
<a title="{{ .Site.Params.apps.liveTitle }}" href="{{ .Site.Params.apps.liveURL }}"><img src="{{ .Site.Params.apps.liveImg }}"/></a>
|
||||
{{ end }}
|
||||
{{ if and (.Site.Params.apps.musicTitle) (.Site.Params.apps.musicImg) (.Site.Params.apps.musicURL) }}
|
||||
<a title="{{ .Site.Params.apps.musicTitle }}" href="{{ .Site.Params.apps.musicURL }}"><img src="{{ .Site.Params.apps.musicImg }}"/></a>
|
||||
{{ end }}
|
||||
{{ if and (.Site.Params.apps.gitTitle) (.Site.Params.apps.gitImg) (.Site.Params.apps.gitURL) }}
|
||||
<a title="{{ .Site.Params.apps.gitTitle }}" href="{{ .Site.Params.apps.gitURL }}"><img src="{{ .Site.Params.apps.gitImg }}"/></a>
|
||||
{{ end }}
|
||||
</section>
|
||||
|
|
@ -0,0 +1,36 @@
|
|||
{{ $currentPage := . -}}
|
||||
{{ $siteSources := .Site.Params.siteSources }}
|
||||
{{ if .IsHome }}
|
||||
<footer class="home-footer no-print">
|
||||
{{ else }}
|
||||
<footer class="main-footer no-print">
|
||||
{{ end }}
|
||||
<nav role="navigation" aria-label="Secondary">
|
||||
<ul>
|
||||
{{ range sort .Site.Menus.footer -}}
|
||||
<li class="nav-item">
|
||||
<a class="nav-item-link{{if or ($currentPage.IsMenuCurrent "footer" .) ($currentPage.HasMenuCurrent "footer" .) }} active{{end}}"
|
||||
id="{{ .Identifier }}"
|
||||
href="{{ .URL }}" title="{{ .Title }}">{{ .Name }}</a>
|
||||
</li>
|
||||
{{ end -}}
|
||||
{{ with .GitInfo }}
|
||||
{{ $git := . }}
|
||||
<li>
|
||||
<code>
|
||||
<a href="
|
||||
{{- if eq $siteSources.type "gitlab" -}}
|
||||
{{ $siteSources.url }}/-/
|
||||
{{- else -}}
|
||||
{{ $siteSources.url }}/
|
||||
{{- end -}}
|
||||
commit/{{- $git.Hash -}}"
|
||||
title="{{ i18n "lastCommit" }}">
|
||||
{{ $git.AbbreviatedHash }}
|
||||
</a>
|
||||
</code>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</nav>
|
||||
</footer>
|
||||
|
|
@ -0,0 +1,34 @@
|
|||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width">
|
||||
<title>{{ .Title }} - {{ .Site.Title }}</title>
|
||||
<link rel="canonical" href="{{ .Permalink }}">
|
||||
{{- if .Site.IsServer -}}
|
||||
{{- $options := (dict "targetPath" "styles.css" "enableSourceMap" true) -}}
|
||||
{{- $styles := resources.Get "scss/main.scss" | toCSS $options }}
|
||||
<link rel="stylesheet" href="{{ $styles.Permalink }}" media="screen">
|
||||
{{- $js := resources.Get "js/main.js" }}
|
||||
<script defer src="{{ $js.Permalink }}"></script>
|
||||
{{- else -}}
|
||||
{{- $options := (dict "targetPath" "styles.css") -}}
|
||||
{{- $styles := resources.Get "scss/main.scss" | toCSS $options | minify -}}
|
||||
<link rel="stylesheet" href="{{ $styles.Permalink }}" media="screen">
|
||||
{{- $js := resources.Get "js/main.js" }}
|
||||
<script defer src="{{ $js.Permalink }}"></script>
|
||||
{{- end }}
|
||||
{{ $options := (dict "targetPath" "print.css" ) -}}
|
||||
{{- $print := resources.Get "css/gutenberg.css" | toCSS $options | minify -}}
|
||||
<link rel="stylesheet" href="{{ $print.Permalink }}" media="print">
|
||||
{{ range .AlternativeOutputFormats }}
|
||||
{{ printf `<link rel="%s" type="%s" href="%s" title="%s" />` .Rel .MediaType.Type .Permalink $.Site.Title | safeHTML }}
|
||||
{{ end }}
|
||||
{{ partial "metadata.html" . -}}
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/images/assets/apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/images/assets/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/images/assets/favicon-16x16.png">
|
||||
<link rel="shortcut icon" type="image/png" href="/images/assets/favicon.ico">
|
||||
<link rel="manifest" href="/images/assets/site.webmanifest">
|
||||
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
|
||||
<meta name="msapplication-TileColor" content="#da532c">
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
</head>
|
||||
|
|
@ -0,0 +1,93 @@
|
|||
<header class="main-header main-header-full">
|
||||
<!--<img class="avatar no-print" src="{{ .Site.BaseURL }}images/avatar.png">-->
|
||||
<h1 class="title no-reformat">
|
||||
<img class="avatar no-print" src="{{ .Site.BaseURL }}images/assets/avatar.png">
|
||||
<a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
|
||||
</h1>
|
||||
</a>
|
||||
<nav class="no-print full" role="navigation" aria-label="Primary">
|
||||
<ul>
|
||||
{{ $currentPage := . -}}
|
||||
{{ range sort .Site.Menus.main -}}
|
||||
<li class="nav-item">
|
||||
<a class="nav-item-link{{if or ($currentPage.IsMenuCurrent "main" .) ($currentPage.HasMenuCurrent "main" .) }} active{{end}}"
|
||||
href="{{ .URL }}" title="{{ .Title }}">{{ .Name }}</a>
|
||||
</li>
|
||||
{{ end -}}
|
||||
<li class="nav-item">
|
||||
{{ if .IsPage -}}
|
||||
<a class="nav-item-link"
|
||||
href="{{ .Site.BaseURL }}index.xml"
|
||||
title="{{ i18n "subscribeToPublications" }} {{ i18n "toWebsite" }}">
|
||||
<img class="rss-icon" src="/images/assets/rss.png" />
|
||||
</a>
|
||||
{{ else if .IsHome -}}
|
||||
<a class="nav-item-link"
|
||||
href="{{ .Site.BaseURL }}index.xml"
|
||||
title="{{ i18n "subscribeToPublications" }} {{ i18n "toWebsite" }}">
|
||||
<img class="rss-icon" src="/images/assets/rss.png" />
|
||||
</a>
|
||||
{{ else if .IsNode -}}
|
||||
<a class="nav-item-link"
|
||||
href="{{ .Permalink }}index.xml"
|
||||
title="{{ i18n "subscribeToPublications" }} {{ i18n "toSection" }}">
|
||||
<img class="rss-icon" src="/images/assets/rss.png" />
|
||||
</a>
|
||||
{{ end -}}
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<!-- Mobile menu -->
|
||||
|
||||
<nav class="no-print mobile" role="navigation" aria-label="Primary">
|
||||
<div id="menuToggle">
|
||||
<!--
|
||||
A fake / hidden checkbox is used as click reciever,
|
||||
so you can use the :checked selector on it.
|
||||
-->
|
||||
<input type="checkbox" onclick="pushedDown()" />
|
||||
|
||||
<!--
|
||||
Some spans to act as a hamburger.
|
||||
|
||||
They are acting like a real hamburger,
|
||||
not that McDonalds stuff.
|
||||
-->
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
|
||||
<ul id="menu">
|
||||
{{ $currentPage := . -}}
|
||||
{{ range sort .Site.Menus.main -}}
|
||||
<li class="nav-item">
|
||||
<a class="nav-item-link{{if or ($currentPage.IsMenuCurrent "main" .) ($currentPage.HasMenuCurrent "main" .) }} active{{end}}"
|
||||
href="{{ .URL }}" title="{{ .Title }}">{{ .Name }}</a>
|
||||
</li>
|
||||
{{ end -}}
|
||||
<li class="nav-item">
|
||||
{{ if .IsPage -}}
|
||||
<a class="nav-item-link"
|
||||
href="{{ .Site.BaseURL }}index.xml"
|
||||
title="{{ i18n "subscribeToPublications" }} {{ i18n "toWebsite" }}">
|
||||
<img class="rss-icon" src="/images/assets/rss.png" />
|
||||
</a>
|
||||
{{ else if .IsHome -}}
|
||||
<a class="nav-item-link"
|
||||
href="{{ .Site.BaseURL }}index.xml"
|
||||
title="{{ i18n "subscribeToPublications" }} {{ i18n "toWebsite" }}">
|
||||
<img class="rss-icon" src="/images/assets/rss.png" />
|
||||
</a>
|
||||
{{ else if .IsNode -}}
|
||||
<a class="nav-item-link"
|
||||
href="{{ .Permalink }}index.xml"
|
||||
title="{{ i18n "subscribeToPublications" }} {{ i18n "toSection" }}">
|
||||
<img class="rss-icon" src="/images/assets/rss.png" />
|
||||
</a>
|
||||
{{ end -}}
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
<footer class="list-footer">
|
||||
{{ .PublishDate.Format "2006-01-02" }}
|
||||
{{ with .Params.categories }}
|
||||
{{ range sort . }}
|
||||
/ <a href="{{ "categories" | absURL}}/{{ . | urlize }}">{{ . }}</a>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</footer>
|
||||
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
{{ define "main" }}
|
||||
<!-- Note that the content for index.html, as a sort of list page, will pull from content/_index.md -->
|
||||
<article class="content">
|
||||
{{.Content}}
|
||||
</article>
|
||||
</main>
|
||||
{{ end }}
|
||||
|
|
@ -0,0 +1,298 @@
|
|||
<meta name="description" content="{{ if .Params.description }}{{ .Params.description }}{{ else if .Site.Params.Description }}{{ .Site.Params.Description }}{{ else }}Personal portfolio{{ end }}">
|
||||
<meta property="og:title" content="{{ .Title }} - {{ .Site.Title }}">
|
||||
<meta property="og:site_name" content="{{ .Site.Title }}">
|
||||
<meta property="og:description" content="{{ if .Params.description }}{{ .Params.description }}{{ else if .Site.Params.Description }}{{ .Site.Params.Description }}{{ else }}Personal portfolio{{ end }}">
|
||||
{{ if .Params.postimage -}}
|
||||
<meta property="og:image" content="{{ .Site.BaseURL }}images/{{ .Params.postimage }}">
|
||||
<meta property="og:image:width" content="{{ .Params.postimage_width }}">
|
||||
<meta property="og:image:height" content="{{ .Params.postimage_height }}">
|
||||
{{- else if .Site.Params.Image -}}
|
||||
<meta property="og:image" content="{{ .Site.BaseURL }}images/assets/{{ .Site.Params.Image }}">
|
||||
<meta property="og:image:width" content="800">
|
||||
<meta property="og:image:height" content="420">
|
||||
{{- else -}}
|
||||
<meta property="og:image" content="{{ .Site.BaseURL }}images/assets/avatar-800.png">
|
||||
<meta property="og:image:width" content="800">
|
||||
<meta property="og:image:height" content="420">
|
||||
{{ end }}
|
||||
{{ if .Params.postimagedescription -}}
|
||||
<meta property="og:image:alt" content="{{ .Params.postimagedescription }}">
|
||||
{{- else if .Site.Params.ImageDescription -}}
|
||||
<meta property="og:image:alt" content="{{ .Site.Params.ImageDescription }}">
|
||||
{{- else -}}
|
||||
<meta property="og:image:alt" content="{{ i18n "defaultImageAlt" }}">
|
||||
{{ end }}
|
||||
<meta property="og:locale" content="{{ .Language.Lang }}">
|
||||
{{ if eq .Title "Accueil" }}
|
||||
<meta property="og:type" content="website">
|
||||
{{ else }}
|
||||
<meta property="og:type" content="article">
|
||||
<meta property='article:author' content='{{ .Site.BaseURL }}me' />
|
||||
<meta property='article:publisher' content='{{ .Site.BaseURL }}me' />
|
||||
<meta property="article:published_time" content="{{ dateFormat "2006-01-02" (default .Date (.PublishDate)) }}">
|
||||
{{- if (and (isset .Params "lastmod") (gt (dateFormat "2016-01-02" (.Lastmod)) (dateFormat "2006-01-02" (.PublishDate)))) }}
|
||||
<meta property="article:modified_time" content="{{ .Lastmod }}">
|
||||
{{ end -}}
|
||||
{{- with .Params.categories }}
|
||||
{{- range . -}}
|
||||
<meta property="article:tag" content="{{ . }}">
|
||||
{{- end -}}
|
||||
{{ end -}}
|
||||
{{- with .Params.tags }}
|
||||
{{- range . -}}
|
||||
<meta property="article:tag" content="{{ . }}">
|
||||
{{- end -}}
|
||||
{{ end -}}
|
||||
{{ end }}
|
||||
<meta property="og:url" content="{{ .Permalink }}">
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<link rel="canonical" href="{{ .Permalink }}">
|
||||
<link rel="schema.DC" href="http://purl.org/dc/elements/1.1/">
|
||||
<link rel="schema.DCTERMS" href="http://purl.org/dc/terms/">
|
||||
<meta name="DC.creator" content="{{ .Site.Author.name }}">
|
||||
<meta name="DC.language" content="{{ .Language.Lang }}">
|
||||
{{ if eq .Title "Accueil" }}
|
||||
<meta name="DC.title" content="{{ .Site.Title }}">
|
||||
{{ else }}
|
||||
<meta name="DC.title" content="{{ .Title }} - {{ .Site.Title }}">
|
||||
{{ end }}
|
||||
{{ if eq .Title "Accueil" }}
|
||||
<meta name="DC.type" content="website">
|
||||
{{ else if eq .Title "Blog" }}
|
||||
<meta name="DC.type" content="blog">
|
||||
<meta name="DC.isPartOf" content="{{ .Site.BaseURL }}">
|
||||
{{ else if isset .Params "categories" }}
|
||||
<meta name="DC.type" content="blogPost">
|
||||
<meta name="DC.isPartOf" content="{{ .Site.BaseURL }}blog">
|
||||
{{ else if and .IsNode (ne .Title "Accueil") }}
|
||||
<meta name="DC.type" content="list">
|
||||
<meta name="DC.isPartOf" content="{{ .Site.BaseURL }}blog">
|
||||
{{ else }}
|
||||
<meta name="DC.type" content="webpage">
|
||||
<meta name="DC.isPartOf" content="{{ .Site.BaseURL }}">
|
||||
{{ end }}
|
||||
<meta name="DC.created" content="{{ dateFormat "2006-01-02" (default .Date (.PublishDate)) }}">
|
||||
<meta name="DC.date" content="{{ dateFormat "2006-01-02" (default .Date (.PublishDate)) }}">
|
||||
{{- if (and (isset .Params "lastmod") (gt (dateFormat "2016-01-02" (.Lastmod)) (dateFormat "2006-01-02" (.PublishDate)))) }}
|
||||
<meta name="DC.modified" content="{{ .Lastmod }}">
|
||||
{{ end -}}
|
||||
<meta name="DC.description" content="{{ if .Params.description }}{{ .Params.description }}{{ else if .Site.Params.Description }}{{ .Site.Params.Description }}{{ else }}Personal portfolio{{ end }}">
|
||||
{{- with .Params.categories }}
|
||||
{{- range . -}}
|
||||
<meta name="DC.subject" content="{{ . }}">
|
||||
{{- end -}}
|
||||
{{ end -}}
|
||||
{{- with .Params.tags }}
|
||||
{{- range . -}}
|
||||
<meta name="DC.subject" content="{{ . }}">
|
||||
{{- end -}}
|
||||
{{ end -}}
|
||||
<meta name="DC.license" content="{{ .Site.Params.License }}">
|
||||
{{ if eq .Title "Blog" }}
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org/",
|
||||
"@type" : "Blog",
|
||||
"@id": "{{ .Site.BaseURL }}blog",
|
||||
"name": "{{ .Title }}",
|
||||
"description": "{{ if .Params.description }}{{ .Params.description }}{{ else if .Site.Params.Description }}{{ .Site.Params.Description }}{{ else }}Personal portfolio{{ end }}",
|
||||
"datePublished": "{{ dateFormat "2006-01-02" (default .Date (.PublishDate)) }}"
|
||||
{{- if (and (isset .Params "lastmod") (gt (dateFormat "2016-01-02" (.Lastmod)) (dateFormat "2006-01-02" (.PublishDate)))) }},"dateModified": "{{ .Lastmod }}"{{ end }},
|
||||
"author": {
|
||||
"@type": "Person",
|
||||
"@id": "{{ .Site.BaseURL }}me",
|
||||
"name": "{{ .Site.Author.name }}",
|
||||
"url": "{{ .Site.BaseURL }}me",
|
||||
"email": "mailto:{{ .Site.Params.contactsPriv.email }}",
|
||||
"jobTitle": "{{ .Site.Params.contactsPriv.Function }}",
|
||||
"telephone": "{{ .Site.Params.contactsPriv.phone }}",
|
||||
"address": {
|
||||
"@type": "PostalAddress",
|
||||
"addressLocality": "{{ .Site.Params.contactsPriv.Place }}",
|
||||
"postalCode": "{{ .Site.Params.contactsPriv.ZIP }}",
|
||||
"streetAddress": "{{ .Site.Params.contactsPriv.address }}"
|
||||
},
|
||||
"image": {
|
||||
"@type": "ImageObject",
|
||||
"@id": "{{ .Site.BaseURL }}images/assets/avatar.png",
|
||||
"url": "{{ .Site.BaseURL }}images/assets/avatar.png",
|
||||
"height": "96",
|
||||
"width": "96"
|
||||
}
|
||||
},
|
||||
"isPartOf": {
|
||||
"@type": "WebSite",
|
||||
"name": "{{ .Site.Title }}",
|
||||
"url": "{{ .Site.BaseURL }}"
|
||||
},
|
||||
"image": {
|
||||
"@type": "ImageObject",
|
||||
"@id": "{{ .Site.BaseURL }}images/assets/avatar-800.png",
|
||||
"url": "{{ .Site.BaseURL }}images/assets/avatar-800.png",
|
||||
"height": "420",
|
||||
"width": "800"
|
||||
},
|
||||
"license": "{{ .Site.Params.License }}"
|
||||
}
|
||||
</script>
|
||||
{{ else if isset .Params "categories" }}
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org/",
|
||||
"@type": "BlogPosting",
|
||||
"@id": "{{ .Permalink }}",
|
||||
"url": "{{ .Permalink }}",
|
||||
"mainEntityOfPage": "{{ .Permalink }}",
|
||||
"headline": "{{ .Title }}",
|
||||
"name": "{{ .Title }}",
|
||||
"description": "{{ if .Params.description }}{{ .Params.description }}{{ else if .Site.Params.Description }}{{ .Site.Params.Description }}{{ else }}Personal portfolio{{ end }}",
|
||||
"datePublished": "{{ dateFormat "2006-01-02" (default .Date (.PublishDate)) }}"
|
||||
{{- if (and (isset .Params "lastmod") (gt (dateFormat "2016-01-02" (.Lastmod)) (dateFormat "2006-01-02" (.PublishDate)))) }},"dateModified": "{{ .Lastmod }}"{{ end }},
|
||||
"keywords": "[{{ range $i, $e := .Params.categories }}{{ if $i }}, {{ end }}{{ $e }}, {{ end }}{{ range $i, $e := .Params.tags }}{{ if $i }}, {{ end }}{{ $e }}{{ end }}]",
|
||||
"author": {
|
||||
"@type": "Person",
|
||||
"@id": "{{ .Site.BaseURL }}me",
|
||||
"name": "{{ .Site.Author.name }}",
|
||||
"url": "{{ .Site.BaseURL }}me",
|
||||
"email": "mailto:{{ .Site.Params.contactsPriv.email }}",
|
||||
"jobTitle": "{{ .Site.Params.contactsPriv.Function }}",
|
||||
"telephone": "{{ .Site.Params.contactsPriv.phone }}",
|
||||
"address": {
|
||||
"@type": "PostalAddress",
|
||||
"addressLocality": "{{ .Site.Params.contactsPriv.Place }}",
|
||||
"postalCode": "{{ .Site.Params.contactsPriv.ZIP }}",
|
||||
"streetAddress": "{{ .Site.Params.contactsPriv.address }}"
|
||||
},
|
||||
"image": {
|
||||
"@type": "ImageObject",
|
||||
"@id": "{{ .Site.BaseURL }}images/assets/avatar.png",
|
||||
"url": "{{ .Site.BaseURL }}images/assets/avatar.png",
|
||||
"height": "96",
|
||||
"width": "96"
|
||||
}
|
||||
},
|
||||
"image": {
|
||||
"@type": "ImageObject",
|
||||
"@id": "{{ if .Params.postimage }}{{ .Site.BaseURL }}images/assets/{{ .Params.postimage }}{{ else }}{{ .Site.BaseURL }}images/assets/{{ .Site.Params.Image }}{{ end }}",
|
||||
"url": "{{ if .Params.postimage }}{{ .Site.BaseURL }}images/{{ .Params.postimage }}{{ else }}{{ .Site.BaseURL }}images/{{ .Site.Params.Image }}{{ end }}",
|
||||
"height": "{{ if .Params.postimage_height }}{{ .Params.postimage_height }}{{ else }}800{{ end }}",
|
||||
"width": "{{ if .Params.postimage_width }}{{ .Params.postimage_width }}{{ else }}420{{ end }}"
|
||||
},
|
||||
"isPartOf": {
|
||||
"@type": "Blog",
|
||||
"@id": "{{ .Site.BaseURL }}blog",
|
||||
"name": "Blog - {{ .Site.Title }}"
|
||||
},
|
||||
"license": "{{ .Site.Params.License }}"
|
||||
}
|
||||
</script>
|
||||
{{ else if and .IsNode (ne .Title "Accueil") }}
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "ItemList",
|
||||
"itemListElement": "[{{ range .Pages }}{{ .Permalink }}, {{ end }}]",
|
||||
"itemListOrder": "https://schema.org/ItemListOrderDescending",
|
||||
"name": "{{ .Title }}",
|
||||
"description": "{{ if .Params.description }}{{ .Params.description }}{{ else if .Site.Params.Description }}{{ .Site.Params.Description }}{{ else }}Personal portfolio{{ end }}",
|
||||
"image": {
|
||||
"@type": "ImageObject",
|
||||
"@id": "{{ .Site.BaseURL }}images/assets/avatar-800.png",
|
||||
"url": "{{ .Site.BaseURL }}images/assets/avatar-800.png",
|
||||
"height": "420",
|
||||
"width": "800"
|
||||
},
|
||||
"url": "{{ .Permalink }}"
|
||||
}
|
||||
</script>
|
||||
{{ else if eq .Title "Accueil" }}
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "WebSite",
|
||||
"@id": "{{ .Site.BaseURL }}",
|
||||
"name": "{{ .Site.Title }}",
|
||||
"description": "{{ if .Params.description }}{{ .Params.description }}{{ else if .Site.Params.Description }}{{ .Site.Params.Description }}{{ else }}Personal portfolio{{ end }}",
|
||||
"datePublished": "{{ dateFormat "2006-01-02" (default .Date (.PublishDate)) }}"
|
||||
{{- if (and (isset .Params "lastmod") (gt (dateFormat "2016-01-02" (.Lastmod)) (dateFormat "2006-01-02" (.PublishDate)))) }},"dateModified": "{{ .Lastmod }}"{{ end }},
|
||||
"author": {
|
||||
"@type": "Person",
|
||||
"@id": "{{ .Site.BaseURL }}me",
|
||||
"name": "{{ .Site.Author.name }}",
|
||||
"url": "{{ .Site.BaseURL }}me",
|
||||
"email": "mailto:{{ .Site.Params.contactsPriv.email }}",
|
||||
"jobTitle": "{{ .Site.Params.contactsPriv.Function }}",
|
||||
"telephone": "{{ .Site.Params.contactsPriv.phone }}",
|
||||
"address": {
|
||||
"@type": "PostalAddress",
|
||||
"addressLocality": "{{ .Site.Params.contactsPriv.Place }}",
|
||||
"postalCode": "{{ .Site.Params.contactsPriv.ZIP }}",
|
||||
"streetAddress": "{{ .Site.Params.contactsPriv.address }}"
|
||||
},
|
||||
"image": {
|
||||
"@type": "ImageObject",
|
||||
"@id": "{{ .Site.BaseURL }}images/assets/avatar.png",
|
||||
"url": "{{ .Site.BaseURL }}images/assets/avatar.png",
|
||||
"height": "96",
|
||||
"width": "96"
|
||||
}
|
||||
},
|
||||
"image": {
|
||||
"@type": "ImageObject",
|
||||
"@id": "{{ .Site.BaseURL }}images/assets/avatar-800.png",
|
||||
"url": "{{ .Site.BaseURL }}images/assets/avatar-800.png",
|
||||
"height": "420",
|
||||
"width": "800"
|
||||
},
|
||||
"license": "{{ .Site.Params.License }}"
|
||||
}
|
||||
</script>
|
||||
{{ else }}
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "WebPage",
|
||||
"name": "{{ .Title }}",
|
||||
"@id": "{{ .Permalink }}",
|
||||
"url": "{{ .Permalink }}",
|
||||
"description": "{{ if .Params.description }}{{ .Params.description }}{{ else if .Site.Params.Description }}{{ .Site.Params.Description }}{{ else }}Personal portfolio{{ end }}",
|
||||
"datePublished": "{{ dateFormat "2006-01-02" (default .Date (.PublishDate)) }}"
|
||||
{{- if (and (isset .Params "lastmod") (gt (dateFormat "2016-01-02" (.Lastmod)) (dateFormat "2006-01-02" (.PublishDate)))) }},"dateModified": "{{ .Lastmod }}"{{ end }},
|
||||
"author": {
|
||||
"@type": "Person",
|
||||
"@id": "{{ .Site.BaseURL }}me",
|
||||
"name": "{{ .Site.Author.name }}",
|
||||
"url": "{{ .Site.BaseURL }}me",
|
||||
"email": "mailto:{{ .Site.Params.contactsPriv.email }}",
|
||||
"jobTitle": "{{ .Site.Params.contactsPriv.Function }}",
|
||||
"telephone": "{{ .Site.Params.contactsPriv.phone }}",
|
||||
"address": {
|
||||
"@type": "PostalAddress",
|
||||
"addressLocality": "{{ .Site.Params.contactsPriv.Place }}",
|
||||
"postalCode": "{{ .Site.Params.contactsPriv.ZIP }}",
|
||||
"streetAddress": "{{ .Site.Params.contactsPriv.address }}"
|
||||
},
|
||||
"image": {
|
||||
"@type": "ImageObject",
|
||||
"@id": "{{ .Site.BaseURL }}images/assets/avatar.png",
|
||||
"url": "{{ .Site.BaseURL }}images/assets/avatar.png",
|
||||
"height": "96",
|
||||
"width": "96"
|
||||
}
|
||||
},
|
||||
"isPartOf": {
|
||||
"@type": "WebSite",
|
||||
"name": "{{ .Site.Title }}",
|
||||
"url": "{{ .Site.BaseURL }}"
|
||||
},
|
||||
"image": {
|
||||
"@type": "ImageObject",
|
||||
"@id": "{{ .Site.BaseURL }}images/assets/avatar-800.png",
|
||||
"url": "{{ .Site.BaseURL }}images/assets/avatar-800.png",
|
||||
"height": "420",
|
||||
"width": "800"
|
||||
},
|
||||
"license": "{{ .Site.Params.License }}"
|
||||
}
|
||||
</script>
|
||||
{{ end }}
|
||||
|
|
@ -0,0 +1,43 @@
|
|||
<h2 id="online">{{ i18n "online" }}</h2>
|
||||
<dl class="home-lists online-contacts">
|
||||
{{ with .Site.Params.online.git }}
|
||||
<dt>Git</dt>
|
||||
<dd><a href="{{ . }}" rel="me">{{ . }}</a></dd>
|
||||
{{ end }}
|
||||
{{ with .Site.Params.online.github }}
|
||||
<dt>GitHub</dt>
|
||||
<dd><a href="https://github.com/{{ . }}" rel="me">{{ . }}</a></dd>
|
||||
{{ end }}
|
||||
{{ with .Site.Params.online.framagit }}
|
||||
<dt>Framagit</dt>
|
||||
<dd><a href="https://framagit.org/{{ . }}" rel="me">{{ . }}</a></dd>
|
||||
{{ end }}
|
||||
{{ with .Site.Params.online.mastodon }}
|
||||
<dt>mastodon</dt>
|
||||
<dd><a href="{{ . }}" rel="me">{{ . }}</a></dd>
|
||||
{{ end }}
|
||||
{{ with .Site.Params.online.twitter }}
|
||||
<dt>Twitter</dt>
|
||||
<dd><a href="https://twitter.com/{{ . }}">{{ . }}</a></dd>
|
||||
{{ end }}
|
||||
{{ with .Site.Params.online.instagram}}
|
||||
<dt>Instagram</dt>
|
||||
<dd><a href="https://www.instagram.com/{{ . }}">{{ . }}</a></dd>
|
||||
{{ end }}
|
||||
{{ with .Site.Params.online.keybase }}
|
||||
<dt>Keybase</dt>
|
||||
<dd><a href="https://keybase.io/{{ . }}">{{ . }}</a></dd>
|
||||
{{ end }}
|
||||
{{ with .Site.Params.online.wikipedia }}
|
||||
<dt>Wikipedia</dt>
|
||||
<dd><a href="https://fr.wikipedia.org/wiki/Utilisateur:{{ . }}">{{ . }}</a></dd>
|
||||
{{ end }}
|
||||
{{ with .Site.Params.online.openstreetmap }}
|
||||
<dt>OpenStreetMap</dt>
|
||||
<dd><a href="https://openstreetmap.org/user/{{ . }}">{{ . }}</a></dd>
|
||||
{{ end }}
|
||||
{{ with .Site.Params.online.discogs }}
|
||||
<dt>Discogs</dt>
|
||||
<dd><a href="https://www.discogs.com/user/{{ . }}">{{ . }}</a></dd>
|
||||
{{ end }}
|
||||
</dl>
|
||||
|
|
@ -0,0 +1,41 @@
|
|||
<h2 id="contactsPriv">{{ i18n "contactsPriv" }}</h2>
|
||||
<dl class="home-lists perso-contacts">
|
||||
{{ with .Site.Params.contactsPriv.email }}
|
||||
<dt>{{ i18n "e-mail" }}</dt>
|
||||
<dd><a href="mailto:{{ . }}" itemprop="email">{{ . }}</a></dd>
|
||||
{{ end }}
|
||||
<dt>{{ i18n "address" }}</dt>
|
||||
<dd><span itemprop="address">{{ with .Site.Params.contactsPriv.address }}{{ . }}{{ end }}, {{ with .Site.Params.contactsPriv.ZIP }}{{ . }}{{ end }} {{ with .Site.Params.contactsPriv.Place }}{{ . }}{{ end }}</span></dd>
|
||||
{{ with .Site.Params.contactsPriv.phone }}
|
||||
<dt>{{ i18n "tel" }}</dt>
|
||||
<dd>
|
||||
<a href="tel:{{ replace . " " ""}}">
|
||||
<span itemprop="telephone">{{ . }}</span>
|
||||
</a>
|
||||
</dd>
|
||||
{{end}}
|
||||
{{ with .Site.Params.contactsPriv.mobile }}
|
||||
<dt>{{ i18n "mobile" }}</dt>
|
||||
<dd>
|
||||
<a href="tel:{{ replace . " " ""}}">
|
||||
<span itemprop="telephone">{{ . }}</span>
|
||||
</a>
|
||||
</dd>
|
||||
{{end}}
|
||||
{{ with .Site.Params.contactsPriv.publickey }}
|
||||
<dt>{{ i18n "pubkey" }}</dt>
|
||||
<dd><a href="/{{ . }}">{{ . }}</a></dd>
|
||||
{{ end }}
|
||||
{{ with .Site.Params.contactsPriv.fingerprint }}
|
||||
<dt>{{ i18n "fingerprint" }}</dt>
|
||||
<dd><code>{{ . }}</code></dd>
|
||||
{{ end }}
|
||||
{{ with .Site.Params.contactsPriv.xmpp }}
|
||||
<dt class="smallcaps">{{ i18n "xmpp" }}</dt>
|
||||
<dd>{{ . }}</dd>
|
||||
{{ end }}
|
||||
{{ with .Site.Params.contactsPriv.cv}}
|
||||
<dt class="smallcaps">{{ i18n "cv" }}</dt>
|
||||
<dd><a href="/{{ . }}">{{ . }}</a></dd>
|
||||
{{end}}
|
||||
</dl>
|
||||
|
|
@ -0,0 +1,28 @@
|
|||
<details class="post-info no-print">
|
||||
<summary>{{ i18n "post-infos" }}</summary>
|
||||
<ul>
|
||||
<li>{{ i18n "published" }}: {{ dateFormat "2006-01-02" (default .Date (.PublishDate)) }}</li>
|
||||
{{ if (and (isset .Params "lastmod") (gt (dateFormat "2006-01-02" (.Lastmod)) (dateFormat "2006-01-02" (.PublishDate)))) }}
|
||||
<li>{{ i18n "lastUpdate" }}: {{ .Lastmod.Format "2006-01-02" }}</li>
|
||||
{{ end }}
|
||||
{{ with .Params.categories }}
|
||||
<li>{{ i18n "categories" }}:
|
||||
<ul>
|
||||
{{ range sort . }}
|
||||
<li class="post-taxonomies"><a href="{{ "categories" | absURL}}/{{ . | urlize }}">{{ . }}</a></li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</li>
|
||||
{{ end }}
|
||||
{{ with .Params.tags }}
|
||||
<li>{{ i18n "tags" }}:
|
||||
<ul>
|
||||
{{ range sort . }}
|
||||
<li class="post-taxonomies"> <a href="{{ "tags" | absURL }}/{{ . | urlize }}">{{ . }}</a> </li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</li>
|
||||
{{ end }}
|
||||
<li><a href="{{ .Permalink }}">{{ i18n "permalink" }}</a></li>
|
||||
</ul>
|
||||
</details>
|
||||
|
|
@ -0,0 +1,35 @@
|
|||
<h2 id="contactsPro">{{ i18n "contactsPro" }}</h2>
|
||||
<dl class="home-lists pro-contacts">
|
||||
{{ with .Site.Params.contactsPro.email }}
|
||||
<dt>{{ i18n "e-mail" }}</dt>
|
||||
<dd><a href="mailto:{{ . }}" itemprop="email">{{ . }}</a></dt>
|
||||
{{end}}
|
||||
{{ with .Site.Params.contactsPro.address }}
|
||||
<dt>{{ i18n "address" }}</dt>
|
||||
<dd><span itemprop="address">{{ . }}</span></dd>
|
||||
{{end}}
|
||||
{{ with .Site.Params.contactsPro.mobile}}
|
||||
<dt>{{ i18n "mobile" }}</dt>
|
||||
<dd>
|
||||
<a href="tel:{{ replace . " " ""}}">
|
||||
<span itemprop="telephone">{{ . }}</span>
|
||||
</a>
|
||||
</dd>
|
||||
{{end}}
|
||||
{{ with .Site.Params.contactsPro.phone}}
|
||||
<dt>{{ i18n "tel" }}</dt>
|
||||
<dd>
|
||||
<a href="tel:{{ replace . " " ""}}">
|
||||
<span itemprop="telephone">{{ . }}</span>
|
||||
</a>
|
||||
</dd>
|
||||
{{end}}
|
||||
{{ with .Site.Params.contactsPro.publickey }}
|
||||
<dt>{{ i18n "pubkey" }}</dt>
|
||||
<dd><a href="/{{ . }}">{{ . }}</a></dd>
|
||||
{{end}}
|
||||
{{ with .Site.Params.contactsPro.fingerprint}}
|
||||
<dt>{{ i18n "fingerprint" }}</dt>
|
||||
<dd><code>{{ . }}</code></dd>
|
||||
{{end}}
|
||||
</dl>
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
<figure class="audio audio-with-image">
|
||||
<img src="/images/{{ .Get "img" }}" class="cover" \>
|
||||
<div>
|
||||
<audio controls preload="metadata">
|
||||
<source src="/medias/{{ .Get "src" }}.opus" type="audio/opus" codecs="opus">
|
||||
<source src="/medias/{{ .Get "src" }}.ogg" type="audio/ogg" codecs="vorbis">
|
||||
<source src="/medias/{{ .Get "src" }}.mp3" type="audio/mpeg">
|
||||
{{ i18n "audioDownload" }} <a href="/medias/{{ .Get "src" }}.mp3">
|
||||
{{ i18n "thisLink" }}
|
||||
</a>
|
||||
</audio>
|
||||
<figcaption>
|
||||
<p>{{ .Get "legend" }}</p>
|
||||
<p>
|
||||
<a href="/medias/{{ .Get "src" }}.opus" class="smallcaps">opus</a> /
|
||||
<a href="/medias/{{ .Get "src" }}.ogg" class="smallcaps">ogg</a> /
|
||||
<a href="/medias/{{ .Get "src" }}.mp3" class="smallcaps">mp3</a>
|
||||
</p>
|
||||
</figcaption>
|
||||
</div>
|
||||
</figure>
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
<figure class="audio">
|
||||
<figcaption>
|
||||
<p>{{ .Get "legend" }} /
|
||||
<a href="/medias/{{ .Get "src" }}.opus" class="smallcaps">opus</a> /
|
||||
<a href="/medias/{{ .Get "src" }}.ogg" class="smallcaps">ogg</a> /
|
||||
<a href="/medias/{{ .Get "src" }}.mp3" class="smallcaps">mp3</a>
|
||||
</p>
|
||||
</figcaption>
|
||||
<audio controls preload="metadata">
|
||||
<source src="/medias/{{ .Get "src" }}.opus" type="audio/opus" codecs="opus">
|
||||
<source src="/medias/{{ .Get "src" }}.ogg" type="audio/ogg" codecs="vorbis">
|
||||
<source src="/medias/{{ .Get "src" }}.mp3" type="audio/mpeg">
|
||||
{{ i18n "audioDownload" }} <a href="/medias/{{ .Get "src"}}.mp3">
|
||||
{{ i18n "thisLink"}}
|
||||
</a>
|
||||
</audio>
|
||||
</figure>
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
<figure>
|
||||
{{ with .Get "src" }}
|
||||
<img src="{{ . }}" />
|
||||
{{ end }}
|
||||
{{ if and (.Get "licence") (.Get "author") (.Get "url") }}
|
||||
<figcaption>
|
||||
<h4>{{ .Get "licence" }} <a href="{{ .Get `url` }}">{{ .Get "author" }}</a></h4>
|
||||
</figcaption>
|
||||
{{ else if and (.Get "author") (.Get "url") (.Get "service") (.Get "service_url") }}
|
||||
<figcaption>
|
||||
<h4>Image de <a href="{{ .Get `url` }}">{{ .Get "author" }}</a> sur <a href="{{ .Get `service_url` }}">{{ .Get "service" }}</a></h4>
|
||||
</figcaption>
|
||||
{{ end }}
|
||||
</figure>
|
||||
|
|
@ -0,0 +1,15 @@
|
|||
<figure class="audio">
|
||||
<figcaption>
|
||||
<p>
|
||||
{{ .Get "legend" }} /
|
||||
<a href="{{ .Get "src" }}.opus" class="smallcaps">opus</a> /
|
||||
<a href="{{ .Get "src" }}.ogg" class="smallcaps">ogg</a> /
|
||||
<a href="{{ .Get "src" }}.mp3" class="smallcaps">mp3</a>
|
||||
</p>
|
||||
</figcaption>
|
||||
<audio controls preload="metadata">
|
||||
<source src="{{ .Get "src" }}.opus" type="audio/opus" codecs="opus">
|
||||
<source src="{{ .Get "src" }}.ogg" type="audio/ogg" codecs="vorbis">
|
||||
<source src="{{ .Get "src" }}.mp3" type="audio/mpeg">
|
||||
</audio>
|
||||
</figure>
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue