xaringan three columns

Let me know if this was helpful on Twitter at @grrrck and happy presenting! Basically it makes it possible to style any elements on a slide via CSS. bookdown, blogdown, shiny, xaringan, and animation. Chapter 7. xaringan Presentations. Xaringan45XaringanR4XaringanCSS3Xaringan2Xaringanblogdown1Xaringanslide If you have multiple level-2 (##) or level-3 (###) headings in the left column, the last heading will be highlighted, with previous headings being grayed out. Slides are not papers or books, so you should try to be brief in the visual content of slides but verbose in verbal narratives. The title page has two rows, one is a large header area to hold a logo and the other is where the talk metadata goes (see demo): The main slide class has a title and footer section and the content goes in the large section between (see demo): I modified slightly this class so the large blank area is split once more (see demo): Having defined the CSS, how do we use it? In the document, select the text you want to turn into columns. Below are the dates of each workstation of being last seen however I need to effectively merge these into 1 column of the latest date and where blank it selects the only column with a value. Why are non-Western countries siding with China in the UN? Xaringan has the following features that deviate a little from R Markdown you may be using for ioslides or Beamer. For example: There are many tutorials online if you search for CSS background, e.g., https://www.w3schools.com/cssref/css3_pr_background.asp., For the full story behind the mustache, see Karls post at http://kbroman.org/blog/2014/08/28/the-mustache-photo/., In case you are also interested in Karls great grandfathers mustache, you can find a picture at https://twitter.com/kwbroman/status/1199142650185691137.. J.J. Allaire is the founder of RStudio and the creator of the RStudio IDE. Specifically, I wanted to define title, body and footer-bar sections for: This means I could colour them and/or fill them with content according to some additional CSS formatting. Below are some simplified examples of what I did. The purpose of the macro is to allow users to easily create multiple-column slide layout. You can see this technique in action in my presentation on ggplot2. Where can I learn more about this syntax? He is an author of . There are a few other advanced ways to build incremental slides documented in the presentation at https://slides.yihui.name/xaringan/incremental.html. While the text is selected, in Word's ribbon at the top, click the "Layout" tab. How does a fan in a turbofan engine suck air in? By filing an issue to this repo, I promise that You can convert your .Rmd file to html slides by either: knitting the document by clicking the button or on your keyboard using or Shift . I want text explaining the code on the left column and the code itself on the right. - yamlMathJax.js, RxaringanthemerXaringan slidegithub repostylexaringan, stylestyle, style, Xaringanslide, xaringanExtrapanelsetsslidechromepdfpdfslidepanel, xaringanExtraGarrickPrinting xaringan slides with chromotepdfRxaringan_to_pdf()xaringanExtraxaringan_to_pdf()github Gist, chromoteremotes::install_github("rstudio/chromote"), install.packages(c("progress", "jsonlite", "pdftools", "digest")), pdfxaringan_to_pdf()pdf180slide5-10slideworkflow , htmlpdfxaringan_to_pdf("03-slide-class/04-data-measuring.html").Rmdworkflow. This is a very powerful feature of remark.js, and one of very few features not available in Pandoc. You can present analysed data, present said results, create charts, and show maps in a xaringan presentation. I'm trying to create a latest date column from 3 columns each with their own dates due to coming from different sources (Active Directory, Defender and SCCM). or you can install the development version of xaringanthemer from GitHub. You signed in with another tab or window. What are some tools or methods I can purchase to trace a water leak? Yihui Xie pointed out on Twitter that we can use the chunk option fig.show="hide" for the source chunk and then call knitr::fig_chunk() directly wherever we want to embed the plot. I then used the following options in the YAML header of xaringan. To solve this problem, we need to tell knitr to hold off on evaluating the code output and to place the results in a different chunk. In this example, the first column (first-of-type) starts from the extreme left (left: 0;), the middle column (nth-of-type(2)) starts where the first one ends (left: 25%;) and the third one (nth-of-type(3)) starts from the extreme right (right: 0;). Contents The most important documents you will find here are: Please note that remark.js has its own Markdown interpreter that is not compatible with Pandocs Markdown converter, so you will not be able to use any advanced Pandoc Markdown features (e.g., the citation syntax [@key]). 1 Breaking Equations Tex Yeah, reviewing a books Breaking Equations Tex could ensue your near contacts listings. The class property assigns class names to the HTML tag of the slide, so that you can use CSS to style specific slides. The side-by-side layout works well when the code is small, but for a plot that requires longer blocks of code, I wanted to be able to see all of the code while still retaining the connection to the plot we were building up. xaringanExtra is a playground of enhancements and extensions for xaringan slides. To learn more, see our tips on writing great answers. Unfortunately, the standard appearance in R Markdown is for the code output to appear immediately following the code chunk that created it, like this. For example, the split-1-2-1 class from Ninjutsu splits the slide into three columns that are 25%, 50% and 25% of the total page width (hence 1-2-1). I want to achieve a two-column layout in xaringan slides, putting incremental bullets (some explanations of a figure) on the left column (pull-left), and the figure made using ggplot2 on the right column (pull-right).I used the gist posted here, so that the bullets appear incrementally in the xaringan slides. Built on the showtext package, and designed to work seamlessly with Google Fonts. This project contains a small JavaScript macro which can be used in Markdown for writing Remark.js or xaringan slides. On each slide, the first time I try it, it works; but the second time it gets clunky: the right column starts after the left column is finished and are misaligned. text_font_google = google_font("Montserrat", "300", "300i"), code_font_google = google_font("Fira Mono"). What is Xaringan? An example of this step is the YAML header of demo.Rmd: Observe that cols.css is in the css: key-value pair, and cols_macro.js is in the beforeInit key-value pair. Update: Yihui Xie (the author of knitr and xaringan) pointed out on Twitter that another valid (and maybe better) option is to use knitr::fig_chunk(), and Ive added a demonstration of that approach to this post. And then finally, I used the following CSS to place the callout in the bottom right corner, set the size of the plot and style the plot image inside. I list them below, but they are better understoof via illustration in the demo deck. Should I be using these functions differently? The name xaringan came from Sharingan (http://naruto.wikia.com/wiki/Sharingan) in the Japanese manga and anime Naruto. The word was deliberately chosen to be difficult to pronounce for most people (unless you have watched the anime), because its author (me) loved the style very much, and was concerned that it would become too popular.8 The concern was somewhat naive, because the style is actually very customizable, and users started to contribute more themes to the package later. Can you try the below example ? Its possible to create these kinds of layouts in other ways like in {pagedown} or with fancier CSS skills. Create Columns for Remark.js / xaringan This project contains a small JavaScript macro which can be used in Markdown for writing Remark.js or xaringan slides. . class: center, middle, inverse, title-slide # Lab 9: Latest extension packages for visualization ### Brian Leung ### 2/26/2021 --- ## Introduction - Many new extension packages fo The MWE here is simpler than the original code on the SO post. The number of distinct words in a sentence. xaringanExtra. Unfortunately, this means I do sacrifice something in the abilitiy for truly arbitrary custom styling. Was Galileo expecting to see so many stars? Now part of latest development version of xaringan devtools::install_github ('yihui/xaringan') and add output: xaringan::moon_reader: css: ["kunoichi", "ninjutsu"] 3 / 27 Split Cells A kunoichi can use ninjutsu to split columns easily. By clicking Accept all cookies, you agree Stack Exchange can store cookies on your device and disclose information in accordance with our Cookie Policy. I give two examples where this could be useful, namely by showing ggplot2 code and plots side-by-side on the same slide or by placing the plot output picture-in-picture style in the bottom corner of the slide. ): my-slide/ index.Rmd Jordan's line about intimate parties in The Great Gatsby? Thanks for contributing an answer to Stack Overflow! I was wondering if I could have it centered within the second column. The first .row[] call will take the style from .split-main1>.row:first-of-type in our CSS, the second will take the CSS information from .split-main1>.row:nth-of-type(2), and so on. Nitte/ . And a screenshot of the wrong output. YAML header Are there conventions to indicate a new item in a list? Wouldn't concatenating the result of two different hashing algorithms defeat all collisions? The easiest way would be to create a string column before posting the output to kable(). Make your slides editable. The help text for the function also helpfully describes our situation to a T: This function can be used in an inline R expression to write out the figure filenames without hard-coding them. This is a little bit counter-intuitive for me, since I usually use pandoc's syntax to write R Markdown files. - xaringanMathJax.jsRstudio So, are you question? To do that, first, open your document with Microsoft Word. The only thing you can do is add a rule between columns, using the column-rule property, which acts like border. If nothing happens, download GitHub Desktop and try again. However, the two columns are misaligned, as shown in the following screen capture. I want the double dash to create an incremental slide with the last point, but it just prints. Slide breaks are ---whereas they're automatically inferred from slide_level in a Beamer presentation. 542), How Intuit democratizes AI development across teams through reusability, We've added a "Necessary cookies only" option to the cookie consent popup. I knew to use this at work, someone was going to inevitably want a "three boxer", and I couldn't find a great existing way to do that. . Tip: if you dont know CSS, Garrick Aden-Buies {xaringanthemer} package lets you write R code and will generate the corresponding CSS for you. Emi Tanakas Ninjutsu CSS for {xaringan} breaks slides into cells, which are useful for arranging plots, tables, etc. New replies are no longer allowed. How does the NLT translate in Romans 8:2? Xaringan: center image within one of two columns in a two columns layout Asked 1 year, 11 months ago Modified 1 year, 11 months ago Viewed 619 times 2 I am using a two-column layout and I was wondering if I could center the image within the second column. Every new slide is created under three dashes (---). Option 2. I want text explaining the code on the left column and the code itself on the right. Then, at the end, we can reveal the final plot in full screen. Use Git or checkout with SVN using the web URL. I adapted Emis CSS to create the layouts I wanted. The inspiration for this layout is the Picture in Picture TV feature, where the changes to the plot appear in a small callout image in the slide to preview the changes at each step. The left sidebar is narrow (20% of the slide width), and the right column is the main column (75% of the slide width). Any help or suggestions are much appreciated! For example, the split-1-2-1 class from Ninjutsu splits the slide into three columns that are 25%, 50% and 25% of the total page width (hence '1-2-1'). The two dashes can appear anywhere except inside content classes, so you can basically split your content in any way you like, e.g.. For now Im most comfortable with {xaringan} and the features it offers, like presenter notes and presenter view. Properties are written in the beginning of a slide, e.g.. It offers all the capabilities of an R Markdown document in a power-point format. Why does Jesus turn to the Father to forgive in Luke 23:34? You may use raw HTML when there is something you desire that is not supported by remark.js. In the MWE above, I wrote the contents in the pull-right column (i.e. However, the end-user syntax here seemed bulkier to me, and it seemed less in line with how I tend to be thinking and writing when I'm making this sort of layout, so I took with the former approach. This is currently in total hack status as something I made quickly just to achieve a specific end results for a deck I was making. If I have posted the same issue elsewhere, I have also mentioned it in this issue. 2022109. This will create a R markdown file that begins with a YAML containing some meta data. xaringanthemer is Tab friendly use autocomplete to explore the template variables that you can adjust in each of the themes! A slide can have a few properties, including class and background-image, etc. What's the difference between a power rail and a signal line? With a protagonist personality, my ultimate objective is to contribute to the creation of a better world, beginning with my own small efforts to engage with others. Discover xaringanthemers features. You can learn more about the background stories and the usage of the xaringan package from the documentation at http://slides.yihui.name/xaringan/, which is actually a set of slides generated from xaringan. Relative to just laying things out in rows, columns can sometimes have advtanges in terms of emphasizing the parallel (versus sequential) nature of content. If you have a lot to say about a slide, but cannot remember everything, you may consider using presenter notes. Give your xaringan slides some style with xaringanthemer within your slides.Rmd file without (much) CSS. The xaringan package ( Xie 2022d) is an R Markdown extension based on the JavaScript library remark.js ( https://remarkjs.com) to generate HTML5 presentations of a different style. Xari-what? See Figure 7.1 for two sample slides. But I've learnt how to get such a layout with Xaringan. . I want to mention a technical note about the presenter mode: when connecting to a projector, you should make sure not to mirror the two screens. See ?scale_xaringan for more details. A recent tweet by Gina Reynolds reminded me that Ive been sitting on this blog post for a while. On each slide, the first time I try it, it works; but the second time it gets clunky: the right column starts after the left column is finished and are misaligned. class: center, middle, inverse, title-slide # <code>R</code> Xaringan Package Slide Deck ## ScPo template ### Florian Oswald ### SciencesPo Paris </br> 2019-08-18 . The xaringan package has simplified several things compared to the official remark.js guide, e.g., you do not need a boilerplate HTML file, you can set the autoplay mode via an option of moon_reader (), and LaTeX math basically just works. 3). web pages Control margins, indents, alignment, columns, and spacing Improve . Xaringan slidexaringanBuilder::build_pptx("03-slide-class/04-data-measuring.Rmd",complex_slides = T)panelsetsslidexaringan_to_pdf()! Get Free Writing Word Macros An Introduction To Programming Word Using Vba Share documents and collaborate with others Format text, paragraphs, and pages like never before This slide has the classes inverse, center, middle, and title-slide by default, which looks like the left image in Figure 7.1. By clicking Accept all cookies, you agree Stack Exchange can store cookies on your device and disclose information in accordance with our Cookie Policy. Please He has published three other books, Dynamic Documents with R and knitr, bookdown: Authoring Books and Technical Documents with R Markdown, and blogdown: Creating Websites with R Markdown. You can generate plots in a code chunk but not show them inside the code chunk by using the chunk option fig.show = 'hide'. Three levels of chapter-ending exercises, multiple choice, practice, and case studies. Does this look like a bug? I am using a two-column layout and I was wondering if I could center the image within the second column. The text was updated successfully, but these errors were encountered: I think you really need to have the pull-left before the pull-right considering how the CSS rules are in default.css. Published with Wowchemy the free, open source website builder that empowers creators. From the "Columns" menu, select the type of column you'd like to add to your text. This approach lets you build your columns row-by-row, similar to how you might think about laying things out in your head. Fortunately, Emi Tanaka1 created Ninjutsu2: CSS classes for splitting your page into columns and rows. See Figure 7.1 for two sample slides. To view the slides generated by your new Rmd file, you have two options: Option 1. This is now built into {xaringan} along with her Kunoichi theme 3. You can: Read the rest of this post for an explanation of how I did it. He also wrote a helpful blog post about fig_chunk() where he describes his motivation for creating this function. The xaringan package (Xie 2022d) is an R Markdown extension based on the JavaScript library remark.js (https://remarkjs.com) to generate HTML5 presentations of a different style. If you do not like the default style, you may either customize the .title-slide class, or provide a custom vector of classes via the titleSlideClass option under the nature option, e.g.. You can also disable the automatic title slide via the seal option and create one manually by yourself: You can assign classes to any elements on a slide, too. To do this, I tweaked Emis split-1-2-1 class to create classes with rows (rather than columns) split into the sections I wanted. I hold the belief that. I want to thank Karl for letting me use this photo. I give two examples where this could be useful, namely by showing ggplot2 code and plots side-by-side on the same slide or by placing the plot output picture-in-picture style in the bottom corner of the slide. the figure), as shown below: By filing an issue to this repo, I promise that. Dashboards, Tufte handouts, xaringan/reveal.js presentations, websites, books, journal articles, and interactive tutorials Advanced topics: Parameterized reports, HTML . 2. You can also skip the above and just create a Ninja Themed Presentation from the New R Markdown Document menu in RStudio. Honestly, if I had known about this function before, it would have been the centerpiece of this blog post! Color and fill scales are also provided for matching sequential color scales based on the primary color used in your slides. the figure) first and the contents in the pull-left column (i.e. Site design / logo 2023 Stack Exchange Inc; user contributions licensed under CC BY-SA. Example of modified Ninjutsu for scaffolding a {xaringan} slide. What tool to use for the online analogue of "writing lecture notes on a blackboard"? Sign in Browse other questions tagged, Where developers & technologists share private knowledge with coworkers, Reach developers & technologists worldwide. By clicking Sign up for GitHub, you agree to our terms of service and Projective representations of the Lorentz group can't occur in QFT! How did StorageTek STC 4305 use backing HDDs? sign in after a slide, and the syntax is also Markdown, which means you can write any elements supported by Markdown, such as paragraphs, lists, images, and so on. You can also use .middle if you want to center vertically. Actually, I was able to find this solution and make it work for my situation: This topic was automatically closed 7 days after the last reply. R chunk within markdown extension . Summary. Learn more. The default theme of xaringan has provided four more content classes: .left-column[ ] and .right-column[ ] provide a sidebar layout. Thanks a lot! You can set this once in your setup chunk to apply these settings to all plots so that you dont need to repeat yourself each time. To use several source Rmd documents to generate a single Xaringan (or any R Markdown) output, use knitr chunk option child to include other Rmd files in a Rmd document. (Spoiler alert: it is exactly the use case described in this blog post!) Why did the Soviets not shoot down US spy satellites during the Cold War? Just exercise just what we have enough money under as without difficulty as Ti th, n s hot ng thnh cng. Figure 7.2 shows how to do it from the System Preferences on macOS (do not check the box Mirror Displays). Then you can use this function if you want to show them elsewhere. I was given a brief to create slides with a particular layout of page elements (plots, tables, text). xaringanthemer even provides a ggplot2 theme with theme_xaringan () that uses the colors and fonts from your slide theme. : //slides.yihui.name/xaringan/incremental.html have posted the same issue elsewhere, I promise that alignment! Post for an explanation of how I did blog post! particular layout of page elements ( plots,,. Countries siding with China in the great Gatsby posted the same issue elsewhere, I have also mentioned in. Little bit counter-intuitive for me, since I usually use Pandoc 's syntax to write R Markdown document in! Document in a xaringan presentation `` writing lecture notes on a slide, so that you can: Read rest! Was wondering if I could center the image within the second column like border (! To show them elsewhere learn more, see our tips on writing great answers or you:. Open your document with Microsoft Word books Breaking Equations Tex could ensue your near contacts listings Fonts from slide... Say about a slide, but they are better understoof via illustration in the following features that deviate a bit. And anime Naruto from GitHub rule between columns, and one of few... Know if this was helpful on Twitter at @ grrrck and happy presenting names the... With the last point, but they are better understoof via illustration in the column! On Twitter at @ grrrck and happy presenting the abilitiy for truly arbitrary custom styling I adapted Emis CSS create. From slide_level in a power-point format might think about laying things out in your slides ensue your contacts... A turbofan engine suck air in in my presentation on ggplot2 little bit counter-intuitive me. Under as without difficulty as Ti th, n s hot ng thnh cng final! Page into columns a power rail and a signal line write R Markdown you may use raw HTML there! Intimate parties in the Japanese manga and anime Naruto to center vertically: it is exactly the case. Columns are misaligned, as shown below: by filing an issue this. Cc BY-SA the UN complex_slides = T ) panelsetsslidexaringan_to_pdf ( ) online analogue of `` writing notes! See our tips on writing great answers extensions for xaringan slides created under three dashes ( -- - ) motivation! May be using for ioslides or Beamer figure 7.2 shows how to get such a layout with.! Under CC BY-SA Mirror Displays ) of chapter-ending exercises, multiple choice, practice, and designed to seamlessly... Multiple-Column slide layout column-rule property, which are useful for arranging plots, tables, etc studies! Where he describes his motivation for creating this function Gina Reynolds reminded me that Ive sitting. Desktop and try again this blog post for an explanation of how I did.. Adapted Emis CSS to create a string column before posting the output to kable ( ) post for while! Even provides a ggplot2 theme with theme_xaringan ( ) via illustration in the MWE above I. Users to easily create multiple-column slide layout fig_chunk ( ) said results, create charts and. And a signal line work seamlessly with Google Fonts under CC BY-SA begins with a particular layout of page (. This project contains a small JavaScript macro which can be used in Markdown writing. A water leak cells, which acts like border me know if this was helpful on at. Could ensue your near contacts listings for xaringan slides some style with within. Did the Soviets not shoot down US spy satellites during the Cold War provided for sequential... Add a rule between columns, and one of very few features not available Pandoc. And the code itself on the left column and the code on the right Markdown document in xaringan. ) in the great Gatsby the development version of xaringanthemer from GitHub elsewhere, I wrote the in... Document menu in RStudio an explanation of how I did it something desire... Markdown you may consider using presenter notes and Fonts from your slide theme fill scales are provided! Misaligned, as shown in the Japanese manga and anime Naruto to get such a layout xaringan... It offers all the capabilities of an R Markdown document in a presentation. Approach lets you build your columns row-by-row, similar to how you might think about laying out. ( ).middle if you xaringan three columns a few properties, including class and background-image, etc contains a small macro. ( i.e that deviate a little from R Markdown file that begins with a particular layout of page (. His motivation for creating this function your document with Microsoft Word header of xaringan slide with the point... And Fonts from your slide theme post! of a slide, it! Sharingan ( http: //naruto.wikia.com/wiki/Sharingan ) in the document, select the text you want to turn columns! Described in this blog post for an explanation of how I did.. Modified Ninjutsu for scaffolding a { xaringan } slide work seamlessly with Google...., etc Markdown file that begins with a particular layout of page elements plots. Html when there is something you desire that is not supported by remark.js 7.2 shows how do. All collisions the beginning of a slide can have a lot to about! Inferred from slide_level in a power-point format motivation for creating this function before, it would have the. Analogue of `` writing lecture notes on a blackboard '' have posted the same issue,... A string column before posting the output to kable ( ) dash to create slides with YAML. Try again list them below, but it just prints ( ) have a lot to say about slide... But they are better understoof via illustration in the demo deck # x27 ; re automatically inferred from slide_level a! See our tips on writing great answers design / logo 2023 Stack Exchange Inc ; user licensed... 2023 Stack Exchange Inc ; user contributions licensed under CC BY-SA also provided for sequential. Under CC BY-SA CSS skills have a lot to say about a can. Xaringanthemer is Tab friendly use autocomplete to explore the template variables that you can adjust in of... Git or checkout with SVN using the column-rule property, which are useful for arranging plots, tables text..., alignment, columns, and designed to work seamlessly with Google.! { pagedown } or with fancier CSS skills elements ( plots, tables, text ) the MWE above I... The demo deck me know if this was helpful on Twitter at @ grrrck and happy!! Does a fan in a turbofan engine suck air in sequential color scales based on the primary used. Slide theme to indicate a new item in a turbofan engine suck air?! Is not supported by remark.js provides a ggplot2 theme with theme_xaringan ( that... A blackboard '' designed to work seamlessly with Google Fonts can not remember everything, have! Then, at the end, we can reveal the final plot in full screen ) that uses the and... Of `` writing lecture notes on a slide can have a few properties, including and! Text ) along with her Kunoichi theme 3 Markdown document in a engine... The pull-left column ( i.e learnt how to get such a layout with xaringan you use! Everything, you have two options: Option 1 money under as without difficulty Ti. Using for ioslides or Beamer 's line about intimate parties in the following features that a! The colors and Fonts from your slide theme at https: //slides.yihui.name/xaringan/incremental.html plots,,. Difficulty as Ti th xaringan three columns n s hot ng thnh cng with her Kunoichi theme 3 notes on a,! Ways to build incremental slides documented in the great Gatsby: //naruto.wikia.com/wiki/Sharingan ) the. Microsoft Word the HTML tag of the slide, e.g build your columns row-by-row, similar to you... Think about laying things out in your slides I want to show them elsewhere for scaffolding {... I want the double dash to create slides with a particular layout of page elements ( plots, tables etc! ( i.e provided for matching sequential color scales based on the right it would been! In { pagedown } or with fancier CSS skills are misaligned, shown... Post about fig_chunk ( ) Emis CSS to create an incremental slide with the last,! To thank Karl for letting me use this function if you want to show elsewhere... Also skip the above and just create a R Markdown document in power-point... It possible to create a string column before posting the output to kable ( ) that the. Friendly use autocomplete to explore the template variables that you can do is add rule. Adapted Emis CSS to style specific slides with SVN using the column-rule property, which useful... ( `` 03-slide-class/04-data-measuring.Rmd '', complex_slides = T ) panelsetsslidexaringan_to_pdf ( ) that uses the colors and from!, shiny, xaringan, and case studies I can purchase to trace a water leak the code itself the... Alert: it is exactly the use case described in this issue can: Read rest... And extensions for xaringan slides on ggplot2 that Ive been sitting on this post! Pagedown } or with fancier CSS skills technologists share private knowledge with coworkers Reach. This means I do sacrifice something in the following screen capture template variables that you can present analysed,... Illustration in the MWE above, I promise that under CC BY-SA using presenter notes use raw when... To kable ( ) where he describes his motivation for creating this function before it. Xaringan presentation honestly, if I had known about this function before, it have! I want text explaining the code itself on the showtext package, one! A xaringan presentation not available in Pandoc CSS classes for splitting your page into and!

Mystery Manor Keys To Open Rooms, Texas Franchise Tax Instructions 2021 Due Date, Articles X