Skip to content

Commit

Permalink
Merge branch 'videos' into 'master'
Browse files Browse the repository at this point in the history
Embedd Videos and hide Tickets

See merge request rustlatam/website!29
  • Loading branch information
apiraino committed May 8, 2019
2 parents 7b86400 + f6711e7 commit c535aa2
Show file tree
Hide file tree
Showing 2 changed files with 58 additions and 10 deletions.
23 changes: 23 additions & 0 deletions assets/css/main.css
Original file line number Diff line number Diff line change
Expand Up @@ -3403,3 +3403,26 @@ textarea.form-control {
.who-modal .modal-dialog {
margin: 10px auto;
}

.embed {
position: relative;
display: block;
height: 0;
padding: 0;
padding-bottom: 0px;
overflow: hidden;
}

.embed iframe {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width:100%;
height: 100%;
}

.ratio-16-9 {
padding-bottom: 56.25%;
}
45 changes: 35 additions & 10 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -53,6 +53,9 @@
</button>
<div class="collapse navbar-collapse flex-sm-row-reverse" id="headernav">
<ul class=" nav navbar-nav menu">
<li class="nav-item">
<a class="nav-link " href="#videos">Videos</a>
</li>
<li class="nav-item">
<a class="nav-link " href="#event">Rust Latam</a>
</li>
Expand All @@ -62,9 +65,9 @@
<li class="nav-item">
<a class="nav-link " href="#conf-schedule">Schedule</a>
</li>
<li class="nav-item">
<!--<li class="nav-item">
<a class="nav-link " href="#tickets">Tickets</a>
</li>
</li>-->
<li class="nav-item">
<a class="nav-link " href="#our_sponsors">Sponsors</a>
</li>
Expand All @@ -91,9 +94,12 @@ <h2 class="cover-title">Where Rust meets</h2>
<p class="cover-date">
29-30 March 2019 - Montevideo, Uruguay.
</p>
<a href="#tickets" class=" btn btn-primary btn-rounded">
Get Tickets Now
<a href="#videos" class=" btn btn-primary btn-rounded">
See the videos now
</a>
<!--<a href="#tickets" class=" btn btn-primary btn-rounded">
Get Tickets Now
</a>-->
</div>
</div>
</div>
Expand All @@ -110,6 +116,22 @@ <h2 class="cover-title">Where Rust meets</h2>
</section>
<!-- cover section slider end -->

<!-- the videos as a playlist -->
<section class="pt100 pb50" id="videos">
<div class="container">
<div class="section_title">
<h3 class="title">Watch the video recordings</h3>
<div class="row justify-content">
<div class="col-12">
<p class="embed ratio-16-9">
<iframe src="https://www.youtube.com/embed/videoseries?list=PL85XCvVPmGQjuWUNeFCgl8X2EOC_aAq5N" allowfullscreen="" frameborder="0" allow="encrypted-media; picture-in-picture"></iframe>
</p>
</div>
</div>
</div>
</div>
</section>

<!-- about the event -->
<section class="pt100 pb50" id="event">
<div class="container">
Expand Down Expand Up @@ -1303,7 +1325,7 @@ <h4>Rust LATAM team</h4>
<!-- conference schedule section end -->

<!-- Price section -->
<section class="pt100 pb100 bg-gray" id="tickets">
<!--<section class="pt100 pb100 bg-gray" id="tickets">
<div class="container">
<div class="section_title mb50">
<h3 class="title">Tickets</h3>
Expand Down Expand Up @@ -1342,7 +1364,7 @@ <h6>(Workshops + Conference)</h6>
</div>
</div>
</div>
</section>
</section>-->
<!-- price section end -->

<!-- sponsors section -->
Expand Down Expand Up @@ -1717,7 +1739,7 @@ <h3 class="title">Code of conduct</h3>
<!-- coc section end -->

<!-- get tickets section -->
<section class="bg-img pt100 pb100" style="background-image: url('assets/img/bg/antel.png');">
<!--<section class="bg-img pt100 pb100" style="background-image: url('assets/img/bg/antel.png');">
<div class="container">
<div class="section_title mb30">
<h3 class="title color-light">Get your tickets</h3>
Expand All @@ -1734,7 +1756,7 @@ <h3 class="title color-light">Get your tickets</h3>
</div>
</div>
</div>
</section>
</section>-->
<!-- get tickets section end -->

<!--
Expand Down Expand Up @@ -1786,11 +1808,14 @@ <h4 class="footer_title">
<div class="col-12 col-md-6 ">
<ul class="footer_menu">
<li class="nav-item">
<a class="nav-link " href="#our_sponsors">Sponsors</a>
<a class="nav-link " href="#videos">Videos</a>
</li>
<li class="nav-item">
<a class="nav-link " href="#tickets">Tickets</a>
<a class="nav-link " href="#our_sponsors">Sponsors</a>
</li>
<!--<li class="nav-item">
<a class="nav-link " href="#tickets">Tickets</a>
</li>-->
<li class="nav-item">
<a class="nav-link " href="#speakers">Schedule</a>
</li>
Expand Down

0 comments on commit c535aa2

Please sign in to comment.