diff --git a/.github/workflows/publish-gh.yml b/.github/workflows/publish-gh.yml new file mode 100644 index 0000000..5f69db4 --- /dev/null +++ b/.github/workflows/publish-gh.yml @@ -0,0 +1,44 @@ +on: + push: + branches: [main, master] + release: + types: [published] + workflow_dispatch: + + name: demo-website + + jobs: + demo-website: + runs-on: ubuntu-latest + # Only restrict concurrency for non-PR jobs + concurrency: + group: quarto-website-${{ github.event_name != 'pull_request' || github.run_id }} + permissions: + contents: write + steps: + - name: "Check out repository" + uses: actions/checkout@v3 + + # To render using knitr, we need a few more setup steps... + # If we didn't want the examples to use `engine: knitr`, we could + # skip a few of the setup steps. + - name: "Setup R" + uses: r-lib/actions/setup-r@v2 + + - name: "Setup R dependencies for Quarto's knitr engine" + uses: r-lib/actions/setup-r-dependencies@v2 + with: + packages: + any::knitr + any::rmarkdown + any::downlit + any::xml2 + + # Back to our regularly scheduled Quarto output + - name: "Set up Quarto" + uses: quarto-dev/quarto-actions/setup@v2 + + - name: "Render and Publish" + uses: quarto-dev/quarto-actions/publish@v2 + with: + target: gh-pages \ No newline at end of file diff --git a/README.md b/README.md new file mode 100644 index 0000000..940ea15 --- /dev/null +++ b/README.md @@ -0,0 +1,42 @@ +# HSNR-themed Revealjs Extension For Quarto + +A [quarto extension](https://quarto.org/docs/extensions/) featuring an HSNR-inspired theme for the [reveal.js format](https://quarto.org/docs/presentations/revealjs/). + +See the included [template.qmd](template.qmd) file for an example of the theme and integration into Quarto or explore the rendered version [here](http://quarto.thecoatlessprofessor.com/hsnr-revealjs/). + +For details on how to convert from a single-themed document into a Quarto Extension for RevealJS see [PR #1](https://github.com/coatless-quarto/hsnr-revealjs/pull/1) + +## Installing + +You can obtain a copy of the extension by using: + +```bash +quarto use template coatless-quarto/hsnr-revealjs +``` + +This will install the extension and create an example qmd file that +you can use as a starting place for your presentation slides. + +## Using + +Once the extension is installed, you can use the extension by setting the `format` inside of the document header to `hsnr-revealjs`. + +```markdown +--- +title: A title +subtitle: A subtitle +format: + hsnr-revealjs: default +author: + - name: Your Name + orcid: 0000-0000-0000-0000 + email: alias@email.com + affiliations: Your Institution +date: last-modified +--- +``` + +## Acknowledgements + +This theme was developed as a result of answering a question asked by [Joe Slam](https://github.com/produnis) on the [Quarto issue tracker (#7470)](https://github.com/quarto-dev/quarto-cli/issues/7470#issuecomment-1875929330). + diff --git a/HSNR.scss b/_extensions/hsnr/HSNR.scss similarity index 100% rename from HSNR.scss rename to _extensions/hsnr/HSNR.scss diff --git a/_extensions/hsnr/_extension.yml b/_extensions/hsnr/_extension.yml new file mode 100644 index 0000000..8cab3a0 --- /dev/null +++ b/_extensions/hsnr/_extension.yml @@ -0,0 +1,32 @@ +title: hsnr +author: Joe Slam and James Joseph Balamuta +version: 1.0.0 +quarto-required: ">=1.3.0" +contributes: + formats: + revealjs: + embed-resources: true + transition: fade + background-transition: slide + theme: [default, HSNR.scss, fontvollkorn.scss, fontrobotmono.scss] + date-format: long + footer: "Prof. Dr. Theo Rethisch | Fachbereich 10 | Hochschule Niederrhein" + lang: de + slide-number: true + scrollable: true + citations-hover: true + footnotes-hover: true + controls: true + hash-type: number + from: markdown+emoji + fig-format: png + hide-inactive-cursor: true + hide-cursor-time: 200 + link-external-icon: true + link-external-newwindow: true + format-resources: + - fonts/Roboto-Mono-regular.woff2 + - fonts/Vollkorn-Bold.woff2 + - fonts/Vollkorn-BoldItalic.woff2 + - fonts/Vollkorn-Italic.woff2 + - fonts/Vollkorn-Regular.woff2 diff --git a/fontrobotmono.scss b/_extensions/hsnr/fontrobotmono.scss similarity index 67% rename from fontrobotmono.scss rename to _extensions/hsnr/fontrobotmono.scss index 45de17a..4eacd3a 100644 --- a/fontrobotmono.scss +++ b/_extensions/hsnr/fontrobotmono.scss @@ -3,9 +3,7 @@ $font-family-monospace: "Roboto Mono" !default; @font-face { font-family: 'Roboto Mono'; - src: url('../../../../../fonts/Roboto-Mono-regular.woff2') format('woff2'); + src: url('../../../../../Roboto-Mono-regular.woff2') format('woff2'); font-weight: normal; font-style: normal; } - - diff --git a/fonts/Roboto-Mono-regular.woff2 b/_extensions/hsnr/fonts/Roboto-Mono-regular.woff2 similarity index 100% rename from fonts/Roboto-Mono-regular.woff2 rename to _extensions/hsnr/fonts/Roboto-Mono-regular.woff2 diff --git a/fonts/Vollkorn-Bold.woff2 b/_extensions/hsnr/fonts/Vollkorn-Bold.woff2 similarity index 100% rename from fonts/Vollkorn-Bold.woff2 rename to _extensions/hsnr/fonts/Vollkorn-Bold.woff2 diff --git a/fonts/Vollkorn-BoldItalic.woff2 b/_extensions/hsnr/fonts/Vollkorn-BoldItalic.woff2 similarity index 100% rename from fonts/Vollkorn-BoldItalic.woff2 rename to _extensions/hsnr/fonts/Vollkorn-BoldItalic.woff2 diff --git a/fonts/Vollkorn-Italic.woff2 b/_extensions/hsnr/fonts/Vollkorn-Italic.woff2 similarity index 100% rename from fonts/Vollkorn-Italic.woff2 rename to _extensions/hsnr/fonts/Vollkorn-Italic.woff2 diff --git a/fonts/Vollkorn-Regular.woff2 b/_extensions/hsnr/fonts/Vollkorn-Regular.woff2 similarity index 100% rename from fonts/Vollkorn-Regular.woff2 rename to _extensions/hsnr/fonts/Vollkorn-Regular.woff2 diff --git a/fontvollkorn.scss b/_extensions/hsnr/fontvollkorn.scss similarity index 57% rename from fontvollkorn.scss rename to _extensions/hsnr/fontvollkorn.scss index aefac3f..4b2df93 100644 --- a/fontvollkorn.scss +++ b/_extensions/hsnr/fontvollkorn.scss @@ -1,12 +1,10 @@ /*-- scss:defaults --*/ -@import url(fonts/Vollkorn-Regular.woff2); - $font-family-sans-serif: "Vollkorn" !default; @font-face { font-family: 'Vollkorn'; - src: url('../../../../../fonts/Vollkorn-Regular.woff2') format('woff2'); + src: url('../../../../../Vollkorn-Regular.woff2') format('woff2'); font-weight: normal; // Black font-style: normal; } @@ -15,7 +13,7 @@ $font-family-sans-serif: "Vollkorn" !default; @font-face { font-family: 'Vollkorn'; - src: url('../../../../../fonts/Vollkorn-Italic.woff2') format('woff2'); + src: url('../../../../../Vollkorn-Italic.woff2') format('woff2'); font-weight: normal; // Black font-style: italic; } @@ -24,14 +22,14 @@ $font-family-sans-serif: "Vollkorn" !default; @font-face { font-family: 'Vollkorn'; - src: url('../../../../../fonts/Vollkorn-Bold.woff2') format('woff2'); + src: url('../../../../../Vollkorn-Bold.woff2') format('woff2'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Vollkorn'; - src: url('../../../../../fonts/Vollkorn-BoldItalic.woff2') format('woff2'); + src: url('../../../../../Vollkorn-BoldItalic.woff2') format('woff2'); font-weight: bold; font-style: italic; } diff --git a/Folientest.qmd b/template.qmd similarity index 90% rename from Folientest.qmd rename to template.qmd index 080d204..c620643 100644 --- a/Folientest.qmd +++ b/template.qmd @@ -1,31 +1,8 @@ --- -footer: "Prof. Dr. Theo Rethisch | Fachbereich 10 | Hochschule Niederrhein" -lang: de +title: "Demo" bibliography: literatur.bib -slide-number: true -scrollable: true -citations-hover: true -footnotes-hover: true -controls: true -hash-type: number -from: markdown+emoji -fig-format: png -hide-inactive-cursor: true -hide-cursor-time: 200 -link-external-icon: true -link-external-newwindow: true format: - revealjs: - embed-resources: true # alle benötigten Dateien direkt in den HTML-Output schreiben - transition: fade - background-transition: slide - theme: [default, HSNR.scss, fontvollkorn.scss, fontrobotmono.scss] - resources: - - fonts/Roboto-Mono-regular.woff2 - - fonts/Vollkorn-Bold.woff2 - - fonts/Vollkorn-BoldItalic.woff2 - - fonts/Vollkorn-Italic.woff2 - - fonts/Vollkorn-Regular.woff2 + hsnr-revealjs --- @@ -44,7 +21,6 @@ format: ###### 11.10.2021 | MHC - ::: @@ -332,7 +308,7 @@ Ich bin eine Blankbox mit `.bg-light-blue` und `.white` Mittels der Klasse `{.tc}` können Inhalte zentriert werden :::{.tc} -![Wau Holland (✝ 2001)](images/WauHolland_1.jpg){width="350"} + Ich bin ein zentrierter Text! :::