citra-web/site/themes/citra-bs-theme/layouts/partials/jumbotron.html

56 lines
2.3 KiB
HTML
Raw Normal View History

2017-02-26 22:24:53 +01:00
<div id="jumbotron">
<div class="width: 300px; margin: auto;">
2020-05-12 09:20:15 +02:00
<div class="site-logo hidden-xs hidden-sm" style="position: absolute; left: 0; top: 48px; background-size: 150px 150px; z-index: 4">&nbsp;</div>
2017-02-26 22:24:53 +01:00
</div>
<div id="carousel" class="carousel slide" data-ride="carousel">
<!-- Wrapper for slides -->
2017-09-08 08:47:22 +02:00
<div id="carousel-inner" class="carousel-inner">
2017-02-26 22:24:53 +01:00
{{ $jumbotronFiles := readDir "/static/images/jumbotron/" }}
{{ range $index, $element := $jumbotronFiles }}
{{ $fileTitle := (index (split .Name "-") 1) }}
{{ $fileTitle := (index (split $fileTitle ".") 0) }}
2017-09-08 08:47:22 +02:00
<div>
<img class="article-image img-responsive center-block"
{{if eq $index 0}}
src="/images/jumbotron{{ $element.Name | relURL }}"
{{else}}
data-lazy="/images/jumbotron{{ $element.Name | relURL }}"
{{end}}
alt="{{ $fileTitle }}">
2017-02-26 22:24:53 +01:00
<div class="carousel-caption">{{ $fileTitle }}</div>
</div>
{{ end }}
</div>
<!-- Controls -->
2017-09-08 08:47:22 +02:00
<a class="left carousel-control" href="#carousel" role="button" id="slider-prev">
2017-02-26 22:24:53 +01:00
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
2017-09-08 08:47:22 +02:00
<a class="right carousel-control" href="#carousel" role="button" id="slider-next">
2017-02-26 22:24:53 +01:00
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div> <!-- Carousel -->
<div class="panel panel-default panel-body carousel-content">
<div class="row">
<div id="carousel-description" class="col-md-12">
2017-05-18 00:34:00 +02:00
<b>Citra</b> is an open-source emulator for the Nintendo 3DS capable of playing many of your favorite games. <a href="/wiki/faq/">Learn More.<a/>
2017-02-26 22:24:53 +01:00
</div>
<div class="col-md-12 jumbotron-action" id="jumbotron-download" style = "padding-top: 6%; padding-bottom: 2%; text-align: center;">
2020-05-23 12:00:42 +02:00
<a href="/download/" class="button-action">Download Here</a>
2017-02-26 22:24:53 +01:00
</div>
<div class="col-md-12 jumbotron-action" id="jumbotron-support" style="padding-top: 6%; padding-bottom: 2%; text-align: center;">
<a href="/discord/" class="button-action">Join our Discord</a>
<div class="divider"></div>
<a href="https://community.citra-emu.org/" class="button-action">Join our Forums</a>
2017-02-26 22:24:53 +01:00
</div>
</div>
</div>
</div>