Add an end option for inserting HTML before end of .reveal

This commit is contained in:
dzello 2018-10-09 02:25:07 +02:00
parent 4eca16bd42
commit 9b47e50246
4 changed files with 33 additions and 20 deletions

View file

@ -82,7 +82,7 @@ Use partials to add HTML to the page for one or all presentations at a time.
--- ---
Here is where partials go for different presentations and places on the page. Here is where to put partials for different presentations and places in the DOM.
<br><br> <br><br>
| Presentation | Before &lt;/head&gt; | Before &lt;/body&gt; | | Presentation | Before &lt;/head&gt; | Before &lt;/body&gt; |
@ -91,6 +91,12 @@ Here is where partials go for different presentations and places on the page.
| Root | home/reveal-hugo/head.html | home/reveal-hugo/body.html | | Root | home/reveal-hugo/head.html | home/reveal-hugo/body.html |
| Section | {section}/reveal-hugo/head.html | {section}/reveal-hugo/body.html | | Section | {section}/reveal-hugo/head.html | {section}/reveal-hugo/body.html |
&nbsp;
<small>
💡 You can also create an `end.html` to put content before the end of the `.reveal` div tag.
</small>
--- ---
## Custom CSS Example ## Custom CSS Example

View file

@ -39,7 +39,18 @@
{{- if fileExists (printf "layouts/partials/%s.html" $sectionHeadPartial) -}}{{ partial $sectionHeadPartial . }}{{- end }} {{- if fileExists (printf "layouts/partials/%s.html" $sectionHeadPartial) -}}{{ partial $sectionHeadPartial . }}{{- end }}
</head> </head>
<body> <body>
<div class="reveal">
<div class="slides">
{{- block "main" . -}}{{- end -}} {{- block "main" . -}}{{- end -}}
</div>
<!-- To insert markup at the end of the .reveal tag for all presentations,
create layouts/partials/reveal-hugo/end.html -->
{{- partial "reveal-hugo/end" . -}}
<!-- To insert markup at the end of the .reveal tag for a specific presentation,
create layouts/partials/{section}/reveal-hugo/end.html -->
{{- $sectionHeadPartial := printf "%s/reveal-hugo/end" (.Page.Section | default "home") -}}
{{- if fileExists (printf "layouts/partials/%s.html" $sectionHeadPartial) -}}{{ partial $sectionHeadPartial . }}{{- end }}
</div>
<script type="application/json" id="reveal-hugo-site-params">{{ jsonify .Site.Params.reveal_hugo | safeJS }}</script> <script type="application/json" id="reveal-hugo-site-params">{{ jsonify .Site.Params.reveal_hugo | safeJS }}</script>
<script type="application/json" id="reveal-hugo-page-params">{{ jsonify .Page.Params.reveal_hugo | safeJS }}</script> <script type="application/json" id="reveal-hugo-page-params">{{ jsonify .Page.Params.reveal_hugo | safeJS }}</script>
<script type="text/javascript"> window.revealHugoDependencies = { dependencies: [ { src: '{{ $reveal_cdn }}/lib/js/classList.js', condition: function() { return !document.body.classList; } }, <script type="text/javascript"> window.revealHugoDependencies = { dependencies: [ { src: '{{ $reveal_cdn }}/lib/js/classList.js', condition: function() { return !document.body.classList; } },

View file

@ -0,0 +1 @@
<!-- override this partial to add content before the .reveal tag closes -->

View file

@ -1,9 +1,6 @@
<div class="reveal"> <!-- Use the array of pages passed as a param -->
<!-- Any section element inside of this container is displayed as a slide --> {{ range . -}}
<div class="slides"> <!-- Don't process empty content files -->
<!-- Use the array of pages passed as a param -->
{{ range . -}}
<!-- Don't process empty content files -->
{{- if ne (len .Content) 0 -}} {{- if ne (len .Content) 0 -}}
<!-- Remove the <hr /> tag generated by blackfriday for footnotes --> <!-- Remove the <hr /> tag generated by blackfriday for footnotes -->
{{- $content := replace .Content "<div class=\"footnotes\">\n\n<hr />" "<div class=\"footnotes\">" -}} {{- $content := replace .Content "<div class=\"footnotes\">\n\n<hr />" "<div class=\"footnotes\">" -}}
@ -17,6 +14,4 @@
</section> </section>
{{- end -}} {{- end -}}
{{- end -}} {{- end -}}
{{- end }} {{- end }}
</div>
</div>