summaryrefslogtreecommitdiffstats
path: root/src/components
Commit message (Collapse)AuthorAgeFilesLines
* refactor: update graphql queries (#14)Armand Philippot2022-03-092-6/+9
| | | | | | | | | | | | | | | | | | * refactor: replace postBy query postBy is now deprecated in WPGraphQL v1.7 * refactor: update post comments query PostBy is deprecated and it is now possible to use the post ID to query comments. * refactor: update get topic by slug query topicBy is deprecated * refactor: update get thematic by slug query thematicBy is deprecated
* feat: provide pagination for users with js disabled (#13)Armand Philippot2022-03-092-0/+223
| | | | | | | | | * chore: add a Pagination component * chore: add blog pages * chore: fallback to page number based navigation if JS disabled * chore: update translation
* chore: change header photoArmand Philippot2022-03-091-1/+1
|
* fix(meta): display full meta if posts count equal zeroArmand Philippot2022-03-071-1/+1
| | | | | When posts count equal zero (search page for example), only O was printed instead of "Total: No articles".
* fix(animations): avoid zomm in/out effect on mobileArmand Philippot2022-03-062-5/+7
| | | | | | Due to translateX transform and overflow, on small screens a zoom in / zoom out effect happened. So I adjust the animations for branding and job.
* chore: change recent posts alignementArmand Philippot2022-03-031-0/+1
| | | | | Instead of align them to left on small screens, I decided to centered them.
* fix: improve Ackee tooltip display on small screenArmand Philippot2022-03-032-8/+22
| | | | | Since I translated to French, the text did not fit into container on small screens. It is not perfect, but I plan to replace Ackee so...
* refactor: split posts meta into smaller componentsArmand Philippot2022-03-0115-243/+405
|
* refactor: import comment form dynamically when reply to a commentArmand Philippot2022-03-012-16/+27
| | | | | The comment form is displayed only if an user click on the reply button so importing it dynamically should improve performances.
* refactor: import dynamically SearchForm and Settings componentsArmand Philippot2022-03-011-4/+15
| | | | | These components are only available after a click from the user, so using dynamic import should improve performances.
* chore: combine input/textarea/select in a single componentArmand Philippot2022-02-2524-259/+230
|
* refactor: replace label elements with Label componentArmand Philippot2022-02-255-72/+78
|
* fix: translate Ackee tooltip titleArmand Philippot2022-02-231-1/+7
|
* feat: improve Ackee tracking (#11)Armand Philippot2022-02-2313-2/+482
| | | | | | | | | | | | | | | | | * build(deps): add use-ackee hook package * chore: create a context provider for Ackee The provider allows users to change the 'detailed' settings. * chore: add a select menu to choose which info to share with Ackee * chore: add a tooltip for askee settings * chore: replace default select styles with custom styles * chore: register user choice in localstorage * chore: replace Matomo with Ackee in legal notice
* chore(homepage): use next/image for images and specify width/heightArmand Philippot2022-02-222-19/+24
|
* refactor: replace script tags with next/script (#10)Armand Philippot2022-02-215-38/+29
| | | | | | | | * refactor: replace script tags with next/script Since next.js v12.1.0 some warnings was displayed because I was using some script tags. * build(deps): bump next-themes to v0.1.1
* feat: replace Matomo with AckeeArmand Philippot2022-02-211-0/+8
| | | | | I do not use all Matomo features so I was searching a lightweight analytics tools. I will give a try to Ackee.
* refactor(animations): replace width animations with transformArmand Philippot2022-02-182-5/+9
| | | | | | Animations based on width or height can be expensive and can cause lower performances. So, instead I use transform to obtain the same effect.
* fix: prevent cropped plus/minus icon on widgets (#8)Armand Philippot2022-02-181-0/+1
| | | | Because of the default padding on button element, in some browsers the plus/minus icon on widgets was cropped.
* chore: remove the use of id reference for potentialAction (#6)Armand Philippot2022-02-161-13/+15
| | | | Google doesn't like the id reference here. So, instead, I include the variable directly.
* fix: make schema.org markup valid (#4)Armand Philippot2022-02-164-8/+25
| | | | | | | | | | | | | | | | | | | | | | | | | | | Squashed commit of the following: commit 49c1b3b1556a0eb91c429a961fedd2bded8ffd47 Author: Armand Philippot <git@armandphilippot.com> Date: Wed Feb 16 15:17:52 2022 +0100 chore: add headline field to blogPosting schema commit 42214c6f032cc899ec252a9387be35dcad738546 Author: Armand Philippot <git@armandphilippot.com> Date: Wed Feb 16 15:09:11 2022 +0100 chore: update the searchAction markup and add query-input Google was complaining about "query-input" which is not in Schema.org representation. So I added it. commit 5f29226d937cbdcd262df2793f1588435d850f02 Author: Armand Philippot <git@armandphilippot.com> Date: Wed Feb 16 14:32:14 2022 +0100 chore: remove breadcrumb from homepage The breadcrumb is not displayed on the homepage, so the breadcrumb field should not appear inside Schema markup.
* chore: add a banner for users with JS disabledArmand Philippot2022-02-142-0/+33
|
* chore: display initial posts, thematics & topicsArmand Philippot2022-02-144-26/+14
| | | | | By fetching the data in getStaticProps, I can display the data even for users with Javascript disabled.
* chore: load recent posts on homepage during buildArmand Philippot2022-02-141-14/+7
| | | | This way, even whithout JS, user can see the latest posts.
* fix: open toolbar menu without double clickArmand Philippot2022-02-144-61/+39
| | | | | | When the main nav was opened, a double click on the search button or the settings button was necessary to open a new menu. Now, it works as expected: the main nav is closed and the menu is opened in one click.
* chore: improve comment form user experienceArmand Philippot2022-02-144-67/+117
|
* fix: update comments list when a new comment is sendArmand Philippot2022-02-142-4/+25
| | | | | The comments list was static before. If an user posted a comment, even after it was approved, the comments list was keeping the old state.
* chore: improve footerArmand Philippot2022-02-146-24/+52
| | | | | | The "Mentions légales" link was not enough visible on small viewports because of the back to top link. So I change the disposition to improve that.
* chore: add some noscript tags to explain why the data are not loadedArmand Philippot2022-02-136-1/+42
|
* chore: adjust spinner marginsArmand Philippot2022-02-131-1/+2
|
* chore: update some texts to reduce its widthArmand Philippot2022-02-132-4/+4
| | | | | | | In French, "Utiliser le thème sombre" was a little too long, so instead I decided to remove the "Toggle" word and add an icon to help user understand the button purpose. Same way, "Aucune étoile" was too long, so I replace it with "0 étoile"
* chore: increase toolbar buttons sizeArmand Philippot2022-02-135-120/+56
| | | | | | On small screen, they was too small I think. I also change some styles like focus state to keep consistency between all elements in toolbar. Also, I was not fan of the rotate effect.
* chore: adjust spacings, overflow and transitions of widgetsArmand Philippot2022-02-123-17/+11
|
* chore: improve accessibilityArmand Philippot2022-02-116-7/+46
|
* fix: prevent content to be printed before transition endArmand Philippot2022-02-111-2/+2
| | | | | | With `overflow-y: hidden`, the content was printed before the max height transition end. Switching to `overflow: hidden` fixed this issue.
* chore: adjust spacing before posts list year on small devicesArmand Philippot2022-02-102-2/+9
|
* chore: improve widgetsArmand Philippot2022-02-108-103/+76
| | | | | | | | * Make all widgets expanded by default. This way, without Javascript, thematics and topics are still available. * Improve collapse/expand transition. * Remove widget scrollbar: the height was sometimes weird because of that. Except for ToC on large devices.
* fix: typo in branding animationArmand Philippot2022-02-101-1/+1
|
* refactor: extract contact form from contact pageArmand Philippot2022-02-102-0/+176
| | | | | The contact page file was too long. By extracting the contact form the readability is improved.
* chore: improve contact form behaviorArmand Philippot2022-02-101-1/+1
| | | | | | | * The status was not visile in top of the form, so I moved it under the submit button. * It was possible to send an empty form. * The input type for email should be email instead of text.
* fix: translate Prism toolbar buttons on MDX code blocksArmand Philippot2022-02-081-13/+29
| | | | The translation was only set on page refresh.
* chore(prism): translate color scheme toggle buttonArmand Philippot2022-02-081-1/+5
|
* refactor(prism): rename color scheme attributes and remove prefixArmand Philippot2022-02-081-1/+1
|
* chore: change appearance of hamburger icon on hover/focusArmand Philippot2022-02-021-0/+44
|
* chore: close mainNav on click outside or route changeArmand Philippot2022-02-011-2/+25
|
* chore: move pagination cursor title in a separate divArmand Philippot2022-02-014-11/+28
| | | | | | The progress bar will be clearer for everyone if the information about the number of loaded articles is printed without hovering the progress bar.
* chore: animate main with fade in effectArmand Philippot2022-02-011-0/+4
|
* chore: animate brandingArmand Philippot2022-02-012-4/+75
|
* chore: animate toolbar entranceArmand Philippot2022-02-011-0/+8
|
* chore: add a new settings to handle prism theme from toolbarArmand Philippot2022-02-013-0/+61
|