Skip to content
This repository has been archived by the owner on Jul 3, 2024. It is now read-only.

Commit

Permalink
Add extra newlines when using Note component
Browse files Browse the repository at this point in the history
  • Loading branch information
colebemis committed Dec 5, 2020
1 parent 67c7317 commit b0c5835
Show file tree
Hide file tree
Showing 6 changed files with 42 additions and 7 deletions.
8 changes: 6 additions & 2 deletions content/index.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,10 @@ export default HeroLayout
Primer Presentations is the presentation design system for GitHub. This repo contains the presentation templates, guidelines, and assets needed to create presentations that represent the GitHub brand.

<Note variant="warning">
The Primer presentation design system is intended to be used _**only**_ by GitHub staff for presentations that
represent GitHub.


The Primer presentation design system is intended to be used _**only**_ by GitHub staff for presentations that
represent GitHub.

</Note>

6 changes: 5 additions & 1 deletion content/presentation-formats/deckset.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -29,5 +29,9 @@ Here is a basic set of commands that you can add to individual slides to customi
Learn more about customizing your slides on the [Deckset help site](https://docs.decksetapp.com/English.lproj/getting-started.html).

<Note>
😕 **Having trouble?** Message us in [#design-systems](https://github.slack.com/messages/C0ZCGGGJ2) for assistance.


😕 **Having trouble?** Message us in [#design-systems](https://github.slack.com/messages/C0ZCGGGJ2) for assistance.

</Note>

8 changes: 7 additions & 1 deletion content/presentation-formats/figma.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -12,16 +12,22 @@ To use:

<img width="656" alt="Presentation template in Figma" src="https://user-images.githubusercontent.com/10384315/101224794-96c37500-3644-11eb-9bf6-b4b38c7667eb.png">


2. Duplicate the file into your own drafts

<img width="656" alt="doctocat-figma-duplicate" src="https://user-images.githubusercontent.com/10384315/101224924-ec981d00-3644-11eb-8b6e-7a3aa0fba6a2.png">


3. Open the duplicated file and configure your own presentation

<Note variant="warning">Tip: Don't forget to rename the duplicated presentation file.</Note>

For more information on how to duplicate files in Figma, please refer to [Figma's documentation](https://help.figma.com/hc/en-us/articles/360038511533-Duplicate-a-File#duplicate).

<Note>
😕 **Having trouble?** Message us in [#design-systems](https://github.slack.com/messages/C0ZCGGGJ2) for assistance.


😕 **Having trouble?** Message us in [#design-systems](https://github.slack.com/messages/C0ZCGGGJ2) for assistance.

</Note>

15 changes: 14 additions & 1 deletion content/presentation-formats/google-slides.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -12,10 +12,12 @@ In Google Slides, start a presentation with the template by selecting it from th

<img width="656" alt="Select the GitHub presentation template to get started" src="https://user-images.githubusercontent.com/10384315/101223163-3f230a80-3640-11eb-8623-4f6d9d5cf926.png">


If you do **not** see the template, expand the "Template Gallery" by clicking on the "Template Gallery ↕️" button in the top right of the gallery area. This will expand and all available templates for GitHub will be available.

<img width="656" alt="The Template Gallery ↕️ button in the top right of the gallery area" src="https://user-images.githubusercontent.com/10384315/101223398-d25c4000-3640-11eb-8d88-99f503379b7d.png">


#### Help! I can't see the template gallery.

If the template gallery does not appear on your Google Slides homescreen follow the steps below to make it visible.
Expand All @@ -24,14 +26,17 @@ If the template gallery does not appear on your Google Slides homescreen follow

<img width="656" alt="Open the menu in the top left of the screen" src="https://user-images.githubusercontent.com/10384315/101223162-3f230a80-3640-11eb-93af-f73468751306.png">


2. Click "Settings"

<img width="279" alt="Click 'Settings'" src="https://user-images.githubusercontent.com/10384315/101223160-3f230a80-3640-11eb-9907-35582a4ed37a.png">


3. In the "Templates" section, check the box next to "Display recent templates on homescreen".

<img width="656" alt="From settings, check the box Display recent templates on homescreen" src="https://user-images.githubusercontent.com/10384315/101223158-3df1dd80-3640-11eb-8348-65ff9695e214.png">


4. Click "OK". You should now see the "Template Gallery" on your homescreen.

### From a blank presentation
Expand All @@ -42,13 +47,21 @@ Click the "Theme" button to open the theme chooser.

<img width="504" alt="docsImage - slide8" src="https://user-images.githubusercontent.com/10384315/101224016-4d722600-3642-11eb-9bc5-f309bf17c2d1.png">


In the Themes sidebar that opens on the right side of the screen, click "Import theme" at the bottom

<img width="297" alt="Click import theme" src="https://user-images.githubusercontent.com/10384315/101224053-74c8f300-3642-11eb-97e0-002407b31400.png">


A pop up modal will appear. In the search box type, "GitHub presentation template" and then select the presentation file to import the theme.

<img width="656" alt="Search for the GitHub presentation template to select the theme" src="https://user-images.githubusercontent.com/10384315/101223918-07b55d80-3642-11eb-8d74-c1f221237362.png">


<Note>
😕 **Having trouble?** Message us in [#design-systems](https://github.slack.com/messages/C0ZCGGGJ2) for assistance.


😕 **Having trouble?** Message us in [#design-systems](https://github.slack.com/messages/C0ZCGGGJ2) for assistance.

</Note>

6 changes: 5 additions & 1 deletion content/presentation-formats/keynote.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -21,5 +21,9 @@ To install, open the theme file (`.kth`) in Keynote and click **Add to Theme Cho
You will now have the theme available any time you open Keynote.

<Note>
😕 **Having trouble?** Message us in [#design-systems](https://github.slack.com/messages/C0ZCGGGJ2) for assistance.


😕 **Having trouble?** Message us in [#design-systems](https://github.slack.com/messages/C0ZCGGGJ2) for assistance.

</Note>

6 changes: 5 additions & 1 deletion content/presentation-formats/powerpoint.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -26,5 +26,9 @@ The main difference is that a `.potx` is a template file which will create a new
| Navigate to your `github-presentation-system-powerpoint` folder | ![Navigate to your file](https://user-images.githubusercontent.com/10384315/57048569-58283600-6c29-11e9-890c-f75694b67d5a.png) |

<Note>
😕 **Having trouble?** Message us in [#design-systems](https://github.slack.com/messages/C0ZCGGGJ2) for assistance.


😕 **Having trouble?** Message us in [#design-systems](https://github.slack.com/messages/C0ZCGGGJ2) for assistance.

</Note>

0 comments on commit b0c5835

Please sign in to comment.