185 Commits

Author SHA1 Message Date
Sped0n
817b543ee0 refactor(stage.ts): change cordHist, isOpen, isAnimating, and active variables to instances of the watchable class to improve semantics and encapsulation 2023-10-29 02:41:37 +08:00
Sped0n
d32d5b5e4f fix(main.ts): import correct functions from utils module
feat(stage.ts): implement stage navigation functionality
feat(stageNav.ts): implement stage navigation overlay functionality
feat(state.ts): implement state management for index and threshold
feat(utils.ts): add utility functions for increment and decrement
2023-10-29 00:58:53 +08:00
Sped0n
2bc6d213ee chore(variables.scss): update variable names and values for better readability and consistency
chore(style.scss): reorganize import statements for better organization and readability
2023-10-29 00:58:26 +08:00
Sped0n
d985504a1c feat: add custom cursor styles
Add a new file `_customCursor.scss` to the `assets/css/_partial` directory. This file contains styles for a custom cursor. The `.cursor` class is used to position the cursor and set its appearance. The `.active` class is used to display the cursor. The `.cursorInner` class is used to position the inner content of the cursor.

---

refactor: remove unused footer styles

Delete the file `_footer.scss` from the `assets/css/_partial` directory. This file contains styles for the footer section of the page. The styles are no longer used and can be safely removed.

---

refactor: remove unused image styles

Delete the files `_imagesDesktop.scss` and `_imagesMobile.scss` from the `assets/css/_partial` directory. These files contain styles for displaying images on desktop and mobile devices. The styles are no longer used and can be safely removed.

---

feat: add navigation styles

Add a new file `_nav.scss` to the `assets/css/_partial` directory. This file contains styles for the navigation bar. The styles define the layout and appearance of the navigation bar, including its position, background color, and alignment of its contents. The styles also include media queries to adjust the layout for smaller screens.

---

refactor: remove unused overlay styles

Delete the file `_overlay.scss` from the `assets/css/_partial` directory. This file contains styles for an overlay element. The styles are no longer used and can be safely removed.

---

feat: add stage styles

Add a new file `_stage.scss` to the `assets/css/_partial` directory. This file contains styles for the stage element, which is used to display images. The styles define the position and size of the stage, as well as the appearance of the images within it.

---

feat: add stage navigation overlay styles

