|
1 | | -# [Minimal Mistakes Jekyll theme](https://mmistakes.github.io/minimal-mistakes/) |
| 1 | +# Personal Blog on Minimal Mistakes |
2 | 2 |
|
3 | | -[](https://raw.githubusercontent.com/DiogoRibeiro7/DiogoRibeiro7.github.io/master/LICENSE) |
| 3 | +[](LICENSE) |
4 | 4 | [](https://pages.github.com/) |
5 | 5 | [](https://github.com/features/actions) |
6 | 6 |
|
7 | | -[](https://jekyllrb.com/) |
| 7 | +This repository contains the source code for my website built with the |
| 8 | +[Minimal Mistakes](https://mmistakes.github.io/minimal-mistakes/) Jekyll theme. |
| 9 | +It also includes a few helper scripts to clean up Markdown front matter and |
| 10 | +run tests. |
8 | 11 |
|
9 | | -[](https://www.ruby-lang.org) |
10 | | -[](https://rubygems.org/gems/minimal-mistakes-jekyll) |
| 12 | +## Requirements |
11 | 13 |
|
12 | | - |
13 | | -Minimal Mistakes is a flexible two-column Jekyll theme, perfect for building personal sites, blogs, and portfolios. As the name implies, styling is purposely minimalistic to be enhanced and customized by you :smile:. |
14 | | - |
15 | | -## Setup |
16 | | - |
17 | | -This repository contains a few helper scripts for processing Markdown posts. |
18 | | -Install the Python dependencies listed in `requirements.txt` with: |
| 14 | +The site relies on Ruby, Node and Python tooling. Install dependencies with: |
19 | 15 |
|
20 | 16 | ```bash |
| 17 | +# Python packages for helper scripts and tests |
21 | 18 | pip install -r requirements.txt |
22 | | -``` |
23 | 19 |
|
24 | | -To work with the JavaScript that powers the theme you'll also need Node |
25 | | -dependencies. Install them with: |
26 | | - |
27 | | -```bash |
| 20 | +# JavaScript dependencies |
28 | 21 | npm install |
29 | | -``` |
30 | | - |
31 | | -This project uses **npm** for managing JavaScript dependencies and tracks |
32 | | -exact versions in `package-lock.json`. |
33 | | - |
34 | | -Bundled JavaScript is compiled from the source files in `assets/js/`. Run the |
35 | | -following to create `main.min.js` (minified with a banner) or watch for changes: |
36 | | - |
37 | | -```bash |
38 | | -npm run build:js # minify and add banner |
39 | | -npm run watch:js # optional: automatically rebuild on changes |
40 | | -``` |
41 | | - |
42 | | -## CSS linting |
43 | | - |
44 | | -Lint all SCSS files with [Stylelint](https://stylelint.io/): |
45 | 22 |
|
46 | | -```bash |
47 | | -npm run lint:css |
| 23 | +# Ruby gems for Jekyll |
| 24 | +bundle install |
48 | 25 | ``` |
49 | 26 |
|
50 | | -## Local development |
| 27 | +## Development |
51 | 28 |
|
52 | | -Install Ruby gems specified in the `Gemfile` with: |
| 29 | +Use the following commands while working on the site: |
53 | 30 |
|
54 | 31 | ```bash |
55 | | -bundle install |
56 | | -``` |
| 32 | +# start a local server at http://localhost:4000/ |
| 33 | +bundle exec jekyll serve |
57 | 34 |
|
58 | | -Serve the site locally with: |
| 35 | +# rebuild JavaScript when files change |
| 36 | +npm run watch:js |
59 | 37 |
|
60 | | -```bash |
61 | | -bundle exec jekyll serve |
| 38 | +# lint stylesheets |
| 39 | +npm run lint:css |
62 | 40 | ``` |
63 | 41 |
|
| 42 | +## Tests |
64 | 43 |
|
65 | | -## Running tests |
66 | | - |
67 | | -Install the Python dependencies and execute: |
| 44 | +Front matter utilities are covered by a small `pytest` suite. Run the tests with: |
68 | 45 |
|
69 | 46 | ```bash |
70 | 47 | pytest |
71 | 48 | ``` |
72 | | -GitHub Actions already runs these commands automatically during deployments. |
73 | | - |
74 | | -# ToDo |
75 | | - |
76 | | -~~Have a consistency in the font and font sizes (ideally you want to use 2 fonts. One for the header/subtitle and one for the text. You can use this kind of website https://fontjoy.com/ which allow you to pair fonts).~~ |
77 | | - |
78 | | -~~Choose a few main colours for your site (I would suggest black/white/grey but not in solid. You can also use this kind of site: https://coolors.co/palettes/popular/2a4849).~~ |
79 | 49 |
|
80 | | -~~Reduce then size of the homepage top image (ideally you want your first articles to be visible on load and not hidden below the fold).~~ |
| 50 | +GitHub Actions executes the same tests on every push. |
81 | 51 |
|
82 | | -~~Restyle your links (ideally the link should be back with no underline and you add a css style on hover)~~ |
| 52 | +## Roadmap |
83 | 53 |
|
84 | | -~~Center pagination~~ |
| 54 | +Planned improvements are organised as sprints in [ROADMAP.md](ROADMAP.md). |
| 55 | +Highlights include: |
85 | 56 |
|
86 | | -~~Restyle your article detail page breadcrumbs. You want them to be less visible (I would suggest a light grey colour here)~~ |
| 57 | +- refining typography and the colour palette |
| 58 | +- restructuring the homepage with card‑style articles |
| 59 | +- adding search and dark mode |
| 60 | +- optimising performance and accessibility |
87 | 61 |
|
88 | | -Right now at the top of the detail page, you have your site breadcrumbs, a title then another title and the font sizes are a bit off and it is hard to understand the role of the second title. I would reorganise this to provide a better understanding to the reader |
89 | | -On the detail page, I would suggest you put the `You may also enjoy` straight at the end of the article. Right now it is after comments and you can lose engagement on your site. |
90 | | -I would suggest you remove your description from the detail page. I think having it on the home page is enough. You can have a smaller introduction if needed with a read more button or link that will take the reader to a full page description of yourself and your skillset. That will allow you to tell more about yourself and why you do what you do |
91 | | -I will create card article with a hover animation (add some shape and background colour and ideally a header image for the card. The graphs you show me last week for example.) |
| 62 | +Contributions are welcome! |
0 commit comments