Skip to content

Latest commit

 

History

History
464 lines (316 loc) · 13.7 KB

index.mdx

File metadata and controls

464 lines (316 loc) · 13.7 KB
Raw
title subtitle style footer meta
Shower-MDX
Shower presentation generator with support of MDX syntax, powered by Next.js
body { margin: 0 }
<footer class="badge"> <a href="https://github.com/varya/shower-mdx" target="_blank" rel="noopener">Fork me on GitHub</a> </footer>
description cover author website twitter
Shower presentation generator with support of MDX syntax, powered with Next.js
./pictures/cover.jpg
Shower
username

Shower-MDX template

{#cover}

Shower Presentation Template is built by Vadim Makeev.

© John Carey {.copyright .white}

<style>{` #cover h2 { margin: 30px 0 0; color: white; text-align: center; font-size: 70px; } #cover p { margin: 10px 0 0; text-align: center; color: white; font-style: italic; font-size: 20px; } #cover p a { color: white; } `}</style>

What is it?

This is a project template which lets you create your beautiful Shower presentations with markdown syntax and custom React components.

The following slides demonstrate rendered HTML. Check index.mdx to see how it looks in markdown.

Project repository

Feedback and contributions are warmly welcomed!

Slide Header

Echo Park 8-bit sustainable umami deep v Kickstarter. DIY cliche typewriter brunch, Odd Future sriracha pickled aesthetic. Farm-to-table bespoke fingerstache, kale chips umami brunch letterpress.

Whatever authentic disrupt, you probably haven’t heard of them direct trade mlkshk Etsy. Gluten-free roof party plaid four loko quinoa.

Echo Park 8-bit sustainable umami deep v Kickstarter.

First Header

Echo Park 8-bit sustainable umami deep v Kickstarter. DIY cliche typewriter brunch, Odd Future sriracha pickled aesthetic.

Second Header

Whatever authentic disrupt, you probably haven’t heard of them direct trade mlkshk Etsy. Gluten-free roof party plaid four loko quinoa.

Linked Header

Retro meh brunch aesthetic Cosby sweater Shoreditch. Banksy Tumblr sriracha, flexitarian pug chia master cleanse vinyl wayfarers fanny pack bespoke Helvetica roof party. Messenger bag retro cred Portland next level. Yr stumptown Schlitz Carles deep v small batch. Echo Park 8-bit sustainable umami deep v Kickstarter. Hella sustainable messenger bag, leggings skateboard literally bicycle rights H₂0 mumblecore banh mi DIY VHS. Semiotics four loko street art asymmetrical.

Multiline
Header

Retro meh brunch aesthetic Cosby sweater Shoreditch. Banksy Tumblr sriracha, flexitarian pug chia master cleanse vinyl wayfarers fanny pack bespoke Helvetica roof party. Messenger bag retro cred Portland next level. Yr stumptown Schlitz Carles deep v small batch. Hella sustainable messenger bag, leggings skateboard literally1 bicycle rights H₂0 mumblecore banh mi DIY VHS. Semiotics four loko street art asymmetrical.

Inline Elements

Retro meh brunch aesthetic Cosby sweater Shoreditch. Banksy Tumblr sriracha, flexitarian pug chia master cleanse vinyl wayfarers fanny pack bespoke Helvetica roof party. Messenger bag retro cred Portland next level. Yr stumptown Schlitz Carles deep v small batch. Hella sustainable messenger bag, leggings skateboard literally1 bicycle rights H20 mumblecore banh mi DIY VHS. Semiotics four loko street art asymmetrical. Asymmetrical <paleo> you probably haven’t heard of.

Block Quotes

Flannel bicycle rights locavore selfies skateboard. Authentic fanny pack paleo four loko bespoke. Artisan tattooed chia XOXO ennui, lomo disrupt 8-bit art party Tumblr scenester.

Post-ironic fashion axe flexitarian, Tonx narwhal messenger bag Tumblr. Portland gentrify deep v kale chips literally.

Ordered list

  1. Literally viral vegan, ugh drinking vinegar photo booth
  2. Wes Anderson chillwave Marfa pour-over Etsy banh mi
  3. Ethnic polaroid lo-fi iPhone ennui
  4. Yr wayfarers before they sold out Kickstarter asymmetrical
  5. Irony flexitarian readymade quinoa, kogi bespoke meggings narwhal
  6. Skateboard Etsy twee artisan Echo Park
  7. Tonx kitsch fingerstache readymade, retro single-origin coffee

Unordered list

  • Literally viral vegan, ugh drinking vinegar photo booth
  • Wes Anderson chillwave Marfa pour-over Etsy banh mi
  • Ethnic polaroid lo-fi iPhone ennui
  • Yr wayfarers before they sold out Kickstarter asymmetrical
  • Irony flexitarian readymade quinoa, kogi bespoke meggings narwhal
  • Skateboard Etsy twee artisan Echo Park- Tonx kitsch fingerstache readymade, retro single-origin coffee

Multiline List Items

  • Retro meh brunch aesthetic Cosby sweater Shoreditch. Banksy Tumblr sriracha, flexitarian pug chia master cleanse vinyl wayfarers fanny pack.
  • Messenger bag retro cred Portland next level. Yr stumptown Schlitz Carles deep v small batch. Hella sustainable messenger bag.
  • Leggings skateboard literally1 bicycle rights H₂0 mumblecore banh mi DIY VHS. Semiotics four loko street art asymmetrical. Asymmetrical paleo you probably haven’t heard of.

Nested Lists

  1. Literally viral vegan, ugh drinking vinegar photo booth
  2. Wes Anderson chillwave Marfa pour-over Etsy banh mi
  3. Ethnic polaroid lo-fi iPhone ennui
    • Yr wayfarers before they sold out Kickstarter asymmetrical
    • Irony flexitarian readymade quinoa, kogi bespoke meggings narwhal
    • Skateboard Etsy twee artisan Echo Park {value="+"}
  4. Tonx kitsch fingerstache readymade, retro single-origin coffee {value="+"}

Latin and Cyrillic List Bullets

  • Occupy locavore blog, mustache you probably haven’t heard of them

  • Skateboard pork belly aesthetic hoodie selfies brunch

  • Food truck gluten-free disrupt Portland {lang="en"}

  • Helvetica narwhal drinking vinegar chillwave, post-ironic ennui

  • Cray pug paleo retro, Echo Park narwhal Wes Anderson

  • Disrupt Williamsburg fixie, shabby chic bicycle rights hashtag kogi {lang="ru"}

Custom List Bullets

  • Helvetica narwhal drinking vinegar chillwave, post-ironic ennui {value="+"}
  • Cray pug paleo retro, Echo Park narwhal Wes Anderson {value="-"}
  • Disrupt Williamsburg fixie, shabby chic bicycle rights hashtag kogi {value="+"}
  1. Occupy locavore blog, mustache you probably haven’t heard of them {value=100}
  2. Skateboard pork belly aesthetic hoodie selfies brunch {value=10}
  3. Food truck gluten-free disrupt Portland {value=1} -->

Two Text Columns

Echo Park 8-bit sustainable umami deep v Kickstarter. DIY cliche typewriter brunch, Odd Future sriracha pickled aesthetic. Farm-to-table bespoke fingerstache, kale chips umami brunch.

American Apparel letterpress. Whatever authentic disrupt, you probably haven’t heard of them direct trade mlkshk Etsy. Gluten-free roof party plaid American Apparel four loko quinoa.

Two List Columns

  • Occupy locavore, mustache you probably haven’t heard of them

  • Skateboard pork belly aesthetic hoodie selfies brunch

  • Food truck gluten-free disrupt Portland

  • Helvetica narwhal drinking vinegar chillwave, post-ironic ennui

  • Cray pug paleo retro, Echo Park narwhal Wes Anderson

  • Disrupt Williamsburg fixie, shabby chic bicycle rights hashtag kogi

Three List Columns

  • Skateboard pork belly aesthetic hoodie selfies brunch.

  • You probably haven’t heard of them.

  • Food truck gluten-free Portland.

  • Helvetica narwhal drinking vinegar chillwave, post-ironic ennui

  • Cray pug paleo retro, Echo Park narwhal Wes Anderson

  • Disrupt fixie, shabby chic bicycle rights hashtag kogi

Four List Columns

  • Gentrify

  • Messenger

  • Meggings

  • Vegan

  • Next level

  • Umami

  • Twee

  • Mixtape

  • Freegan

  • Occupy

  • Selfies

  • Haven’t heard

  • Artisan

  • Small batch

  • Biodiesel

  • Normcore

  • Sustainable

  • Skateboard

  • Banksy

  • Bicycle rights

  • Slow-carb

  • Bird on it

  • Organic

  • Farm-to-table

Column Header One

Retro meh brunch aesthetic Cosby sweater Shoreditch. Banksy Tumblr sriracha, flexitarian pug chia master cleanse vinyl wayfarers fanny pack bespoke Helvetica roof party. Messenger bag retro cred Portland next level.

Column Header Two

Yr stumptown Schlitz Carles deep v small batch. Echo Park 8-bit sustainable umami deep v Kickstarter. Hella sustainable messenger bag, leggings skateboard literally bicycle rights H₂0 mumblecore banh.

Simple table

Gentrify Twee Artisan Banksy
Messenger Mixtape Small batch Bicycle rights
Meggings Freegan Retro biodiesel ==Slow-carb==
Vegan Occupy Normcore Put a bird on it
Next level Selfies Sustainable Organic
Umami Asymmetrical Keytar Craft beer
Biodiesel Haven’t heard Skateboard Farm-to-table

Striped table with marked rows

If you need any customizations to your table, just go with mdx syntax:

Gentrify Twee Artisan Banksy
Messenger Mixtape Small batch Bicycle rights
Meggings Freegan Retro biodiesel Slow-carb
Vegan Occupy Normcore Put a bird on it
Next level Selfies Sustainable Organic

Plain code block (markdown syntax)

<!DOCTYPE html>
<html lang="en">
<head> <!--Comment-->
    <title>Shower</title>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="screen.css">
</head>

Highlighted code (jsx component)

{``} {` `} {` `} {` <title>Shower</title>`} {` `} {` `} {`<title>Shower</title>`}

Gray slide

{.gray}

Black slide

{.black}

Clear slide

{.clear}

Shout {.shout}

Long Multiline
Shout {.shout}

Linked Shout

Long Multiline Linked

Growing shout {.shout .grow}

Shrinking shout {.shout .shrink}

Cover

Copyright © 3000 Yours Truly Famous Inc. {.copyright .top}

Copyright © 3000 Yours Truly Famous Inc. {.copyright .white}

Copyright © 3000 Yours Truly Famous Inc. {.copyright .bottom}

Tall cover

Wide cover

Placed elements

{.clear}

{.place .top .left}

{.place .top }

{.place .top .right}

{.place .left}

{.place}

{.place .right}

{.place .bottom .left}

{.place .bottom}

{.place .bottom .right}

Stepped list

  1. Ennui keffiyeh thundercats
  2. Jean shorts biodiesel
  3. Terry richardson, swag blog
  4. Locavore umami vegan helvetica
  5. Fingerstache kale chips

Before they sold out master {.next}

Stepped placed

{.clear}

{.place .left .next}

{.place .next}

{.place .next .right}

Spotlight

Retro meh brunch aesthetic Cosby sweater Shoreditch. Banksy Tumblr sriracha, flexitarian pug chia master cleanse vinyl wayfarers fanny pack bespoke Helvetica roof party. Messenger bag retro cred Portland next level. Yr stumptown Schlitz Carles deep v small batch. Echo Park 8-bit sustainable umami deep v Kickstarter. Hella sustainable messenger bag, leggings skateboard literally bicycle rights H₂0 mumblecore banh mi DIY VHS. Semiotics four loko street art asymmetrical.

Spotlight

Retro meh brunch aesthetic Cosby sweater Shoreditch. Banksy Tumblr sriracha, flexitarian pug chia master cleanse vinyl wayfarers fanny pack bespoke Helvetica roof party. Messenger bag retro cred Portland next level. Yr stumptown Schlitz Carles deep v small batch. Echo Park 8-bit sustainable umami deep v Kickstarter. Hella sustainable messenger bag, leggings skateboard literally bicycle rights H₂0 mumblecore banh mi DIY VHS. Semiotics four loko street art asymmetrical.

Timed Slide {.shout}

{data-timing="00:03"}

The End {.shout}