diff --git a/README.md b/README.md index 09afd3e..4091035 100644 --- a/README.md +++ b/README.md @@ -25,3 +25,8 @@ For development, run `hugo server --watch` to watch for config/content changes, ## Using the theme TODO 😄 + +## TODO + +* RSS feeds +* Make burger menu work on mobiles diff --git a/content/posts/smartphone/consequences/index.md b/content/posts/smartphone/consequences/index.md index 9480a4c..0ed72a6 100644 --- a/content/posts/smartphone/consequences/index.md +++ b/content/posts/smartphone/consequences/index.md @@ -5,6 +5,8 @@ categories: - Technologie - Réflexion summary: "Les précédents billets présentent trois pistes pour explorer les raisons de l'addiction au smartphone : la curiosité, les peurs contemporaines et les notifications. Cette addiction a des conséquences tangibles." +imgLicence: Art Libre - Sarah Brulard +imgExplanation: En image d'illustration, moi au foyer étudiant de l'UTC, absorbé par mon téléphone et entouré de gens très chouettes. --- Ces mécanismes combinés font exploser le temps passé sur un smartphone dans la journée -- plusieurs heures pour la plupart d'entre nous, oscillant entre les recherches consenties, le scroll automatique, l'ingestion compulsive de nouvelles et la réponse aux stimuli des notifications. diff --git a/content/posts/smartphone/consequences/top.jpg b/content/posts/smartphone/consequences/top.jpg new file mode 100644 index 0000000..dd6f782 Binary files /dev/null and b/content/posts/smartphone/consequences/top.jpg differ diff --git a/content/posts/smartphone/curiosite/index.md b/content/posts/smartphone/curiosite/index.md index a6d4103..8a9a652 100644 --- a/content/posts/smartphone/curiosite/index.md +++ b/content/posts/smartphone/curiosite/index.md @@ -5,6 +5,7 @@ categories: - Technologie - Réflexion summary: « Se perdre sur Internet », voilà une activité contemporaine qui partage le haut du classement avec la destruction méthodique des écosystèmes et des acquis sociaux. Mais pourquoi se perd-on sur le web ? +imgLicence: CC BY 2.0 - Moyan Bren --- ## La curiosité est un joli défaut diff --git a/content/posts/smartphone/curiosite/top.jpg b/content/posts/smartphone/curiosite/top.jpg new file mode 100644 index 0000000..0ba54ce Binary files /dev/null and b/content/posts/smartphone/curiosite/top.jpg differ diff --git a/content/posts/smartphone/introduction/index.md b/content/posts/smartphone/introduction/index.md index a62d49b..ccd1505 100644 --- a/content/posts/smartphone/introduction/index.md +++ b/content/posts/smartphone/introduction/index.md @@ -5,6 +5,7 @@ categories: - Technologie - Réflexion summary: Ce billet est le premier d'une série qui s'intéresse à la place du smartphone dans nos vies. J'y raconte comment j'en suis venu à interroger mes usages, ce que j'en ai compris, et ce que j'ai décidé pour m'en extirper. +imgLicence: CC BY-SA 4.0 - Quentin Duchemin --- ## Pourquoi ? diff --git a/content/posts/smartphone/introduction/top.jpg b/content/posts/smartphone/introduction/top.jpg new file mode 100755 index 0000000..7298fdd Binary files /dev/null and b/content/posts/smartphone/introduction/top.jpg differ diff --git a/content/posts/smartphone/notifications/index.md b/content/posts/smartphone/notifications/index.md index 1f96517..096332f 100644 --- a/content/posts/smartphone/notifications/index.md +++ b/content/posts/smartphone/notifications/index.md @@ -5,6 +5,7 @@ categories: - Technologie - Réflexion summary: Les notifications, a priori inoffensives et pratiques, offrent à tous les marchands de données la clé de notre attention, à toute heure de la journée. Tous les publicitaires en ont rêvé, les smartphones l'ont fait. +imgExplanation: En illustration de cet article, une notification de CNN qui invite tous les utilisateurs de l'application à faire une sieste car il n'y a plus de nouveaux articles. Merci de l'autorisation, j'étais crevé ! --- Dans les précédentes parties, on a d'abord vu que la curiosité était un besoin qui s'est construit au cours de l'évolution. Probablement d'abord utile pour le fourrageage, elle est aujourd'hui une source de motivation pour l'apprentissage, la remise en question de notre présent et la fabrique de nouveaux imaginaires. En tant qu'il rend l'accès à l'information recherchée immédiat et en propose d'autres, le web est un puissant capteur d'attention qui récompense notre curiosité et l'appétence de notre cerveau pour la nouveauté. diff --git a/content/posts/smartphone/notifications/top.jpg b/content/posts/smartphone/notifications/top.jpg new file mode 100644 index 0000000..a375dd7 Binary files /dev/null and b/content/posts/smartphone/notifications/top.jpg differ diff --git a/content/posts/smartphone/perspectives/index.md b/content/posts/smartphone/perspectives/index.md index 197ca88..31fed4a 100644 --- a/content/posts/smartphone/perspectives/index.md +++ b/content/posts/smartphone/perspectives/index.md @@ -5,6 +5,8 @@ categories: - Technologie - Réflexion summary: Comment casser la boucle de l'addiction au smartphones ? Quelques pistes de réflexion, certes très autocentrées, mais qui m'ont été utiles, en attendant de changer le monde. +imgLicence: Art Libre - Baptiste Filleau +imgExplanation: En illustration de cet article, une aquarelle de mon meilleur ami, qui m'a beaucoup fait avancer dans mes réflexions. --- ## S'il vous plaît, ne me tapez pas diff --git a/content/posts/smartphone/perspectives/top.jpg b/content/posts/smartphone/perspectives/top.jpg new file mode 100755 index 0000000..ba95ac8 Binary files /dev/null and b/content/posts/smartphone/perspectives/top.jpg differ diff --git a/content/posts/smartphone/peurs/index.md b/content/posts/smartphone/peurs/index.md index c581629..732d137 100644 --- a/content/posts/smartphone/peurs/index.md +++ b/content/posts/smartphone/peurs/index.md @@ -5,6 +5,7 @@ categories: - Technologie - Réflexion summary: La curiosité ne suffit pas à expliquer à elle seule les usages déraisonnables de nos smartphones. Pour mieux comprendre, il faut faire un détour par les peurs qui caractérisent notre époque. +imgLicence: CC BY 2.0 - robinsoncaruso --- Dans la précédente partie de ce billet, on a vu que la curiosité était un besoin fondamental chez les humains, que la nouveauté en tant que telle était puissamment récompensée par le cerveau et que le web était l'objet idéal pour créer et satisfaire notre curiosité dans une même boucle, encore plus à l'ère du smartphone. diff --git a/content/posts/smartphone/peurs/top.jpg b/content/posts/smartphone/peurs/top.jpg new file mode 100644 index 0000000..3865be4 Binary files /dev/null and b/content/posts/smartphone/peurs/top.jpg differ diff --git a/themes/chosto/layouts/_default/list.html b/themes/chosto/layouts/_default/list.html index 0d70fb7..f0b5ea8 100644 --- a/themes/chosto/layouts/_default/list.html +++ b/themes/chosto/layouts/_default/list.html @@ -4,7 +4,7 @@
{{ with .Content }}
-
+
{{ . }}
diff --git a/themes/chosto/layouts/_default/single.html b/themes/chosto/layouts/_default/single.html index 69407b2..8377135 100644 --- a/themes/chosto/layouts/_default/single.html +++ b/themes/chosto/layouts/_default/single.html @@ -25,10 +25,20 @@
+ + {{ with .Params.imgExplanation }} +
+
+ {{ . }} +
+
+ {{ end }} + {{ with .Params.summary }} {{ . }}