Add a new file `_stageNav.scss` to the `assets/css/_partial` directory. This file contains styles for the stage navigation overlay. The styles define the position and size of the overlay, as well as its appearance and behavior. The overlay is used for navigation within the stage.
2023-10-29 00:58:09 +08:00
Sped0n
d709f9a418 chore(base.scss): improve font rendering by adding font smoothing properties to all elements
feat(base.scss): add user-select: none to body to disable text selection
feat(base.scss): add overscroll-behavior-y: none to html and body to disable vertical scrolling on overscroll
feat(base.scss): add cursor: pointer to anchor tags and buttons for better user experience
feat(font.scss): add font-face declaration for HelveticaNow font
refactor(media.scss): remove unused file
feat(mixins.scss): add min-width and max-width mixins for responsive design
feat(reset.scss): add the new CSS reset version 1.8.4
feat(reset.scss): remove all styles from User-Agent-Stylesheet except for the display property
feat(reset.scss): set box-sizing: border-box for all elements
feat(reset.scss): revert cursor style for anchor tags and buttons
feat(reset.scss): remove list styles (bullets/numbers) from ol, ul, and menu
feat(reset.scss): set max-inline-size and max-block-size to 100% for images
feat(reset.scss): set border-collapse: collapse for tables
feat(reset.scss): set -webkit-user-select: auto for input and textarea to fix Safari issue
feat(reset.scss): revert white-space property for textarea on Safari
feat(reset.scss): set -webkit-appearance: revert for meter element
feat(reset.scss): revert all styles for preformatted text
feat(reset.scss): unset color for input placeholder
feat(reset.scss): remove default dot sign for lists
feat(reset.scss): set display: none for elements with hidden attribute
feat(reset.scss): revert styles for contenteditable elements
feat(reset.scss): set -webkit-user-drag: element for draggable elements
feat(reset.scss): revert native behavior for modal dialogs
feat(typography.scss): set line-height, font-size, and font-family for body
feat(typography.scss): increase font-size for tablet and laptop breakpoints
2023-10-29 00:57:27 +08:00
Sped0n
b1415b7f17 refractor: change var name 2023-08-13 22:33:47 +08:00
Spedon
5679c5e39c import imagesMobile style 2023-05-04 12:35:13 +08:00
Spedon
823502839f debugging 2023-05-04 12:34:32 +08:00
Spedon
a6648c7c2f finish the basic scroll logic 2023-05-04 12:34:17 +08:00
Spedon
c8f2ecad84 style for mobile gallery component 2023-05-04 12:33:38 +08:00
Spedon
c610f01d51 separate desktop component to imagesDesktop 2023-05-04 12:33:01 +08:00
Spedon
448710a77d change overlay cursor z index 2023-03-28 18:56:17 +08:00
Spedon
5e311692f4 add stack update the refresh components 2023-03-28 18:55:53 +08:00
Spedon
404c0870c7 modify the z index of footer 2023-03-28 18:54:48 +08:00
Spedon
44a8d0c544 change function name 2023-03-28 18:37:25 +08:00
Spedon
9a6f141533 optimize reused code fragments 2023-03-28 17:00:14 +08:00
Spedon
823de500d7 add comments for the code 2023-03-28 16:59:15 +08:00
Spedon
de692352f2 combine handle next/prev click code into one function 2023-03-28 14:14:41 +08:00
Spedon
42a8bb8bc8 fix the bug of transition not working when changing from display none to block 2023-03-26 23:32:12 +08:00
Spedon
7f6cfe4366 add comments 2023-03-26 20:52:29 +08:00
Spedon
3ba067b19e add enter overlay event listener now is a function 2023-03-25 18:14:15 +08:00
Spedon
7262a43fae move pushIndex function to utils.ts 2023-03-24 17:17:57 +08:00
Spedon
5b172414ec now the overlay delay time will change with the stack depth 2023-03-24 16:53:31 +08:00
Spedon
26661911dc shrink the size of displaying images 2023-03-24 16:49:14 +08:00
Spedon
bd34d5c911 delete deprecated css style for image containers 2023-03-24 16:46:40 +08:00
Spedon
e897561afa initial version of transition toward image elements 2023-03-24 16:11:00 +08:00
Spedon
56fd85e875 set the layer 0 as stack top 2023-03-21 12:00:22 +08:00
Spedon
7da5c2228a now html element can be generated by typescript 2023-03-21 11:55:05 +08:00
Spedon
bedc7c7691 remove unused part for createImgElement 2023-03-20 22:25:39 +08:00
Spedon
93c2ef3517 add doc for the code 2023-03-20 22:21:04 +08:00
Spedon
401d6254db dump layerPosSet, now FIFO can handle most part of position passing 2023-03-20 22:18:43 +08:00
Spedon
023aa36c3f components update 2023-03-20 21:58:34 +08:00
Spedon
eabecd860c disable preloader 2023-03-20 21:57:51 +08:00
Spedon
4e98152859 optimize animation 2023-03-20 21:57:14 +08:00
Spedon
1e74555d86 dev 2023-03-20 20:19:37 +08:00
Spedon
3247219da8 update overlay design 2023-03-18 01:12:01 +08:00
Spedon
28ad9cb099 fix lazy load placeholder display bug 2023-03-16 21:42:59 +08:00
Spedon
944af06dc4 now position of div is changed by translate instead of left/top 2023-03-16 21:42:28 +08:00
Spedon
19e89db88a change function style to const 2023-03-16 20:18:11 +08:00
Spedon
96b75abc7d optimize coding style of image.scss 2023-03-16 00:08:16 +08:00
Spedon
27d4cb0277 create mobile.ts 2023-03-16 00:07:42 +08:00
Spedon
9b5b5a758a get device type 2023-03-16 00:07:23 +08:00
Spedon
4d6f75d50f rename import 2023-03-16 00:07:09 +08:00
Spedon
87b4453e64 rename 2023-03-16 00:06:21 +08:00
Spedon
81477f0ed8 add lazyload background 2023-03-14 23:31:20 +08:00
Spedon
37d62f85fb add image cache function 2023-03-14 23:31:02 +08:00
Spedon
7a99f099cb add box shadow to prevent webkit from partly repainting the frame 2023-03-14 23:29:51 +08:00
Spedon
6cc03a3fc9 add time delay to overlay enable 2023-03-14 13:16:12 +08:00
Spedon
533ab5fb35 add the function of clicking prev and next to control displaying image 2023-03-14 12:00:48 +08:00
Spedon
95cc8e6971 prevent webkit from partly repainting the frame 2023-03-14 11:55:21 +08:00