Personal Site
⏳Source code for camilogarcialarotta.github.io
Source code and configuration to build personal website.
It uses Hugo without any themes. Just vanilla CSS.
It is a responsive website thanks to CSS Grids.
It also aims to be accesible thanks to semantic HTML and ARIA attributes.
Hugo generates the code inside publishDir = "camilogarcialarotta.github.io".
The directory camilogarcialarotta.github.io is a git submodule pointing to the GitHub repo with the same name.
The workflow is:
- Add content in the
personal-siterepo - Generate the code inside the
camilogarcialarotta.github.iodirectory using the commandhugo - Stage changes in the submodule and in the main repo
- Push changes to both GitHub repos using
git push --recurse-submodules=on-demand
personal-site
├── archetypes
│ └── default.md # template to create new blog entries
├── camilogarcialarotta.github.io # git submodule with code generated by Hugo
├── config.toml # Hugo configuration file
├── content
│ └── blog # contains all markdown blog posts
├── layouts
│ ├── _default
│ │ ├── baseof.html # base template (header + footer) for all pages
│ │ ├── list.html # template for a list of blogs
│ │ ├── single.html # template for the blog entries
│ │ └── terms.html # template for the tags page
│ ├── index.html # template for the main page
│ └── partials
│ └── date-and-tags.html # template to render date & tags of blog posts
└── static
├── css # all the styling of the site
└── img # all the images of the site