https://example.com/link/to/this/talk



https://example.com/link/to/this/talk

9 17


presentation-template

A skeleton framework for presentations using reveal.js and a few other helpful components.

On Github aspiers / presentation-template

SUSE® Presentation

Guidelines and Template

Firstname Lastname

Job Title

firstname.lastname@suse.com

Agenda

Welcome to the reveal.js version of the guidelines and template for SUSE presentations. It contains the following slides (you can also press m at any time to reveal a navigation menu):

  • Design goals
  • Color Palette
  • Sample section header / break page
    • Standard slide with nested lists
    • Editorial Guidelines
    • Code syntax highlighting
  • Q & A slide
    • Logo slides
    • License

Color Palette

Colors: Approved RGB colors for SUSE® presentations have been outlined to ensure color accuracy.

Margins: The gray dotted-line box represents the margins or “working area” to which all text, graphics and diagrams should conform.

How to use these SUSE colors:

Simply use CSS classes, e.g.

  • <p class="fg-bright-orange">
  • <li class="bg-dark-teal" style="color: white">
or Sass variables, e.g.
  • .my-class { color: $dark‑blue; }

Medium Green
Blue - Green

Dark Neutral
Bright Blue
Bright Green
Bright Orange
Bright Yellow
Bright Magenta
Bright Red

MD/Dark Neutral
Dark Blue
Dark Green
Dark Yellow
Dark Teal
Dark Purple

Medium Neutral
Medium Blue
Medium Green
Medium Yellow
Medium Teal
Medium Purple

Light Neutral
Light Blue
Light Green
Light Yellow
Light Teal
Light Purple

Tint Neutral
Tint Blue
Tint Green
Tint Yellow
Tint Teal
Tint Purple

Template slides

<h2> works here too

Title of No-Logo Slide Here

  • First-level bullet
    • Second-level bullet
      • Third-level bullet
        • Fourth-level bullet

Graphics and Typeface

Primary Icon Color

Icons: Icon libraries are available for download in bubble and 3-D designs. The primary color for SUSE is green.

Typeface: Arial is the typeface for all SUSE presentations.

Bubble

3D

Code syntax highlighting

Works out of the box using highlight.js and a custom color theme with official SUSE colors:

Reveal.addEventListener('somestate', function() {
    // TODO: Sprinkle magic
}, false );

in different languages:

# Ping with 5 seconds timeout and a single attempt
def ping! node
  command = ["ping", "-q -c 5 -w 5 #{node.ip}"]
  result = exec!(*command)
  if result.exit_code.nonzero?
    raise PingError.new(command, result.output)
  end
  result, :foo
end

Call to action line one and call to action line two www.calltoaction.com

Thank you.

General corporate guidelines

Design goals

The goal of this template is to maintain a clear, professional and consistent tone and appearance among all SUSE presentations. The default text boxes in the presentation represent the margins or “working area” to which all text, graphics and diagrams should conform. These margins are not arbitrary, and they are not meant to constrict creativity; when used correctly, they keep the slides focused and leave enough white space so audiences can easily digest the presented material. If you need more room than the margins allow, we suggest moving content to another slide.

Editorial Guidelines

To help you achieve a consistent, professional message, general guidelines about SUSE style and grammar usage are outlined below.

  • Acronyms: Acronyms may be used for industry terms provided you spell out the terms at first reference in body copy:

    • Example: The Independent Software Vendor (ISV) solution …
    • Do NOT abbreviate product names in external presentations
  • Capitalization: The title of the presentation and the title and subtitle of each slide are the only elements that should be capitalized in title case. All other elements should be capitalized in sentence case (only the first word of each sentence capitalized). This includes bullet points, call outs, emphasized words, table headings and captions.

  • Hyphenated compounds within titles: If a hyphenated compound appears in a title, capitalize the word following the hyphen; for example, “Low-Cost Alternatives” would be capitalized as shown.

  • Bulleted lists: To set off the lead text in bulleted lists (the words “Bulleted lists” in this case), use colons. Try to keep information presented in bulleted lists short, so it is easy for audiences to consume.

  • Punctuation within bulleted lists: Be consistent when punctuating bulleted lists. For example, if you choose to use a complete sentence in the first bullet, use complete sentences, and punctuate accordingly for all bullets on that slide.

  • General punctuation: Use “and” instead of “&” except in proper names (e.g., AT&T). Write out percent signs.

Slide Trademarking Guidelines

The following guidelines are basic rules for product naming and trademarking:

  • Product naming: Use the full legal product name at all references within the presentation; no product acronyms or abbreviations are allowed.

  • Product trademarking: SUSE® products and selected technologies should be trademarked at first reference on each slide. This will help us legally protect these marks.

  • General trademarking: Each slide should be trademarked separately in case the slide is used in multiple decks or pulled from one slide deck to another. (This differs from the usual guideline of trademarking the first reference of a product or technology in a document.)‏

  • Third-party trademarking: Except for Attachmate®, NetIQ® and Novell®, SUSE does not reference third-party trademarks.

  • Trademark design: Trademarks should be large enough to be recognized, but small enough so they do not distract from the content.

  • Trademark placement: The registered trademark symbol (®) should go on the baseline of the text. The trademark and service mark symbols (™, SM) should be arranged so that the top of the symbol is level with the top of the last letter of the word being marked.

Questions?

Corporate Headquarters Maxfeldstrasse 5 90409 Nuremberg Germany +49 911 740 53 0 (Worldwide) www.suse.com Join us on: www.opensuse.org

Add conclusion notes here.
1
https://example.com/link/to/this/talk