Skip to content

Commit 5e10be3

Browse files
committed
docs: rewrite README
1 parent e65665f commit 5e10be3

File tree

1 file changed

+31
-60
lines changed

1 file changed

+31
-60
lines changed

README.md

Lines changed: 31 additions & 60 deletions
Original file line numberDiff line numberDiff line change
@@ -1,91 +1,62 @@
1-
# [Minimal Mistakes Jekyll theme](https://mmistakes.github.io/minimal-mistakes/)
1+
# Personal Blog on Minimal Mistakes
22

3-
[![LICENSE](https://img.shields.io/badge/license-MIT-blue.svg)](https://raw.githubusercontent.com/DiogoRibeiro7/DiogoRibeiro7.github.io/master/LICENSE)
3+
[![LICENSE](https://img.shields.io/badge/license-MIT-blue.svg)](LICENSE)
44
[![Hosted with GH Pages](https://img.shields.io/badge/Hosted_with-GitHub_Pages-blue?logo=github&logoColor=white)](https://pages.github.com/)
55
[![Made with GH Actions](https://img.shields.io/badge/CI-GitHub_Actions-blue?logo=github-actions&logoColor=white)](https://github.com/features/actions)
66

7-
[![Jekyll](https://img.shields.io/badge/jekyll-%3E%3D%204.3-blue.svg)](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.
811

9-
[![Ruby Version](https://img.shields.io/badge/ruby-3.1-blue)](https://www.ruby-lang.org)
10-
[![Ruby gem](https://img.shields.io/gem/v/minimal-mistakes-jekyll.svg)](https://rubygems.org/gems/minimal-mistakes-jekyll)
12+
## Requirements
1113

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:
1915

2016
```bash
17+
# Python packages for helper scripts and tests
2118
pip install -r requirements.txt
22-
```
2319

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
2821
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/):
4522

46-
```bash
47-
npm run lint:css
23+
# Ruby gems for Jekyll
24+
bundle install
4825
```
4926

50-
## Local development
27+
## Development
5128

52-
Install Ruby gems specified in the `Gemfile` with:
29+
Use the following commands while working on the site:
5330

5431
```bash
55-
bundle install
56-
```
32+
# start a local server at http://localhost:4000/
33+
bundle exec jekyll serve
5734

58-
Serve the site locally with:
35+
# rebuild JavaScript when files change
36+
npm run watch:js
5937

60-
```bash
61-
bundle exec jekyll serve
38+
# lint stylesheets
39+
npm run lint:css
6240
```
6341

42+
## Tests
6443

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:
6845

6946
```bash
7047
pytest
7148
```
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).~~
7949

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.
8151

82-
~~Restyle your links (ideally the link should be back with no underline and you add a css style on hover)~~
52+
## Roadmap
8353

84-
~~Center pagination~~
54+
Planned improvements are organised as sprints in [ROADMAP.md](ROADMAP.md).
55+
Highlights include:
8556

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
8761

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

Comments
 (0)