First project of The Odin Project.
  • HTML 68.1%
  • CSS 13.2%
  • Scheme 10.6%
  • Nix 8.1%
Find a file
Gabriel Santos 9a0ff8edf9 feat(.envrc): use has function from stdlib
Use the "has" function from Direnv's standard library to check for the Guix and
Nix executables.
2025-04-21 15:20:10 -03:00
guix feat(manifest.scm): add vscodium 2025-03-19 10:33:22 -03:00
img docs(AUTHORS): add copyright information 2025-03-28 10:21:58 -03:00
nix feat(flake.nix): add nixd 2025-03-31 13:44:27 -03:00
recipes feat(caesar-salad.html): replace ordered sublist with unordered sublist 2025-03-31 14:48:30 -03:00
.editorconfig feat(.editorconfig): update editorconfig 2025-04-07 10:11:27 -03:00
.envrc feat(.envrc): use has function from stdlib 2025-04-21 15:20:10 -03:00
.gitignore feat(.gitignore): add .gitignore 2025-04-05 06:50:05 -03:00
index.html feat: improve the homepage based on the block and inline lesson 2025-04-01 19:29:12 -03:00
LICENSE feat: start from template 2025-03-19 10:31:13 -03:00
README.md docs(README.md): add references for css 2025-03-29 21:33:00 -03:00
styles.css feat: improve the homepage based on the block and inline lesson 2025-04-01 19:29:12 -03:00

Odin Recipes

First project of The Odin Project

Summary

This is the first project of The Odin Project, used to test one's knowledge of the foundations so far.


Palette

The color palette for this project is currently based on the "Mocha" variant of the Catppuccin color paletter, a well-known color palette featuring pastel colours.

Mocha is the darkest variant provided.


Recipes

Pão de Queijo

1

Cheese bread that apparently exists in other places in Latin America, not only Brazil. Gets kinda boring if you eat too much of it, but if you fill it with cream cheese it's perfect.

Miso Soup

2

Traditional japanese soup, composed of miso paste (japanese seasoning produced by fermenting beans or grains) and other ingredients.

Caesar Salad

3

Green salad of romaine lettuce and croutons dressed with lemon juice, olive oil, eggs, Worcestershire sauce, anchovies, garlic, Dijon mustard, Parmesan and black pepper.


Skills

By the end of this project, I'll have demonstrated that I can use:

  1. Git.
  2. GitHub.
  3. Markdown4.
  4. HTML5.
  5. CSS678910.

VS Code/VSCodium is not included here because I prefer Emacs.

Additional Skills

The other files present here demonstrate that I can also use:

  1. Guix.
  2. Nix and its experimental Flakes.
  3. Direnv.
  4. EditorConfig.
  5. Zotero (to manage the references).

References

This lists some interesting sources I used to learn things related to this current project.


  1. Brazilian Cheese Bread (Pao de Queijo) (2024). Allrecipes. Available at: https://www.allrecipes.com/recipe/98554/brazilian-cheese-bread-pao-de-queijo (Accessed: March 28, 2025). ↩︎

  2. Miso Soup (2024). Allrecipes. Available at: https://www.allrecipes.com/recipe/13107/miso-soup (Accessed: March 28, 2025). ↩︎

  3. Classic Caesar Salad (2024). Allrecipes. Available at: https://www.allrecipes.com/recipe/229063/classic-restaurant-caesar-salad (Accessed: March 28, 2025). ↩︎

  4. Answer to “markdown tag for document title” (2018). Stack Overflow. Available at: https://stackoverflow.com/a/52237238 (Accessed: March 28, 2025). ↩︎

  5. thomson_matt (2011) Answer to “how to write fraction value using html?”. Stack Overflow. Available at: https://stackoverflow.com/a/7526005 (Accessed: March 28, 2025). ↩︎

  6. CSS Centering Images (no date). Available at: https://www.w3schools.com/css/css3_image_center.asp (Accessed: March 30, 2025). ↩︎

  7. How To Change Bullet Color of a List (no date). Available at: https://www.w3schools.com/HOWTO/howto_css_bullet_color.asp (Accessed: March 30, 2025). ↩︎

  8. Korpela, J.K. (2013) Answer to “cause line to wrap to new line after 100 characters”. Stack Overflow. Available at: https://stackoverflow.com/a/16756641 (Accessed: March 30, 2025). ↩︎

  9. How To Add a Border To an Image (no date). Available at: https://www.w3schools.com/howto/howto_css_border_image.asp (Accessed: March 30, 2025). ↩︎

  10. CSS Rounded Corners (no date). Available at: https://www.w3schools.com/css/css3_borders.asp (Accessed: March 30, 2025). ↩︎