1cddc26625
Globe: Temporary fix for responsive sizing, Add correct margins top/bottom
...
continuous-integration/drone/push Build is passing
- Ideally the globe would have to get the size within its container (.globe), set via CSS and not on the window
2020-04-19 20:13:01 +02:00
c37a8238f3
SCSS: Fix breakpoint mobile naming
...
From "m" to "mob"
2020-04-19 19:42:52 +02:00
094614f83c
Globe edits WIP
...
continuous-integration/drone/push Build is passing
- Added visible continents to options
2020-04-19 14:49:52 +02:00
c1bb2f31bc
Place: Use Rellax to add some parallax effects
...
- Added on title, switcher button and illustration
- Not very suitable for photo number
2020-04-19 12:49:38 +02:00
8e36c2b2f0
fix merge
2020-04-18 23:27:31 +02:00
10e32a1957
fix merge
2020-04-18 23:24:43 +02:00
689c03fda1
Globe: Reset sizes and spacing
...
continuous-integration/drone/push Build is passing
Temp fix
2020-04-17 16:48:58 +02:00
3c05d6d222
Performances optimizations WIP
continuous-integration/drone/push Build is passing
2020-04-17 14:33:49 +02:00
aeb4196918
Fix some stuff
...
continuous-integration/drone/push Build is passing
- Error page now displaying (+ removed globe, more space between content and footer)
- Manipulate data if existing
2020-04-14 22:23:01 +02:00
7180419fb0
Place: Add @1x desktop illustration size, Optimize responsive
continuous-integration/drone/push Build is passing
2020-04-11 19:33:37 +02:00
90bdb5890d
Place: Fix illustration conditions and uneven margin
continuous-integration/drone/push Build is passing
2020-04-11 11:18:23 +02:00
abe09f0f69
Fix responsive margins and spacing around the globe
continuous-integration/drone/push Build is passing
2020-04-09 23:53:43 +02:00
7a44d5b0ed
⚠️ The interactive globe has arrived (WIP but pretty good)
...
- Control the width/height of the globe via CSS
2020-04-09 20:22:10 +02:00
3ca7f713da
Credits links responsive fixes
2020-04-09 10:48:56 +02:00
13ac133db6
Add cursors on links
2020-04-09 10:48:31 +02:00
e0abb558d8
Viewer: Fix responsive and positioning
2020-04-08 19:31:24 +02:00
6859aa1640
Viewer: Fix overflow and top part margins
2020-04-06 18:09:34 +02:00
bd9b91f480
⚠️ Fix most animations/transitions performance issues
...
continuous-integration/drone/push Build is passing
- Basically add `will-change` to CSS elements to enable GPU animations, less choppy, more sassy
- Use requestAnimationFrame over setTimeout
- Avoid repaints AMAP
2020-04-05 16:07:44 +02:00
bdc305a77a
Fix some responsive and style
...
continuous-integration/drone/push Build is passing
- Fullscreen: center image + add a background color
- Carousel: don't cut informations
- Title location font size
- Style location line height
- Photo reveal effect
- Photo has now a transparent png
2020-04-04 20:35:09 +02:00
2170cd2e57
Fix some responsive and scrolling issues
continuous-integration/drone/push Build is passing
2020-04-04 16:11:42 +02:00
730eb75457
WIP attempt to fix page transitions, Several edits
continuous-integration/drone/push Build is passing
2020-04-02 16:07:31 +02:00
b00fbd031e
Viewer: Fix Carousel elements positioning
2020-03-31 20:02:27 +02:00
0635b65abf
Add Fullscreen in viewer, Track links with Google Analytics, Use .env file
...
continuous-integration/drone/push Build is passing
- Fullscreen is a component that watches a store value set by the Carousel component on a picture click
- Use a .env file for API and website related settings and informations
- Google Analytics is now in place, tracking each routes link and viewer photo change
2020-03-28 15:21:51 +01:00
093c87d156
Place: Add a max-height to the illustration
2020-03-24 22:56:22 +01:00
ba5d1de780
Place: Fix title alignments and margins
continuous-integration/drone/push Build is passing
2020-03-11 19:23:56 +01:00
0b55be4222
Place: Add a gradient on illustration if too high
continuous-integration/drone/push Build was killed
2020-03-11 14:51:21 +01:00
debd9a41c1
Place: Add photo Transition In, Add Illustration system, Visual fixes
...
- Add a transition in on each photo component (scale down + fade in), TODO: Parallax on number
- Illustration takes two images and changes the source depending on the viewport size
2020-03-10 21:25:48 +01:00
eb529b196e
Viewer: Add intro animation, Visual fixes (WIP)
2020-03-10 21:24:06 +01:00
9ffc210c02
WIP Animations all over site
...
- Run a transition In for each page
- Involve a "loader" panel on page change
- TODO: tweak the animations and finish the concept
2020-03-06 14:22:51 +01:00
cd1033f97b
Place: Show last updated before medium screen
2020-03-06 14:14:48 +01:00
87d026c348
Location: Change markup of the place's name
2020-03-06 11:17:50 +01:00
a7831d2202
Add error page
2020-03-03 17:41:06 +01:00
804880a908
Temporary browsable Carousel on photo page
...
Stuff to be fixed/work on:
- Why is currentPhoto only triggered at the second photo and not the first?
- popState events (prev/next on browser) not working - detect URL changes and change the currentIndex
2020-03-02 22:30:36 +01:00
76c8c31c89
Readapt the misuse of BEM, Code organization
...
- -- is only for a modifier, not a child "child". Use master__child without the parent__ in it to make it more readable.
https://www.smashingmagazine.com/2016/06/battling-bem-extended-edition-common-problems-and-how-to-avoid-them/
- Redefine atom design components
2020-02-29 18:32:32 +01:00
6019017596
Temporary place illustration, Half globe on credits style
2020-02-29 11:20:36 +01:00
fab89736ed
Carousel: Add a transition on title when changing photo
2020-02-26 15:58:22 +01:00
042440188e
Add a credit page and make style reusable
2020-02-26 15:52:13 +01:00
37145c46b1
Location: Style fixes
2020-02-20 19:02:49 +01:00
0174ba08f2
Tweaks and fixes
2020-02-17 22:36:36 +01:00
6fb6937c1a
Create a functioning carousel
...
Thanks a million to Grafikart!
2020-02-17 22:33:44 +01:00
450de171e6
Code optimization and fixes
2020-02-14 12:37:35 +01:00
ef23d90eb6
WIP
2020-02-13 22:24:28 +01:00
9b0c154f61
WIP React > Svelte
...
Put most of the developed design into Svelte
2020-02-11 15:09:32 +01:00
