Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Set different cursors for each page #53

Open
BarryCap opened this issue May 17, 2021 · 4 comments
Open

Set different cursors for each page #53

BarryCap opened this issue May 17, 2021 · 4 comments
Assignees
Labels
CSS Using CSS design Concerning the design work of the site enhancement New feature or request image Concerning images improvement Meliorations that concerns the visible part JS Using JavaScript

Comments

@BarryCap
Copy link
Owner

BarryCap commented May 17, 2021

Set different colors for cursors in different pages (e. g. yellow for Realizations, red for About, green for Random, etc.).
The subtlety is that cursors other than default must also have different colors (currently pointer and text).
default pointer text
And the text cursor is currently a bit weird. It has to be changed.
And the pointer cursor is too close than Windows' default.

@BarryCap BarryCap added enhancement New feature or request design Concerning the design work of the site improvement Meliorations that concerns the visible part image Concerning images CSS Using CSS labels May 17, 2021
@BarryCap BarryCap self-assigned this May 17, 2021
@BarryCap
Copy link
Owner Author

BarryCap commented May 17, 2021

  • A custom cursor for box page must also be add (using JavaScript).

@BarryCap BarryCap added the JS Using JavaScript label May 17, 2021
@BarryCap
Copy link
Owner Author

BarryCap commented May 17, 2021

New custom cursors:
default default — Used as default cursor for all site.
pointer pointer — Used for links and buttons.
text text — Used as text cursor for 21px sized texts.
text-big text-big — Used as text cursor for 32px sized texts.

@BarryCap
Copy link
Owner Author

BarryCap commented May 18, 2021

Keyframes for an animated progress cursor were added to styles.css. The loading of the site will be shown with this cursor, using JavaScript.

@BarryCap
Copy link
Owner Author

BarryCap commented May 21, 2021

New custom cursors (letters have been removed on default and pointer):

Basic cursors

default default — Used as default cursor for all site.
pointer pointer — Used for links and buttons.
text text — Used as text cursor for 21px sized texts.
text-big text-big — Used as text cursor for 32px sized texts.
zoom-in zoom-in — Used for images (and maybe for thumbnails) which link to the image file.

Progress cursor

Will be used before the page is completely loaded.
progress1 1
progress2 2
progress3 3
progress4 4
progress5 5
progress6 6
progress7 7
progress8 8
progress9 9
progress10 10
progress11 11
progress12 12
progress13 13
progress14 14
progress15 15
progress16 16

SQRZ cursors

Used in SQRZ page
0 0
2 2
4 4
6 6
8 8
a a
c c
e e
f f

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
CSS Using CSS design Concerning the design work of the site enhancement New feature or request image Concerning images improvement Meliorations that concerns the visible part JS Using JavaScript
Projects
None yet
Development

No branches or pull requests

1 participant