R1D8

8ème jour. FreeCodeCamp : initiation au responsive design. Aménagement de ce micro-site. Avec l’espoir de m’émanciper en HTML/CSS pour sortir des thèmes fondés sur Bootstrap.

1. FreeCodeCamp Responsive Design Bootstrap

• Terminé le tutoriel freecodecamp Bootstrap Responsive Design.
• Prochaine étape : construire une page d’hommage) en pur HTML/Bootstrap (pas de CSS)

Essai jQuery et target

2. Travaux : dates et structure de dossiers

21. Dates en français

Demain c’est le « 1er août ». Poursuite de la mise en forme de la date. Ajouter le suffixe 1er

{{ .Date.Format "2" }}
{{ if in (slice 1) Date.Day}}er{{ end }}

Modification d’un appel de date le layout ‘list.html’ et modification du partiel existant post-meta-html appelé dans single.html :

<a class="post-meta post-title p-name u-url" href="{{ .Permalink }}">
{{ partial "auteur.html" .}} le <time class="post-date dt-published" datetime="{{ .Date.Format "2006-01-02T15:04:05Z07:00" | safeHTML }}">
{{ .Date.Format "2" }}{{ if in (slice 1) .Date.Day}}er{{ end }}
{{ index $.Site.Data.mois (printf "%d" .Date.Month) }} {{ .Date.Year }}</time> 
</span>
</a>

22. IndieMark

L’IndieMark Niveau 1 c’est posséder son propre domaine pour se connecter et publier des posts. (Référence IndieMark Niveau 1). L’IndieMark Niveau 2 porte sur l’amélioration de l’identité personnelle, et poster plusieurs types de posts sur votre propre site, parmi lesquels il devrait y avoir des notes postées sur votre site au lieu de Twitter (puis de les POSSEr vers Twitter).

Notes dans le menu

• Ajouter un lien notes.
• Structure de dossier à concevoir pour héberger de futurs échantillons de code liés au défi freecodecamp.