diff --git a/content/project/example/featured.jpg b/content/project/example/featured.jpg new file mode 100644 index 0000000..5d8815c Binary files /dev/null and b/content/project/example/featured.jpg differ diff --git a/content/project/example/index.md b/content/project/example/index.md new file mode 100644 index 0000000..c54106a --- /dev/null +++ b/content/project/example/index.md @@ -0,0 +1,41 @@ +--- +title: Example Project +summary: An example of using the in-built project page. +tags: +- Deep Learning +date: "2016-04-27T00:00:00Z" + +# Optional external URL for project (replaces project detail page). +external_link: "" + +image: + caption: Photo by rawpixel on Unsplash + focal_point: Smart + +links: +- icon: twitter + icon_pack: fab + name: Follow + url: https://twitter.com/georgecushen +url_code: "" +url_pdf: "" +url_slides: "" +url_video: "" + +# Slides (optional). +# Associate this project with Markdown slides. +# Simply enter your slide deck's filename without extension. +# E.g. `slides = "example-slides"` references `content/slides/example-slides.md`. +# Otherwise, set `slides = ""`. +slides: example +--- + +Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis posuere tellus ac convallis placerat. Proin tincidunt magna sed ex sollicitudin condimentum. Sed ac faucibus dolor, scelerisque sollicitudin nisi. Cras purus urna, suscipit quis sapien eu, pulvinar tempor diam. Quisque risus orci, mollis id ante sit amet, gravida egestas nisl. Sed ac tempus magna. Proin in dui enim. Donec condimentum, sem id dapibus fringilla, tellus enim condimentum arcu, nec volutpat est felis vel metus. Vestibulum sit amet erat at nulla eleifend gravida. + +Nullam vel molestie justo. Curabitur vitae efficitur leo. In hac habitasse platea dictumst. Sed pulvinar mauris dui, eget varius purus congue ac. Nulla euismod, lorem vel elementum dapibus, nunc justo porta mi, sed tempus est est vel tellus. Nam et enim eleifend, laoreet sem sit amet, elementum sem. Morbi ut leo congue, maximus velit ut, finibus arcu. In et libero cursus, rutrum risus non, molestie leo. Nullam congue quam et volutpat malesuada. Sed risus tortor, pulvinar et dictum nec, sodales non mi. Phasellus lacinia commodo laoreet. Nam mollis, erat in feugiat consectetur, purus eros egestas tellus, in auctor urna odio at nibh. Mauris imperdiet nisi ac magna convallis, at rhoncus ligula cursus. + +Cras aliquam rhoncus ipsum, in hendrerit nunc mattis vitae. Duis vitae efficitur metus, ac tempus leo. Cras nec fringilla lacus. Quisque sit amet risus at ipsum pharetra commodo. Sed aliquam mauris at consequat eleifend. Praesent porta, augue sed viverra bibendum, neque ante euismod ante, in vehicula justo lorem ac eros. Suspendisse augue libero, venenatis eget tincidunt ut, malesuada at lorem. Donec vitae bibendum arcu. Aenean maximus nulla non pretium iaculis. Quisque imperdiet, nulla in pulvinar aliquet, velit quam ultrices quam, sit amet fringilla leo sem vel nunc. Mauris in lacinia lacus. + +Suspendisse a tincidunt lacus. Curabitur at urna sagittis, dictum ante sit amet, euismod magna. Sed rutrum massa id tortor commodo, vitae elementum turpis tempus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean purus turpis, venenatis a ullamcorper nec, tincidunt et massa. Integer posuere quam rutrum arcu vehicula imperdiet. Mauris ullamcorper quam vitae purus congue, quis euismod magna eleifend. Vestibulum semper vel augue eget tincidunt. Fusce eget justo sodales, dapibus odio eu, ultrices lorem. Duis condimentum lorem id eros commodo, in facilisis mauris scelerisque. Morbi sed auctor leo. Nullam volutpat a lacus quis pharetra. Nulla congue rutrum magna a ornare. + +Aliquam in turpis accumsan, malesuada nibh ut, hendrerit justo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque sed erat nec justo posuere suscipit. Donec ut efficitur arcu, in malesuada neque. Nunc dignissim nisl massa, id vulputate nunc pretium nec. Quisque eget urna in risus suscipit ultricies. Pellentesque odio odio, tincidunt in eleifend sed, posuere a diam. Nam gravida nisl convallis semper elementum. Morbi vitae felis faucibus, vulputate orci placerat, aliquet nisi. Aliquam erat volutpat. Maecenas sagittis pulvinar purus, sed porta quam laoreet at. diff --git a/content/slides/example/index.md b/content/slides/example/index.md new file mode 100644 index 0000000..4809be6 --- /dev/null +++ b/content/slides/example/index.md @@ -0,0 +1,166 @@ +--- +title: Slides +summary: An introduction to using Wowchemy's Slides feature. +authors: [] +tags: [] +categories: [] +date: "2019-02-05T00:00:00Z" +slides: + # Choose a theme from https://github.com/hakimel/reveal.js#theming + theme: black + # Choose a code highlighting style (if highlighting enabled in `params.toml`) + # Light style: github. Dark style: dracula (default). + highlight_style: dracula +--- + +# Create slides in Markdown with Wowchemy + +[Wowchemy](https://wowchemy.com/) | [Documentation](https://owchemy.com/docs/managing-content/#create-slides) + +--- + +## Features + +- Efficiently write slides in Markdown +- 3-in-1: Create, Present, and Publish your slides +- Supports speaker notes +- Mobile friendly slides + +--- + +## Controls + +- Next: `Right Arrow` or `Space` +- Previous: `Left Arrow` +- Start: `Home` +- Finish: `End` +- Overview: `Esc` +- Speaker notes: `S` +- Fullscreen: `F` +- Zoom: `Alt + Click` +- [PDF Export](https://github.com/hakimel/reveal.js#pdf-export): `E` + +--- + +## Code Highlighting + +Inline code: `variable` + +Code block: +```python +porridge = "blueberry" +if porridge == "blueberry": + print("Eating...") +``` + +--- + +## Math + +In-line math: $x + y = z$ + +Block math: + +$$ +f\left( x \right) = \;\frac{{2\left( {x + 4} \right)\left( {x - 4} \right)}}{{\left( {x + 4} \right)\left( {x + 1} \right)}} +$$ + +--- + +## Fragments + +Make content appear incrementally + +``` +{{%/* fragment */%}} One {{%/* /fragment */%}} +{{%/* fragment */%}} **Two** {{%/* /fragment */%}} +{{%/* fragment */%}} Three {{%/* /fragment */%}} +``` + +Press `Space` to play! + +{{% fragment %}} One {{% /fragment %}} +{{% fragment %}} **Two** {{% /fragment %}} +{{% fragment %}} Three {{% /fragment %}} + +--- + +A fragment can accept two optional parameters: + +- `class`: use a custom style (requires definition in custom CSS) +- `weight`: sets the order in which a fragment appears + +--- + +## Speaker Notes + +Add speaker notes to your presentation + +```markdown +{{%/* speaker_note */%}} +- Only the speaker can read these notes +- Press `S` key to view +{{%/* /speaker_note */%}} +``` + +Press the `S` key to view the speaker notes! + +{{< speaker_note >}} +- Only the speaker can read these notes +- Press `S` key to view +{{< /speaker_note >}} + +--- + +## Themes + +- black: Black background, white text, blue links (default) +- white: White background, black text, blue links +- league: Gray background, white text, blue links +- beige: Beige background, dark text, brown links +- sky: Blue background, thin dark text, blue links + +--- + +- night: Black background, thick white text, orange links +- serif: Cappuccino background, gray text, brown links +- simple: White background, black text, blue links +- solarized: Cream-colored background, dark green text, blue links + +--- + +{{< slide background-image="/media/boards.jpg" >}} + +## Custom Slide + +Customize the slide style and background + +```markdown +{{}} +{{}} +{{}} +``` + +--- + +## Custom CSS Example + +Let's make headers navy colored. + +Create `assets/css/reveal_custom.css` with: + +```css +.reveal section h1, +.reveal section h2, +.reveal section h3 { + color: navy; +} +``` + +--- + +# Questions? + +[Ask](https://github.com/wowchemy/wowchemy-hugo-modules/discussions) + +[Documentation](https://wowchemy.com/docs/managing-content/#create-slides) diff --git a/content/talk/example/featured.jpg b/content/talk/example/featured.jpg new file mode 100644 index 0000000..7b16c3c Binary files /dev/null and b/content/talk/example/featured.jpg differ diff --git a/content/talk/example/index.md b/content/talk/example/index.md new file mode 100644 index 0000000..dcfcc4c --- /dev/null +++ b/content/talk/example/index.md @@ -0,0 +1,73 @@ +--- +title: Example Talk + +event: Wowchemy Conference +event_url: https://example.org + +location: Wowchemy HQ +address: + street: 450 Serra Mall + city: Stanford + region: CA + postcode: '94305' + country: United States + +summary: An example talk using Wowchemy's Markdown slides feature. +abstract: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis posuere tellusac convallis placerat. Proin tincidunt magna sed ex sollicitudin condimentum. Sed ac faucibus dolor, scelerisque sollicitudin nisi. Cras purus urna, suscipit quis sapien eu, pulvinar tempor diam." + +# Talk start and end times. +# End time can optionally be hidden by prefixing the line with `#`. +date: "2030-06-01T13:00:00Z" +date_end: "2030-06-01T15:00:00Z" +all_day: false + +# Schedule page publish date (NOT talk date). +publishDate: "2017-01-01T00:00:00Z" + +authors: [] +tags: [] + +# Is this a featured talk? (true/false) +featured: false + +image: + caption: 'Image credit: [**Unsplash**](https://unsplash.com/photos/bzdhc5b3Bxs)' + focal_point: Right + +links: +- icon: twitter + icon_pack: fab + name: Follow + url: https://twitter.com/georgecushen +url_code: "" +url_pdf: "" +url_slides: "" +url_video: "" + +# Markdown Slides (optional). +# Associate this talk with Markdown slides. +# Simply enter your slide deck's filename without extension. +# E.g. `slides = "example-slides"` references `content/slides/example-slides.md`. +# Otherwise, set `slides = ""`. +slides: example + +# Projects (optional). +# Associate this post with one or more of your projects. +# Simply enter your project's folder or file name without extension. +# E.g. `projects = ["internal-project"]` references `content/project/deep-learning/index.md`. +# Otherwise, set `projects = []`. +projects: +- example +--- + +{{% callout note %}} +Click on the **Slides** button above to view the built-in slides feature. +{{% /callout %}} + +Slides can be added in a few ways: + +- **Create** slides using Wowchemy's [*Slides*](https://wowchemy.com/docs/managing-content/#create-slides) feature and link using `slides` parameter in the front matter of the talk file +- **Upload** an existing slide deck to `static/` and link using `url_slides` parameter in the front matter of the talk file +- **Embed** your slides (e.g. Google Slides) or presentation video on this page using [shortcodes](https://wowchemy.com/docs/writing-markdown-latex/). + +Further event details, including [page elements](https://wowchemy.com/docs/writing-markdown-latex/) such as image galleries, can be added to the body of this page. diff --git a/exampleSite/content/slides/example/index.md b/exampleSite/content/slides/example/index.md index 25a1fcc..4809be6 100644 --- a/exampleSite/content/slides/example/index.md +++ b/exampleSite/content/slides/example/index.md @@ -1,6 +1,6 @@ --- title: Slides -summary: An introduction to using Academic's Slides feature. +summary: An introduction to using Wowchemy's Slides feature. authors: [] tags: [] categories: [] @@ -13,9 +13,9 @@ slides: highlight_style: dracula --- -# Create slides in Markdown with Academic +# Create slides in Markdown with Wowchemy -[Academic](https://sourcethemes.com/academic/) | [Documentation](https://sourcethemes.com/academic/docs/managing-content/#create-slides) +[Wowchemy](https://wowchemy.com/) | [Documentation](https://owchemy.com/docs/managing-content/#create-slides) --- @@ -161,6 +161,6 @@ Create `assets/css/reveal_custom.css` with: # Questions? -[Ask](https://spectrum.chat/academic) +[Ask](https://github.com/wowchemy/wowchemy-hugo-modules/discussions) -[Documentation](https://sourcethemes.com/academic/docs/managing-content/#create-slides) +[Documentation](https://wowchemy.com/docs/managing-content/#create-slides) diff --git a/exampleSite/content/talk/example/index.md b/exampleSite/content/talk/example/index.md index c07b5a4..2f63eb2 100644 --- a/exampleSite/content/talk/example/index.md +++ b/exampleSite/content/talk/example/index.md @@ -1,9 +1,10 @@ --- title: Example Talk -event: Academic Theme Conference + +event: Wowchemy Conference event_url: https://example.org -location: Source Themes HQ +location: Wowchemy HQ address: street: 450 Serra Mall city: Stanford @@ -11,7 +12,7 @@ address: postcode: '94305' country: United States -summary: An example talk using Academic's Markdown slides feature. +summary: An example talk using Wowchemy's Markdown slides feature. abstract: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis posuere tellusac convallis placerat. Proin tincidunt magna sed ex sollicitudin condimentum. Sed ac faucibus dolor, scelerisque sollicitudin nisi. Cras purus urna, suscipit quis sapien eu, pulvinar tempor diam." # Talk start and end times. @@ -57,19 +58,16 @@ slides: example # Otherwise, set `projects = []`. projects: - internal-project - -# Enable math on this page? -math: true --- -{{% alert note %}} +{{% callout note %}} Click on the **Slides** button above to view the built-in slides feature. -{{% /alert %}} +{{% /callout %}} Slides can be added in a few ways: -- **Create** slides using Academic's [*Slides*](https://sourcethemes.com/academic/docs/managing-content/#create-slides) feature and link using `slides` parameter in the front matter of the talk file +- **Create** slides using Wowchemy's [*Slides*](https://wowchemy.com/docs/managing-content/#create-slides) feature and link using `slides` parameter in the front matter of the talk file - **Upload** an existing slide deck to `static/` and link using `url_slides` parameter in the front matter of the talk file -- **Embed** your slides (e.g. Google Slides) or presentation video on this page using [shortcodes](https://sourcethemes.com/academic/docs/writing-markdown-latex/). +- **Embed** your slides (e.g. Google Slides) or presentation video on this page using [shortcodes](https://wowchemy.com/docs/writing-markdown-latex/). -Further talk details can easily be added to this page using *Markdown* and $\rm \LaTeX$ math code. +Further event details, including [page elements](https://wowchemy.com/docs/writing-markdown-latex/) such as image galleries, can be added to the body of this page.