diff options
| author | Armand Philippot <git@armandphilippot.com> | 2021-10-28 14:51:17 +0200 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2021-10-28 14:51:17 +0200 |
| commit | 24d4820427bc61b5af1f1324dbe8937d5026589a (patch) | |
| tree | 162d691166bb294e038c151bb7bf0e7c5ef3f483 /htdocs/src | |
| parent | 31faebd8a53b3648d7c8f7076bc8dbe8e61d2ac1 (diff) | |
chore: add todos project credentials
I change the description element from 'p' to 'div', it makes more sense
since I'm using line breaks to display them.
Diffstat (limited to 'htdocs/src')
| -rw-r--r-- | htdocs/src/js/app.js | 3 | ||||
| -rw-r--r-- | htdocs/src/js/config/projects.js | 4 | ||||
| -rw-r--r-- | htdocs/src/scss/layout/_main.scss | 5 |
3 files changed, 9 insertions, 3 deletions
diff --git a/htdocs/src/js/app.js b/htdocs/src/js/app.js index f3c6a03..bd92e93 100644 --- a/htdocs/src/js/app.js +++ b/htdocs/src/js/app.js @@ -183,7 +183,8 @@ function getProjectDetails(project) { let description; if (project.description) { - description = document.createElement('p'); + description = document.createElement('div'); + description.classList.add('project-details__description'); description.textContent = project.description[locale] || ''; } else { description = ''; diff --git a/htdocs/src/js/config/projects.js b/htdocs/src/js/config/projects.js index 4604c4c..920abad 100644 --- a/htdocs/src/js/config/projects.js +++ b/htdocs/src/js/config/projects.js @@ -163,8 +163,8 @@ const projects = [ id: 'todos', name: 'Todos', description: { - en: 'You can add, remove or mark as done your todos. For each todos, you can add some details in addition to the title.', - fr: 'Vous pouvez ajouter, supprimer ou marquer comme fait vos "todo". Pour chaque "todo", vous pouvez ajouter des détails en plus du titre.', + en: 'You can add, remove or mark as done your todos. For each todos, you can add some details in addition to the title.\n\nLogin: demo@email.com\nPassword: demo', + fr: 'Vous pouvez ajouter, supprimer ou marquer comme fait vos "todo". Pour chaque "todo", vous pouvez ajouter des détails en plus du titre.\n\nLogin : demo@email.com\nMot de passe : demo', }, path: './projects/react-small-apps/todos/build/', repo: [ diff --git a/htdocs/src/scss/layout/_main.scss b/htdocs/src/scss/layout/_main.scss index ff3a0ec..71a67f4 100644 --- a/htdocs/src/scss/layout/_main.scss +++ b/htdocs/src/scss/layout/_main.scss @@ -68,6 +68,11 @@ } } + &__description { + margin-bottom: fun.get-var(spacing-md); + white-space: pre-wrap; + } + .list { &--tech { padding-left: fun.get-var(spacing-sm); |