index.html

---
layout: default
title: Your galeries
---
<nav>
	<a class="nav-link" href="https://github.com/lexoyo/jekyll-slideshow/">Jekyll Slideshow</a>
</nav>
<section class="main-slides">
	{% for slide in site.slides %}
	<article class="slide">
		<iframe class="slideshow-iframe" src="{{ site.github.url }}{{ slide.url }}"></iframe>
		<div class="sub-slideshow">
			<h1>{{ slide.title }}</h1>
			<a class="edit" href="{{site.github.repository_url}}/edit/gh-pages/{{slide.path}}">Edit</a>
			<a class="view" href="{{ site.github.url }}{{ slide.url }}">View</a>
			<a class="embed" href="#">Embed</a>
			<div class="embed-pane hidden">
				<p>To embed this slide in a website, add this code to your page:</p>
				<input class="embed-input" 
					value='&lt;iframe src="{{ site.github.url }}{{ slide.url }}" width="100%" height="100%" style="border: none;"&gt;&lt;/iframe&gt;'
					spellcheck="false"></input>
			</div>
		</div>
	</article>
	{% endfor %}
</section>