Opens in a new windowOpens an external websiteOpens an external website in a new window
This website utilizes technologies such as cookies to enable essential site functionality, as well as for analytics, personalization, and targeted advertising. To learn more, view the following link: Privacy Notice
Blog Post
E-Learning Challenges
3 MIN READ
Creating Parallax Effects with Interactive Sliders in E-Learning (2019) #253
Parallax Scrolling Effects in E-Learning #253: Challenge | Recap
What is the Parallax Effect?
Parallax scrolling is a motion effect that’s used to simulate depth by animating background images slower than foreground images. The effect can be found in everything from video games to websites to e-learning. Let’s take a look at a few examples.
How’d You Do That?
A good example of how features can be used differently came from Steve Flowers during the Articulate Storyline 2 beta. Steve was playing with Storyline’s new sliders and shared a way to connect one slider to another.
By changing the visual appearance of the slider's thumb a large image, Steve was able to create a scrolling timeline interaction. Sliders just went up a notch.
Comet Landing
Connecting two visual sliders together is cool. But what happens when you connect dozens of visual sliders to a slider? You get a parallax effect that’s out of this world!
Mark Bennett shared his own take for creating the parallax effect with sliders. By making both sliders full-slide images, Mark discovered a creative way to make the entire background draggable.
Be sure to download Mark’s source file to learn more about his project and how he built it.
Mountain Tours
Here’s a recent example shared by Ross Garner. I really like how Ross customized the slider’s thumb to visually align with his mountain theme. It's a practical example and one that should help most users begin using multiple sliders to create the parallax effect.
Here are two more examples and source files from Tom. I like these examples because they show how multiple sliders can be combined for educational purposes.
This week, your challenge is to create a parallax effect for e-learning using Storyline’s sliders.
Technically, this is an advanced challenge. Please let us know if you get stuck or have any questions. I don’t want anyone to skip this challenge because they can’t get their sliders to work correctly.
New Entries Only!
We hosted the first parallax challenge three years ago. To keep things fresh, we’re asking that you share only new parallax examples this week. You’re more than welcome to re-work a previous example.
Last Week’s Challenge:
Before you slide into this week’s challenge, check out the interactive checklist examples your fellow community members shared over the past week:
Checklist Interactions in E-Learning RECAP #252: Challenge | Recap
New to the E-Learning Challenges?
The weekly challenges are ongoing opportunities to learn, share, and build your e-learning portfolios. You can jump into any or all of the previous challenges anytime you want. I’ll update the recap posts to include your demos.
Any thoughts on how to help ensure success with sliders when viewed on mobile devices? None of these demos are working on my phone and I've kind of soured on sliders because of that. I've tried increasing the surface area of my thumbs but they don't always work. If I'm going to spend my time on this challenge I want to set my expectations to avoid being frustrated by Wednesday when I'm in too deep on a concept.
Jodi - are Tom's examples working for you? I re-published those this morning to ensure they were current. Will try the others now but wanted to see if you'd given Tom's a try.
Sliders are HTML5 supported so they should work just fine when published from the current updates in SL.
The hit state is something to consider since you're dealing with a much smaller area for scrubbing.
None of them work on my phone--I have a brand new Android phone and was hoping it would respond better when viewing projects. The anatomy and hiking examples don't work on my laptop either. I was looking at them on my phone while I was at the car wash to see what this challenge was all about.
Also, sorry to be so dense, but what does it mean that the hit state is something to consider because there's a much smaller area for scrubbing. I probably should know the terms better. :)
If you have time, can you open a ticket with us: http://articulatecase.com ? There's nothing in this week's challenge that shouldn't work reliably on mobile or desktop.
Mine seems to be working ok on mobile today. I'm out in the desert so maybe my connection wasn't as reliable as I thought. I'll check everything when I get back to normal civilization tonight.
I haven't heard of this before. Can parallax sliders be made to work with assistive technologies (tabbed navigation, JAWS, Dragon, etc)? Anything we create has to be AT compliant, so it's only worth me learning this one, if it can work. None of the ones above do.
Hey Nicki - Sliders are accessible via the keyboard arrow keys. First, tab to the slider thumb and then use your left/right keyboard arrows to move the sliders. Same approach works with dials.
Thanks - I didn't know that. I've tried it on some of the examples above and on most it works, except that of course, the tab order hasn't been set up... but I've had a play and once done, that works.
For me, the next question is how to describe what is happening on the screen so that a screen reader would describe the images as they move. If anyone else has any tips on this, I'd be very grateful.
Even in HTML5 with no content blockers, sliders can sometimes be a 'sticky' on a mobile. The action of moving the slider thumb can be also be mistaken by your device as swipe left or right.
Will have a think about this week's challenge bearing this in mind.
Okay, so you have to remember that until yesterday evening, I'd never even heard of the parallax effect. I've started having a go and this is my first attempt.
Got to go out now, but later on, I'll try to work out how to turn the boat and the plane around for their return journey. I presume I'll use states and change the state if the slider variable is doing a negative. Is there a better way?
BTW, I've used a vertical parallax and the thumb of the main slider is an aimated GIF.
For some reason the GIF isn't moving when I test this on my Huawei Android phone on a Chrome browser. I'd welcome your feedback regarding how this performs on other mobile devices.
That was fun..I'll test it on mobile in a minute. It went by a little to fast for me so I kept missing the good phrases. I was using the up and down arrows on my lap top.
The concept for this game was really fun! I had difficulty playing it on Firefox, but it worked on Chrome. I'm on a Windows 10 Pro PC, using my cursor rather than the arrows.
I knew I was up too late last night doing this demo when my family started shutting their bedroom doors while I was working on the audio. :) So in this demo I created my parallax effect on the master slide (to keep it out of my way on the timeline) and then I created three sliders--the main slider that makes the turtle and the shark appear/disappear. I tried to replicate the effect in Tom K's anatomy project, but that one confused me because I couldn't see how he was making the organs move around. I don't really love the talking sliders effect so I'm wondering why I would use it, but at least I know you can make sliders talk to each other now. Enjoy the week!
Hi Teo, The ocean with the waves and light rays is a quick video I downloaded from the Articulate 360 Content Library--it is just playing and replaying over and over again. The ocean bottom is vector art I sliced up to move around.
"}},"componentScriptGroups({\"componentId\":\"custom.widget.GoogleTag\"})":{"__typename":"ComponentScriptGroups","scriptGroups":{"__typename":"ComponentScriptGroupsDefinition","afterInteractive":{"__typename":"PageScriptGroupDefinition","group":"AFTER_INTERACTIVE","scriptIds":[]},"lazyOnLoad":{"__typename":"PageScriptGroupDefinition","group":"LAZY_ON_LOAD","scriptIds":[]}},"componentScripts":[]},"cachedText({\"lastModified\":\"1743272489977\",\"locale\":\"en-US\",\"namespaces\":[\"shared/client/components/common/QueryHandler\"]})":[{"__ref":"CachedAsset:text:en_US-shared/client/components/common/QueryHandler-1743272489977"}],"cachedText({\"lastModified\":\"1743272489977\",\"locale\":\"en-US\",\"namespaces\":[\"components/community/NavbarDropdownToggle\"]})":[{"__ref":"CachedAsset:text:en_US-components/community/NavbarDropdownToggle-1743272489977"}],"cachedText({\"lastModified\":\"1743272489977\",\"locale\":\"en-US\",\"namespaces\":[\"components/messages/MessageCoverImage\"]})":[{"__ref":"CachedAsset:text:en_US-components/messages/MessageCoverImage-1743272489977"}],"cachedText({\"lastModified\":\"1743272489977\",\"locale\":\"en-US\",\"namespaces\":[\"shared/client/components/nodes/NodeTitle\"]})":[{"__ref":"CachedAsset:text:en_US-shared/client/components/nodes/NodeTitle-1743272489977"}],"cachedText({\"lastModified\":\"1743272489977\",\"locale\":\"en-US\",\"namespaces\":[\"components/messages/MessageTimeToRead\"]})":[{"__ref":"CachedAsset:text:en_US-components/messages/MessageTimeToRead-1743272489977"}],"cachedText({\"lastModified\":\"1743272489977\",\"locale\":\"en-US\",\"namespaces\":[\"components/messages/MessageSubject\"]})":[{"__ref":"CachedAsset:text:en_US-components/messages/MessageSubject-1743272489977"}],"cachedText({\"lastModified\":\"1743272489977\",\"locale\":\"en-US\",\"namespaces\":[\"components/users/UserLink\"]})":[{"__ref":"CachedAsset:text:en_US-components/users/UserLink-1743272489977"}],"cachedText({\"lastModified\":\"1743272489977\",\"locale\":\"en-US\",\"namespaces\":[\"shared/client/components/users/UserRank\"]})":[{"__ref":"CachedAsset:text:en_US-shared/client/components/users/UserRank-1743272489977"}],"cachedText({\"lastModified\":\"1743272489977\",\"locale\":\"en-US\",\"namespaces\":[\"components/messages/MessageTime\"]})":[{"__ref":"CachedAsset:text:en_US-components/messages/MessageTime-1743272489977"}],"cachedText({\"lastModified\":\"1743272489977\",\"locale\":\"en-US\",\"namespaces\":[\"components/messages/MessageBody\"]})":[{"__ref":"CachedAsset:text:en_US-components/messages/MessageBody-1743272489977"}],"cachedText({\"lastModified\":\"1743272489977\",\"locale\":\"en-US\",\"namespaces\":[\"components/messages/MessageCustomFields\"]})":[{"__ref":"CachedAsset:text:en_US-components/messages/MessageCustomFields-1743272489977"}],"cachedText({\"lastModified\":\"1743272489977\",\"locale\":\"en-US\",\"namespaces\":[\"components/messages/MessageRevision\"]})":[{"__ref":"CachedAsset:text:en_US-components/messages/MessageRevision-1743272489977"}],"cachedText({\"lastModified\":\"1743272489977\",\"locale\":\"en-US\",\"namespaces\":[\"components/messages/MessageReplyButton\"]})":[{"__ref":"CachedAsset:text:en_US-components/messages/MessageReplyButton-1743272489977"}],"cachedText({\"lastModified\":\"1743272489977\",\"locale\":\"en-US\",\"namespaces\":[\"components/messages/MessageAuthorBio\"]})":[{"__ref":"CachedAsset:text:en_US-components/messages/MessageAuthorBio-1743272489977"}],"cachedText({\"lastModified\":\"1743272489977\",\"locale\":\"en-US\",\"namespaces\":[\"shared/client/components/users/UserAvatar\"]})":[{"__ref":"CachedAsset:text:en_US-shared/client/components/users/UserAvatar-1743272489977"}],"cachedText({\"lastModified\":\"1743272489977\",\"locale\":\"en-US\",\"namespaces\":[\"shared/client/components/ranks/UserRankLabel\"]})":[{"__ref":"CachedAsset:text:en_US-shared/client/components/ranks/UserRankLabel-1743272489977"}],"cachedText({\"lastModified\":\"1743272489977\",\"locale\":\"en-US\",\"namespaces\":[\"components/users/UserRegistrationDate\"]})":[{"__ref":"CachedAsset:text:en_US-components/users/UserRegistrationDate-1743272489977"}],"cachedText({\"lastModified\":\"1743272489977\",\"locale\":\"en-US\",\"namespaces\":[\"shared/client/components/nodes/NodeAvatar\"]})":[{"__ref":"CachedAsset:text:en_US-shared/client/components/nodes/NodeAvatar-1743272489977"}],"cachedText({\"lastModified\":\"1743272489977\",\"locale\":\"en-US\",\"namespaces\":[\"shared/client/components/nodes/NodeDescription\"]})":[{"__ref":"CachedAsset:text:en_US-shared/client/components/nodes/NodeDescription-1743272489977"}],"cachedText({\"lastModified\":\"1743272489977\",\"locale\":\"en-US\",\"namespaces\":[\"shared/client/components/common/Pager/PagerLoadMore\"]})":[{"__ref":"CachedAsset:text:en_US-shared/client/components/common/Pager/PagerLoadMore-1743272489977"}],"cachedText({\"lastModified\":\"1743272489977\",\"locale\":\"en-US\",\"namespaces\":[\"shared/client/components/common/Pager/PagerLoadMorePreviousNextLinkable\"]})":[{"__ref":"CachedAsset:text:en_US-shared/client/components/common/Pager/PagerLoadMorePreviousNextLinkable-1743272489977"}],"message({\"id\":\"message:1140692\"})":{"__ref":"BlogReplyMessage:message:1140692"},"message({\"id\":\"message:1140710\"})":{"__ref":"BlogReplyMessage:message:1140710"},"message({\"id\":\"message:1140682\"})":{"__ref":"BlogReplyMessage:message:1140682"},"message({\"id\":\"message:1140688\"})":{"__ref":"BlogReplyMessage:message:1140688"},"message({\"id\":\"message:1140693\"})":{"__ref":"BlogReplyMessage:message:1140693"},"message({\"id\":\"message:1140701\"})":{"__ref":"BlogReplyMessage:message:1140701"},"message({\"id\":\"message:1140712\"})":{"__ref":"BlogReplyMessage:message:1140712"},"message({\"id\":\"message:1140715\"})":{"__ref":"BlogReplyMessage:message:1140715"},"message({\"id\":\"message:1140718\"})":{"__ref":"BlogReplyMessage:message:1140718"},"message({\"id\":\"message:1140700\"})":{"__ref":"BlogReplyMessage:message:1140700"},"message({\"id\":\"message:1140708\"})":{"__ref":"BlogReplyMessage:message:1140708"},"message({\"id\":\"message:1140709\"})":{"__ref":"BlogReplyMessage:message:1140709"},"message({\"id\":\"message:1140697\"})":{"__ref":"BlogReplyMessage:message:1140697"},"message({\"id\":\"message:1140714\"})":{"__ref":"BlogReplyMessage:message:1140714"},"message({\"id\":\"message:1140732\"})":{"__ref":"BlogReplyMessage:message:1140732"},"message({\"id\":\"message:1140752\"})":{"__ref":"BlogReplyMessage:message:1140752"},"message({\"id\":\"message:1140695\"})":{"__ref":"BlogReplyMessage:message:1140695"},"message({\"id\":\"message:1140696\"})":{"__ref":"BlogReplyMessage:message:1140696"},"message({\"id\":\"message:1140737\"})":{"__ref":"BlogReplyMessage:message:1140737"},"message({\"id\":\"message:1140766\"})":{"__ref":"BlogReplyMessage:message:1140766"},"message({\"id\":\"message:1140698\"})":{"__ref":"BlogReplyMessage:message:1140698"},"message({\"id\":\"message:1140699\"})":{"__ref":"BlogReplyMessage:message:1140699"},"message({\"id\":\"message:1140702\"})":{"__ref":"BlogReplyMessage:message:1140702"},"message({\"id\":\"message:1140705\"})":{"__ref":"BlogReplyMessage:message:1140705"},"message({\"id\":\"message:1140711\"})":{"__ref":"BlogReplyMessage:message:1140711"},"message({\"id\":\"message:1140716\"})":{"__ref":"BlogReplyMessage:message:1140716"},"message({\"id\":\"message:1140719\"})":{"__ref":"BlogReplyMessage:message:1140719"},"message({\"id\":\"message:1140685\"})":{"__ref":"BlogReplyMessage:message:1140685"},"message({\"id\":\"message:1140689\"})":{"__ref":"BlogReplyMessage:message:1140689"},"message({\"id\":\"message:1140691\"})":{"__ref":"BlogReplyMessage:message:1140691"},"message({\"id\":\"message:1140694\"})":{"__ref":"BlogReplyMessage:message:1140694"},"message({\"id\":\"message:1140713\"})":{"__ref":"BlogReplyMessage:message:1140713"},"message({\"id\":\"message:1140680\"})":{"__ref":"BlogReplyMessage:message:1140680"},"message({\"id\":\"message:1140684\"})":{"__ref":"BlogReplyMessage:message:1140684"},"message({\"id\":\"message:1140681\"})":{"__ref":"BlogReplyMessage:message:1140681"},"message({\"id\":\"message:1140683\"})":{"__ref":"BlogReplyMessage:message:1140683"},"message({\"id\":\"message:1140686\"})":{"__ref":"BlogReplyMessage:message:1140686"},"cachedText({\"lastModified\":\"1743272489977\",\"locale\":\"en-US\",\"namespaces\":[\"components/tags/TagView/TagViewChip\"]})":[{"__ref":"CachedAsset:text:en_US-components/tags/TagView/TagViewChip-1743272489977"}]},"CachedAsset:pages-1742810649149":{"__typename":"CachedAsset","id":"pages-1742810649149","value":[{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"BlogViewAllPostsPage","type":"BLOG","urlPath":"/category/:categoryId/blog/:boardId/all-posts/(/:after|/:before)?","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"CasePortalPage","type":"CASE_PORTAL","urlPath":"/caseportal","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"CreateGroupHubPage","type":"GROUP_HUB","urlPath":"/groups/create","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"CaseViewPage","type":"CASE_DETAILS","urlPath":"/case/:caseId/:caseNumber","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"InboxPage","type":"COMMUNITY","urlPath":"/inbox","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"HelpFAQPage","type":"COMMUNITY","urlPath":"/help","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"IdeaMessagePage","type":"IDEA_POST","urlPath":"/idea/:boardId/:messageSubject/:messageId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"IdeaViewAllIdeasPage","type":"IDEA","urlPath":"/category/:categoryId/ideas/:boardId/all-ideas/(/:after|/:before)?","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"LoginPage","type":"USER","urlPath":"/signin","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"BlogPostPage","type":"BLOG","urlPath":"/category/:categoryId/blogs/:boardId/create","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"ThemeEditorPage","type":"COMMUNITY","urlPath":"/designer/themes","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"TkbViewAllArticlesPage","type":"TKB","urlPath":"/category/:categoryId/kb/:boardId/all-articles/(/:after|/:before)?","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"OccasionEditPage","type":"EVENT","urlPath":"/event/:boardId/:messageSubject/:messageId/edit","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"OAuthAuthorizationAllowPage","type":"USER","urlPath":"/auth/authorize/allow","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"PageEditorPage","type":"COMMUNITY","urlPath":"/designer/pages","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"PostPage","type":"COMMUNITY","urlPath":"/category/:categoryId/:boardId/create","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"ForumBoardPage","type":"FORUM","urlPath":"/category/:categoryId/discussions/:boardId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"TkbBoardPage","type":"TKB","urlPath":"/category/:categoryId/kb/:boardId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"EventPostPage","type":"EVENT","urlPath":"/category/:categoryId/events/:boardId/create","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"UserBadgesPage","type":"COMMUNITY","urlPath":"/users/:login/:userId/badges","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"GroupHubMembershipAction","type":"GROUP_HUB","urlPath":"/membership/join/:nodeId/:membershipType","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"MaintenancePage","type":"COMMUNITY","urlPath":"/maintenance","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"IdeaReplyPage","type":"IDEA_REPLY","urlPath":"/idea/:boardId/:messageSubject/:messageId/comments/:replyId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"UserSettingsPage","type":"USER","urlPath":"/mysettings/:userSettingsTab","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"GroupHubsPage","type":"GROUP_HUB","urlPath":"/groups","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"ForumPostPage","type":"FORUM","urlPath":"/category/:categoryId/discussions/:boardId/create","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"OccasionRsvpActionPage","type":"OCCASION","urlPath":"/event/:boardId/:messageSubject/:messageId/rsvp/:responseType","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"VerifyUserEmailPage","type":"USER","urlPath":"/verifyemail/:userId/:verifyEmailToken","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"AllOccasionsPage","type":"OCCASION","urlPath":"/category/:categoryId/events/:boardId/all-events/(/:after|/:before)?","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"EventBoardPage","type":"EVENT","urlPath":"/category/:categoryId/events/:boardId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"TkbReplyPage","type":"TKB_REPLY","urlPath":"/kb/:boardId/:messageSubject/:messageId/comments/:replyId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"IdeaBoardPage","type":"IDEA","urlPath":"/category/:categoryId/ideas/:boardId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"CommunityGuideLinesPage","type":"COMMUNITY","urlPath":"/communityguidelines","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"CaseCreatePage","type":"SALESFORCE_CASE_CREATION","urlPath":"/caseportal/create","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"TkbEditPage","type":"TKB","urlPath":"/kb/:boardId/:messageSubject/:messageId/edit","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"ForgotPasswordPage","type":"USER","urlPath":"/forgotpassword","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"IdeaEditPage","type":"IDEA","urlPath":"/idea/:boardId/:messageSubject/:messageId/edit","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"TagPage","type":"COMMUNITY","urlPath":"/tag/:tagName","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"BlogBoardPage","type":"BLOG","urlPath":"/category/:categoryId/blog/:boardId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"OccasionMessagePage","type":"OCCASION_TOPIC","urlPath":"/event/:boardId/:messageSubject/:messageId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"ManageContentPage","type":"COMMUNITY","urlPath":"/managecontent","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"ClosedMembershipNodeNonMembersPage","type":"GROUP_HUB","urlPath":"/closedgroup/:groupHubId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"CommunityPage","type":"COMMUNITY","urlPath":"/","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"ForumMessagePage","type":"FORUM_TOPIC","urlPath":"/discussions/:boardId/:messageSubject/:messageId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"IdeaPostPage","type":"IDEA","urlPath":"/category/:categoryId/ideas/:boardId/create","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"BlogMessagePage","type":"BLOG_ARTICLE","urlPath":"/blog/:boardId/:messageSubject/:messageId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"RegistrationPage","type":"USER","urlPath":"/register","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"EditGroupHubPage","type":"GROUP_HUB","urlPath":"/group/:groupHubId/edit","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"ForumEditPage","type":"FORUM","urlPath":"/discussions/:boardId/:messageSubject/:messageId/edit","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"ResetPasswordPage","type":"USER","urlPath":"/resetpassword/:userId/:resetPasswordToken","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"TkbMessagePage","type":"TKB_ARTICLE","urlPath":"/kb/:boardId/:messageSubject/:messageId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"BlogEditPage","type":"BLOG","urlPath":"/blog/:boardId/:messageSubject/:messageId/edit","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"ManageUsersPage","type":"USER","urlPath":"/users/manage/:tab?/:manageUsersTab?","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"ForumReplyPage","type":"FORUM_REPLY","urlPath":"/discussions/:boardId/:messageSubject/:messageId/replies/:replyId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"PrivacyPolicyPage","type":"COMMUNITY","urlPath":"/privacypolicy","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"NotificationPage","type":"COMMUNITY","urlPath":"/notifications","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"UserPage","type":"USER","urlPath":"/users/:login/:userId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"HealthCheckPage","type":"COMMUNITY","urlPath":"/health","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"OccasionReplyPage","type":"OCCASION_REPLY","urlPath":"/event/:boardId/:messageSubject/:messageId/comments/:replyId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"ManageMembersPage","type":"GROUP_HUB","urlPath":"/group/:groupHubId/manage/:tab?","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"SearchResultsPage","type":"COMMUNITY","urlPath":"/search","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"BlogReplyPage","type":"BLOG_REPLY","urlPath":"/blog/:boardId/:messageSubject/:messageId/replies/:replyId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"GroupHubPage","type":"GROUP_HUB","urlPath":"/group/:groupHubId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"TermsOfServicePage","type":"COMMUNITY","urlPath":"/termsofservice","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"CategoryPage","type":"CATEGORY","urlPath":"/category/:categoryId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"ForumViewAllTopicsPage","type":"FORUM","urlPath":"/category/:categoryId/discussions/:boardId/all-topics/(/:after|/:before)?","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"TkbPostPage","type":"TKB","urlPath":"/category/:categoryId/kbs/:boardId/create","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"GroupHubPostPage","type":"GROUP_HUB","urlPath":"/group/:groupHubId/:boardId/create","__typename":"PageDescriptor"},"__typename":"PageResource"}],"localOverride":false},"CachedAsset:text:en_US-components/context/AppContext/AppContextProvider-0":{"__typename":"CachedAsset","id":"text:en_US-components/context/AppContext/AppContextProvider-0","value":{"noCommunity":"Cannot find community","noUser":"Cannot find current user","noNode":"Cannot find node with id {nodeId}","noMessage":"Cannot find message with id {messageId}"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/common/Loading/LoadingDot-0":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/common/Loading/LoadingDot-0","value":{"title":"Loading..."},"localOverride":false},"User:user:-1":{"__typename":"User","id":"user:-1","uid":-1,"login":"Deleted user","email":"","avatar":null,"rank":null,"kudosWeight":1,"registrationData":{"__typename":"RegistrationData","status":"ANONYMOUS","registrationTime":null,"confirmEmailStatus":false,"registrationAccessLevel":"VIEW","ssoRegistrationFields":[]},"ssoId":null,"profileSettings":{"__typename":"ProfileSettings","dateDisplayStyle":{"__typename":"InheritableStringSettingWithPossibleValues","key":"layout.friendly_dates_enabled","value":"true","localValue":"true","possibleValues":["true","false"]},"dateDisplayFormat":{"__typename":"InheritableStringSetting","key":"layout.format_pattern_date","value":"MM-dd-yyyy","localValue":"MM-dd-yyyy"},"language":{"__typename":"InheritableStringSettingWithPossibleValues","key":"profile.language","value":"en-US","localValue":null,"possibleValues":["en-US"]}},"deleted":false},"Theme:customTheme1":{"__typename":"Theme","id":"customTheme1"},"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bi0xNy0yUGtkTmM?image-coordinates=0%2C0%2C400%2C400\"}":{"__typename":"AssociatedImage","url":"https://community.articulate.com/t5/s/rwgqn69235/images/bi0xNy0yUGtkTmM?image-coordinates=0%2C0%2C400%2C400","mimeType":"image/png"},"Category:category:e-learning-challenges-and-recaps":{"__typename":"Category","id":"category:e-learning-challenges-and-recaps","entityType":"CATEGORY","displayId":"e-learning-challenges-and-recaps","nodeType":"category","depth":2,"title":"E-Learning Challenges and Recaps","shortTitle":"E-Learning Challenges and Recaps","parent":{"__ref":"Category:category:learn"}},"Category:category:top":{"__typename":"Category","id":"category:top","displayId":"top","nodeType":"category","depth":0,"title":"Top","entityType":"CATEGORY","shortTitle":"Top"},"Category:category:learn":{"__typename":"Category","id":"category:learn","displayId":"learn","nodeType":"category","depth":1,"parent":{"__ref":"Category:category:top"},"title":"Learn","entityType":"CATEGORY","shortTitle":"Learn","categoryPolicies":{"__typename":"CategoryPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}}},"Blog:board:e-learning-challenges":{"__typename":"Blog","id":"board:e-learning-challenges","entityType":"BLOG","displayId":"e-learning-challenges","nodeType":"board","depth":3,"conversationStyle":"BLOG","title":"E-Learning Challenges","description":"Join our weekly challenges to try new skills, get inspired, and build your portfolio.","avatar":{"__ref":"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bi0xNy0yUGtkTmM?image-coordinates=0%2C0%2C400%2C400\"}"},"profileSettings":{"__typename":"ProfileSettings","language":null},"parent":{"__ref":"Category:category:e-learning-challenges-and-recaps"},"ancestors":{"__typename":"CoreNodeConnection","edges":[{"__typename":"CoreNodeEdge","node":{"__ref":"Community:community:rwgqn69235"}},{"__typename":"CoreNodeEdge","node":{"__ref":"Category:category:learn"}}]},"userContext":{"__typename":"NodeUserContext","canAddAttachments":true,"canUpdateNode":false,"canPostMessages":false,"isSubscribed":false},"boardPolicies":{"__typename":"BoardPolicies","canPublishArticleOnCreate":{"__typename":"PolicyResult","failureReason":{"__typename":"FailureReason","message":"error.lithium.policies.forums.policy_can_publish_on_create_workflow_action.accessDenied","key":"error.lithium.policies.forums.policy_can_publish_on_create_workflow_action.accessDenied","args":[]}},"canReadNode":{"__typename":"PolicyResult","failureReason":null}},"shortTitle":"E-Learning Challenges","repliesProperties":{"__typename":"RepliesProperties","sortOrder":"PUBLISH_TIME","repliesFormat":"threaded"},"blogPolicies":{"__typename":"BlogPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}},"eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/","tagProperties":{"__typename":"TagNodeProperties","tagsEnabled":{"__typename":"PolicyResult","failureReason":null}},"requireTags":false,"tagType":"FREEFORM_AND_PRESET"},"Rank:rank:2":{"__typename":"Rank","id":"rank:2","position":1,"name":"Staff","color":"00AEEF","icon":null,"rankStyle":"FILLED"},"User:user:50280":{"__typename":"User","id":"user:50280","uid":50280,"login":"DavidAnderson","deleted":false,"avatar":{"__typename":"UserAvatar","url":"https://community.articulate.com/t5/s/rwgqn69235/images/dS01MDI4MC1ZRUNVR2o?image-coordinates=0%2C0%2C800%2C800"},"rank":{"__ref":"Rank:rank:2"},"email":"","messagesCount":9295,"biography":null,"topicsCount":1734,"kudosReceivedCount":2056,"kudosGivenCount":1780,"kudosWeight":1,"registrationData":{"__typename":"RegistrationData","status":null,"registrationTime":"2010-10-22T10:58:01.000-07:00","confirmEmailStatus":null},"followersCount":null,"solutionsCount":1,"entityType":"USER","eventPath":"community:rwgqn69235/user:50280"},"BlogTopicMessage:message:1140679":{"__typename":"BlogTopicMessage","uid":1140679,"subject":"Creating Parallax Effects with Interactive Sliders in E-Learning (2019) #253","id":"message:1140679","revisionNum":1,"repliesCount":151,"author":{"__ref":"User:user:50280"},"depth":0,"hasGivenKudo":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"conversation":{"__ref":"Conversation:conversation:1140679"},"messagePolicies":{"__typename":"MessagePolicies","canPublishArticleOnEdit":{"__typename":"PolicyResult","failureReason":{"__typename":"FailureReason","message":"error.lithium.policies.forums.policy_can_publish_on_edit_workflow_action.accessDenied","key":"error.lithium.policies.forums.policy_can_publish_on_edit_workflow_action.accessDenied","args":[]}},"canModerateSpamMessage":{"__typename":"PolicyResult","failureReason":{"__typename":"FailureReason","message":"error.lithium.policies.feature.moderation_spam.action.moderate_entity.allowed.accessDenied","key":"error.lithium.policies.feature.moderation_spam.action.moderate_entity.allowed.accessDenied","args":[]}}},"contentWorkflow":{"__typename":"ContentWorkflow","state":"PUBLISH","scheduledPublishTime":null,"scheduledTimezone":null,"userContext":{"__typename":"MessageWorkflowContext","canSubmitForReview":null,"canEdit":false,"canRecall":null,"canSubmitForPublication":null,"canReturnToAuthor":null,"canPublish":null,"canReturnToReview":null,"canSchedule":false},"shortScheduledTimezone":null},"readOnly":false,"editFrozen":false,"moderationData":{"__ref":"ModerationData:moderation_data:1140679"},"teaser":"","body":"
\n
Parallax Scrolling Effects in E-Learning #253: Challenge | Recap
\n
What is the Parallax Effect?
\n
Parallax scrolling is a motion effect that’s used to simulate depth by animating background images slower than foreground images. The effect can be found in everything from video games to websites to e-learning. Let’s take a look at a few examples.
\n
How’d You Do That?
\n
A good example of how features can be used differently came from Steve Flowers during the Articulate Storyline 2 beta. Steve was playing with Storyline’s new sliders and shared a way to connect one slider to another.
By changing the visual appearance of the slider's thumb a large image, Steve was able to create a scrolling timeline interaction. Sliders just went up a notch.
\n
\n
Comet Landing
\n
Connecting two visual sliders together is cool. But what happens when you connect dozens of visual sliders to a slider? You get a parallax effect that’s out of this world!
Mark Bennett shared his own take for creating the parallax effect with sliders. By making both sliders full-slide images, Mark discovered a creative way to make the entire background draggable.
Be sure to download Mark’s source file to learn more about his project and how he built it.
\n
Mountain Tours
\n
Here’s a recent example shared by Ross Garner. I really like how Ross customized the slider’s thumb to visually align with his mountain theme. It's a practical example and one that should help most users begin using multiple sliders to create the parallax effect.
Here are two more examples and source files from Tom. I like these examples because they show how multiple sliders can be combined for educational purposes.
This week, your challenge is to create a parallax effect for e-learning using Storyline’s sliders.
\n
Technically, this is an advanced challenge. Please let us know if you get stuck or have any questions. I don’t want anyone to skip this challenge because they can’t get their sliders to work correctly.
\n
New Entries Only!
\n
We hosted the first parallax challenge three years ago. To keep things fresh, we’re asking that you share only new parallax examples this week. You’re more than welcome to re-work a previous example.
\n
Last Week’s Challenge:
\n
Before you slide into this week’s challenge, check out the interactive checklist examples your fellow community members shared over the past week:
\n
\n
Checklist Interactions in E-Learning RECAP #252: Challenge | Recap
\n
New to the E-Learning Challenges?
\n
The weekly challenges are ongoing opportunities to learn, share, and build your e-learning portfolios. You can jump into any or all of the previous challenges anytime you want. I’ll update the recap posts to include your demos.
","body@stringLength":"11293","rawBody":"
\n
Parallax Scrolling Effects in E-Learning #253: Challenge | Recap
\n
What is the Parallax Effect?
\n
Parallax scrolling is a motion effect that’s used to simulate depth by animating background images slower than foreground images. The effect can be found in everything from video games to websites to e-learning. Let’s take a look at a few examples.
\n
How’d You Do That?
\n
A good example of how features can be used differently came from Steve Flowers during the Articulate Storyline 2 beta. Steve was playing with Storyline’s new sliders and shared a way to connect one slider to another.
By changing the visual appearance of the slider's thumb a large image, Steve was able to create a scrolling timeline interaction. Sliders just went up a notch.
\n
\n
Comet Landing
\n
Connecting two visual sliders together is cool. But what happens when you connect dozens of visual sliders to a slider? You get a parallax effect that’s out of this world!
Mark Bennett shared his own take for creating the parallax effect with sliders. By making both sliders full-slide images, Mark discovered a creative way to make the entire background draggable.
Be sure to download Mark’s source file to learn more about his project and how he built it.
\n
Mountain Tours
\n
Here’s a recent example shared by Ross Garner. I really like how Ross customized the slider’s thumb to visually align with his mountain theme. It's a practical example and one that should help most users begin using multiple sliders to create the parallax effect.
Here are two more examples and source files from Tom. I like these examples because they show how multiple sliders can be combined for educational purposes.
This week, your challenge is to create a parallax effect for e-learning using Storyline’s sliders.
\n
Technically, this is an advanced challenge. Please let us know if you get stuck or have any questions. I don’t want anyone to skip this challenge because they can’t get their sliders to work correctly.
\n
New Entries Only!
\n
We hosted the first parallax challenge three years ago. To keep things fresh, we’re asking that you share only new parallax examples this week. You’re more than welcome to re-work a previous example.
\n
Last Week’s Challenge:
\n
Before you slide into this week’s challenge, check out the interactive checklist examples your fellow community members shared over the past week:
\n
\n
Checklist Interactions in E-Learning RECAP #252: Challenge | Recap
\n
New to the E-Learning Challenges?
\n
The weekly challenges are ongoing opportunities to learn, share, and build your e-learning portfolios. You can jump into any or all of the previous challenges anytime you want. I’ll update the recap posts to include your demos.
","kudosSumWeight":0,"postTime":"2019-10-05T08:48:20.000-07:00","images":{"__typename":"AssociatedImageConnection","edges":[{"__typename":"AssociatedImageEdge","cursor":"MjUuMnwyLjF8b3wyNXxfTlZffDE","node":{"__ref":"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQwNjc5LTQyMzU2aTM1MkU5Q0JBN0U1RDExRkM?revision=1\"}"}},{"__typename":"AssociatedImageEdge","cursor":"MjUuMnwyLjF8b3wyNXxfTlZffDI","node":{"__ref":"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQwNjc5LTQ2MTc3aTY0NkI1NzgzQjY4NUE5QkE?revision=1\"}"}},{"__typename":"AssociatedImageEdge","cursor":"MjUuMnwyLjF8b3wyNXxfTlZffDM","node":{"__ref":"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQwNjc5LTM5MTcwaTQyNzYwQjIxODAxNTRGQzI?revision=1\"}"}},{"__typename":"AssociatedImageEdge","cursor":"MjUuMnwyLjF8b3wyNXxfTlZffDQ","node":{"__ref":"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQwNjc5LTc0MjQ3aTE4RENGN0M4QzI0REI5NkI?revision=1\"}"}},{"__typename":"AssociatedImageEdge","cursor":"MjUuMnwyLjF8b3wyNXxfTlZffDU","node":{"__ref":"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQwNjc5LTMyODEyaTJFRTJBMEREQUVENUE2MUM?revision=1\"}"}},{"__typename":"AssociatedImageEdge","cursor":"MjUuMnwyLjF8b3wyNXxfTlZffDY","node":{"__ref":"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQwNjc5LTMxMDk1aTBFQTg2OTlDOTQxQTcwMUI?revision=1\"}"}},{"__typename":"AssociatedImageEdge","cursor":"MjUuMnwyLjF8b3wyNXxfTlZffDc","node":{"__ref":"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQwNjc5LTk5NDY0aTlEOTlGOEUyMUQ2QkQ2MjI?revision=1\"}"}}],"totalCount":7,"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"attachments":{"__typename":"AttachmentConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[]},"tags":{"__typename":"TagConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[{"__typename":"TagEdge","cursor":"MjUuMnwyLjF8b3wxMHxfTlZffDE","node":{"__typename":"Tag","id":"tag:E-Learning Challenge","text":"E-Learning Challenge","time":"2015-11-11T20:02:32.000-08:00","lastActivityTime":null,"messagesCount":null,"followersCount":null}}]},"timeToRead":3,"rawTeaser":"","introduction":"","coverImage":null,"coverImageProperties":{"__typename":"CoverImageProperties","style":"STANDARD","titlePosition":"BOTTOM","altText":""},"currentRevision":{"__ref":"Revision:revision:1140679_1"},"latestVersion":{"__typename":"FriendlyVersion","major":"1","minor":"0"},"metrics":{"__typename":"MessageMetrics","views":189},"visibilityScope":"PUBLIC","canonicalUrl":null,"seoTitle":null,"seoDescription":null,"placeholder":false,"originalMessageForPlaceholder":null,"contributors":{"__typename":"UserConnection","edges":[]},"nonCoAuthorContributors":{"__typename":"UserConnection","edges":[]},"coAuthors":{"__typename":"UserConnection","edges":[]},"blogMessagePolicies":{"__typename":"BlogMessagePolicies","canDoAuthoringActionsOnBlog":{"__typename":"PolicyResult","failureReason":{"__typename":"FailureReason","message":"error.lithium.policies.blog.action_can_do_authoring_action.accessDenied","key":"error.lithium.policies.blog.action_can_do_authoring_action.accessDenied","args":[]}}},"archivalData":null,"replies":{"__typename":"MessageConnection","edges":[{"__typename":"MessageEdge","cursor":"MjUuMnwyLjF8aXwxMHwzOToxfGludCwxMTQwNjgwLDExNDA2ODA","node":{"__ref":"BlogReplyMessage:message:1140680"}},{"__typename":"MessageEdge","cursor":"MjUuMnwyLjF8aXwxMHwzOToxfGludCwxMTQwNjgwLDExNDA2ODE","node":{"__ref":"BlogReplyMessage:message:1140681"}},{"__typename":"MessageEdge","cursor":"MjUuMnwyLjF8aXwxMHwzOToxfGludCwxMTQwNjgwLDExNDA2ODI","node":{"__ref":"BlogReplyMessage:message:1140682"}},{"__typename":"MessageEdge","cursor":"MjUuMnwyLjF8aXwxMHwzOToxfGludCwxMTQwNjgwLDExNDA2ODU","node":{"__ref":"BlogReplyMessage:message:1140685"}},{"__typename":"MessageEdge","cursor":"MjUuMnwyLjF8aXwxMHwzOToxfGludCwxMTQwNjgwLDExNDA2ODk","node":{"__ref":"BlogReplyMessage:message:1140689"}},{"__typename":"MessageEdge","cursor":"MjUuMnwyLjF8aXwxMHwzOToxfGludCwxMTQwNjgwLDExNDA2OTE","node":{"__ref":"BlogReplyMessage:message:1140691"}},{"__typename":"MessageEdge","cursor":"MjUuMnwyLjF8aXwxMHwzOToxfGludCwxMTQwNjgwLDExNDA2OTU","node":{"__ref":"BlogReplyMessage:message:1140695"}},{"__typename":"MessageEdge","cursor":"MjUuMnwyLjF8aXwxMHwzOToxfGludCwxMTQwNjgwLDExNDA2OTg","node":{"__ref":"BlogReplyMessage:message:1140698"}},{"__typename":"MessageEdge","cursor":"MjUuMnwyLjF8aXwxMHwzOToxfGludCwxMTQwNjgwLDExNDA3MDA","node":{"__ref":"BlogReplyMessage:message:1140700"}},{"__typename":"MessageEdge","cursor":"MjUuMnwyLjF8aXwxMHwzOToxfGludCwxMTQwNjgwLDExNDA3MDg","node":{"__ref":"BlogReplyMessage:message:1140708"}}],"pageInfo":{"__typename":"PageInfo","hasNextPage":true,"endCursor":"MjUuMnwyLjF8aXwxMHwzOToxfGludCwxMTQwNjgwLDExNDA3MDg","hasPreviousPage":false,"startCursor":null}},"customFields":[],"revisions({\"constraints\":{\"isPublished\":{\"eq\":true}},\"first\":1})":{"__typename":"RevisionConnection","totalCount":1}},"Conversation:conversation:1140679":{"__typename":"Conversation","id":"conversation:1140679","solved":false,"topic":{"__ref":"BlogTopicMessage:message:1140679"},"lastPostingActivityTime":"2022-08-12T13:33:27.000-07:00","lastPostTime":"2022-08-12T13:33:27.000-07:00","unreadReplyCount":151,"isSubscribed":false},"ModerationData:moderation_data:1140679":{"__typename":"ModerationData","id":"moderation_data:1140679","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQwNjc5LTQyMzU2aTM1MkU5Q0JBN0U1RDExRkM?revision=1\"}":{"__typename":"AssociatedImage","url":"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQwNjc5LTQyMzU2aTM1MkU5Q0JBN0U1RDExRkM?revision=1","title":"uploads_rte_mduategk_Parallax-Sliders_Elearning_CHALLENGE.png","associationType":"BODY","width":1512,"height":760,"altText":null},"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQwNjc5LTQ2MTc3aTY0NkI1NzgzQjY4NUE5QkE?revision=1\"}":{"__typename":"AssociatedImage","url":"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQwNjc5LTQ2MTc3aTY0NkI1NzgzQjY4NUE5QkE?revision=1","title":"uploads_rte_vyalhzfn_parallax-effect-steve.jpg","associationType":"BODY","width":500,"height":250,"altText":null},"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQwNjc5LTM5MTcwaTQyNzYwQjIxODAxNTRGQzI?revision=1\"}":{"__typename":"AssociatedImage","url":"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQwNjc5LTM5MTcwaTQyNzYwQjIxODAxNTRGQzI?revision=1","title":"uploads_rte_agyzqkbj_parallax-effect-jerson.png","associationType":"BODY","width":500,"height":250,"altText":null},"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQwNjc5LTc0MjQ3aTE4RENGN0M4QzI0REI5NkI?revision=1\"}":{"__typename":"AssociatedImage","url":"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQwNjc5LTc0MjQ3aTE4RENGN0M4QzI0REI5NkI?revision=1","title":"uploads_rte_qrugeixa_parallax-effect-mark.jpg","associationType":"BODY","width":500,"height":250,"altText":null},"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQwNjc5LTMyODEyaTJFRTJBMEREQUVENUE2MUM?revision=1\"}":{"__typename":"AssociatedImage","url":"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQwNjc5LTMyODEyaTJFRTJBMEREQUVENUE2MUM?revision=1","title":"uploads_rte_qymtcgeb_parallax-effect-ross.jpg","associationType":"BODY","width":500,"height":250,"altText":null},"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQwNjc5LTMxMDk1aTBFQTg2OTlDOTQxQTcwMUI?revision=1\"}":{"__typename":"AssociatedImage","url":"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQwNjc5LTMxMDk1aTBFQTg2OTlDOTQxQTcwMUI?revision=1","title":"uploads_rte_jltrewnz_anatomy-football-sliders.jpg","associationType":"BODY","width":760,"height":212,"altText":null},"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQwNjc5LTk5NDY0aTlEOTlGOEUyMUQ2QkQ2MjI?revision=1\"}":{"__typename":"AssociatedImage","url":"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQwNjc5LTk5NDY0aTlEOTlGOEUyMUQ2QkQ2MjI?revision=1","title":"uploads_rte_rfhywoul_elearning-checklist-interactions_RECAP.jpg","associationType":"BODY","width":1512,"height":760,"altText":null},"Revision:revision:1140679_1":{"__typename":"Revision","id":"revision:1140679_1","lastEditTime":"2019-10-05T08:48:20.000-07:00"},"CachedAsset:theme:customTheme1-1742810648674":{"__typename":"CachedAsset","id":"theme:customTheme1-1742810648674","value":{"id":"customTheme1","animation":{"fast":"150ms","normal":"250ms","slow":"500ms","slowest":"750ms","function":"cubic-bezier(0.07, 0.91, 0.51, 1)","__typename":"AnimationThemeSettings"},"avatar":{"borderRadius":"50%","collections":["custom"],"__typename":"AvatarThemeSettings"},"basics":{"browserIcon":{"imageAssetName":"icon-1707332475463.png","imageLastModified":"1707332477323","__typename":"ThemeAsset"},"customerLogo":{"imageAssetName":"yes-1713449978626.svg","imageLastModified":"1713449980471","__typename":"ThemeAsset"},"maximumWidthOfPageContent":"1440px","oneColumnNarrowWidth":"800px","gridGutterWidthMd":"30px","gridGutterWidthXs":"10px","pageWidthStyle":"WIDTH_OF_BROWSER","__typename":"BasicsThemeSettings"},"buttons":{"borderRadiusSm":"100vw","borderRadius":"100vw","borderRadiusLg":"100vw","paddingY":"5px","paddingYLg":"7px","paddingYHero":"var(--lia-bs-btn-padding-y-lg)","paddingX":"55px","paddingXLg":"65px","paddingXHero":"78px","fontStyle":"NORMAL","fontWeight":"400","textTransform":"NONE","disabledOpacity":0.5,"primaryTextColor":"var(--lia-bs-white)","primaryTextHoverColor":"var(--lia-bs-white)","primaryTextActiveColor":"var(--lia-bs-white)","primaryBgColor":"var(--lia-bs-body-color)","primaryBgHoverColor":"var(--lia-bs-primary)","primaryBgActiveColor":"#36a5dd","primaryBorder":"1px solid transparent","primaryBorderHover":"1px solid transparent","primaryBorderActive":"1px solid transparent","primaryBorderFocus":"1px solid var(--lia-bs-white)","primaryBoxShadowFocus":"0 0 0 1px var(--lia-bs-body-color), 0 0 0 4px hsla(var(--lia-bs-body-color-h), var(--lia-bs-body-color-s), var(--lia-bs-body-color-l), 0.2)","secondaryTextColor":"var(--lia-bs-gray-900)","secondaryTextHoverColor":"hsl(var(--lia-bs-gray-900-h), var(--lia-bs-gray-900-s), calc(var(--lia-bs-gray-900-l) * 0.95))","secondaryTextActiveColor":"hsl(var(--lia-bs-gray-900-h), var(--lia-bs-gray-900-s), calc(var(--lia-bs-gray-900-l) * 0.9))","secondaryBgColor":"var(--lia-bs-white)","secondaryBgHoverColor":"var(--lia-bs-primary)","secondaryBgActiveColor":"#36a5dd","secondaryBorder":"1px solid var(--lia-btn-primary-bg-color)","secondaryBorderHover":"1px solid transparent","secondaryBorderActive":"1px solid transparent","secondaryBorderFocus":"1px solid transparent","secondaryBoxShadowFocus":"0 0 0 1px var(--lia-bs-body-color), 0 0 0 4px hsla(var(--lia-bs-body-color-h), var(--lia-bs-body-color-s), var(--lia-bs-body-color-l), 0.2)","tertiaryTextColor":"var(--lia-bs-body-color)","tertiaryTextHoverColor":"hsl(var(--lia-bs-body-color-h), var(--lia-bs-body-color-s), calc(var(--lia-bs-body-color-l) * 0.95))","tertiaryTextActiveColor":"hsl(var(--lia-bs-body-color-h), var(--lia-bs-body-color-s), calc(var(--lia-bs-body-color-l) * 0.9))","tertiaryBgColor":"transparent","tertiaryBgHoverColor":"transparent","tertiaryBgActiveColor":"hsla(var(--lia-bs-body-bg-h), var(--lia-bs-body-bg-s), var(--lia-bs-body-bg-l), 0.04)","tertiaryBorder":"1px solid transparent","tertiaryBorderHover":"1px solid hsla(var(--lia-bs-body-bg-h), var(--lia-bs-body-bg-s), var(--lia-bs-body-bg-l), 0.08)","tertiaryBorderActive":"1px solid transparent","tertiaryBorderFocus":"1px solid transparent","tertiaryBoxShadowFocus":"0 0 0 1px var(--lia-bs-body-color), 0 0 0 4px hsla(var(--lia-bs-body-color-h), var(--lia-bs-body-color-s), var(--lia-bs-body-color-l), 0.2)","destructiveTextColor":"#4D0000","destructiveTextHoverColor":"hsl(0, 100%, 14.3%)","destructiveTextActiveColor":"hsl(0, 100%, 13.6%)","destructiveBgColor":"#FFE5E5","destructiveBgHoverColor":"hsl(0, 100%, 91.1%)","destructiveBgActiveColor":"hsl(0, 100%, 87.3%)","destructiveBorder":"1px solid transparent","destructiveBorderHover":"1px solid transparent","destructiveBorderActive":"1px solid transparent","destructiveBorderFocus":"1px solid transparent","destructiveBoxShadowFocus":"0 0 0 1px var(--lia-bs-body-color), 0 0 0 4px hsla(var(--lia-bs-body-color-h), var(--lia-bs-body-color-s), var(--lia-bs-body-color-l), 0.2)","__typename":"ButtonsThemeSettings"},"border":{"color":"hsla(var(--lia-bs-black-h), var(--lia-bs-black-s), var(--lia-bs-black-l), 0.08)","mainContent":"NONE","sideContent":"NONE","radiusSm":"6px","radius":"10px","radiusLg":"18px","radius50":"100vw","__typename":"BorderThemeSettings"},"boxShadow":{"xs":"0 0 0 1px hsla(var(--lia-bs-gray-900-h), var(--lia-bs-gray-900-s), var(--lia-bs-gray-900-l), 0.08), 0 3px 0 -1px hsla(var(--lia-bs-gray-900-h), var(--lia-bs-gray-900-s), var(--lia-bs-gray-900-l), 0.16)","sm":"0 2px 4px hsla(var(--lia-bs-gray-900-h), var(--lia-bs-gray-900-s), var(--lia-bs-gray-900-l), 0.12)","md":"0 5px 15px hsla(var(--lia-bs-gray-900-h), var(--lia-bs-gray-900-s), var(--lia-bs-gray-900-l), 0.3)","lg":"0 10px 30px hsla(var(--lia-bs-gray-900-h), var(--lia-bs-gray-900-s), var(--lia-bs-gray-900-l), 0.3)","__typename":"BoxShadowThemeSettings"},"cards":{"bgColor":"var(--lia-panel-bg-color)","borderRadius":"var(--lia-panel-border-radius)","boxShadow":"var(--lia-box-shadow-xs)","__typename":"CardsThemeSettings"},"chip":{"maxWidth":"300px","height":"30px","__typename":"ChipThemeSettings"},"coreTypes":{"defaultMessageLinkColor":"var(--lia-bs-primary)","defaultMessageLinkDecoration":"none","defaultMessageLinkFontStyle":"NORMAL","defaultMessageLinkFontWeight":"400","defaultMessageFontStyle":"NORMAL","defaultMessageFontWeight":"400","forumColor":"#4099E2","forumFontFamily":"var(--lia-bs-font-family-base)","forumFontWeight":"var(--lia-default-message-font-weight)","forumLineHeight":"var(--lia-bs-line-height-base)","forumFontStyle":"var(--lia-default-message-font-style)","forumMessageLinkColor":"var(--lia-default-message-link-color)","forumMessageLinkDecoration":"var(--lia-default-message-link-decoration)","forumMessageLinkFontStyle":"var(--lia-default-message-link-font-style)","forumMessageLinkFontWeight":"var(--lia-default-message-link-font-weight)","forumSolvedColor":"#44BF90","blogColor":"#1CBAA0","blogFontFamily":"var(--lia-bs-font-family-base)","blogFontWeight":"var(--lia-default-message-font-weight)","blogLineHeight":"1.75","blogFontStyle":"var(--lia-default-message-font-style)","blogMessageLinkColor":"var(--lia-default-message-link-color)","blogMessageLinkDecoration":"var(--lia-default-message-link-decoration)","blogMessageLinkFontStyle":"var(--lia-default-message-link-font-style)","blogMessageLinkFontWeight":"var(--lia-default-message-link-font-weight)","tkbColor":"#4C6B90","tkbFontFamily":"var(--lia-bs-font-family-base)","tkbFontWeight":"var(--lia-default-message-font-weight)","tkbLineHeight":"1.75","tkbFontStyle":"var(--lia-default-message-font-style)","tkbMessageLinkColor":"var(--lia-default-message-link-color)","tkbMessageLinkDecoration":"var(--lia-default-message-link-decoration)","tkbMessageLinkFontStyle":"var(--lia-default-message-link-font-style)","tkbMessageLinkFontWeight":"var(--lia-default-message-link-font-weight)","qandaColor":"#4099E2","qandaFontFamily":"var(--lia-bs-font-family-base)","qandaFontWeight":"var(--lia-default-message-font-weight)","qandaLineHeight":"var(--lia-bs-line-height-base)","qandaFontStyle":"var(--lia-default-message-link-font-style)","qandaMessageLinkColor":"var(--lia-default-message-link-color)","qandaMessageLinkDecoration":"var(--lia-default-message-link-decoration)","qandaMessageLinkFontStyle":"var(--lia-default-message-link-font-style)","qandaMessageLinkFontWeight":"var(--lia-default-message-link-font-weight)","qandaSolvedColor":"#3FA023","ideaColor":"#00AEEF","ideaFontFamily":"var(--lia-bs-font-family-base)","ideaFontWeight":"var(--lia-default-message-font-weight)","ideaLineHeight":"var(--lia-bs-line-height-base)","ideaFontStyle":"var(--lia-default-message-font-style)","ideaMessageLinkColor":"var(--lia-default-message-link-color)","ideaMessageLinkDecoration":"var(--lia-default-message-link-decoration)","ideaMessageLinkFontStyle":"var(--lia-default-message-link-font-style)","ideaMessageLinkFontWeight":"var(--lia-default-message-link-font-weight)","contestColor":"#FCC845","contestFontFamily":"var(--lia-bs-font-family-base)","contestFontWeight":"var(--lia-default-message-font-weight)","contestLineHeight":"var(--lia-bs-line-height-base)","contestFontStyle":"var(--lia-default-message-link-font-style)","contestMessageLinkColor":"var(--lia-default-message-link-color)","contestMessageLinkDecoration":"var(--lia-default-message-link-decoration)","contestMessageLinkFontStyle":"ITALIC","contestMessageLinkFontWeight":"var(--lia-default-message-link-font-weight)","occasionColor":"#4E3AD0","occasionFontFamily":"var(--lia-bs-font-family-base)","occasionFontWeight":"var(--lia-default-message-font-weight)","occasionLineHeight":"var(--lia-bs-line-height-base)","occasionFontStyle":"var(--lia-default-message-font-style)","occasionMessageLinkColor":"var(--lia-default-message-link-color)","occasionMessageLinkDecoration":"var(--lia-default-message-link-decoration)","occasionMessageLinkFontStyle":"var(--lia-default-message-link-font-style)","occasionMessageLinkFontWeight":"var(--lia-default-message-link-font-weight)","grouphubColor":"#333333","categoryColor":"#949494","communityColor":"#FFFFFF","productColor":"#949494","__typename":"CoreTypesThemeSettings"},"colors":{"black":"#000000","white":"#FFFFFF","gray100":"#F7F7F7","gray200":"#F7F7F7","gray300":"#E8E8E8","gray400":"#D9D9D9","gray500":"#CCCCCC","gray600":"#949494","gray700":"#707070","gray800":"#545454","gray900":"#333333","dark":"#545454","light":"#F7F7F7","primary":"#00AEEF","secondary":"#333333","bodyText":"#000000","bodyBg":"#FFFFFF","info":"#00AEEF","success":"#029C29","warning":"#FFB82D","danger":"#00AEEF","alertSystem":"#FF6600","textMuted":"#707070","highlight":"#FFFCAD","outline":"var(--lia-bs-primary)","custom":["#00AEEF","#4E3AD5","#000000","#FFFFFF","#FF6602","#44BF90","#FF4C93","#74BB44","#FFB82D","#AA1A53","#FF0000","#027E20","#029C29","#DB0000","#FF0A0A","#4D0000","#FFE5E5","#36A5DD","#F1F3FD","#CBECFF"],"__typename":"ColorsThemeSettings"},"divider":{"size":"3px","marginLeft":"4px","marginRight":"4px","borderRadius":"50%","bgColor":"var(--lia-bs-gray-600)","bgColorActive":"var(--lia-bs-gray-600)","__typename":"DividerThemeSettings"},"dropdown":{"fontSize":"var(--lia-bs-font-size-sm)","borderColor":"var(--lia-bs-border-color)","borderRadius":"var(--lia-bs-border-radius-sm)","dividerBg":"var(--lia-bs-gray-300)","itemPaddingY":"5px","itemPaddingX":"20px","headerColor":"var(--lia-bs-gray-700)","__typename":"DropdownThemeSettings"},"email":null,"emoji":{"skinToneDefault":"#ffcd43","skinToneLight":"#fae3c5","skinToneMediumLight":"#e2cfa5","skinToneMedium":"#daa478","skinToneMediumDark":"#a78058","skinToneDark":"#5e4d43","__typename":"EmojiThemeSettings"},"heading":{"color":"var(--lia-bs-body-color)","fontFamily":"GTWalsheimProBold","fontStyle":"NORMAL","fontWeight":"700","h1FontSize":"48px","h2FontSize":"32px","h3FontSize":"22px","h4FontSize":"18px","h5FontSize":"22px","h6FontSize":"16px","lineHeight":"1.4","subHeaderFontSize":"14px","subHeaderFontWeight":"500","h1LetterSpacing":"normal","h2LetterSpacing":"normal","h3LetterSpacing":"normal","h4LetterSpacing":"normal","h5LetterSpacing":"normal","h6LetterSpacing":"normal","subHeaderLetterSpacing":"2px","h1FontWeight":"var(--lia-bs-headings-font-weight)","h2FontWeight":"var(--lia-bs-headings-font-weight)","h3FontWeight":"var(--lia-bs-headings-font-weight)","h4FontWeight":"var(--lia-bs-headings-font-weight)","h5FontWeight":"var(--lia-bs-headings-font-weight)","h6FontWeight":"var(--lia-bs-headings-font-weight)","__typename":"HeadingThemeSettings"},"icons":{"size10":"10px","size12":"12px","size14":"14px","size16":"16px","size20":"20px","size24":"24px","size30":"30px","size40":"40px","size50":"50px","size60":"60px","size80":"80px","size120":"120px","size160":"160px","__typename":"IconsThemeSettings"},"imagePreview":{"bgColor":"var(--lia-bs-gray-900)","titleColor":"var(--lia-bs-white)","controlColor":"var(--lia-bs-white)","controlBgColor":"var(--lia-bs-gray-800)","__typename":"ImagePreviewThemeSettings"},"input":{"borderColor":"var(--lia-bs-gray-600)","disabledColor":"var(--lia-bs-gray-600)","focusBorderColor":"var(--lia-bs-primary)","labelMarginBottom":"10px","btnFontSize":"var(--lia-bs-font-size-sm)","focusBoxShadow":"0 0 0 3px hsla(var(--lia-bs-primary-h), var(--lia-bs-primary-s), var(--lia-bs-primary-l), 0.2)","checkLabelMarginBottom":"2px","checkboxBorderRadius":"3px","borderRadiusSm":"100vw","borderRadius":"100vw","borderRadiusLg":"100vw","formTextMarginTop":"4px","textAreaBorderRadius":"18px","activeFillColor":"var(--lia-bs-primary)","__typename":"InputThemeSettings"},"loading":{"dotDarkColor":"hsla(var(--lia-bs-black-h), var(--lia-bs-black-s), var(--lia-bs-black-l), 0.2)","dotLightColor":"hsla(var(--lia-bs-white-h), var(--lia-bs-white-s), var(--lia-bs-white-l), 0.5)","barDarkColor":"hsla(var(--lia-bs-black-h), var(--lia-bs-black-s), var(--lia-bs-black-l), 0.06)","barLightColor":"hsla(var(--lia-bs-white-h), var(--lia-bs-white-s), var(--lia-bs-white-l), 0.4)","__typename":"LoadingThemeSettings"},"link":{"color":"var(--lia-bs-primary)","hoverColor":"hsl(var(--lia-bs-primary-h), var(--lia-bs-primary-s), calc(var(--lia-bs-primary-l) - 10%))","decoration":"none","hoverDecoration":"underline","__typename":"LinkThemeSettings"},"listGroup":{"itemPaddingY":"15px","itemPaddingX":"15px","borderColor":"var(--lia-bs-gray-300)","__typename":"ListGroupThemeSettings"},"modal":{"contentTextColor":"var(--lia-bs-body-color)","contentBg":"var(--lia-bs-white)","backgroundBg":"var(--lia-bs-black)","smSize":"440px","mdSize":"760px","lgSize":"1080px","backdropOpacity":0.3,"contentBoxShadowXs":"var(--lia-bs-box-shadow-sm)","contentBoxShadow":"var(--lia-bs-box-shadow)","headerFontWeight":"700","__typename":"ModalThemeSettings"},"navbar":{"position":"FIXED","background":{"attachment":null,"clip":null,"color":"var(--lia-bs-white)","imageAssetName":null,"imageLastModified":"0","origin":null,"position":"CENTER_CENTER","repeat":"NO_REPEAT","size":"COVER","__typename":"BackgroundProps"},"backgroundOpacity":0.8,"paddingTop":"15px","paddingBottom":"15px","borderBottom":"1px solid var(--lia-bs-border-color)","boxShadow":"var(--lia-bs-box-shadow-sm)","brandMarginRight":"30px","brandMarginRightSm":"10px","brandLogoHeight":"30px","linkGap":"10px","linkJustifyContent":"flex-start","linkPaddingY":"5px","linkPaddingX":"10px","linkDropdownPaddingY":"9px","linkDropdownPaddingX":"var(--lia-nav-link-px)","linkColor":"var(--lia-bs-body-color)","linkHoverColor":"var(--lia-bs-primary)","linkFontSize":"var(--lia-bs-font-size-sm)","linkFontStyle":"NORMAL","linkFontWeight":"400","linkTextTransform":"NONE","linkLetterSpacing":"normal","linkBorderRadius":"var(--lia-bs-border-radius-sm)","linkBgColor":"transparent","linkBgHoverColor":"transparent","linkBorder":"none","linkBorderHover":"none","linkBoxShadow":"none","linkBoxShadowHover":"none","linkTextBorderBottom":"none","linkTextBorderBottomHover":"none","dropdownPaddingTop":"10px","dropdownPaddingBottom":"15px","dropdownPaddingX":"10px","dropdownMenuOffset":"2px","dropdownDividerMarginTop":"10px","dropdownDividerMarginBottom":"10px","dropdownBorderColor":"hsla(var(--lia-bs-black-h), var(--lia-bs-black-s), var(--lia-bs-black-l), 0.08)","controllerBgHoverColor":"hsla(var(--lia-bs-black-h), var(--lia-bs-black-s), var(--lia-bs-black-l), 0.1)","controllerIconColor":"var(--lia-bs-body-color)","controllerIconHoverColor":"var(--lia-bs-body-color)","controllerTextColor":"var(--lia-nav-controller-icon-color)","controllerTextHoverColor":"var(--lia-nav-controller-icon-hover-color)","controllerHighlightColor":"hsla(30, 100%, 50%)","controllerHighlightTextColor":"var(--lia-yiq-light)","controllerBorderRadius":"var(--lia-border-radius-50)","hamburgerColor":"var(--lia-nav-controller-icon-color)","hamburgerHoverColor":"var(--lia-nav-controller-icon-color)","hamburgerBgColor":"transparent","hamburgerBgHoverColor":"transparent","hamburgerBorder":"none","hamburgerBorderHover":"none","collapseMenuMarginLeft":"20px","collapseMenuDividerBg":"var(--lia-nav-link-color)","collapseMenuDividerOpacity":0.16,"__typename":"NavbarThemeSettings"},"pager":{"textColor":"var(--lia-bs-link-color)","textFontWeight":"var(--lia-font-weight-md)","textFontSize":"var(--lia-bs-font-size-sm)","__typename":"PagerThemeSettings"},"panel":{"bgColor":"var(--lia-bs-white)","borderRadius":"var(--lia-bs-border-radius)","borderColor":"var(--lia-bs-border-color)","boxShadow":"none","__typename":"PanelThemeSettings"},"popover":{"arrowHeight":"8px","arrowWidth":"16px","maxWidth":"300px","minWidth":"100px","headerBg":"var(--lia-bs-white)","borderColor":"var(--lia-bs-border-color)","borderRadius":"var(--lia-bs-border-radius)","boxShadow":"0 0.5rem 1rem hsla(var(--lia-bs-black-h), var(--lia-bs-black-s), var(--lia-bs-black-l), 0.15)","__typename":"PopoverThemeSettings"},"prism":{"color":"#000000","bgColor":"#f5f2f0","fontFamily":"var(--font-family-monospace)","fontSize":"var(--lia-bs-font-size-base)","fontWeightBold":"var(--lia-bs-font-weight-bold)","fontStyleItalic":"italic","tabSize":2,"highlightColor":"#b3d4fc","commentColor":"#62707e","punctuationColor":"#6f6f6f","namespaceOpacity":"0.7","propColor":"#990055","selectorColor":"#517a00","operatorColor":"#906736","operatorBgColor":"hsla(0, 0%, 100%, 0.5)","keywordColor":"#0076a9","functionColor":"#d3284b","variableColor":"#c14700","__typename":"PrismThemeSettings"},"rte":{"bgColor":"var(--lia-bs-white)","borderRadius":"var(--lia-panel-border-radius)","boxShadow":" var(--lia-panel-box-shadow)","customColor1":"#bfedd2","customColor2":"#fbeeb8","customColor3":"#f8cac6","customColor4":"#eccafa","customColor5":"#c2e0f4","customColor6":"#2dc26b","customColor7":"#f1c40f","customColor8":"#e03e2d","customColor9":"#b96ad9","customColor10":"#3598db","customColor11":"#169179","customColor12":"#e67e23","customColor13":"#ba372a","customColor14":"#843fa1","customColor15":"#236fa1","customColor16":"#ecf0f1","customColor17":"#ced4d9","customColor18":"#95a5a6","customColor19":"#7e8c8d","customColor20":"#34495e","customColor21":"#000000","customColor22":"#ffffff","defaultMessageHeaderMarginTop":"40px","defaultMessageHeaderMarginBottom":"24px","defaultMessageItemMarginTop":"0","defaultMessageItemMarginBottom":"16px","diffAddedColor":"hsla(170, 53%, 51%, 0.4)","diffChangedColor":"hsla(43, 97%, 63%, 0.4)","diffNoneColor":"hsla(0, 0%, 80%, 0.4)","diffRemovedColor":"hsla(9, 74%, 47%, 0.4)","specialMessageHeaderMarginTop":"40px","specialMessageHeaderMarginBottom":"24px","specialMessageItemMarginTop":"0","specialMessageItemMarginBottom":"16px","__typename":"RteThemeSettings"},"tags":{"bgColor":"var(--lia-bs-gray-200)","bgHoverColor":"var(--lia-bs-gray-400)","borderRadius":"var(--lia-bs-border-radius-sm)","color":"var(--lia-bs-body-color)","hoverColor":"var(--lia-bs-body-color)","fontWeight":"var(--lia-font-weight-md)","fontSize":"var(--lia-font-size-xxs)","textTransform":"UPPERCASE","letterSpacing":"0.5px","__typename":"TagsThemeSettings"},"toasts":{"borderRadius":"var(--lia-bs-border-radius)","paddingX":"12px","__typename":"ToastsThemeSettings"},"typography":{"fontFamilyBase":"Graphik","fontStyleBase":"NORMAL","fontWeightBase":"400","fontWeightLight":"300","fontWeightNormal":"400","fontWeightMd":"500","fontWeightBold":"700","letterSpacingSm":"normal","letterSpacingXs":"normal","lineHeightBase":"1.4","fontSizeBase":"18px","fontSizeXxs":"11px","fontSizeXs":"14px","fontSizeSm":"16px","fontSizeLg":"20px","fontSizeXl":"24px","smallFontSize":"14px","customFonts":[{"source":"SERVER","name":"Graphik","styles":[{"style":"NORMAL","weight":"400","__typename":"FontStyleData"},{"style":"NORMAL","weight":"700","__typename":"FontStyleData"},{"style":"NORMAL","weight":"500","__typename":"FontStyleData"},{"style":"NORMAL","weight":"600","__typename":"FontStyleData"}],"assetNames":["Graphik-normal-400.woff","Graphik-normal-700.woff","Graphik-normal-500.woff","Graphik-normal-600.woff"],"__typename":"CustomFont"},{"source":"SERVER","name":"GTWalsheimProBold","styles":[{"style":"NORMAL","weight":"700","__typename":"FontStyleData"}],"assetNames":["GTWalsheimProBold-normal-700.woff"],"__typename":"CustomFont"}],"__typename":"TypographyThemeSettings"},"unstyledListItem":{"marginBottomSm":"5px","marginBottomMd":"10px","marginBottomLg":"15px","marginBottomXl":"20px","marginBottomXxl":"25px","__typename":"UnstyledListItemThemeSettings"},"yiq":{"light":"#ffffff","dark":"#000000","__typename":"YiqThemeSettings"},"colorLightness":{"primaryDark":0.36,"primaryLight":0.74,"primaryLighter":0.89,"primaryLightest":0.95,"infoDark":0.39,"infoLight":0.72,"infoLighter":0.85,"infoLightest":0.93,"successDark":0.24,"successLight":0.62,"successLighter":0.8,"successLightest":0.91,"warningDark":0.39,"warningLight":0.68,"warningLighter":0.84,"warningLightest":0.93,"dangerDark":0.41,"dangerLight":0.72,"dangerLighter":0.89,"dangerLightest":0.95,"__typename":"ColorLightnessThemeSettings"},"localOverride":false,"__typename":"Theme"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/common/Loading/LoadingDot-1743272489977":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/common/Loading/LoadingDot-1743272489977","value":{"title":"Loading..."},"localOverride":false},"CachedAsset:quilt:articulate.prod:pages/blogs/BlogMessagePage:board:e-learning-challenges-1743280622162":{"__typename":"CachedAsset","id":"quilt:articulate.prod:pages/blogs/BlogMessagePage:board:e-learning-challenges-1743280622162","value":{"id":"BlogMessagePage","container":{"id":"Common","headerProps":{"backgroundImageProps":null,"backgroundColor":null,"addComponents":null,"removeComponents":["community.widget.bannerWidget"],"componentOrder":null,"__typename":"QuiltContainerSectionProps"},"headerComponentProps":{"community.widget.breadcrumbWidget":{"disableLastCrumbForDesktop":false}},"footerProps":null,"footerComponentProps":null,"items":[{"id":"blog-article","layout":"ONE_COLUMN","bgColor":null,"showTitle":null,"showDescription":null,"textPosition":null,"textColor":null,"sectionEditLevel":"LOCKED","bgImage":null,"disableSpacing":null,"edgeToEdgeDisplay":null,"fullHeight":null,"showBorder":null,"__typename":"OneColumnQuiltSection","columnMap":{"main":[{"id":"blogs.widget.blogArticleWidget","className":"lia-blog-container","props":null,"__typename":"QuiltComponent"}],"__typename":"OneSectionColumns"}},{"id":"section-1706289353571","layout":"ONE_COLUMN","bgColor":null,"showTitle":null,"showDescription":null,"textPosition":null,"textColor":null,"sectionEditLevel":null,"bgImage":null,"disableSpacing":null,"edgeToEdgeDisplay":null,"fullHeight":null,"showBorder":null,"__typename":"OneColumnQuiltSection","columnMap":{"main":[],"__typename":"OneSectionColumns"}}],"__typename":"QuiltContainer"},"__typename":"Quilt","localOverride":false},"localOverride":false},"CachedAsset:text:en_US-components/common/EmailVerification-1743272489977":{"__typename":"CachedAsset","id":"text:en_US-components/common/EmailVerification-1743272489977","value":{"email.verification.title":"Email Verification Required","email.verification.message.update.email":"To participate in the community, you must first verify your email address. The verification email was sent to {email}. To change your email, visit My Settings.","email.verification.message.resend.email":"To participate in the community, you must first verify your email address. The verification email was sent to {email}. Resend email."},"localOverride":false},"CachedAsset:text:en_US-pages/blogs/BlogMessagePage-1743272489977":{"__typename":"CachedAsset","id":"text:en_US-pages/blogs/BlogMessagePage-1743272489977","value":{"title":"{contextMessageSubject} | {communityTitle}","errorMissing":"This blog post cannot be found","name":"Blog Message Page","section.blog-article.title":"Blog Post","archivedMessageTitle":"This Content Has Been Archived","section.khNLnu.title":"Blog Post","section.FRRqRG.title":"Blog Post"},"localOverride":false},"CachedAsset:quiltWrapper:articulate.prod:Common:1742936287158":{"__typename":"CachedAsset","id":"quiltWrapper:articulate.prod:Common:1742936287158","value":{"id":"Common","header":{"backgroundImageProps":{"assetName":null,"backgroundSize":"COVER","backgroundRepeat":"NO_REPEAT","backgroundPosition":"CENTER_CENTER","lastModified":null,"__typename":"BackgroundImageProps"},"backgroundColor":"var(--lia-bs-white)","items":[{"id":"custom.widget.GoogleTagManager","props":{"widgetVisibility":"signedInOrAnonymous","useTitle":false,"useBackground":false,"title":"","lazyLoad":false},"__typename":"QuiltComponent"},{"id":"community.widget.navbarWidget","props":{"showUserName":false,"showRegisterLink":true,"navbarVariantProps":{"logoHeight":40,"sideLinks":[],"backgroundColor":"var(--lia-bs-white)","showRegisterLink":true,"controllerHighlightColor":"#FF0137","linkAlignment":"left","backgroundImage":{"assetName":null,"backgroundSize":"COVER","lastModified":"","backgroundPosition":"CENTER_CENTER","backgroundRepeat":"NO_REPEAT"},"visualEffects":{"showBottomBorder":true,"showBottomShadow":true,"useStickyPosition":true},"linkFontSize":15,"controllerIconColor":"#333333","backgroundOpacity":0,"showUsername":false,"linkFontStyle":"BOLD","linkHighlightColor":"#000000","mainLinks":[{"linkLabel":"Learn","goesToPage":{"route":"CategoryPage","params":{"categoryId":"blogs"}},"children":[{"linkLabel":"Blog","goesToPage":{"route":"BlogBoardPage","params":{"boardId":"community-updates","categoryId":"blogs"}},"linkType":"INTERNAL"},{"linkLabel":"User Guides","goesToPage":{"route":"TkbBoardPage","params":{"boardId":"user-guides","categoryId":"top"}},"children":[],"linkType":"INTERNAL"}],"linkType":"INTERNAL"},{"linkLabel":"Discuss","goesToPage":{"route":"CategoryPage","params":{"categoryId":"forums"}},"children":[{"linkLabel":"Articulate Storyline","goesToPage":{"route":"ForumBoardPage","params":{"boardId":"support-forum","categoryId":"forums"}},"linkType":"INTERNAL"},{"linkLabel":"Rise 360","goesToPage":{"route":"ForumBoardPage","params":{"boardId":"rise-360","categoryId":"forums"}},"linkType":"INTERNAL"},{"linkLabel":"Review 360","goesToPage":{"route":"ForumBoardPage","params":{"boardId":"review-360","categoryId":"forums"}},"linkType":"INTERNAL"}],"linkType":"INTERNAL"},{"linkLabel":"Downloads","goesToPage":{"route":"TkbBoardPage","params":{"boardId":"downloads","categoryId":"top"}},"children":[],"linkType":"INTERNAL"}],"linkTextColor":"#000000","showSearchIcon":true,"boundaryPadding":{"top":20,"bottom":20},"highlightStyle":"color"},"links":{"sideLinks":[{"children":[],"linkType":"EXTERNAL","id":"Common-external-link","url":"https://www.articulate.com/","target":"BLANK"},{"children":[],"linkType":"EXTERNAL","id":"Common-external-link-5","url":"https://www.articulatestatus.com/","target":"BLANK"},{"children":[],"linkType":"EXTERNAL","id":"Common-external-link-2","url":"https://access.articulate.com/support","target":"BLANK"},{"children":[{"linkType":"EXTERNAL","id":"Common-external-link-3","url":"https://www.articulate.com/blog/","target":"BLANK"},{"linkType":"EXTERNAL","id":"Common-external-link-4","url":"https://www.articulate.com/resources/case-studies/","target":"BLANK"}],"linkType":"EXTERNAL","id":"Common-external-link-1","url":"https://www.articulate.com/resources/","target":"BLANK"}],"mainLinks":[{"children":[],"linkType":"INTERNAL","id":"Common-welcome-center-link","params":{"boardId":"welcome-center","categoryId":"top"},"routeName":"ForumBoardPage"},{"children":[{"linkType":"INTERNAL","id":"migrated-link-1","params":{"boardId":"user-guides","categoryId":"learn"},"routeName":"TkbBoardPage"},{"linkType":"INTERNAL","id":"migrated-link-2","params":{"categoryId":"training-tutorials"},"routeName":"CategoryPage"},{"linkType":"INTERNAL","id":"Common-training-webinars-link","params":{"boardId":"training-webinars","categoryId":"training-tutorials"},"routeName":"EventBoardPage"},{"linkType":"INTERNAL","id":"migrated-link-6","params":{"boardId":"e-learning-challenges","categoryId":"e-learning-challenges"},"routeName":"BlogBoardPage"}],"linkType":"INTERNAL","id":"migrated-link-0","params":{"categoryId":"learn"},"routeName":"CategoryPage"},{"children":[{"linkType":"INTERNAL","id":"migrated-link-3","params":{"boardId":"articles","categoryId":"learn"},"routeName":"BlogBoardPage"},{"linkType":"INTERNAL","id":"migrated-link-4","params":{"boardId":"product-updates","categoryId":"learn"},"routeName":"BlogBoardPage"},{"linkType":"INTERNAL","id":"migrated-link-5","params":{"boardId":"e-books","categoryId":"learn"},"routeName":"TkbBoardPage"}],"linkType":"INTERNAL","id":"Common-community-blog-link","params":{"categoryId":"community-blog"},"routeName":"CategoryPage"},{"children":[{"linkType":"INTERNAL","id":"migrated-link-8","params":{"boardId":"discuss","categoryId":"connect"},"routeName":"ForumBoardPage"},{"linkType":"INTERNAL","id":"Common-exchange-link","params":{"boardId":"exchange","categoryId":"connect"},"routeName":"ForumBoardPage"},{"linkType":"INTERNAL","id":"migrated-link-9","params":{"boardId":"share-examples","categoryId":"connect"},"routeName":"ForumBoardPage"},{"linkType":"INTERNAL","id":"migrated-link-13","params":{"boardId":"discover","categoryId":"top"},"routeName":"BlogBoardPage"},{"linkType":"INTERNAL","id":"migrated-link-10","params":{"boardId":"share-ideas","categoryId":"connect"},"routeName":"ForumBoardPage"},{"linkType":"INTERNAL","id":"migrated-link-12","params":{"categoryId":"join-groups"},"routeName":"CategoryPage"}],"linkType":"INTERNAL","id":"migrated-link-7","params":{"categoryId":"connect"},"routeName":"CategoryPage"},{"children":[],"linkType":"INTERNAL","id":"migrated-link-11","params":{"boardId":"events","categoryId":"top"},"routeName":"EventBoardPage"}]},"className":"QuiltComponent_lia-component-edit-mode__lQ9Z6","style":{"boxShadow":"0","linkFontWeight":"500","controllerHighlightColor":"#AA1A53","dropdownDividerMarginBottom":"10px","hamburgerBorderHover":"none","linkFontSize":"16px","linkBoxShadowHover":"none","backgroundOpacity":0,"controllerBorderRadius":"var(--lia-border-radius-50)","hamburgerBgColor":"transparent","linkTextBorderBottom":"none","hamburgerColor":"var(--lia-nav-controller-icon-color)","brandLogoHeight":"40px","linkLetterSpacing":"normal","linkBgHoverColor":"transparent","collapseMenuDividerOpacity":null,"paddingBottom":"20px","dropdownPaddingBottom":"15px","dropdownMenuOffset":"2px","hamburgerBgHoverColor":"transparent","borderBottom":"0","hamburgerBorder":"none","dropdownPaddingX":"10px","brandMarginRightSm":"10px","linkBoxShadow":"none","linkJustifyContent":"center","linkColor":"#000000","collapseMenuDividerBg":null,"dropdownPaddingTop":"10px","controllerHighlightTextColor":"var(--lia-yiq-light)","background":{"imageAssetName":"","color":"var(--lia-bs-white)","size":"COVER","repeat":"NO_REPEAT","position":"CENTER_CENTER","imageLastModified":""},"linkBorderRadius":"var(--lia-bs-border-radius-sm)","linkHoverColor":"#000000","position":"FIXED","linkBorder":"none","linkTextBorderBottomHover":"2px solid #00AEEF","brandMarginRight":"30px","hamburgerHoverColor":"var(--lia-nav-controller-icon-color)","linkBorderHover":"none","collapseMenuMarginLeft":"20px","linkFontStyle":"NORMAL","linkPaddingX":"10px","paddingTop":"20px","linkPaddingY":"5px","linkTextTransform":"NONE","dropdownBorderColor":"hsla(var(--lia-bs-black-h), var(--lia-bs-black-s), var(--lia-bs-black-l), 0.08)","controllerBgHoverColor":"hsla(var(--lia-bs-black-h), var(--lia-bs-black-s), var(--lia-bs-black-l), 0.1)","linkDropdownPaddingX":"var(--lia-nav-link-px)","linkBgColor":"transparent","linkDropdownPaddingY":"9px","controllerIconColor":"#000000","dropdownDividerMarginTop":"10px","linkGap":"10px","controllerIconHoverColor":"#000000"},"showSearchIcon":true},"__typename":"QuiltComponent"},{"id":"community.widget.breadcrumbWidget","props":{"backgroundColor":"transparent","linkHighlightColor":"var(--lia-bs-body-color)","visualEffects":{"showBottomBorder":false},"linkTextColor":"var(--lia-bs-gray-700)"},"__typename":"QuiltComponent"},{"id":"community.widget.bannerWidget","props":{"backgroundColor":"transparent","visualEffects":{"showBottomBorder":true},"backgroundOpacity":100,"backgroundImageProps":{"backgroundSize":"COVER","backgroundPosition":"CENTER_CENTER","backgroundRepeat":"NO_REPEAT"},"fontColor":"var(--lia-bs-body-color)"},"__typename":"QuiltComponent"},{"id":"custom.widget.TableStyles","props":{"widgetVisibility":"signedInOrAnonymous","useTitle":false,"useBackground":false,"title":"","lazyLoad":false},"__typename":"QuiltComponent"}],"__typename":"QuiltWrapperSection"},"footer":{"backgroundImageProps":{"assetName":null,"backgroundSize":"COVER","backgroundRepeat":"NO_REPEAT","backgroundPosition":"CENTER_CENTER","lastModified":null,"__typename":"BackgroundImageProps"},"backgroundColor":"transparent","items":[{"id":"custom.widget.Footer_2024","props":{"widgetVisibility":"signedInOrAnonymous","useTitle":true,"useBackground":false,"title":"","lazyLoad":false},"__typename":"QuiltComponent"},{"id":"custom.widget.GoogleTag","props":{"widgetVisibility":"signedInOrAnonymous","useTitle":false,"useBackground":false,"title":"","lazyLoad":false},"__typename":"QuiltComponent"}],"__typename":"QuiltWrapperSection"},"__typename":"QuiltWrapper","localOverride":false},"localOverride":false},"CachedAsset:text:en_US-components/common/ActionFeedback-1743272489977":{"__typename":"CachedAsset","id":"text:en_US-components/common/ActionFeedback-1743272489977","value":{"joinedGroupHub.title":"Welcome","joinedGroupHub.message":"You are now a member of this group and are subscribed to updates.","groupHubInviteNotFound.title":"Invitation Not Found","groupHubInviteNotFound.message":"Sorry, we could not find your invitation to the group. The owner may have canceled the invite.","groupHubNotFound.title":"Group Not Found","groupHubNotFound.message":"The grouphub you tried to join does not exist. It may have been deleted.","existingGroupHubMember.title":"Already Joined","existingGroupHubMember.message":"You are already a member of this group.","accountLocked.title":"Account Locked","accountLocked.message":"Your account has been locked due to multiple failed attempts. Try again in {lockoutTime} minutes.","editedGroupHub.title":"Changes Saved","editedGroupHub.message":"Your group has been updated.","leftGroupHub.title":"Goodbye","leftGroupHub.message":"You are no longer a member of this group and will not receive future updates.","deletedGroupHub.title":"Deleted","deletedGroupHub.message":"The group has been deleted.","groupHubCreated.title":"Group Created","groupHubCreated.message":"{groupHubName} is ready to use","accountClosed.title":"Account Closed","accountClosed.message":"The account has been closed and you will now be redirected to the homepage","resetTokenExpired.title":"Reset Password Link has Expired","resetTokenExpired.message":"Try resetting your password again","invalidUrl.title":"Invalid URL","invalidUrl.message":"The URL you're using is not recognized. Verify your URL and try again.","accountClosedForUser.title":"Account Closed","accountClosedForUser.message":"{userName}'s account is closed","inviteTokenInvalid.title":"Invitation Invalid","inviteTokenInvalid.message":"Your invitation to the community has been canceled or expired.","inviteTokenError.title":"Invitation Verification Failed","inviteTokenError.message":"The url you are utilizing is not recognized. Verify your URL and try again","pageNotFound.title":"Access Denied","pageNotFound.message":"You do not have access to this area of the community or it doesn't exist","eventAttending.title":"Responded as Attending","eventAttending.message":"You'll be notified when there's new activity and reminded as the event approaches","eventInterested.title":"Responded as Interested","eventInterested.message":"You'll be notified when there's new activity and reminded as the event approaches","eventNotFound.title":"Event Not Found","eventNotFound.message":"The event you tried to respond to does not exist.","redirectToRelatedPage.title":"Showing Related Content","redirectToRelatedPageForBaseUsers.title":"Showing Related Content","redirectToRelatedPageForBaseUsers.message":"The content you are trying to access is archived","redirectToRelatedPage.message":"The content you are trying to access is archived","relatedUrl.archivalLink.flyoutMessage":"The content you are trying to access is archived View Archived Content"},"localOverride":false},"CachedAsset:component:custom.widget.GoogleTagManager-en-1743253197610":{"__typename":"CachedAsset","id":"component:custom.widget.GoogleTagManager-en-1743253197610","value":{"component":{"id":"custom.widget.GoogleTagManager","template":{"id":"GoogleTagManager","markupLanguage":"HANDLEBARS","style":null,"texts":null,"defaults":{"config":{"applicablePages":[],"description":"","fetchedContent":null,"__typename":"ComponentConfiguration"},"props":[],"__typename":"ComponentProperties"},"components":[{"id":"custom.widget.GoogleTagManager","form":null,"config":null,"props":[],"__typename":"Component"}],"grouping":"CUSTOM","__typename":"ComponentTemplate"},"properties":{"config":{"applicablePages":[],"description":"","fetchedContent":null,"__typename":"ComponentConfiguration"},"props":[],"__typename":"ComponentProperties"},"form":null,"__typename":"Component","localOverride":false},"globalCss":null,"form":null},"localOverride":false},"CachedAsset:component:custom.widget.TableStyles-en-1743253197610":{"__typename":"CachedAsset","id":"component:custom.widget.TableStyles-en-1743253197610","value":{"component":{"id":"custom.widget.TableStyles","template":{"id":"TableStyles","markupLanguage":"HANDLEBARS","style":"table {\n\tth, td {\n\t\tpadding: .5em;\n\t}\n\ttr {\n\t\tborder: 1px solid var(--lia-bs-gray-400);\n\t\t&:nth-child(even) {\n\t\t\tbackground-color: var(--lia-bs-gray-100);\n\t\t}\n\t}\n\ttd {\n\t\tborder: inherit;\n\t}\n}","texts":null,"defaults":{"config":{"applicablePages":[],"description":"","fetchedContent":null,"__typename":"ComponentConfiguration"},"props":[],"__typename":"ComponentProperties"},"components":[{"id":"custom.widget.TableStyles","form":null,"config":null,"props":[],"__typename":"Component"}],"grouping":"CUSTOM","__typename":"ComponentTemplate"},"properties":{"config":{"applicablePages":[],"description":"","fetchedContent":null,"__typename":"ComponentConfiguration"},"props":[],"__typename":"ComponentProperties"},"form":null,"__typename":"Component","localOverride":false},"globalCss":{"css":"table {\n\tth, td {\n\t\tpadding: .5em;\n\t}\n\ttr {\n\t\tborder: 1px solid var(--lia-bs-gray-400);\n\t\t&:nth-child(even) {\n\t\t\tbackground-color: var(--lia-bs-gray-100);\n\t\t}\n\t}\n\ttd {\n\t\tborder: inherit;\n\t}\n}","tokens":{}},"form":null},"localOverride":false},"CachedAsset:component:custom.widget.Footer_2024-en-1743253197610":{"__typename":"CachedAsset","id":"component:custom.widget.Footer_2024-en-1743253197610","value":{"component":{"id":"custom.widget.Footer_2024","template":{"id":"Footer_2024","markupLanguage":"HANDLEBARS","style":".custom-footer {\n width: 100%;\n\tpadding: 0 var(--lia-bs-grid-gutter-width);\n\tmargin: 0 auto;\n\n @media (min-width: 576px) {\n max-width: 33.75rem;\n }\n\n @media (min-width: 768px) {\n max-width: 45rem;\n padding: 0 calc(var(--lia-bs-grid-gutter-width) * .5);\n }\n\n @media (min-width: 992px) {\n max-width: 60rem;\n }\n\n @media (min-width: 1260px) {\n\t max-width: var(--lia-container-max-width);\n }\n\n ol {\n list-style-type: decimal\n }\n\n ul {\n list-style-type: disc\n }\n\n ul,ol {\n list-style-position: outside\n }\n\n li {\n margin-bottom: .8em;\n position: relative\n }\n\n li ol,li ul {\n margin: .8em 0\n }\n\n nav ul,nav ol {\n list-style: none;\n list-style-image: none\n }\n\n a {\n color: var(--lia-bs-body-color);\n\n &:hover {\n color: var(--lia-bs-body-color);\n }\n }\n\n img {\n max-width: 100%;\n height: auto;\n }\n\n img.footer-logo {\n margin-bottom: 24px;\n\n @media (min-width: 1260px) {\n max-width: none;\n }\n }\n\n ul.list-inline {\n display: flex;\n flex-wrap: wrap;\n\n li {\n display: inline-block;\n margin-bottom: 0;\n\n + li {\n margin-left: 8px;\n }\n }\n }\n}\n\n.custom-footer .footer-link-stack {\n + .footer-link-stack {\n margin-top: 24px;\n \n @media (min-width: 768px) {\n margin-top: 0;\n }\n }\n\n ul {\n list-style: none;\n margin-bottom: 0;\n padding-left: 0;\n\n li:last-child {\n margin-bottom: 0;\n }\n\n + ul {\n margin-top: 8px;\n }\n }\n \n h3 {\n font-size: var(--lia-bs-font-size-base);\n font-weight: 600;\n }\n\n ul + h3 {\n margin-top: 24px;\n }\n\n ul.list-with-icons {\n margin-top: .4em;\n margin-bottom: 0;\n\n li {\n margin-bottom: 0;\n\n a {\n display: flex;\n background-size: 25px;\n background-repeat: no-repeat;\n background-position: left center;\n padding-bottom: .4em;\n padding-left: 33px;\n padding-top: .4em;\n }\n }\n }\n\n .link-social {\n width: 32px;\n height: 32px;\n border: 1px solid #eeeeee;\n background-color: var(--white);\n border-radius: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n}\n\n.footer-hr {\n hr {\n border-top: 1px solid #e4e4e4;\n margin-top: 32px;\n margin-bottom: 0;\n }\n\n [class*=\"grid__col--\"] {\n margin-bottom: 40px;\n }\n}\n\n.footer__brand {\n margin-bottom: 24px;\n margin-top: 60px;\n\n @media (min-width: 768px) and (max-width: 1199px) {\n margin-bottom: 0;\n margin-top: 36px;\n }\n\n ul.list-inline {\n margin-bottom: 0;\n\n @media (max-width: 767px) {\n justify-content: center;\n }\n\n li {\n margin-bottom: 12px;\n }\n\n li + li {\n margin-left: 0;\n }\n }\n .list-divided {\n padding-left: 0;\n\n li {\n margin-right: 12px;\n margin-left: 0;\n padding-right: 12px;\n border-right: 1px solid var(--lia-bs-body-color);\n line-height: 1;\n\n &:last-child {\n border-right: 0;\n margin-right: 0;\n }\n }\n\n @media (max-width: 767px) {\n text-align: center;\n\n .brand-line {\n width: 100%;\n border-right: 0;\n }\n }\n }\n}\n\n.grid__row {\n font-size: 0;\n line-height: 0;\n display: flex;\n flex-direction: column;\n\n @media (min-width: 768px) {\n flex-direction: row;\n flex-wrap: wrap;\n }\n\n @media (min-width: 1200px) {\n flex-wrap: nowrap;\n }\n}\n\n.grid__row--middled [class*='grid__col--'] {\n vertical-align: middle\n}\n\n.grid__row--middled:after {\n content: \"\";\n display: inline-block;\n height: 100%;\n vertical-align: middle\n}\n\n.grid__row--centered {\n text-align: center\n}\n\n.grid__row--justified {\n text-align: justify;\n text-justify: distribute\n}\n\n.grid__row--justified:after {\n content: \"\";\n display: inline-block;\n width: 100%\n}\n\n.grid__row--opposite {\n text-align: right\n}\n\n[class*='grid__col--'] {\n display: inline-block;\n padding: 0;\n font-size: 14px;\n line-height: 20px;\n text-align: left;\n vertical-align: top;\n\n @media (min-width: 768px) and (max-width: 1199px) {\n margin-bottom: 24px;\n }\n}\n\n/* 24 column grid system */\n@media (min-width: 768px) {\n .grid__col--1 {\n width: 4.16667%\n }\n\n .grid__col--2 {\n width: 8.33333%\n }\n\n .grid__col--3 {\n width: 12.5%\n }\n\n .grid__col--4 {\n width: 16.66667%\n }\n\n .grid__col--5 {\n width: 20.83333%\n }\n\n .grid__col--6 {\n width: 25%\n }\n\n .grid__col--7 {\n width: 29.16667%\n }\n\n .grid__col--8 {\n width: 33.33333%\n }\n\n .grid__col--9 {\n width: 37.5%\n }\n\n .grid__col--10 {\n width: 41.66667%\n }\n\n .grid__col--11 {\n width: 45.83333%\n }\n\n .grid__col--12 {\n width: 50%\n }\n\n .grid__col--13 {\n width: 54.16667%\n }\n\n .grid__col--14 {\n width: 58.33333%\n }\n\n .grid__col--15 {\n width: 62.5%\n }\n\n .grid__col--16 {\n width: 66.66667%\n }\n\n .grid__col--17 {\n width: 70.83333%\n }\n\n .grid__col--18 {\n width: 75%\n }\n\n .grid__col--19 {\n width: 79.16667%\n }\n\n .grid__col--20 {\n width: 83.33333%\n }\n\n .grid__col--21 {\n width: 87.5%\n }\n\n .grid__col--22 {\n width: 91.66667%\n }\n\n .grid__col--23 {\n width: 95.83333%\n }\n\n .grid__col--24 {\n width: 100%\n }\n\n .grid__col--full {\n width: 100%\n }\n\n .grid__col--half {\n width: 50%\n }\n\n .grid__col--third {\n width: 33.33333%\n }\n\n .grid__col--quarter {\n width: 25%\n }\n\n .grid__col--fifth {\n width: 20%\n }\n\n .grid__col--bleed {\n padding-left: 0;\n padding-right: 0\n }\n\n .grid__col--bleedLeft {\n padding-left: 0\n }\n\n .grid__col--bleedRight {\n padding-right: 0\n }\n\n .grid__col--group {\n display: inline-block;\n vertical-align: top;\n font-size: 0;\n line-height: 0\n }\n}\n\n@media (min-width: 768px) and (max-width: 1199px) {\n .grid__col-md--7 {\n width: 29.16667%\n }\n}\n\n.grid__col--offset1 {\n margin-left: 4.16667%\n}\n\n@media (min-width: 768px) {\n .grid__col-md-up--offset1 {\n margin-left: 4.16667%\n }\n}\n\n.grid__col--offset2 {\n margin-left: 8.33333%\n}","texts":null,"defaults":{"config":{"applicablePages":[],"description":"","fetchedContent":null,"__typename":"ComponentConfiguration"},"props":[],"__typename":"ComponentProperties"},"components":[{"id":"custom.widget.Footer_2024","form":null,"config":null,"props":[],"__typename":"Component"}],"grouping":"CUSTOM","__typename":"ComponentTemplate"},"properties":{"config":{"applicablePages":[],"description":"","fetchedContent":null,"__typename":"ComponentConfiguration"},"props":[],"__typename":"ComponentProperties"},"form":null,"__typename":"Component","localOverride":false},"globalCss":{"css":".custom_widget_Footer_2024_custom-footer_aax6c_1 {\n width: 100%;\n\tpadding: 0 var(--lia-bs-grid-gutter-width);\n\tmargin: 0 auto;\n\n @media (min-width: 576px) {\n max-width: 33.75rem;\n }\n\n @media (min-width: 768px) {\n max-width: 45rem;\n padding: 0 calc(var(--lia-bs-grid-gutter-width) * .5);\n }\n\n @media (min-width: 992px) {\n max-width: 60rem;\n }\n\n @media (min-width: 1260px) {\n\t max-width: var(--lia-container-max-width);\n }\n\n ol {\n list-style-type: decimal\n }\n\n ul {\n list-style-type: disc\n }\n\n ul,ol {\n list-style-position: outside\n }\n\n li {\n margin-bottom: .8em;\n position: relative\n }\n\n li ol,li ul {\n margin: .8em 0\n }\n\n nav ul,nav ol {\n list-style: none;\n list-style-image: none\n }\n\n a {\n color: var(--lia-bs-body-color);\n\n &:hover {\n color: var(--lia-bs-body-color);\n }\n }\n\n img {\n max-width: 100%;\n height: auto;\n }\n\n img.custom_widget_Footer_2024_footer-logo_aax6c_62 {\n margin-bottom: 1.5rem;\n\n @media (min-width: 1260px) {\n max-width: none;\n }\n }\n\n ul.custom_widget_Footer_2024_list-inline_aax6c_70 {\n display: flex;\n flex-wrap: wrap;\n\n li {\n display: inline-block;\n margin-bottom: 0;\n\n + li {\n margin-left: 0.5rem;\n }\n }\n }\n}\n\n.custom_widget_Footer_2024_custom-footer_aax6c_1 .custom_widget_Footer_2024_footer-link-stack_aax6c_85 {\n + .custom_widget_Footer_2024_footer-link-stack_aax6c_85 {\n margin-top: 1.5rem;\n \n @media (min-width: 768px) {\n margin-top: 0;\n }\n }\n\n ul {\n list-style: none;\n margin-bottom: 0;\n padding-left: 0;\n\n li:last-child {\n margin-bottom: 0;\n }\n\n + ul {\n margin-top: 0.5rem;\n }\n }\n \n h3 {\n font-size: var(--lia-bs-font-size-base);\n font-weight: 600;\n }\n\n ul + h3 {\n margin-top: 1.5rem;\n }\n\n ul.custom_widget_Footer_2024_list-with-icons_aax6c_117 {\n margin-top: .4em;\n margin-bottom: 0;\n\n li {\n margin-bottom: 0;\n\n a {\n display: flex;\n background-size: 25px;\n background-repeat: no-repeat;\n background-position: left center;\n padding-bottom: .4em;\n padding-left: 2.0625rem;\n padding-top: .4em;\n }\n }\n }\n\n .custom_widget_Footer_2024_link-social_aax6c_136 {\n width: 2rem;\n height: 2rem;\n border: 1px solid #eeeeee;\n background-color: var(--white);\n border-radius: 1rem;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n}\n\n.custom_widget_Footer_2024_footer-hr_aax6c_148 {\n hr {\n border-top: 1px solid #e4e4e4;\n margin-top: 2rem;\n margin-bottom: 0;\n }\n\n [class*=\"grid__col--\"] {\n margin-bottom: 2.5rem;\n }\n}\n\n.custom_widget_Footer_2024_footer__brand_aax6c_160 {\n margin-bottom: 1.5rem;\n margin-top: 3.75rem;\n\n @media (min-width: 768px) and (max-width: 1199px) {\n margin-bottom: 0;\n margin-top: 2.25rem;\n }\n\n ul.custom_widget_Footer_2024_list-inline_aax6c_70 {\n margin-bottom: 0;\n\n @media (max-width: 767px) {\n justify-content: center;\n }\n\n li {\n margin-bottom: 0.75rem;\n }\n\n li + li {\n margin-left: 0;\n }\n }\n .custom_widget_Footer_2024_list-divided_aax6c_184 {\n padding-left: 0;\n\n li {\n margin-right: 0.75rem;\n margin-left: 0;\n padding-right: 0.75rem;\n border-right: 1px solid var(--lia-bs-body-color);\n line-height: 1;\n\n &:last-child {\n border-right: 0;\n margin-right: 0;\n }\n }\n\n @media (max-width: 767px) {\n text-align: center;\n\n .custom_widget_Footer_2024_brand-line_aax6c_203 {\n width: 100%;\n border-right: 0;\n }\n }\n }\n}\n\n.custom_widget_Footer_2024_grid__row_aax6c_211 {\n font-size: 0;\n line-height: 0;\n display: flex;\n flex-direction: column;\n\n @media (min-width: 768px) {\n flex-direction: row;\n flex-wrap: wrap;\n }\n\n @media (min-width: 1200px) {\n flex-wrap: nowrap;\n }\n}\n\n.custom_widget_Footer_2024_grid__row--middled_aax6c_227 [class*='grid__col--'] {\n vertical-align: middle\n}\n\n.custom_widget_Footer_2024_grid__row--middled_aax6c_227:after {\n content: \"\";\n display: inline-block;\n height: 100%;\n vertical-align: middle\n}\n\n.custom_widget_Footer_2024_grid__row--centered_aax6c_238 {\n text-align: center\n}\n\n.custom_widget_Footer_2024_grid__row--justified_aax6c_242 {\n text-align: justify;\n text-justify: distribute\n}\n\n.custom_widget_Footer_2024_grid__row--justified_aax6c_242:after {\n content: \"\";\n display: inline-block;\n width: 100%\n}\n\n.custom_widget_Footer_2024_grid__row--opposite_aax6c_253 {\n text-align: right\n}\n\n[class*='grid__col--'] {\n display: inline-block;\n padding: 0;\n font-size: 0.875rem;\n line-height: 1.25rem;\n text-align: left;\n vertical-align: top;\n\n @media (min-width: 768px) and (max-width: 1199px) {\n margin-bottom: 1.5rem;\n }\n}\n\n/* 24 column grid system */\n\n@media (min-width: 768px) {\n .custom_widget_Footer_2024_grid__col--1_aax6c_272 {\n width: 4.16667%\n }\n\n .custom_widget_Footer_2024_grid__col--2_aax6c_276 {\n width: 8.33333%\n }\n\n .custom_widget_Footer_2024_grid__col--3_aax6c_280 {\n width: 12.5%\n }\n\n .custom_widget_Footer_2024_grid__col--4_aax6c_284 {\n width: 16.66667%\n }\n\n .custom_widget_Footer_2024_grid__col--5_aax6c_288 {\n width: 20.83333%\n }\n\n .custom_widget_Footer_2024_grid__col--6_aax6c_292 {\n width: 25%\n }\n\n .custom_widget_Footer_2024_grid__col--7_aax6c_296 {\n width: 29.16667%\n }\n\n .custom_widget_Footer_2024_grid__col--8_aax6c_300 {\n width: 33.33333%\n }\n\n .custom_widget_Footer_2024_grid__col--9_aax6c_304 {\n width: 37.5%\n }\n\n .custom_widget_Footer_2024_grid__col--10_aax6c_308 {\n width: 41.66667%\n }\n\n .custom_widget_Footer_2024_grid__col--11_aax6c_312 {\n width: 45.83333%\n }\n\n .custom_widget_Footer_2024_grid__col--12_aax6c_316 {\n width: 50%\n }\n\n .custom_widget_Footer_2024_grid__col--13_aax6c_320 {\n width: 54.16667%\n }\n\n .custom_widget_Footer_2024_grid__col--14_aax6c_324 {\n width: 58.33333%\n }\n\n .custom_widget_Footer_2024_grid__col--15_aax6c_328 {\n width: 62.5%\n }\n\n .custom_widget_Footer_2024_grid__col--16_aax6c_332 {\n width: 66.66667%\n }\n\n .custom_widget_Footer_2024_grid__col--17_aax6c_336 {\n width: 70.83333%\n }\n\n .custom_widget_Footer_2024_grid__col--18_aax6c_340 {\n width: 75%\n }\n\n .custom_widget_Footer_2024_grid__col--19_aax6c_344 {\n width: 79.16667%\n }\n\n .custom_widget_Footer_2024_grid__col--20_aax6c_348 {\n width: 83.33333%\n }\n\n .custom_widget_Footer_2024_grid__col--21_aax6c_352 {\n width: 87.5%\n }\n\n .custom_widget_Footer_2024_grid__col--22_aax6c_356 {\n width: 91.66667%\n }\n\n .custom_widget_Footer_2024_grid__col--23_aax6c_360 {\n width: 95.83333%\n }\n\n .custom_widget_Footer_2024_grid__col--24_aax6c_364 {\n width: 100%\n }\n\n .custom_widget_Footer_2024_grid__col--full_aax6c_368 {\n width: 100%\n }\n\n .custom_widget_Footer_2024_grid__col--half_aax6c_372 {\n width: 50%\n }\n\n .custom_widget_Footer_2024_grid__col--third_aax6c_376 {\n width: 33.33333%\n }\n\n .custom_widget_Footer_2024_grid__col--quarter_aax6c_380 {\n width: 25%\n }\n\n .custom_widget_Footer_2024_grid__col--fifth_aax6c_384 {\n width: 20%\n }\n\n .custom_widget_Footer_2024_grid__col--bleed_aax6c_388 {\n padding-left: 0;\n padding-right: 0\n }\n\n .custom_widget_Footer_2024_grid__col--bleedLeft_aax6c_393 {\n padding-left: 0\n }\n\n .custom_widget_Footer_2024_grid__col--bleedRight_aax6c_397 {\n padding-right: 0\n }\n\n .custom_widget_Footer_2024_grid__col--group_aax6c_401 {\n display: inline-block;\n vertical-align: top;\n font-size: 0;\n line-height: 0\n }\n}\n\n@media (min-width: 768px) and (max-width: 1199px) {\n .custom_widget_Footer_2024_grid__col-md--7_aax6c_410 {\n width: 29.16667%\n }\n}\n\n.custom_widget_Footer_2024_grid__col--offset1_aax6c_415 {\n margin-left: 4.16667%\n}\n\n@media (min-width: 768px) {\n .custom_widget_Footer_2024_grid__col-md-up--offset1_aax6c_420 {\n margin-left: 4.16667%\n }\n}\n\n.custom_widget_Footer_2024_grid__col--offset2_aax6c_425 {\n margin-left: 8.33333%\n}","tokens":{"custom-footer":"custom_widget_Footer_2024_custom-footer_aax6c_1","footer-logo":"custom_widget_Footer_2024_footer-logo_aax6c_62","list-inline":"custom_widget_Footer_2024_list-inline_aax6c_70","footer-link-stack":"custom_widget_Footer_2024_footer-link-stack_aax6c_85","list-with-icons":"custom_widget_Footer_2024_list-with-icons_aax6c_117","link-social":"custom_widget_Footer_2024_link-social_aax6c_136","footer-hr":"custom_widget_Footer_2024_footer-hr_aax6c_148","footer__brand":"custom_widget_Footer_2024_footer__brand_aax6c_160","list-divided":"custom_widget_Footer_2024_list-divided_aax6c_184","brand-line":"custom_widget_Footer_2024_brand-line_aax6c_203","grid__row":"custom_widget_Footer_2024_grid__row_aax6c_211","grid__row--middled":"custom_widget_Footer_2024_grid__row--middled_aax6c_227","grid__row--centered":"custom_widget_Footer_2024_grid__row--centered_aax6c_238","grid__row--justified":"custom_widget_Footer_2024_grid__row--justified_aax6c_242","grid__row--opposite":"custom_widget_Footer_2024_grid__row--opposite_aax6c_253","grid__col--1":"custom_widget_Footer_2024_grid__col--1_aax6c_272","grid__col--2":"custom_widget_Footer_2024_grid__col--2_aax6c_276","grid__col--3":"custom_widget_Footer_2024_grid__col--3_aax6c_280","grid__col--4":"custom_widget_Footer_2024_grid__col--4_aax6c_284","grid__col--5":"custom_widget_Footer_2024_grid__col--5_aax6c_288","grid__col--6":"custom_widget_Footer_2024_grid__col--6_aax6c_292","grid__col--7":"custom_widget_Footer_2024_grid__col--7_aax6c_296","grid__col--8":"custom_widget_Footer_2024_grid__col--8_aax6c_300","grid__col--9":"custom_widget_Footer_2024_grid__col--9_aax6c_304","grid__col--10":"custom_widget_Footer_2024_grid__col--10_aax6c_308","grid__col--11":"custom_widget_Footer_2024_grid__col--11_aax6c_312","grid__col--12":"custom_widget_Footer_2024_grid__col--12_aax6c_316","grid__col--13":"custom_widget_Footer_2024_grid__col--13_aax6c_320","grid__col--14":"custom_widget_Footer_2024_grid__col--14_aax6c_324","grid__col--15":"custom_widget_Footer_2024_grid__col--15_aax6c_328","grid__col--16":"custom_widget_Footer_2024_grid__col--16_aax6c_332","grid__col--17":"custom_widget_Footer_2024_grid__col--17_aax6c_336","grid__col--18":"custom_widget_Footer_2024_grid__col--18_aax6c_340","grid__col--19":"custom_widget_Footer_2024_grid__col--19_aax6c_344","grid__col--20":"custom_widget_Footer_2024_grid__col--20_aax6c_348","grid__col--21":"custom_widget_Footer_2024_grid__col--21_aax6c_352","grid__col--22":"custom_widget_Footer_2024_grid__col--22_aax6c_356","grid__col--23":"custom_widget_Footer_2024_grid__col--23_aax6c_360","grid__col--24":"custom_widget_Footer_2024_grid__col--24_aax6c_364","grid__col--full":"custom_widget_Footer_2024_grid__col--full_aax6c_368","grid__col--half":"custom_widget_Footer_2024_grid__col--half_aax6c_372","grid__col--third":"custom_widget_Footer_2024_grid__col--third_aax6c_376","grid__col--quarter":"custom_widget_Footer_2024_grid__col--quarter_aax6c_380","grid__col--fifth":"custom_widget_Footer_2024_grid__col--fifth_aax6c_384","grid__col--bleed":"custom_widget_Footer_2024_grid__col--bleed_aax6c_388","grid__col--bleedLeft":"custom_widget_Footer_2024_grid__col--bleedLeft_aax6c_393","grid__col--bleedRight":"custom_widget_Footer_2024_grid__col--bleedRight_aax6c_397","grid__col--group":"custom_widget_Footer_2024_grid__col--group_aax6c_401","grid__col-md--7":"custom_widget_Footer_2024_grid__col-md--7_aax6c_410","grid__col--offset1":"custom_widget_Footer_2024_grid__col--offset1_aax6c_415","grid__col-md-up--offset1":"custom_widget_Footer_2024_grid__col-md-up--offset1_aax6c_420","grid__col--offset2":"custom_widget_Footer_2024_grid__col--offset2_aax6c_425"}},"form":null},"localOverride":false},"CachedAsset:component:custom.widget.GoogleTag-en-1743253197610":{"__typename":"CachedAsset","id":"component:custom.widget.GoogleTag-en-1743253197610","value":{"component":{"id":"custom.widget.GoogleTag","template":{"id":"GoogleTag","markupLanguage":"HANDLEBARS","style":null,"texts":null,"defaults":{"config":{"applicablePages":[],"description":"","fetchedContent":null,"__typename":"ComponentConfiguration"},"props":[],"__typename":"ComponentProperties"},"components":[{"id":"custom.widget.GoogleTag","form":null,"config":null,"props":[],"__typename":"Component"}],"grouping":"CUSTOM","__typename":"ComponentTemplate"},"properties":{"config":{"applicablePages":[],"description":"","fetchedContent":null,"__typename":"ComponentConfiguration"},"props":[],"__typename":"ComponentProperties"},"form":null,"__typename":"Component","localOverride":false},"globalCss":null,"form":null},"localOverride":false},"CachedAsset:text:en_US-components/community/Breadcrumb-1743272489977":{"__typename":"CachedAsset","id":"text:en_US-components/community/Breadcrumb-1743272489977","value":{"navLabel":"Breadcrumbs","dropdown":"Additional parent page navigation"},"localOverride":false},"CachedAsset:text:en_US-components/messages/MessageBanner-1743272489977":{"__typename":"CachedAsset","id":"text:en_US-components/messages/MessageBanner-1743272489977","value":{"messageMarkedAsSpam":"This post has been marked as spam","messageMarkedAsSpam@board:TKB":"This article has been marked as spam","messageMarkedAsSpam@board:BLOG":"This post has been marked as spam","messageMarkedAsSpam@board:FORUM":"This discussion has been marked as spam","messageMarkedAsSpam@board:OCCASION":"This event has been marked as spam","messageMarkedAsSpam@board:IDEA":"This idea has been marked as spam","manageSpam":"Manage Spam","messageMarkedAsAbuse":"This post has been marked as abuse","messageMarkedAsAbuse@board:TKB":"This article has been marked as abuse","messageMarkedAsAbuse@board:BLOG":"This post has been marked as abuse","messageMarkedAsAbuse@board:FORUM":"This discussion has been marked as abuse","messageMarkedAsAbuse@board:OCCASION":"This event has been marked as abuse","messageMarkedAsAbuse@board:IDEA":"This idea has been marked as abuse","preModCommentAuthorText":"This comment will be published as soon as it is approved","preModCommentModeratorText":"This comment is awaiting moderation","messageMarkedAsOther":"This post has been rejected due to other reasons","messageMarkedAsOther@board:TKB":"This article has been rejected due to other reasons","messageMarkedAsOther@board:BLOG":"This post has been rejected due to other reasons","messageMarkedAsOther@board:FORUM":"This discussion has been rejected due to other reasons","messageMarkedAsOther@board:OCCASION":"This event has been rejected due to other reasons","messageMarkedAsOther@board:IDEA":"This idea has been rejected due to other reasons","messageArchived":"This post was archived on {date}","relatedUrl":"View Related Content","relatedContentText":"Showing related content","archivedContentLink":"View Archived Content"},"localOverride":false},"Blog:board:articles":{"__typename":"Blog","id":"board:articles","blogPolicies":{"__typename":"BlogPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}},"boardPolicies":{"__typename":"BoardPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}}},"Tkb:board:e-books":{"__typename":"Tkb","id":"board:e-books","tkbPolicies":{"__typename":"TkbPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}},"boardPolicies":{"__typename":"BoardPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}}},"Tkb:board:user-guides":{"__typename":"Tkb","id":"board:user-guides","tkbPolicies":{"__typename":"TkbPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}},"boardPolicies":{"__typename":"BoardPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}}},"Blog:board:product-updates":{"__typename":"Blog","id":"board:product-updates","blogPolicies":{"__typename":"BlogPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}},"boardPolicies":{"__typename":"BoardPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}}},"Blog:board:discover":{"__typename":"Blog","id":"board:discover","blogPolicies":{"__typename":"BlogPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}},"boardPolicies":{"__typename":"BoardPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}}},"Category:category:connect":{"__typename":"Category","id":"category:connect","categoryPolicies":{"__typename":"CategoryPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}}},"Forum:board:discuss":{"__typename":"Forum","id":"board:discuss","forumPolicies":{"__typename":"ForumPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}},"boardPolicies":{"__typename":"BoardPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}}},"Category:category:join-groups":{"__typename":"Category","id":"category:join-groups","categoryPolicies":{"__typename":"CategoryPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}}},"Forum:board:share-examples":{"__typename":"Forum","id":"board:share-examples","forumPolicies":{"__typename":"ForumPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}},"boardPolicies":{"__typename":"BoardPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}}},"Occasion:board:events":{"__typename":"Occasion","id":"board:events","boardPolicies":{"__typename":"BoardPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}},"occasionPolicies":{"__typename":"OccasionPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}}},"Forum:board:share-ideas":{"__typename":"Forum","id":"board:share-ideas","forumPolicies":{"__typename":"ForumPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}},"boardPolicies":{"__typename":"BoardPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}}},"Category:category:training-tutorials":{"__typename":"Category","id":"category:training-tutorials","categoryPolicies":{"__typename":"CategoryPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}}},"Occasion:board:training-webinars":{"__typename":"Occasion","id":"board:training-webinars","boardPolicies":{"__typename":"BoardPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}},"occasionPolicies":{"__typename":"OccasionPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}}},"Forum:board:welcome-center":{"__typename":"Forum","id":"board:welcome-center","forumPolicies":{"__typename":"ForumPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}},"boardPolicies":{"__typename":"BoardPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}}},"Category:category:community-blog":{"__typename":"Category","id":"category:community-blog","categoryPolicies":{"__typename":"CategoryPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}}},"Forum:board:exchange":{"__typename":"Forum","id":"board:exchange","forumPolicies":{"__typename":"ForumPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}},"boardPolicies":{"__typename":"BoardPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}}},"QueryVariables:TopicReplyList:message:1140679:1":{"__typename":"QueryVariables","id":"TopicReplyList:message:1140679:1","value":{"id":"message:1140679","first":10,"sorts":{"postTime":{"direction":"ASC"}},"repliesFirst":3,"repliesFirstDepthThree":1,"repliesSorts":{"postTime":{"direction":"ASC"}},"useAvatar":true,"useAuthorLogin":true,"useAuthorRank":true,"useBody":true,"useKudosCount":true,"useTimeToRead":false,"useMedia":false,"useReadOnlyIcon":false,"useRepliesCount":true,"useSearchSnippet":false,"useAcceptedSolutionButton":false,"useSolvedBadge":false,"useAttachments":false,"attachmentsFirst":5,"useTags":true,"useNodeAncestors":false,"useUserHoverCard":false,"useNodeHoverCard":false,"useModerationStatus":true,"usePreviewSubjectModal":false,"useMessageStatus":true}},"ROOT_MUTATION":{"__typename":"Mutation"},"CachedAsset:text:en_US-components/community/Navbar-1743272489977":{"__typename":"CachedAsset","id":"text:en_US-components/community/Navbar-1743272489977","value":{"community":"Community Home","inbox":"Inbox","manageContent":"Manage Content","tos":"Terms of Service","forgotPassword":"Forgot Password","themeEditor":"Theme Editor","edit":"Edit Navigation Bar","skipContent":"Skip to content","migrated-link-9":"Share Examples","migrated-link-7":"Connect","Common-community-blog-link":"Community Blog","migrated-link-8":"Discuss Articulate Products","migrated-link-1":"User Guides","migrated-link-2":"Training and Tutorials","Common-external-link":"Articulate Homepage","migrated-link-0":"Learn","migrated-link-5":"E-Books","migrated-link-6":"E-Learning Challenges","migrated-link-3":"Articles","migrated-link-4":"Product Updates","migrated-link-14":"About","Common-external-link-5":"Articulate Status","migrated-link-12":"Join Groups","Common-external-link-4":"Case Studies","migrated-link-13":"Discover","Common-external-link-3":"Blog","Common-exchange-link":"Exchange Best Practices","migrated-link-10":"Suggest Ideas","Common-external-link-2":"Product Support","migrated-link-11":"Attend Events","Common-external-link-1":"Resource Center","Common-training-webinars-link":"Live Training Webinars","Common-welcome-center-link":"Welcome Center","video-tutorials-link":"Video Tutorials"},"localOverride":false},"CachedAsset:text:en_US-components/community/NavbarHamburgerDropdown-1743272489977":{"__typename":"CachedAsset","id":"text:en_US-components/community/NavbarHamburgerDropdown-1743272489977","value":{"hamburgerLabel":"Side Menu"},"localOverride":false},"CachedAsset:text:en_US-components/community/BrandLogo-1743272489977":{"__typename":"CachedAsset","id":"text:en_US-components/community/BrandLogo-1743272489977","value":{"logoAlt":"Khoros","themeLogoAlt":"Brand Logo"},"localOverride":false},"CachedAsset:text:en_US-components/community/NavbarTextLinks-1743272489977":{"__typename":"CachedAsset","id":"text:en_US-components/community/NavbarTextLinks-1743272489977","value":{"more":"More"},"localOverride":false},"CachedAsset:text:en_US-components/search/SpotlightSearchIcon-1743272489977":{"__typename":"CachedAsset","id":"text:en_US-components/search/SpotlightSearchIcon-1743272489977","value":{"search":"Search"},"localOverride":false},"CachedAsset:text:en_US-components/authentication/AuthenticationLink-1743272489977":{"__typename":"CachedAsset","id":"text:en_US-components/authentication/AuthenticationLink-1743272489977","value":{"title.login":"Sign In","title.registration":"Register","title.forgotPassword":"Forgot Password","title.multiAuthLogin":"Sign In"},"localOverride":false},"CachedAsset:text:en_US-components/nodes/NodeLink-1743272489977":{"__typename":"CachedAsset","id":"text:en_US-components/nodes/NodeLink-1743272489977","value":{"place":"Place {name}"},"localOverride":false},"CachedAsset:text:en_US-components/messages/MessageView/MessageViewStandard-1743272489977":{"__typename":"CachedAsset","id":"text:en_US-components/messages/MessageView/MessageViewStandard-1743272489977","value":{"anonymous":"Anonymous","author":"{messageAuthorLogin}","authorBy":"{messageAuthorLogin}","board":"{messageBoardTitle}","replyToUser":" to {parentAuthor}","showMoreReplies":"Show More","replyText":"Reply","repliesText":"Replies","markedAsSolved":"Marked as Solved","movedMessagePlaceholder.BLOG":"{count, plural, =0 {This comment has been} other {These comments have been} }","movedMessagePlaceholder.TKB":"{count, plural, =0 {This comment has been} other {These comments have been} }","movedMessagePlaceholder.FORUM":"{count, plural, =0 {This reply has been} other {These replies have been} }","movedMessagePlaceholder.IDEA":"{count, plural, =0 {This comment has been} other {These comments have been} }","movedMessagePlaceholder.OCCASION":"{count, plural, =0 {This comment has been} other {These comments have been} }","movedMessagePlaceholderUrlText":"moved.","messageStatus":"Status: ","statusChanged":"Status changed: {previousStatus} to {currentStatus}","statusAdded":"Status added: {status}","statusRemoved":"Status removed: {status}","labelExpand":"expand replies","labelCollapse":"collapse replies","unhelpfulReason.reason1":"Content is outdated","unhelpfulReason.reason2":"Article is missing information","unhelpfulReason.reason3":"Content is for a different Product","unhelpfulReason.reason4":"Doesn't match what I was searching for"},"localOverride":false},"CachedAsset:text:en_US-components/messages/ThreadedReplyList-1743272489977":{"__typename":"CachedAsset","id":"text:en_US-components/messages/ThreadedReplyList-1743272489977","value":{"title":"{count, plural, one{# Reply} other{# Replies}}","title@board:BLOG":"{count, plural, one{# Comment} other{# Comments}}","title@board:TKB":"{count, plural, one{# Comment} other{# Comments}}","title@board:IDEA":"{count, plural, one{# Comment} other{# Comments}}","title@board:OCCASION":"{count, plural, one{# Comment} other{# Comments}}","noRepliesTitle":"No Replies","noRepliesTitle@board:BLOG":"No Comments","noRepliesTitle@board:TKB":"No Comments","noRepliesTitle@board:IDEA":"No Comments","noRepliesTitle@board:OCCASION":"No Comments","noRepliesDescription":"Be the first to reply","noRepliesDescription@board:BLOG":"Be the first to comment","noRepliesDescription@board:TKB":"Be the first to comment","noRepliesDescription@board:IDEA":"Be the first to comment","noRepliesDescription@board:OCCASION":"Be the first to comment","messageReadOnlyAlert:BLOG":"Comments have been turned off for this post","messageReadOnlyAlert:TKB":"Comments have been turned off for this article","messageReadOnlyAlert:IDEA":"Comments have been turned off for this idea","messageReadOnlyAlert:FORUM":"Replies have been turned off for this discussion","messageReadOnlyAlert:OCCASION":"Comments have been turned off for this event"},"localOverride":false},"CachedAsset:text:en_US-components/messages/MessageReplyCallToAction-1743272489977":{"__typename":"CachedAsset","id":"text:en_US-components/messages/MessageReplyCallToAction-1743272489977","value":{"leaveReply":"Leave a reply...","leaveReply@board:BLOG@message:root":"Leave a comment...","leaveReply@board:TKB@message:root":"Leave a comment...","leaveReply@board:IDEA@message:root":"Leave a comment...","leaveReply@board:OCCASION@message:root":"Leave a comment...","repliesTurnedOff.FORUM":"Replies are turned off for this topic","repliesTurnedOff.BLOG":"Comments are turned off for this topic","repliesTurnedOff.TKB":"Comments are turned off for this topic","repliesTurnedOff.IDEA":"Comments are turned off for this topic","repliesTurnedOff.OCCASION":"Comments are turned off for this topic","infoText":"Stop poking me!"},"localOverride":false},"Rank:rank:6":{"__typename":"Rank","id":"rank:6","position":5,"name":"Community Member","color":"333333","icon":null,"rankStyle":"TEXT"},"User:user:233831":{"__typename":"User","id":"user:233831","uid":233831,"login":"MichaelHinze","biography":null,"registrationData":{"__typename":"RegistrationData","status":null,"registrationTime":"2011-10-03T07:28:15.000-07:00"},"deleted":false,"email":"","avatar":{"__typename":"UserAvatar","url":"https://api.articulate.com/id/v1/avatars/auth0%7C29d64900-b37c-0131-2ee8-22000b2f96a1"},"rank":{"__ref":"Rank:rank:6"},"entityType":"USER","eventPath":"community:rwgqn69235/user:233831"},"ModerationData:moderation_data:1140680":{"__typename":"ModerationData","id":"moderation_data:1140680","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1140680":{"__typename":"BlogReplyMessage","uid":1140680,"id":"message:1140680","revisionNum":1,"author":{"__ref":"User:user:233831"},"readOnly":false,"repliesCount":1,"depth":1,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogTopicMessage:message:1140679"},"conversation":{"__ref":"Conversation:conversation:1140679"},"subject":"Re: Creating Parallax Effects with Interactive Sliders in E-Learning (2019) #253","moderationData":{"__ref":"ModerationData:moderation_data:1140680"},"body":"
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"163","kudosSumWeight":0,"postTime":"2019-10-05T10:35:36.000-07:00","lastPublishTime":"2019-10-05T10:35:36.000-07:00","metrics":{"__typename":"MessageMetrics","views":14},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1140679/message:1140680","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[{"__typename":"MessageEdge","cursor":"MjUuMnwyLjF8aXwzfDM5OjF8aW50LDExNDA2ODQsMTE0MDY4NA","node":{"__ref":"BlogReplyMessage:message:1140684"}}]},"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"customFields":[]},"ModerationData:moderation_data:1140684":{"__typename":"ModerationData","id":"moderation_data:1140684","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1140684":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:50280"},"id":"message:1140684","revisionNum":1,"uid":1140684,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1140680"},"conversation":{"__ref":"Conversation:conversation:1140679"},"subject":"Re: Creating Parallax Effects with Interactive Sliders in E-Learning (2019) #253","moderationData":{"__ref":"ModerationData:moderation_data:1140684"},"body":"
Thanks, Michael. I just updated the post.
BTW, your airplane parallax is one we show in every slider workshop and webinar. One of the best examples out there. Hope you're doing well.
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"187","kudosSumWeight":2,"repliesCount":0,"postTime":"2019-10-05T11:35:35.000-07:00","lastPublishTime":"2019-10-05T11:35:35.000-07:00","metrics":{"__typename":"MessageMetrics","views":9},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1140679/message:1140684","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[]},"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"customFields":[]},"User:user:365586":{"__typename":"User","id":"user:365586","uid":365586,"login":"JodiSansone","biography":null,"registrationData":{"__typename":"RegistrationData","status":null,"registrationTime":"2016-06-12T05:22:43.000-07:00"},"deleted":false,"email":"","avatar":{"__typename":"UserAvatar","url":"https://api.articulate.com/id/v1/avatars/auth0%7C914e8fc0-12c2-0134-caca-22000b6c822a"},"rank":{"__ref":"Rank:rank:6"},"entityType":"USER","eventPath":"community:rwgqn69235/user:365586"},"ModerationData:moderation_data:1140681":{"__typename":"ModerationData","id":"moderation_data:1140681","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1140681":{"__typename":"BlogReplyMessage","uid":1140681,"id":"message:1140681","revisionNum":1,"author":{"__ref":"User:user:365586"},"readOnly":false,"repliesCount":6,"depth":1,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogTopicMessage:message:1140679"},"conversation":{"__ref":"Conversation:conversation:1140679"},"subject":"Re: Creating Parallax Effects with Interactive Sliders in E-Learning (2019) #253","moderationData":{"__ref":"ModerationData:moderation_data:1140681"},"body":"
Any thoughts on how to help ensure success with sliders when viewed on mobile devices? None of these demos are working on my phone and I've kind of soured on sliders because of that. I've tried increasing the surface area of my thumbs but they don't always work. If I'm going to spend my time on this challenge I want to set my expectations to avoid being frustrated by Wednesday when I'm in too deep on a concept.
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"203","kudosSumWeight":0,"postTime":"2019-10-05T10:47:25.000-07:00","lastPublishTime":"2019-10-05T10:47:25.000-07:00","metrics":{"__typename":"MessageMetrics","views":9},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1140679/message:1140681","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[{"__typename":"MessageEdge","cursor":"MjUuMnwyLjF8aXwzfDM5OjF8aW50LDExNDA2ODMsMTE0MDY4Mw","node":{"__ref":"BlogReplyMessage:message:1140683"}},{"__typename":"MessageEdge","cursor":"MjUuMnwyLjF8aXwzfDM5OjF8aW50LDExNDA2ODMsMTE0MDY5Mg","node":{"__ref":"BlogReplyMessage:message:1140692"}}]},"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"customFields":[]},"ModerationData:moderation_data:1140683":{"__typename":"ModerationData","id":"moderation_data:1140683","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1140683":{"__typename":"BlogReplyMessage","uid":1140683,"id":"message:1140683","revisionNum":1,"author":{"__ref":"User:user:50280"},"readOnly":false,"repliesCount":3,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1140681"},"conversation":{"__ref":"Conversation:conversation:1140679"},"subject":"Re: Creating Parallax Effects with Interactive Sliders in E-Learning (2019) #253","moderationData":{"__ref":"ModerationData:moderation_data:1140683"},"body":"
Jodi - are Tom's examples working for you? I re-published those this morning to ensure they were current. Will try the others now but wanted to see if you'd given Tom's a try.
Sliders are HTML5 supported so they should work just fine when published from the current updates in SL.
The hit state is something to consider since you're dealing with a much smaller area for scrubbing.
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"203","kudosSumWeight":0,"postTime":"2019-10-05T11:33:20.000-07:00","lastPublishTime":"2019-10-05T11:33:20.000-07:00","metrics":{"__typename":"MessageMetrics","views":8},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1140679/message:1140683","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[{"__typename":"MessageEdge","cursor":"MjUuMnwyLjF8aXwxfDM5OjF8aW50LDExNDA2ODYsMTE0MDY4Ng","node":{"__ref":"BlogReplyMessage:message:1140686"}}]},"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"customFields":[]},"ModerationData:moderation_data:1140686":{"__typename":"ModerationData","id":"moderation_data:1140686","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1140686":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:365586"},"id":"message:1140686","revisionNum":1,"uid":1140686,"depth":3,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1140683"},"conversation":{"__ref":"Conversation:conversation:1140679"},"subject":"Re: Creating Parallax Effects with Interactive Sliders in E-Learning (2019) #253","moderationData":{"__ref":"ModerationData:moderation_data:1140686"},"body":"
None of them work on my phone--I have a brand new Android phone and was hoping it would respond better when viewing projects. The anatomy and hiking examples don't work on my laptop either. I was looking at them on my phone while I was at the car wash to see what this challenge was all about.
Also, sorry to be so dense, but what does it mean that the hit state is something to consider because there's a much smaller area for scrubbing. I probably should know the terms better. :)
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"203","kudosSumWeight":0,"repliesCount":2,"postTime":"2019-10-05T11:50:08.000-07:00","lastPublishTime":"2019-10-05T11:50:08.000-07:00","metrics":{"__typename":"MessageMetrics","views":8},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1140679/message:1140686","attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"customFields":[]},"ModerationData:moderation_data:1140692":{"__typename":"ModerationData","id":"moderation_data:1140692","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1140692":{"__typename":"BlogReplyMessage","uid":1140692,"id":"message:1140692","revisionNum":1,"author":{"__ref":"User:user:50280"},"readOnly":false,"repliesCount":1,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1140681"},"conversation":{"__ref":"Conversation:conversation:1140679"},"subject":"Re: Creating Parallax Effects with Interactive Sliders in E-Learning (2019) #253","moderationData":{"__ref":"ModerationData:moderation_data:1140692"},"body":"
Hi again, Jodi. Okay support confirmed that the examples were working for them on Android 9.
If you have time, can you open a ticket with us: http://articulatecase.com ? There's nothing in this week's challenge that shouldn't work reliably on mobile or desktop.
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"203","kudosSumWeight":0,"postTime":"2019-10-05T18:20:05.000-07:00","lastPublishTime":"2019-10-05T18:20:05.000-07:00","metrics":{"__typename":"MessageMetrics","views":8},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1140679/message:1140692","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[{"__typename":"MessageEdge","cursor":"MjUuMnwyLjF8aXwxfDM5OjF8aW50LDExNDA3MTAsMTE0MDcxMA","node":{"__ref":"BlogReplyMessage:message:1140710"}}]},"customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"ModerationData:moderation_data:1140710":{"__typename":"ModerationData","id":"moderation_data:1140710","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1140710":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:365586"},"id":"message:1140710","revisionNum":1,"uid":1140710,"depth":3,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1140692"},"conversation":{"__ref":"Conversation:conversation:1140679"},"subject":"Re: Creating Parallax Effects with Interactive Sliders in E-Learning (2019) #253","moderationData":{"__ref":"ModerationData:moderation_data:1140710"},"body":"
Mine seems to be working ok on mobile today. I'm out in the desert so maybe my connection wasn't as reliable as I thought. I'll check everything when I get back to normal civilization tonight.
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"196","kudosSumWeight":0,"repliesCount":0,"postTime":"2019-10-06T11:02:48.000-07:00","lastPublishTime":"2019-10-06T11:02:48.000-07:00","metrics":{"__typename":"MessageMetrics","views":8},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1140679/message:1140710","customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"User:user:661074":{"__typename":"User","id":"user:661074","uid":661074,"login":"NickiBerry-3088","biography":null,"registrationData":{"__typename":"RegistrationData","status":null,"registrationTime":"2018-11-27T02:00:03.000-08:00"},"deleted":false,"email":"","avatar":{"__typename":"UserAvatar","url":"https://api.articulate.com/id/v1/avatars/auth0|5bfd14738e39c0503aaf4ecf"},"rank":{"__ref":"Rank:rank:6"},"entityType":"USER","eventPath":"community:rwgqn69235/user:661074"},"ModerationData:moderation_data:1140682":{"__typename":"ModerationData","id":"moderation_data:1140682","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1140682":{"__typename":"BlogReplyMessage","uid":1140682,"id":"message:1140682","revisionNum":1,"author":{"__ref":"User:user:661074"},"readOnly":false,"repliesCount":2,"depth":1,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogTopicMessage:message:1140679"},"conversation":{"__ref":"Conversation:conversation:1140679"},"subject":"Re: Creating Parallax Effects with Interactive Sliders in E-Learning (2019) #253","moderationData":{"__ref":"ModerationData:moderation_data:1140682"},"body":"
I haven't heard of this before. Can parallax sliders be made to work with assistive technologies (tabbed navigation, JAWS, Dragon, etc)? Anything we create has to be AT compliant, so it's only worth me learning this one, if it can work. None of the ones above do.
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"203","kudosSumWeight":1,"postTime":"2019-10-05T11:01:25.000-07:00","lastPublishTime":"2019-10-05T11:01:25.000-07:00","metrics":{"__typename":"MessageMetrics","views":6},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1140679/message:1140682","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[{"__typename":"MessageEdge","cursor":"MjUuMnwyLjF8aXwzfDM5OjF8aW50LDExNDA2ODgsMTE0MDY4OA","node":{"__ref":"BlogReplyMessage:message:1140688"}}]},"customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"ModerationData:moderation_data:1140688":{"__typename":"ModerationData","id":"moderation_data:1140688","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1140688":{"__typename":"BlogReplyMessage","uid":1140688,"id":"message:1140688","revisionNum":1,"author":{"__ref":"User:user:50280"},"readOnly":false,"repliesCount":1,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1140682"},"conversation":{"__ref":"Conversation:conversation:1140679"},"subject":"Re: Creating Parallax Effects with Interactive Sliders in E-Learning (2019) #253","moderationData":{"__ref":"ModerationData:moderation_data:1140688"},"body":"
Hey Nicki - Sliders are accessible via the keyboard arrow keys. First, tab to the slider thumb and then use your left/right keyboard arrows to move the sliders. Same approach works with dials.
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"194","kudosSumWeight":3,"postTime":"2019-10-05T12:08:25.000-07:00","lastPublishTime":"2019-10-05T12:08:25.000-07:00","metrics":{"__typename":"MessageMetrics","views":7},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1140679/message:1140688","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[{"__typename":"MessageEdge","cursor":"MjUuMnwyLjF8aXwxfDM5OjF8aW50LDExNDA2OTMsMTE0MDY5Mw","node":{"__ref":"BlogReplyMessage:message:1140693"}}]},"customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"ModerationData:moderation_data:1140693":{"__typename":"ModerationData","id":"moderation_data:1140693","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1140693":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:661074"},"id":"message:1140693","revisionNum":1,"uid":1140693,"depth":3,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1140688"},"conversation":{"__ref":"Conversation:conversation:1140679"},"subject":"Re: Creating Parallax Effects with Interactive Sliders in E-Learning (2019) #253","moderationData":{"__ref":"ModerationData:moderation_data:1140693"},"body":"
Thanks - I didn't know that. I've tried it on some of the examples above and on most it works, except that of course, the tab order hasn't been set up... but I've had a play and once done, that works.
For me, the next question is how to describe what is happening on the screen so that a screen reader would describe the images as they move. If anyone else has any tips on this, I'd be very grateful.
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"203","kudosSumWeight":1,"repliesCount":0,"postTime":"2019-10-05T23:01:04.000-07:00","lastPublishTime":"2019-10-05T23:01:04.000-07:00","metrics":{"__typename":"MessageMetrics","views":6},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1140679/message:1140693","customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"ModerationData:moderation_data:1140685":{"__typename":"ModerationData","id":"moderation_data:1140685","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1140685":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:50280"},"id":"message:1140685","revisionNum":1,"uid":1140685,"depth":1,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogTopicMessage:message:1140679"},"conversation":{"__ref":"Conversation:conversation:1140679"},"subject":"Re: Creating Parallax Effects with Interactive Sliders in E-Learning (2019) #253","moderationData":{"__ref":"ModerationData:moderation_data:1140685"},"body":"
The slider examples all seem to be working in iOS 13.1.
I noticed that my Safari content blockers were preventing the projects from loading. Just something to look at if you get a blank page.
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"196","kudosSumWeight":0,"repliesCount":0,"postTime":"2019-10-05T11:49:52.000-07:00","lastPublishTime":"2019-10-05T11:49:52.000-07:00","metrics":{"__typename":"MessageMetrics","views":5},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1140679/message:1140685","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[]},"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"customFields":[]},"Rank:rank:5":{"__typename":"Rank","id":"rank:5","position":4,"name":"Super Hero","color":"4E3AD5","icon":null,"rankStyle":"FILLED"},"User:user:454373":{"__typename":"User","id":"user:454373","uid":454373,"login":"Jonathan_Hill","biography":null,"registrationData":{"__typename":"RegistrationData","status":null,"registrationTime":"2017-06-11T01:33:02.000-07:00"},"deleted":false,"email":"","avatar":{"__typename":"UserAvatar","url":"https://api.articulate.com/id/v1/avatars/auth0%7C593b9acf903ba224a326ee1b"},"rank":{"__ref":"Rank:rank:5"},"entityType":"USER","eventPath":"community:rwgqn69235/user:454373"},"ModerationData:moderation_data:1140689":{"__typename":"ModerationData","id":"moderation_data:1140689","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1140689":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:454373"},"id":"message:1140689","revisionNum":1,"uid":1140689,"depth":1,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogTopicMessage:message:1140679"},"conversation":{"__ref":"Conversation:conversation:1140679"},"subject":"Re: Creating Parallax Effects with Interactive Sliders in E-Learning (2019) #253","moderationData":{"__ref":"ModerationData:moderation_data:1140689"},"body":"
Hello!
I blogged about making sliders more versatile on mobile devices a few weeks ago. You can read my suggestions here:
Even in HTML5 with no content blockers, sliders can sometimes be a 'sticky' on a mobile. The action of moving the slider thumb can be also be mistaken by your device as swipe left or right.
Will have a think about this week's challenge bearing this in mind.
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"203","kudosSumWeight":1,"repliesCount":0,"postTime":"2019-10-05T12:23:55.000-07:00","lastPublishTime":"2019-10-05T12:23:55.000-07:00","metrics":{"__typename":"MessageMetrics","views":5},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1140679/message:1140689","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[]},"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"customFields":[]},"User:user:970848":{"__typename":"User","id":"user:970848","uid":970848,"login":"TracyCarroll","biography":null,"registrationData":{"__typename":"RegistrationData","status":null,"registrationTime":"2014-11-24T19:13:31.000-08:00"},"deleted":false,"email":"","avatar":{"__typename":"UserAvatar","url":"https://api.articulate.com/id/v1/avatars/auth0%7Cf4c85520-567e-0132-d4de-22000b1288a9"},"rank":{"__ref":"Rank:rank:6"},"entityType":"USER","eventPath":"community:rwgqn69235/user:970848"},"ModerationData:moderation_data:1140691":{"__typename":"ModerationData","id":"moderation_data:1140691","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1140691":{"__typename":"BlogReplyMessage","uid":1140691,"id":"message:1140691","revisionNum":1,"author":{"__ref":"User:user:970848"},"readOnly":false,"repliesCount":6,"depth":1,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogTopicMessage:message:1140679"},"conversation":{"__ref":"Conversation:conversation:1140679"},"subject":"Re: Creating Parallax Effects with Interactive Sliders in E-Learning (2019) #253","moderationData":{"__ref":"ModerationData:moderation_data:1140691"},"body":"
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"165","kudosSumWeight":3,"postTime":"2019-10-05T15:46:55.000-07:00","lastPublishTime":"2019-10-05T15:46:55.000-07:00","metrics":{"__typename":"MessageMetrics","views":5},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1140679/message:1140691","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[{"__typename":"MessageEdge","cursor":"MjUuMnwyLjF8aXwzfDM5OjF8aW50LDExNDA2OTQsMTE0MDY5NA","node":{"__ref":"BlogReplyMessage:message:1140694"}},{"__typename":"MessageEdge","cursor":"MjUuMnwyLjF8aXwzfDM5OjF8aW50LDExNDA2OTQsMTE0MDY5Nw","node":{"__ref":"BlogReplyMessage:message:1140697"}},{"__typename":"MessageEdge","cursor":"MjUuMnwyLjF8aXwzfDM5OjF8aW50LDExNDA2OTQsMTE0MDczMg","node":{"__ref":"BlogReplyMessage:message:1140732"}}]},"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"customFields":[]},"ModerationData:moderation_data:1140694":{"__typename":"ModerationData","id":"moderation_data:1140694","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1140694":{"__typename":"BlogReplyMessage","uid":1140694,"id":"message:1140694","revisionNum":1,"author":{"__ref":"User:user:365586"},"readOnly":false,"repliesCount":1,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1140691"},"conversation":{"__ref":"Conversation:conversation:1140679"},"subject":"Re: Creating Parallax Effects with Interactive Sliders in E-Learning (2019) #253","moderationData":{"__ref":"ModerationData:moderation_data:1140694"},"body":"
Your protagonist looks like Warren Beatty! In 1974 he was soooooooo popular! Very nice effects in this one.
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"111","kudosSumWeight":1,"postTime":"2019-10-06T00:16:05.000-07:00","lastPublishTime":"2019-10-06T00:16:05.000-07:00","metrics":{"__typename":"MessageMetrics","views":5},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1140679/message:1140694","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[{"__typename":"MessageEdge","cursor":"MjUuMnwyLjF8aXwxfDM5OjF8aW50LDExNDA3MTMsMTE0MDcxMw","node":{"__ref":"BlogReplyMessage:message:1140713"}}]},"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"customFields":[]},"ModerationData:moderation_data:1140713":{"__typename":"ModerationData","id":"moderation_data:1140713","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1140713":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:970848"},"id":"message:1140713","revisionNum":1,"uid":1140713,"depth":3,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1140694"},"conversation":{"__ref":"Conversation:conversation:1140679"},"subject":"Re: Creating Parallax Effects with Interactive Sliders in E-Learning (2019) #253","moderationData":{"__ref":"ModerationData:moderation_data:1140713"},"body":"
Thanks, Jodi! I tried to create a more precise Warren Beatty look-alike, but Plotagon did not have his exact hairstyle. Oh, well. :)
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"134","kudosSumWeight":0,"repliesCount":0,"postTime":"2019-10-06T12:08:40.000-07:00","lastPublishTime":"2019-10-06T12:08:40.000-07:00","metrics":{"__typename":"MessageMetrics","views":5},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1140679/message:1140713","attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"customFields":[]},"User:user:153300":{"__typename":"User","id":"user:153300","uid":153300,"login":"DanSweigert","biography":null,"registrationData":{"__typename":"RegistrationData","status":null,"registrationTime":"2014-02-06T05:50:20.000-08:00"},"deleted":false,"email":"","avatar":{"__typename":"UserAvatar","url":"https://api.articulate.com/id/v1/avatars/auth0%7C8f412b00-b37d-0131-2ee8-22000b2f96a1"},"rank":{"__ref":"Rank:rank:6"},"entityType":"USER","eventPath":"community:rwgqn69235/user:153300"},"ModerationData:moderation_data:1140697":{"__typename":"ModerationData","id":"moderation_data:1140697","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1140697":{"__typename":"BlogReplyMessage","uid":1140697,"id":"message:1140697","revisionNum":1,"author":{"__ref":"User:user:153300"},"readOnly":false,"repliesCount":1,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1140691"},"conversation":{"__ref":"Conversation:conversation:1140679"},"subject":"Re: Creating Parallax Effects with Interactive Sliders in E-Learning (2019) #253","moderationData":{"__ref":"ModerationData:moderation_data:1140697"},"body":"
Tracy, that was neat.
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"24","kudosSumWeight":1,"postTime":"2019-10-06T04:41:30.000-07:00","lastPublishTime":"2019-10-06T04:41:30.000-07:00","metrics":{"__typename":"MessageMetrics","views":5},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1140679/message:1140697","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[{"__typename":"MessageEdge","cursor":"MjUuMnwyLjF8aXwxfDM5OjF8aW50LDExNDA3MTQsMTE0MDcxNA","node":{"__ref":"BlogReplyMessage:message:1140714"}}]},"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"customFields":[]},"ModerationData:moderation_data:1140714":{"__typename":"ModerationData","id":"moderation_data:1140714","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1140714":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:970848"},"id":"message:1140714","revisionNum":1,"uid":1140714,"depth":3,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1140697"},"conversation":{"__ref":"Conversation:conversation:1140679"},"subject":"Re: Creating Parallax Effects with Interactive Sliders in E-Learning (2019) #253","moderationData":{"__ref":"ModerationData:moderation_data:1140714"},"body":"
Thanks, Dan!
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"14","kudosSumWeight":0,"repliesCount":0,"postTime":"2019-10-06T12:08:57.000-07:00","lastPublishTime":"2019-10-06T12:08:57.000-07:00","metrics":{"__typename":"MessageMetrics","views":5},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1140679/message:1140714","attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"customFields":[]},"User:user:621278":{"__typename":"User","id":"user:621278","uid":621278,"login":"EstherMatthews","biography":null,"registrationData":{"__typename":"RegistrationData","status":null,"registrationTime":"2018-11-21T19:28:55.000-08:00"},"deleted":false,"email":"","avatar":{"__typename":"UserAvatar","url":"https://api.articulate.com/id/v1/avatars/auth0|5bf617535eb7472ef0f4ddde"},"rank":{"__ref":"Rank:rank:6"},"entityType":"USER","eventPath":"community:rwgqn69235/user:621278"},"ModerationData:moderation_data:1140732":{"__typename":"ModerationData","id":"moderation_data:1140732","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1140732":{"__typename":"BlogReplyMessage","uid":1140732,"id":"message:1140732","revisionNum":1,"author":{"__ref":"User:user:621278"},"readOnly":false,"repliesCount":1,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1140691"},"conversation":{"__ref":"Conversation:conversation:1140679"},"subject":"Re: Creating Parallax Effects with Interactive Sliders in E-Learning (2019) #253","moderationData":{"__ref":"ModerationData:moderation_data:1140732"},"body":"
This was really nice! I especially enjoyed how the music added even more depth and made the whole thing incredibly immersive.
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"128","kudosSumWeight":1,"postTime":"2019-10-08T05:04:45.000-07:00","lastPublishTime":"2019-10-08T05:04:45.000-07:00","metrics":{"__typename":"MessageMetrics","views":5},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1140679/message:1140732","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[{"__typename":"MessageEdge","cursor":"MjUuMnwyLjF8aXwxfDM5OjF8aW50LDExNDA3NTIsMTE0MDc1Mg","node":{"__ref":"BlogReplyMessage:message:1140752"}}]},"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"customFields":[]},"ModerationData:moderation_data:1140752":{"__typename":"ModerationData","id":"moderation_data:1140752","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1140752":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:970848"},"id":"message:1140752","revisionNum":1,"uid":1140752,"depth":3,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1140732"},"conversation":{"__ref":"Conversation:conversation:1140679"},"subject":"Re: Creating Parallax Effects with Interactive Sliders in E-Learning (2019) #253","moderationData":{"__ref":"ModerationData:moderation_data:1140752"},"body":"
Thank you, Esther!
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"20","kudosSumWeight":0,"repliesCount":0,"postTime":"2019-10-08T17:10:45.000-07:00","lastPublishTime":"2019-10-08T17:10:45.000-07:00","metrics":{"__typename":"MessageMetrics","views":5},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1140679/message:1140752","attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"customFields":[]},"ModerationData:moderation_data:1140695":{"__typename":"ModerationData","id":"moderation_data:1140695","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1140695":{"__typename":"BlogReplyMessage","uid":1140695,"id":"message:1140695","revisionNum":1,"author":{"__ref":"User:user:661074"},"readOnly":false,"repliesCount":3,"depth":1,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogTopicMessage:message:1140679"},"conversation":{"__ref":"Conversation:conversation:1140679"},"subject":"Re: Creating Parallax Effects with Interactive Sliders in E-Learning (2019) #253","moderationData":{"__ref":"ModerationData:moderation_data:1140695"},"body":"
Okay, so you have to remember that until yesterday evening, I'd never even heard of the parallax effect. I've started having a go and this is my first attempt.
Got to go out now, but later on, I'll try to work out how to turn the boat and the plane around for their return journey. I presume I'll use states and change the state if the slider variable is doing a negative. Is there a better way?
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"203","kudosSumWeight":4,"postTime":"2019-10-06T00:24:47.000-07:00","lastPublishTime":"2019-10-06T00:24:47.000-07:00","metrics":{"__typename":"MessageMetrics","views":10},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1140679/message:1140695","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[{"__typename":"MessageEdge","cursor":"MjUuMnwyLjF8aXwzfDM5OjF8aW50LDExNDA2OTYsMTE0MDY5Ng","node":{"__ref":"BlogReplyMessage:message:1140696"}},{"__typename":"MessageEdge","cursor":"MjUuMnwyLjF8aXwzfDM5OjF8aW50LDExNDA2OTYsMTE0MDczNw","node":{"__ref":"BlogReplyMessage:message:1140737"}},{"__typename":"MessageEdge","cursor":"MjUuMnwyLjF8aXwzfDM5OjF8aW50LDExNDA2OTYsMTE0MDc2Ng","node":{"__ref":"BlogReplyMessage:message:1140766"}}]},"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"customFields":[]},"ModerationData:moderation_data:1140696":{"__typename":"ModerationData","id":"moderation_data:1140696","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1140696":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:153300"},"id":"message:1140696","revisionNum":1,"uid":1140696,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1140695"},"conversation":{"__ref":"Conversation:conversation:1140679"},"subject":"Re: Creating Parallax Effects with Interactive Sliders in E-Learning (2019) #253","moderationData":{"__ref":"ModerationData:moderation_data:1140696"},"body":"
Nicki, that was cool.
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"25","kudosSumWeight":0,"repliesCount":0,"postTime":"2019-10-06T04:39:55.000-07:00","lastPublishTime":"2019-10-06T04:39:55.000-07:00","metrics":{"__typename":"MessageMetrics","views":8},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1140679/message:1140696","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[]},"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"customFields":[]},"User:user:849169":{"__typename":"User","id":"user:849169","uid":849169,"login":"ThorstenHolt","biography":null,"registrationData":{"__typename":"RegistrationData","status":null,"registrationTime":"2018-03-05T06:59:37.000-08:00"},"deleted":false,"email":"","avatar":{"__typename":"UserAvatar","url":"https://api.articulate.com/id/v1/avatars/auth0|5a99668ea264f2292c357068"},"rank":{"__ref":"Rank:rank:6"},"entityType":"USER","eventPath":"community:rwgqn69235/user:849169"},"ModerationData:moderation_data:1140737":{"__typename":"ModerationData","id":"moderation_data:1140737","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1140737":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:849169"},"id":"message:1140737","revisionNum":1,"uid":1140737,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1140695"},"conversation":{"__ref":"Conversation:conversation:1140679"},"subject":"Re: Creating Parallax Effects with Interactive Sliders in E-Learning (2019) #253","moderationData":{"__ref":"ModerationData:moderation_data:1140737"},"body":"
Very beautiful scenery. So far so cool. Looks like the plane has a Journey its end is still going to be told..
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"116","kudosSumWeight":0,"repliesCount":0,"postTime":"2019-10-08T06:12:18.000-07:00","lastPublishTime":"2019-10-08T06:12:18.000-07:00","metrics":{"__typename":"MessageMetrics","views":9},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1140679/message:1140737","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[]},"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"customFields":[]},"User:user:1218105":{"__typename":"User","id":"user:1218105","uid":1218105,"login":"HolleyBerley","biography":null,"registrationData":{"__typename":"RegistrationData","status":null,"registrationTime":"2019-03-18T05:37:09.000-07:00"},"deleted":false,"email":"","avatar":{"__typename":"UserAvatar","url":"https://api.articulate.com/id/v1/avatars/auth0|5c86795c881f067f24642c92"},"rank":{"__ref":"Rank:rank:6"},"entityType":"USER","eventPath":"community:rwgqn69235/user:1218105"},"ModerationData:moderation_data:1140766":{"__typename":"ModerationData","id":"moderation_data:1140766","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1140766":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:1218105"},"id":"message:1140766","revisionNum":1,"uid":1140766,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1140695"},"conversation":{"__ref":"Conversation:conversation:1140679"},"subject":"Re: Creating Parallax Effects with Interactive Sliders in E-Learning (2019) #253","moderationData":{"__ref":"ModerationData:moderation_data:1140766"},"body":"
Lovely Nicki. Very smooth.
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"29","kudosSumWeight":0,"repliesCount":0,"postTime":"2019-10-09T11:28:27.000-07:00","lastPublishTime":"2019-10-09T11:28:27.000-07:00","metrics":{"__typename":"MessageMetrics","views":11},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1140679/message:1140766","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[]},"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"customFields":[]},"ModerationData:moderation_data:1140698":{"__typename":"ModerationData","id":"moderation_data:1140698","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1140698":{"__typename":"BlogReplyMessage","uid":1140698,"id":"message:1140698","revisionNum":1,"author":{"__ref":"User:user:454373"},"readOnly":false,"repliesCount":18,"depth":1,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogTopicMessage:message:1140679"},"conversation":{"__ref":"Conversation:conversation:1140679"},"subject":"Re: Creating Parallax Effects with Interactive Sliders in E-Learning (2019) #253","moderationData":{"__ref":"ModerationData:moderation_data:1140698"},"body":"
Hope you have as much fun playing it as I had making it.
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"203","kudosSumWeight":4,"postTime":"2019-10-06T07:46:18.000-07:00","lastPublishTime":"2019-10-06T07:46:18.000-07:00","metrics":{"__typename":"MessageMetrics","views":9},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1140679/message:1140698","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":true,"endCursor":"MjUuMnwyLjF8aXwzfDM5OjF8aW50LDExNDA2OTksMTE0MDcxOA","hasPreviousPage":false,"startCursor":null},"edges":[{"__typename":"MessageEdge","cursor":"MjUuMnwyLjF8aXwzfDM5OjF8aW50LDExNDA2OTksMTE0MDY5OQ","node":{"__ref":"BlogReplyMessage:message:1140699"}},{"__typename":"MessageEdge","cursor":"MjUuMnwyLjF8aXwzfDM5OjF8aW50LDExNDA2OTksMTE0MDcxMg","node":{"__ref":"BlogReplyMessage:message:1140712"}},{"__typename":"MessageEdge","cursor":"MjUuMnwyLjF8aXwzfDM5OjF8aW50LDExNDA2OTksMTE0MDcxOA","node":{"__ref":"BlogReplyMessage:message:1140718"}}]},"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"customFields":[]},"ModerationData:moderation_data:1140699":{"__typename":"ModerationData","id":"moderation_data:1140699","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1140699":{"__typename":"BlogReplyMessage","uid":1140699,"id":"message:1140699","revisionNum":1,"author":{"__ref":"User:user:454373"},"readOnly":false,"repliesCount":4,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1140698"},"conversation":{"__ref":"Conversation:conversation:1140679"},"subject":"Re: Creating Parallax Effects with Interactive Sliders in E-Learning (2019) #253","moderationData":{"__ref":"ModerationData:moderation_data:1140699"},"body":"
BTW, I've used a vertical parallax and the thumb of the main slider is an aimated GIF.
For some reason the GIF isn't moving when I test this on my Huawei Android phone on a Chrome browser. I'd welcome your feedback regarding how this performs on other mobile devices.
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"203","kudosSumWeight":0,"postTime":"2019-10-06T08:47:31.000-07:00","lastPublishTime":"2019-10-06T08:47:31.000-07:00","metrics":{"__typename":"MessageMetrics","views":4},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1140679/message:1140699","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":true,"endCursor":"MjUuMnwyLjF8aXwxfDM5OjF8aW50LDExNDA3MDEsMTE0MDcwMQ","hasPreviousPage":false,"startCursor":null},"edges":[{"__typename":"MessageEdge","cursor":"MjUuMnwyLjF8aXwxfDM5OjF8aW50LDExNDA3MDEsMTE0MDcwMQ","node":{"__ref":"BlogReplyMessage:message:1140701"}}]},"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"customFields":[]},"ModerationData:moderation_data:1140701":{"__typename":"ModerationData","id":"moderation_data:1140701","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1140701":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:365586"},"id":"message:1140701","revisionNum":1,"uid":1140701,"depth":3,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1140699"},"conversation":{"__ref":"Conversation:conversation:1140679"},"subject":"Re: Creating Parallax Effects with Interactive Sliders in E-Learning (2019) #253","moderationData":{"__ref":"ModerationData:moderation_data:1140701"},"body":"
That was fun..I'll test it on mobile in a minute. It went by a little to fast for me so I kept missing the good phrases. I was using the up and down arrows on my lap top.
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"174","kudosSumWeight":0,"repliesCount":1,"postTime":"2019-10-06T08:56:00.000-07:00","lastPublishTime":"2019-10-06T08:56:00.000-07:00","metrics":{"__typename":"MessageMetrics","views":4},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1140679/message:1140701","customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"ModerationData:moderation_data:1140712":{"__typename":"ModerationData","id":"moderation_data:1140712","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1140712":{"__typename":"BlogReplyMessage","uid":1140712,"id":"message:1140712","revisionNum":1,"author":{"__ref":"User:user:970848"},"readOnly":false,"repliesCount":1,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1140698"},"conversation":{"__ref":"Conversation:conversation:1140679"},"subject":"Re: Creating Parallax Effects with Interactive Sliders in E-Learning (2019) #253","moderationData":{"__ref":"ModerationData:moderation_data:1140712"},"body":"
The concept for this game was really fun! I had difficulty playing it on Firefox, but it worked on Chrome. I'm on a Windows 10 Pro PC, using my cursor rather than the arrows.
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"176","kudosSumWeight":1,"postTime":"2019-10-06T12:05:10.000-07:00","lastPublishTime":"2019-10-06T12:05:10.000-07:00","metrics":{"__typename":"MessageMetrics","views":9},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1140679/message:1140712","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[{"__typename":"MessageEdge","cursor":"MjUuMnwyLjF8aXwxfDM5OjF8aW50LDExNDA3MTUsMTE0MDcxNQ","node":{"__ref":"BlogReplyMessage:message:1140715"}}]},"customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"ModerationData:moderation_data:1140715":{"__typename":"ModerationData","id":"moderation_data:1140715","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1140715":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:454373"},"id":"message:1140715","revisionNum":1,"uid":1140715,"depth":3,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1140712"},"conversation":{"__ref":"Conversation:conversation:1140679"},"subject":"Re: Creating Parallax Effects with Interactive Sliders in E-Learning (2019) #253","moderationData":{"__ref":"ModerationData:moderation_data:1140715"},"body":"
Thanks Tracy. Interesting that Firefox seems to have trouble with it 🤔
So far the only mobile browser I've been able to get it to work perfectly on is Opera, surprisingly.
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"177","kudosSumWeight":1,"repliesCount":0,"postTime":"2019-10-06T12:41:41.000-07:00","lastPublishTime":"2019-10-06T12:41:41.000-07:00","metrics":{"__typename":"MessageMetrics","views":9},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1140679/message:1140715","customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"User:user:441585":{"__typename":"User","id":"user:441585","uid":441585,"login":"Samuel","biography":null,"registrationData":{"__typename":"RegistrationData","status":null,"registrationTime":"2016-11-29T13:12:34.000-08:00"},"deleted":false,"email":"","avatar":{"__typename":"UserAvatar","url":"https://api.articulate.com/id/v1/avatars/auth0%7Cf9a8bca0-af16-0131-f1d7-22000b5e9066"},"rank":{"__ref":"Rank:rank:6"},"entityType":"USER","eventPath":"community:rwgqn69235/user:441585"},"ModerationData:moderation_data:1140718":{"__typename":"ModerationData","id":"moderation_data:1140718","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1140718":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:441585"},"id":"message:1140718","revisionNum":1,"uid":1140718,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1140698"},"conversation":{"__ref":"Conversation:conversation:1140679"},"subject":"Re: Creating Parallax Effects with Interactive Sliders in E-Learning (2019) #253","moderationData":{"__ref":"ModerationData:moderation_data:1140718"},"body":"
Done in great detail. Kudos Jonathan!
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"39","kudosSumWeight":1,"repliesCount":0,"postTime":"2019-10-06T14:32:17.000-07:00","lastPublishTime":"2019-10-06T14:32:17.000-07:00","metrics":{"__typename":"MessageMetrics","views":8},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1140679/message:1140718","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[]},"customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"ModerationData:moderation_data:1140700":{"__typename":"ModerationData","id":"moderation_data:1140700","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1140700":{"__typename":"BlogReplyMessage","uid":1140700,"id":"message:1140700","revisionNum":1,"author":{"__ref":"User:user:365586"},"readOnly":false,"repliesCount":8,"depth":1,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogTopicMessage:message:1140679"},"conversation":{"__ref":"Conversation:conversation:1140679"},"subject":"Re: Creating Parallax Effects with Interactive Sliders in E-Learning (2019) #253","moderationData":{"__ref":"ModerationData:moderation_data:1140700"},"body":"
I knew I was up too late last night doing this demo when my family started shutting their bedroom doors while I was working on the audio. :) So in this demo I created my parallax effect on the master slide (to keep it out of my way on the timeline) and then I created three sliders--the main slider that makes the turtle and the shark appear/disappear. I tried to replicate the effect in Tom K's anatomy project, but that one confused me because I couldn't see how he was making the organs move around. I don't really love the talking sliders effect so I'm wondering why I would use it, but at least I know you can make sliders talk to each other now. Enjoy the week!
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"203","kudosSumWeight":5,"postTime":"2019-10-06T08:49:02.000-07:00","lastPublishTime":"2019-10-06T08:49:02.000-07:00","metrics":{"__typename":"MessageMetrics","views":13},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1140679/message:1140700","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":true,"endCursor":"MjUuMnwyLjF8aXwzfDM5OjF8aW50LDExNDA3MDIsMTE0MDcxOQ","hasPreviousPage":false,"startCursor":null},"edges":[{"__typename":"MessageEdge","cursor":"MjUuMnwyLjF8aXwzfDM5OjF8aW50LDExNDA3MDIsMTE0MDcwMg","node":{"__ref":"BlogReplyMessage:message:1140702"}},{"__typename":"MessageEdge","cursor":"MjUuMnwyLjF8aXwzfDM5OjF8aW50LDExNDA3MDIsMTE0MDcxMQ","node":{"__ref":"BlogReplyMessage:message:1140711"}},{"__typename":"MessageEdge","cursor":"MjUuMnwyLjF8aXwzfDM5OjF8aW50LDExNDA3MDIsMTE0MDcxOQ","node":{"__ref":"BlogReplyMessage:message:1140719"}}]},"customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"ModerationData:moderation_data:1140702":{"__typename":"ModerationData","id":"moderation_data:1140702","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1140702":{"__typename":"BlogReplyMessage","uid":1140702,"id":"message:1140702","revisionNum":1,"author":{"__ref":"User:user:454373"},"readOnly":false,"repliesCount":2,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1140700"},"conversation":{"__ref":"Conversation:conversation:1140679"},"subject":"Re: Creating Parallax Effects with Interactive Sliders in E-Learning (2019) #253","moderationData":{"__ref":"ModerationData:moderation_data:1140702"},"body":"
Lovely! Very soothing. You've made great use of the images.
I was up to Silly O Clock last night too working on my design. What is it about sliders?
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"153","kudosSumWeight":0,"postTime":"2019-10-06T08:59:24.000-07:00","lastPublishTime":"2019-10-06T08:59:24.000-07:00","metrics":{"__typename":"MessageMetrics","views":12},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1140679/message:1140702","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[{"__typename":"MessageEdge","cursor":"MjUuMnwyLjF8aXwxfDM5OjF8aW50LDExNDA3MDUsMTE0MDcwNQ","node":{"__ref":"BlogReplyMessage:message:1140705"}}]},"customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"ModerationData:moderation_data:1140705":{"__typename":"ModerationData","id":"moderation_data:1140705","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1140705":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:365586"},"id":"message:1140705","revisionNum":1,"uid":1140705,"depth":3,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1140702"},"conversation":{"__ref":"Conversation:conversation:1140679"},"subject":"Re: Creating Parallax Effects with Interactive Sliders in E-Learning (2019) #253","moderationData":{"__ref":"ModerationData:moderation_data:1140705"},"body":"
Usually I don't stay up that late, but I have some \"real work\" I have to do this week and if I don't crank these things out by Sunday I am toast. :)
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"150","kudosSumWeight":1,"repliesCount":1,"postTime":"2019-10-06T09:25:33.000-07:00","lastPublishTime":"2019-10-06T09:25:33.000-07:00","metrics":{"__typename":"MessageMetrics","views":11},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1140679/message:1140705","customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"ModerationData:moderation_data:1140711":{"__typename":"ModerationData","id":"moderation_data:1140711","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1140711":{"__typename":"BlogReplyMessage","uid":1140711,"id":"message:1140711","revisionNum":1,"author":{"__ref":"User:user:970848"},"readOnly":false,"repliesCount":2,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1140700"},"conversation":{"__ref":"Conversation:conversation:1140679"},"subject":"Re: Creating Parallax Effects with Interactive Sliders in E-Learning (2019) #253","moderationData":{"__ref":"ModerationData:moderation_data:1140711"},"body":"
Gorgeous! The slider didn't work for me on Firefox, but did work when I switched to Chrome. I love the \"sing along\" option! :)
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"128","kudosSumWeight":0,"postTime":"2019-10-06T12:03:12.000-07:00","lastPublishTime":"2019-10-06T12:03:12.000-07:00","metrics":{"__typename":"MessageMetrics","views":12},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1140679/message:1140711","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[{"__typename":"MessageEdge","cursor":"MjUuMnwyLjF8aXwxfDM5OjF8aW50LDExNDA3MTYsMTE0MDcxNg","node":{"__ref":"BlogReplyMessage:message:1140716"}}]},"customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"ModerationData:moderation_data:1140716":{"__typename":"ModerationData","id":"moderation_data:1140716","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1140716":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:365586"},"id":"message:1140716","revisionNum":1,"uid":1140716,"depth":3,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1140711"},"conversation":{"__ref":"Conversation:conversation:1140679"},"subject":"Re: Creating Parallax Effects with Interactive Sliders in E-Learning (2019) #253","moderationData":{"__ref":"ModerationData:moderation_data:1140716"},"body":"
Thank you for reminding me to test on different browsers. I get too caught up in my Jodi-world.
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"98","kudosSumWeight":1,"repliesCount":1,"postTime":"2019-10-06T13:35:23.000-07:00","lastPublishTime":"2019-10-06T13:35:23.000-07:00","metrics":{"__typename":"MessageMetrics","views":12},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1140679/message:1140716","customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"ModerationData:moderation_data:1140719":{"__typename":"ModerationData","id":"moderation_data:1140719","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1140719":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:441585"},"id":"message:1140719","revisionNum":1,"uid":1140719,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1140700"},"conversation":{"__ref":"Conversation:conversation:1140679"},"subject":"Re: Creating Parallax Effects with Interactive Sliders in E-Learning (2019) #253","moderationData":{"__ref":"ModerationData:moderation_data:1140719"},"body":"
A cinematic experience... Good idea to create the parallax effect on the Master slide. Well done Jodi, and thanks for explaining your process!
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"144","kudosSumWeight":0,"repliesCount":0,"postTime":"2019-10-06T14:38:28.000-07:00","lastPublishTime":"2019-10-06T14:38:28.000-07:00","metrics":{"__typename":"MessageMetrics","views":11},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1140679/message:1140719","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[]},"customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"User:user:905419":{"__typename":"User","id":"user:905419","uid":905419,"login":"TeoKar","biography":null,"registrationData":{"__typename":"RegistrationData","status":null,"registrationTime":"2018-01-23T23:27:03.000-08:00"},"deleted":false,"email":"","avatar":{"__typename":"UserAvatar","url":"https://api.articulate.com/id/v1/avatars/auth0|5a68354631ff6a280d392b8d"},"rank":{"__ref":"Rank:rank:6"},"entityType":"USER","eventPath":"community:rwgqn69235/user:905419"},"ModerationData:moderation_data:1140708":{"__typename":"ModerationData","id":"moderation_data:1140708","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1140708":{"__typename":"BlogReplyMessage","uid":1140708,"id":"message:1140708","revisionNum":1,"author":{"__ref":"User:user:905419"},"readOnly":false,"repliesCount":1,"depth":1,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogTopicMessage:message:1140679"},"conversation":{"__ref":"Conversation:conversation:1140679"},"subject":"Re: Creating Parallax Effects with Interactive Sliders in E-Learning (2019) #253","moderationData":{"__ref":"ModerationData:moderation_data:1140708"},"body":"
Hey Jodi, a quick question. The ocean depicted in the master slide, is it a video or what? Ty in advance
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"106","kudosSumWeight":0,"postTime":"2019-10-06T10:23:28.000-07:00","lastPublishTime":"2019-10-06T10:23:28.000-07:00","metrics":{"__typename":"MessageMetrics","views":4},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1140679/message:1140708","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[{"__typename":"MessageEdge","cursor":"MjUuMnwyLjF8aXwzfDM5OjF8aW50LDExNDA3MDksMTE0MDcwOQ","node":{"__ref":"BlogReplyMessage:message:1140709"}}]},"customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"ModerationData:moderation_data:1140709":{"__typename":"ModerationData","id":"moderation_data:1140709","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1140709":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:365586"},"id":"message:1140709","revisionNum":1,"uid":1140709,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1140708"},"conversation":{"__ref":"Conversation:conversation:1140679"},"subject":"Re: Creating Parallax Effects with Interactive Sliders in E-Learning (2019) #253","moderationData":{"__ref":"ModerationData:moderation_data:1140709"},"body":"
Hi Teo, The ocean with the waves and light rays is a quick video I downloaded from the Articulate 360 Content Library--it is just playing and replaying over and over again. The ocean bottom is vector art I sliced up to move around.
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"203","kudosSumWeight":1,"repliesCount":0,"postTime":"2019-10-06T10:57:40.000-07:00","lastPublishTime":"2019-10-06T10:57:40.000-07:00","metrics":{"__typename":"MessageMetrics","views":4},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1140679/message:1140709","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[]},"customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"CachedAsset:text:en_US-shared/client/components/common/QueryHandler-1743272489977":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/common/QueryHandler-1743272489977","value":{"title":"Query Handler"},"localOverride":false},"CachedAsset:text:en_US-components/community/NavbarDropdownToggle-1743272489977":{"__typename":"CachedAsset","id":"text:en_US-components/community/NavbarDropdownToggle-1743272489977","value":{"ariaLabelClosed":"Press the down arrow to open the menu"},"localOverride":false},"CachedAsset:text:en_US-components/messages/MessageCoverImage-1743272489977":{"__typename":"CachedAsset","id":"text:en_US-components/messages/MessageCoverImage-1743272489977","value":{"coverImageTitle":"Cover Image"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/nodes/NodeTitle-1743272489977":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/nodes/NodeTitle-1743272489977","value":{"nodeTitle":"{nodeTitle, select, community {Community} other {{nodeTitle}}} "},"localOverride":false},"CachedAsset:text:en_US-components/messages/MessageTimeToRead-1743272489977":{"__typename":"CachedAsset","id":"text:en_US-components/messages/MessageTimeToRead-1743272489977","value":{"minReadText":"{min} MIN READ"},"localOverride":false},"CachedAsset:text:en_US-components/messages/MessageSubject-1743272489977":{"__typename":"CachedAsset","id":"text:en_US-components/messages/MessageSubject-1743272489977","value":{"noSubject":"(no subject)"},"localOverride":false},"CachedAsset:text:en_US-components/users/UserLink-1743272489977":{"__typename":"CachedAsset","id":"text:en_US-components/users/UserLink-1743272489977","value":{"authorName":"View Profile: {author}","anonymous":"Anonymous"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/users/UserRank-1743272489977":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/users/UserRank-1743272489977","value":{"rankName":"{rankName}","userRank":"Author rank {rankName}"},"localOverride":false},"CachedAsset:text:en_US-components/messages/MessageTime-1743272489977":{"__typename":"CachedAsset","id":"text:en_US-components/messages/MessageTime-1743272489977","value":{"postTime":"Published: {time}","lastPublishTime":"Last Update: {time}","conversation.lastPostingActivityTime":"Last posting activity time: {time}","conversation.lastPostTime":"Last post time: {time}","moderationData.rejectTime":"Rejected time: {time}"},"localOverride":false},"CachedAsset:text:en_US-components/messages/MessageBody-1743272489977":{"__typename":"CachedAsset","id":"text:en_US-components/messages/MessageBody-1743272489977","value":{"showMessageBody":"Show More","mentionsErrorTitle":"{mentionsType, select, board {Board} user {User} message {Message} other {}} No Longer Available","mentionsErrorMessage":"The {mentionsType} you are trying to view has been removed from the community.","videoProcessing":"Video is being processed. Please try again in a few minutes.","bannerTitle":"Video provider requires cookies to play the video. Accept to continue or {url} it directly on the provider's site.","buttonTitle":"Accept","urlText":"watch"},"localOverride":false},"CachedAsset:text:en_US-components/messages/MessageCustomFields-1743272489977":{"__typename":"CachedAsset","id":"text:en_US-components/messages/MessageCustomFields-1743272489977","value":{"CustomField.default.label":"Value of {name}"},"localOverride":false},"CachedAsset:text:en_US-components/messages/MessageRevision-1743272489977":{"__typename":"CachedAsset","id":"text:en_US-components/messages/MessageRevision-1743272489977","value":{"lastUpdatedDatePublished":"{publishCount, plural, one{Published} other{Updated}} {date}","lastUpdatedDateDraft":"Created {date}","version":"Version {major}.{minor}"},"localOverride":false},"CachedAsset:text:en_US-components/messages/MessageReplyButton-1743272489977":{"__typename":"CachedAsset","id":"text:en_US-components/messages/MessageReplyButton-1743272489977","value":{"repliesCount":"{count}","title":"Reply","title@board:BLOG@message:root":"Comment","title@board:TKB@message:root":"Comment","title@board:IDEA@message:root":"Comment","title@board:OCCASION@message:root":"Comment"},"localOverride":false},"CachedAsset:text:en_US-components/messages/MessageAuthorBio-1743272489977":{"__typename":"CachedAsset","id":"text:en_US-components/messages/MessageAuthorBio-1743272489977","value":{"sendMessage":"Send Message","actionMessage":"Follow this blog board to get notified when there's new activity","coAuthor":"CO-PUBLISHER","contributor":"CONTRIBUTOR","userProfile":"View Profile","iconlink":"Go to {name} {type}"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/users/UserAvatar-1743272489977":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/users/UserAvatar-1743272489977","value":{"altText":"{login}'s avatar","altTextGeneric":"User's avatar"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/ranks/UserRankLabel-1743272489977":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/ranks/UserRankLabel-1743272489977","value":{"altTitle":"Icon for {rankName} rank"},"localOverride":false},"CachedAsset:text:en_US-components/users/UserRegistrationDate-1743272489977":{"__typename":"CachedAsset","id":"text:en_US-components/users/UserRegistrationDate-1743272489977","value":{"noPrefix":"{date}","withPrefix":"Joined {date}"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/nodes/NodeAvatar-1743272489977":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/nodes/NodeAvatar-1743272489977","value":{"altTitle":"Node avatar for {nodeTitle}"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/nodes/NodeDescription-1743272489977":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/nodes/NodeDescription-1743272489977","value":{"description":"{description}"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/common/Pager/PagerLoadMore-1743272489977":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/common/Pager/PagerLoadMore-1743272489977","value":{"loadMore":"Show More"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/common/Pager/PagerLoadMorePreviousNextLinkable-1743272489977":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/common/Pager/PagerLoadMorePreviousNextLinkable-1743272489977","value":{"loadMore":"Show More"},"localOverride":false},"CachedAsset:text:en_US-components/tags/TagView/TagViewChip-1743272489977":{"__typename":"CachedAsset","id":"text:en_US-components/tags/TagView/TagViewChip-1743272489977","value":{"tagLabelName":"Tag name {tagName}"},"localOverride":false}}}},"page":"/blogs/BlogMessagePage/BlogMessagePage","query":{"boardId":"e-learning-challenges","messageSubject":"creating-parallax-effects-with-interactive-sliders-in-e-learning-2019-253","messageId":"1140679"},"buildId":"Btkyb7T6TeYM9D2gUmiOv","runtimeConfig":{"buildInformationVisible":false,"logLevelApp":"info","logLevelMetrics":"info","openTelemetryClientEnabled":false,"openTelemetryConfigName":"articulate","openTelemetryServiceVersion":"25.2.0","openTelemetryUniverse":"prod","openTelemetryCollector":"http://localhost:4318","openTelemetryRouteChangeAllowedTime":"5000","apolloDevToolsEnabled":false,"inboxMuteWipFeatureEnabled":false},"isFallback":false,"isExperimentalCompile":false,"dynamicIds":["./components/customComponent/CustomComponent/CustomComponent.tsx","./components/community/Navbar/NavbarWidget.tsx","./components/community/Breadcrumb/BreadcrumbWidget.tsx","./components/blogs/BlogArticleWidget/BlogArticleWidget.tsx","./components/messages/MessageView/MessageViewStandard/MessageViewStandard.tsx","./components/messages/ThreadedReplyList/ThreadedReplyList.tsx","./components/customComponent/CustomComponentContent/TemplateContent.tsx","../shared/client/components/common/List/UnstyledList/UnstyledList.tsx","./components/messages/MessageView/MessageView.tsx","../shared/client/components/common/Pager/PagerLoadMore/PagerLoadMore.tsx","../shared/client/components/common/Pager/PagerLoadMorePreviousNextLinkable/PagerLoadMorePreviousNextLinkable.tsx","../shared/client/components/common/List/UnwrappedList/UnwrappedList.tsx","./components/tags/TagView/TagView.tsx","./components/tags/TagView/TagViewChip/TagViewChip.tsx"],"appGip":true,"scriptLoader":[]}
