Intégration de mes livres à mes articles
This commit is contained in:
@@ -18,4 +18,77 @@ aside {
|
||||
margin: var(--margin-half);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.oeuvre-panel {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: flex-start;
|
||||
gap: var(--gap-oeuvre-panel);
|
||||
}
|
||||
|
||||
.oeuvre-panel__image {
|
||||
margin: 0;
|
||||
flex: 0 0 var(--width-oeuvre-cover);
|
||||
}
|
||||
|
||||
.oeuvre-panel__image img {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.oeuvre-panel__content {
|
||||
flex: 1 1 auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: var(--gap-oeuvre-panel);
|
||||
}
|
||||
|
||||
.oeuvre-panel h2 {
|
||||
margin: 0;
|
||||
font-size: var(--font-size-card-title);
|
||||
color: var(--color-oeuvre-heading);
|
||||
}
|
||||
|
||||
.oeuvre-panel p {
|
||||
margin: 0;
|
||||
color: var(--color-oeuvre-text);
|
||||
}
|
||||
|
||||
.oeuvre-panel p+p {
|
||||
margin-top: var(--gap-third);
|
||||
}
|
||||
|
||||
.oeuvre-panel p:last-of-type {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: var(--gap-third);
|
||||
}
|
||||
|
||||
.oeuvre-panel p:last-of-type a {
|
||||
display: inline-block;
|
||||
padding: 0.35rem 0.9rem;
|
||||
font-size: 0.95em;
|
||||
text-decoration: none;
|
||||
background: var(--color-oeuvre-link-primary-bg);
|
||||
color: var(--color-oeuvre-link-primary-text);
|
||||
border: 1px solid var(--color-oeuvre-link-primary-border);
|
||||
}
|
||||
|
||||
.oeuvre-panel p:last-of-type a:hover,
|
||||
.oeuvre-panel p:last-of-type a:focus-visible {
|
||||
color: var(--color-oeuvre-link-primary-text);
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.oeuvre-panel {
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
}
|
||||
|
||||
.oeuvre-panel__image {
|
||||
max-width: 220px;
|
||||
}
|
||||
}
|
||||
@@ -49,4 +49,7 @@
|
||||
--weather-metric-padding: var(--padding-half);
|
||||
--weather-badge-padding: 0.35rem 0.6rem;
|
||||
--weather-sources-margin: var(--gap-half);
|
||||
|
||||
--width-oeuvre-cover: 140px;
|
||||
--gap-oeuvre-panel: var(--gap-half);
|
||||
}
|
||||
|
||||
@@ -1,17 +1,33 @@
|
||||
{{/* Bloc de présentation pour l'ouvrage "L'Anankéisme" */}}
|
||||
<aside>
|
||||
<div class="panel">
|
||||
<h2>L'Anankéisme</h2>
|
||||
<p>
|
||||
<em>L'Anankéisme – Essai philosophique sur le déterminisme intégral</em> propose
|
||||
un cadre axiomatique en dix propositions pour penser un déterminisme absolu,
|
||||
une vérité indépendante de toute cognition et une définition rigoureuse du vivant,
|
||||
de l'intelligence, de la morale et de l'éthique.
|
||||
</p>
|
||||
<p>
|
||||
<a href="https://doi.org/10.5281/zenodo.15313161">Télécharger la version numérique</a><br>
|
||||
<a href="https://anankeisme.fr/">Découvrir le site dédié à l'Anankéisme</a>
|
||||
</p>
|
||||
<div class="panel oeuvre-panel">
|
||||
<div class="oeuvre-panel__image">
|
||||
{{- $assetPath := "images/oeuvres/l-anankeisme.png" -}}
|
||||
{{- with resources.Get $assetPath -}}
|
||||
{{- $img := .Resize "320x" -}}
|
||||
<img src='{{ $img.RelPermalink }}' width="{{ $img.Width }}" height="{{ $img.Height }}"
|
||||
alt="Couverture de L'Anankéisme – Essai philosophique sur le déterminisme intégral" loading="lazy">
|
||||
{{- else -}}
|
||||
<img src='{{ "/images/oeuvres/l-anankeisme.png" | relURL }}'
|
||||
alt="Couverture de L'Anankéisme – Essai philosophique sur le déterminisme intégral" loading="lazy">
|
||||
{{- end }}
|
||||
</div>
|
||||
<div class="oeuvre-panel__content">
|
||||
<h2>L'Anankéisme</h2>
|
||||
<p>
|
||||
<em>L'Anankéisme – Essai philosophique sur le déterminisme intégral</em> propose
|
||||
un cadre axiomatique en dix propositions pour penser un déterminisme absolu,
|
||||
une vérité indépendante de toute cognition et une définition rigoureuse du vivant,
|
||||
de l'intelligence, de la morale et de l'éthique.
|
||||
</p>
|
||||
<p>
|
||||
<a href="https://anankeisme.fr/">
|
||||
Découvrir le site dédié à l'Anankéisme
|
||||
</a>
|
||||
<a href="https://librairie.bod.fr/lanankeisme-richard-dern-9782322634903">
|
||||
Acheter le livre
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
</aside>
|
||||
@@ -1,20 +1,32 @@
|
||||
{{/* Bloc de présentation pour l'ouvrage "L'Humain, cette espèce primitive" */}}
|
||||
<aside>
|
||||
<div class="panel">
|
||||
<h2>L'Humain, cette espèce primitive</h2>
|
||||
<p>
|
||||
<em>L'Humain, cette espèce primitive</em> est un essai dans lequel vous explorez
|
||||
différentes facettes de ce que l'on perçoit comme notre évolution, en adoptant
|
||||
la perspective de l'exploration spatiale et de ce que nous risquons d'y découvrir.
|
||||
</p>
|
||||
<p>
|
||||
<a href="/interets/philosophie/2023/05/18/lhumain-cette-espece-primitive-lhumain-cette-espece-primitive/">
|
||||
Lire le livre en ligne sur le blog
|
||||
</a><br>
|
||||
<a href="https://www.amazon.fr/dp/B08VF4D2NT">
|
||||
Acheter la version numérique ou papier sur Amazon
|
||||
</a>
|
||||
</p>
|
||||
<div class="panel oeuvre-panel">
|
||||
<div class="oeuvre-panel__image">
|
||||
{{- $assetPath := "images/oeuvres/l-humain-cette-espece-primitive.jpeg" -}}
|
||||
{{- with resources.Get $assetPath -}}
|
||||
{{- $img := .Resize "320x" -}}
|
||||
<img src='{{ $img.RelPermalink }}' width="{{ $img.Width }}" height="{{ $img.Height }}"
|
||||
alt="Couverture de L'Humain, cette espèce primitive" loading="lazy">
|
||||
{{- else -}}
|
||||
<img src='{{ "/images/oeuvres/l-humain-cette-espece-primitive.jpeg" | relURL }}'
|
||||
alt="Couverture de L'Humain, cette espèce primitive" loading="lazy">
|
||||
{{- end }}
|
||||
</div>
|
||||
<div class="oeuvre-panel__content">
|
||||
<h2>L'Humain, cette espèce primitive</h2>
|
||||
<p>
|
||||
<em>L'Humain, cette espèce primitive</em> est un essai dans lequel vous explorez
|
||||
différentes facettes de ce que l'on perçoit comme notre évolution, en adoptant
|
||||
la perspective de l'exploration spatiale et de ce que nous risquons d'y découvrir.
|
||||
</p>
|
||||
<p>
|
||||
<a href="https://www.amazon.fr/dp/B08VF4D2NT">
|
||||
Acheter la version numérique
|
||||
</a>
|
||||
<a href="/interets/philosophie/2023/05/18/lhumain-cette-espece-primitive-lhumain-cette-espece-primitive/">
|
||||
Lire le livre en ligne
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
</aside>
|
||||
@@ -34,10 +34,10 @@
|
||||
</aside>
|
||||
{{- end }}
|
||||
|
||||
{{- partial "asides/keywords.html" . }}
|
||||
|
||||
{{ partial "oeuvres.html" . }}
|
||||
|
||||
{{- partial "asides/keywords.html" . }}
|
||||
|
||||
{{ if .Params.weather }}
|
||||
<aside>
|
||||
{{- partial "render/weather.html" . -}}
|
||||
|
||||
@@ -105,4 +105,12 @@
|
||||
--weather-metric-bg: rgba(255, 255, 255, 0.03);
|
||||
--weather-metric-border: 1px solid var(--gray-800);
|
||||
--weather-icon-shadow: drop-shadow(0 6px 12px rgba(0, 0, 0, 0.4));
|
||||
|
||||
/* Oeuvres (blocs de livres) */
|
||||
--color-oeuvre-heading: var(--gray-0);
|
||||
--color-oeuvre-text: var(--color-text);
|
||||
--color-oeuvre-link-primary-bg: var(--green-700);
|
||||
--color-oeuvre-link-primary-text: var(--gray-0);
|
||||
--color-oeuvre-link-primary-border: var(--green-500);
|
||||
--color-oeuvre-link-secondary-text: var(--color-link);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user