{{ end }} + {{ if (or (not .Params.notoc) (gt .WordCount 400)) }}
Sommaire
@@ -36,6 +46,7 @@
{{ .TableOfContents | replaceRE "
{{ end }} + {{ .Content }}
diff --git a/themes/chosto/layouts/_default/summary.html b/themes/chosto/layouts/_default/summary.html index 2182505..7c6f58d 100644 --- a/themes/chosto/layouts/_default/summary.html +++ b/themes/chosto/layouts/_default/summary.html @@ -1,12 +1,12 @@
-
- {{ $imageURL := "https://bulma.io/images/placeholders/640x480.png" }} +
+ {{ $imageURL := "https://bulma.io/images/placeholders/480x320.png" }} {{ with .Resources.GetMatch "top.jpg" }} - {{ $image := .Fill "640x480 smart" }} + {{ $image := .Fill "480x320 left" }} {{ $imageURL = $image.Permalink }} {{ end }} - Placeholder image + Placeholder image
diff --git a/themes/chosto/layouts/partials/header.html b/themes/chosto/layouts/partials/header.html index d17d40a..caa8686 100644 --- a/themes/chosto/layouts/partials/header.html +++ b/themes/chosto/layouts/partials/header.html @@ -1,13 +1,27 @@
-
- {{ with .Params.categories }} -
- {{ range . }} - {{ . }} - {{ end }} +
+
+
+ {{ with .Params.imgLicence }} +
+ Image d'illustration {{ . }} +
+ {{ end }} +
+
+
+ {{ with .Params.categories }} +
+ {{ range . }} + {{ . }} + {{ end }} +
+ {{ end }} +
+
- {{ end }} +

{{ .Title }}