Skip to content

Contentful animations #3452

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

Merged
merged 23 commits into from
Nov 8, 2019
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
23 commits
Select commit Hold shift + click to select a range
8eaee69
Create deployment-env.md
sushilshinde Sep 9, 2019
4bad675
Update deployment-env.md
sushilshinde Sep 9, 2019
71868f9
Update deployment-env.md
sushilshinde Sep 9, 2019
92c1054
Update deployment-env.md
sushilshinde Sep 9, 2019
0994495
Update deployment-env.md
sushilshinde Sep 9, 2019
e27bb11
Update deployment-env.md
sushilshinde Sep 9, 2019
c2f7d45
Update deployment-env.md
sushilshinde Sep 9, 2019
5759692
Update deployment-env.md
sushilshinde Sep 9, 2019
803a51a
Update deployment-env.md
sushilshinde Sep 9, 2019
f9b842c
Merge branch 'develop' into build-improvement
veshu Oct 4, 2019
49315d5
build time improvement
veshu Oct 4, 2019
c51842b
Update config.yml
sushilshinde Oct 18, 2019
511d365
fixing lint
sushilshinde Oct 18, 2019
bf9b474
Merge branch 'build-improvement' of github.com:topcoder-platform/comm…
sushilshinde Oct 18, 2019
a92479f
develop conflict resolved
sushilshinde Oct 24, 2019
94a70e7
Merge pull request #3367 from topcoder-platform/build-improvement
sushilshinde Oct 25, 2019
b1b4c5d
Revert "Build improvement"
sushilshinde Oct 30, 2019
4557868
Merge pull request #3424 from topcoder-platform/revert-3367-build-imp…
sushilshinde Oct 30, 2019
a4997b3
On Scroll Animations
kkartunov Nov 4, 2019
d3e2100
deploying on beta and dev
sushilshinde Nov 6, 2019
4b49c90
Merge branch 'develop' of https://github.com/topcoder-platform/commun…
kkartunov Nov 7, 2019
56a13de
Sync feature-contentful with develop
kkartunov Nov 7, 2019
6f24313
Merge pull request #3436 from topcoder-platform/feature-contentful
sushilshinde Nov 8, 2019
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions .circleci/config.yml
Original file line number Diff line number Diff line change
Expand Up @@ -176,6 +176,7 @@ workflows:
only:
- develop
- hot-fix
- feature-contentful
- survey_tc
- fix-groups-updates
# This is alternate dev env for parallel testing
Expand All @@ -193,6 +194,7 @@ workflows:
branches:
only:
- develop
- feature-contentful
- survey_tc
- feature-groups-api
- mm-broker-api
Expand Down
12 changes: 12 additions & 0 deletions docs/contentful/animations.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
# Animations On Scroll
Animationg Contentful components on scroll is implemetented currently for following components:
- Viewport
- Image
- ContentBlock

Definig a scroll animation is easy via the Web UI. Search for the "Animation On Scroll" field and either select existing animation or create new one.
![](./pics/anim1.png)

## Animation Model
To define a default animation only `Name` and `Animate On Scroll` fields are required. There is help hint bellow each fields what is does and how to use it. For further detailed examples see: https://michalsnik.github.io/aos/. All available properties are supported from Contentful animatable components as well.
![](./pics/anim2.png)
1 change: 1 addition & 0 deletions docs/contentful/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -33,5 +33,6 @@ Instructions are also provided below for developments that want to modify/create
- [Custom inline components in Markdown fields](./custom-inline-components-in-markdown-fields.md)
- [Miscellaneous CSS Solutions](./miscellaneous-CSS-solutions.md)
- [Duplicate tool](https://github.com/topcoder-platform/contentful-duplicate-tool/blob/master/docs/contentful-duplicate.md)
- [Animate Components On Scroll](./animations.md)

To request additional content types or adjustments to existing content models, please send you request to [email protected].
Binary file added docs/contentful/pics/anim1.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added docs/contentful/pics/anim2.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading