Skip to content
Paid Post Kit
To Do
First release
Kit To Do 1
Task name
Status
Category
Owner
1
Rename default branch to main
Completed
Architecture
2
Add link to Coda page in readme.md
Completed
Documentation
3
Move LibWrapper component to project folder
Completed
Component
4
Refactor the tracking script to be more robust (shared eventObject type) and flexible
Completed
Code
5
Consider moving variables.css to Wrapper.svelte (project folder)
Completed
Architecture
6
Remove archive folder moving its content to Coda
Completed
Architecture
7
Move nyt-reset.css file to src folder
Completed
Architecture
8
Rename all index.md files to readme.md
Completed
Architecture
9
Change references to International - repository name, page title...
Completed
Code
10
Document the available files and their function
Completed
Documentation
11
Move the repo to the Creative Tech team
Completed
Architecture
12
Convert kit components to file named components, instead of import them from index.svelte?
Completed
Architecture
14
Move (some of) layout.js functions to project folder
Completed
Code
15
Remove TODO.md
Completed
Architecture
16
Add controlsList="nodownload noplaybackrate" and disablePictureInPicture to video component
Completed
Component
17
Add Throttle module done in FX shogun
Completed
Code
18
Add VideoHls component done in FX Shogun
Completed
Component
19
Add NYTFooter component
Completed
Component
20
Update Image component as done in FX Shogun, adding the crossorigin conditional attribute
Completed
Component
21
Completed
Architecture
22
UYopdate MediaQuery component as in Shogun to dispatch an event on change
Completed
Component
23
Update Track function to not warn about missing GAn in preview link
Completed
Code
24
Add ga to window interface in global.d.ts
Completed
Code
25
Add uniqueid.js utility in $lib/scripts
Completed
Code
26
Add HLS fix to videoHls component
Completed
Component
27
Remove header tag to prevent overrides from NYT fixes
Completed
Code
28
Change Topbar label to “Paid Post Kit” to make it immediately clear when we are on a local environment
Completed
Code
29
Dispatch event from video component as in Silversea and add example to add an image covering the video in case of missed autoplay
Completed
Component
30
Create a Github release for the first step of the kit.
Pending
Architecture
There are no rows in this table
Second release
Kit To Do 2
Task name
Status
Category
Owner
1
Check Sveltekit embedded option
Completed
2
Add variables for columns widths
Completed
Code
3
Add Lottie component
Completed
Component
4
Add text-wrap pretty as a default, plus some typography default styling strategy.
Completed
Code
5
Add overlay component
Pending
Component
6
Add page router component
Pending
Component
7
Add a folder or create a repo for scripts to work on video and image assets
Pending
Architecture
8
Create a Coda page for each of the important aspect of the paid post creation, for example Tracking.
Pending
Documentation
9
Add a audio component
Pending
Component
10
Consider including something like this: https://gsap.com/community/forums/topic/34982-svelte-actions-gsap/
Pending
Code
11
Create a complete and accessibile focus trap, following best practices:
Pending
Code
12
Find a Svelte-first icon solution
Pending
Component
13
Consider a utility to preload assets like that:
Pending
Code
15
Add Media/Audio component with progress tracking
Pending
Component
16
Add progress tracking to video element
Pending
Component
17
Add to the folder a couple of assets optimisation scripts.
Pending
Code
18
Add editors setting to align on formats and saving
Pending
Architecture
19
Crete a checklist, maybe following the classic markup, CSS, JS, assets, performance... chapters
Pending
Documentation
20
Add how to, for example: how to work with videos, how to work with images, how to wrap illustrations mede of different images in descriptions, how to publish a transcript or a text-only version
Pending
Documentation
21
Add a “kicker” recipe.
Pending
23
Add a note in Coda about how to switch to SPA mode (prerender = false) in case of necessity
Pending
Documentation
24
Document how to add types, for example for svelte lottie player, in globad.d.ts
Pending
Documentation
25
Add note about dev —host
Pending
Documentation
26
Add example of how to import content from yml
Pending
Documentation
27
Add a SplitText accessible alternative recipe
Pending
Documentation
29
Add trackClicks action added in Cartier PP
Pending
Code
30
Add the DescribedBy A11y component as done in Indeed PP1
Pending
Code
31
Add /// <reference types="@sveltejs/kit" /> to gloabl.d.ts to fix IDE errors.
Pending
Architecture
32
Add a debounce utils
Pending
Code
34
Test and eventually add this utility
Pending
Code
35
Find a way to define variables in a JSON or other source data file, and use it across styles and scripts, without bloating the project with design tokens tools - or find out what is the best option
Pending
Code
36
Update MediaQuery component to reflect usage:
<MediaQuery query="(max-width: 768px)" let:matches>
{#if matches}
<!-- Components or content that depend on the media query -->
{/if}
</MediaQuery>
Pending
Documentation
37
Fix HiddenDescription component adding role="img"
Pending
Code
There are no rows in this table
Want to print your doc?
This is not the way.
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.