[www-doc] [Git][VideoLAN.org/websites][master] Add VDD18
Jean-Baptiste Kempf
gitlab at videolan.org
Mon Jul 16 20:57:29 CEST 2018
Jean-Baptiste Kempf pushed to branch master at VideoLAN organization / websites
Commits:
3644230c by Jean-Baptiste Kempf at 2018-07-16T20:57:21+02:00
Add VDD18
- - - - -
3 changed files:
- + www.videolan.org/videolan/events/vdd18/Makefile.inc
- + www.videolan.org/videolan/events/vdd18/index.php
- + www.videolan.org/videolan/events/vdd18/style.css
Changes:
=====================================
www.videolan.org/videolan/events/vdd18/Makefile.inc
=====================================
--- /dev/null
+++ b/www.videolan.org/videolan/events/vdd18/Makefile.inc
=====================================
www.videolan.org/videolan/events/vdd18/index.php
=====================================
--- /dev/null
+++ b/www.videolan.org/videolan/events/vdd18/index.php
@@ -0,0 +1,241 @@
+<?php
+ $title = "Video Dev Days 2018, September 21 - 23, 2018";
+ $body_color = "green";
+
+ $new_design = true;
+ $show_vdd_banner = false;
+ $lang = "en";
+ $menu = array( "videolan", "events" );
+
+ $additional_js = array("/js/slimbox2.js", "/js/slick-init.js", "/js/slick.min.js");
+ $additional_css = array("/js/css/slimbox2.css", "/style/slick.min.css", "/videolan/events/vdd17/style.css");
+ require($_SERVER["DOCUMENT_ROOT"]."/include/header.php");
+?>
+<header class="header-bg">
+ <div class="container">
+ <div class="row">
+ <div class="col-lg-8 col-lg-offset-2 text-center">
+ <img src="//images.videolan.org/images/VLC-IconSmall.png">
+ <h1>Video Dev Days 2018</h1>
+ <h3>The Open Multimedia Conference that frees the cone in you!</h3>
+ <h4>21 - 23 September 2018, Paris</h4>
+ </div>
+ </div>
+ </div>
+ <div class="container">
+ <div id="sponsors">
+ <h5>Sponsors</h5>
+ <p>We are looking for sponsors</p>
+ </div>
+ </div>
+</header>
+<section id="overview">
+<div class="container">
+ <div class="row">
+ <div class="col-lg-10 col-lg-offset-1 text-center">
+ <h2 class="uppercase">About Video Dev Days 2018</h2>
+ <hr class="spacer">
+ <p>The <a href="/videolan/">VideoLAN non-profit organisation</a> is happy to
+ invite you to the multimedia open-source event of the summer!</p>
+ <p>For its <b>tenth edition</b>, people from the VideoLAN and open source multimedia communities will meet in <strong>Paris</strong>
+ to discuss and work on the future of the open-source multimedia community</p>
+
+ <p>This is a <strong>technical</strong> conference.</p>
+ <br />
+ <p>Date: <strong>21nd - 23rd of September 2018</strong>, Location: Paris</p>
+ </div>
+ </div>
+</div>
+</section>
+<section id="where" class="bg-gray">
+ <div class="container">
+ <div class="row">
+ <div class="col-lg-10 col-lg-offset-1 text-center">
+ <h2 class="uppercase">Where?</h2>
+ <p>The venue is in Paris!</p>
+ </div>
+ </div>
+ </div>
+</section>
+
+<section id="schedule">
+ <div class="container">
+ <div class="row">
+ <div class="text-center">
+ <h2 class="uppercase">Schedule</h2>
+ <hr class="spacer">
+ </div>
+ <div class="col-lg-10 col-lg-offset-1">
+ <!-- Nav tabs -->
+ <ul class="nav nav-tabs" role="tablist">
+ <li role="presentation"><a href="#friday" aria-controls="friday" role="tab" data-toggle="tab">Friday 22</a></li>
+ <li role="presentation" class="active"><a href="#saturday" aria-controls="saturday" role="tab" data-toggle="tab">Saturday 23</a></li>
+ <li role="presentation"><a href="#sunday" aria-controls="sunday" role="tab" data-toggle="tab">Sunday 24</a></li>
+ </ul>
+
+ <!-- Tab panes -->
+ <div class="tab-content">
+ <div role="tabpanel" class="tab-pane fade" id="friday">
+ <div class="event">
+ <h4 class="event-time">09:30 - 18:30</h4>
+ <div class="event-description">
+ <h3>Community Bonding Day: Visit Paris!</h3>
+ <p>This year we'll do a <b>Visit Paris competition</b>!<br/>
+ The VideoLAN organization will pay for whatever costs associated with the event.<br/></p>
+ </div>
+ </div>
+ <div class="event">
+ <h4 class="event-time">19:30</h4>
+ <div class="event-description">
+ <h3>Evening drinks</h3>
+ <p>On <strong>Friday at 19h30</strong>, people are welcome to come and
+ share a few good drinks, with all attendees, in the center of Paris.</p>
+ <p>Alcoholic and non-alcoholic drinks will be available!</b>
+ </div>
+ </div>
+ </div>
+ <div role="tabpanel" class="tab-pane fade active in" id="saturday">
+ <div class="event event-bg">
+ <h4 class="event-time">
+ 09:00 - 12:30
+ </h4>
+ <div class="event-description">
+ <h3>Talks</h3>
+ </div>
+ </div>
+ <h4 class="event-time">
+ 12:30 - 14:00
+ </h4>
+ <div class="event-description">
+ <h3>Lunch Break</h3>
+ </div>
+ </div>
+ <div class="event">
+ <h4 class="event-time">
+ 14:00 - 18:00
+ </h4>
+ <div class="event-description">
+ <h3>Meetups</h3>
+ </div>
+ </div>
+ <div class="event">
+ <h4 class="event-time">
+ 19:30 - 00:00
+ </h4>
+ <div class="event-description">
+ <h3>Community Dinner</h3>
+ <p> Location moving</p>
+ </div>
+ </div>
+ </div>
+ <div role="tabpanel" class="tab-pane fade" id="sunday">
+ <div class="event event-bg">
+ <h4 class="event-time">
+ 09:00 - 09:30
+ </h4>
+ <div class="event-description">
+ <h3>Welcome</h3>
+ </div>
+ </div>
+ <div class="event">
+ <h4 class="event-time">
+ 09:30 - 12:00
+ </h4>
+ <div class="event-description">
+ <h3>Lightning talks</h3>
+ <p>Welcoming talks!</p>
+ </div>
+ </div>
+ <div class="event event-bg">
+ <h4 class="event-time">
+ 12:00 - 14:00
+ </h4>
+ <div class="event-description">
+ <h3>Lunch</h3>
+ </div>
+ </div>
+ <div class="event">
+ <h4 class="event-time">
+ 14:00 - 18:00
+ </h4>
+ <div class="event-description">
+ <h3>Unconferences</h3>
+ </div>
+ </div>
+ <div class="event">
+ <div class="event-inner">
+ <div class="event-description">
+ <p>The actual content of the unconference track is being decided on Saturday evening. For the live schedule, check the <a href="https://wiki.videolan.org/VDD18#Unconference_schedule">designated page on the wiki</a>.</p>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+</section>
+
+<section class="bg-gray">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-6">
+ <h2 class="uppercase">Who can come?</h2>
+ <p><strong>Anyone</strong> who cares about open source multimedia technologies and development. Remember that it targets a technical crowd!</p>
+ <p>If you are representing a <b>company</b> caring about open-source multimedia software, we would be <b>very interested</b> if you could co-sponsor the event.</p>
+ </div>
+ <div class="col-md-6 ">
+ <h2 class="uppercase">Register!</h2>
+ <p><b>Main registration is not opened yet.</b></p>
+ <p>If you want to attend, please wait a few days.</p>
+ <p>Also, consider sponsoring</p>
+ </div>
+ </div>
+ </div>
+</section>
+
+<section>
+ <div class="container">
+ <div class="row">
+ <div class="col-md-6">
+ <h2 class="uppercase">Cost and sponsorship </h2>
+ <p>The cost for attendance is <b>free</b>.</p>
+ <p>Like previous years, active developers can get a full sponsorship covering travel costs. We will also provide accomodation.</p>
+ </div>
+ <div class="col-md-6">
+ <h2 class="uppercase">Accommodation </h2>
+ <p>For active members of the open-source multimedia communities who registered until August 25 and got a confirmation, your hotel will be:</p>
+ <p><b><a href="https://goo.gl/maps/vzSVwssbJJB2">
+ TIMHOTEL Berthier – Paris XVII<br/>
+ 4, Boulevard Berthier – 75017 Paris</a><br/>
+ Phone: +33 (0)1 46 27 10 00
+ </b></p>
+ </div>
+ </div>
+ </div>
+</section>
+
+<section class="bg-gray">
+ <div class="container">
+ <div class="row">
+ <div class="col-lg-10 col-lg-offset-1 text-center">
+ <h2 class="uppercase">Code of Conduct </h2>
+ <p>This community activity is running under the <a href="https://wiki.videolan.org/CoC/">VideoLAN Code of Conduct</a>. We expect all attendees to respect our <a href="https://wiki.videolan.org/VideoLAN_Values/">Shared Values</a>.</p>
+ </div>
+ </div>
+ </div>
+</section>
+
+<section>
+ <div class="container">
+ <div class="row">
+ <div class="col-lg-10 col-lg-offset-1 text-center">
+ <h2 class="uppercase">Contact </h2>
+ <p>The VideoLAN Dev Days are organized by the board members of the VideoLAN non-profit organization, Jean-Baptiste Kempf, Felix Paul Kühne and Hugo Beauzée-Luyssen. You can reach us at <span style="color: #39b549">board at videolan.org</span>.</p>
+ </div>
+ </div>
+ </div>
+</section>
+
+
+<?php footer('$Id: index.php 5400 2009-07-19 15:37:21Z jb $'); ?>
=====================================
www.videolan.org/videolan/events/vdd18/style.css
=====================================
--- /dev/null
+++ b/www.videolan.org/videolan/events/vdd18/style.css
@@ -0,0 +1,216 @@
+.header-bg {
+ background: url('/images/events/vdd16/vdd14-blurred.jpg') center no-repeat;
+ padding: 180px 0;
+ margin-top: -91px;
+ background-size: cover;
+}
+
+.header-bg {
+ color: white !important;
+}
+
+.header-bg h1 {
+ font-size: 44px;
+}
+
+.header-bg h1, .header-bg h3, .header-bg a {
+ color: white;
+}
+
+.header-bg a:hover, a:active, a:focus {
+ color: #e0e0e0;
+}
+
+.header-bg h4 {
+ font-weight: bold;
+}
+
+#nonprofitOrganizationDiv2 {
+ color: #e0e0e0;
+}
+
+#nonprofitOrganizationDiv2 a {
+ color: #d0d0d0;
+}
+
+section {
+ padding: 35px 0;
+}
+
+p {
+ font-size: 14px;
+}
+
+h2 {
+ margin-bottom: 10px;
+}
+
+.uppercase {
+ text-transform: uppercase;
+}
+
+#where {
+ background: url('/images/events/vdd16/crowd-of-people.jpg') center no-repeat fixed;
+ color: white;
+}
+
+#where a, #where h2, #where p {
+ color: white;
+}
+
+.btn-border {
+ border: 1px solid #fff;
+}
+
+.tab-content {
+ margin-left: 1px;
+}
+
+.event {
+ color: #4d4d4d;
+ margin-top: 6px;
+ border-radius: 6px;
+ padding: 1.8em 1.6em;
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12);
+}
+
+.event h3 {
+ color: #4d4d4d;
+ font-weight: bold;
+}
+
+#sponsors {
+ position: absolute;
+ bottom: -170px;
+ right: 15px;
+ padding: 15px;
+ font-weight: bold;
+ color: black;
+ background-color: white;
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12);
+ border-radius: 6px;
+}
+
+.sponsors-logo {
+ width: auto;
+ height: 38px;
+ padding-left: 5px;
+ padding-right: 5px;
+}
+
+.header-bg .container {
+ position: relative;
+}
+
+.vdd17-videolan-banner {
+ margin-top: 10px;
+}
+
+.event-row {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;;
+}
+
+.event-col {
+ margin: 5px 0;
+}
+
+.event-col .header {
+ font-weight: bold;
+}
+
+.event-time {
+ color: #39b549;
+ display: inline-block;
+}
+
+.event-author {
+ float: right;
+ font-style: italic;
+}
+
+.spacer {
+ width: 200px;
+ border-top: 3px solid #e7e7e7;
+ margin: 24px auto;
+}
+
+.nav-tabs > li {
+ float:none;
+ display:inline-block;
+ zoom:1;
+}
+
+.nav-tabs {
+ text-align:center;
+}
+
+.nav-tabs {
+ border-bottom: none !important;
+}
+
+.nav-tabs {
+ border-bottom: 2px solid #DDD;
+}
+
+.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
+ border-width: 0;
+}
+
+.nav-tabs > li > a {
+ border: none;
+ color: #666;
+}
+
+.nav-tabs > li.active > a, .nav-tabs > li > a:hover {
+ border: none;
+ color: #39b549 !important;
+ background: transparent;
+}
+
+.nav-tabs > li > a::after {
+ content: "";
+ background: #39b549;
+ height: 2px;
+ position: absolute;
+ width: 100%;
+ left: 0px;
+ bottom: -1px;
+ transition: all 250ms ease 0s;
+ transform: scale(0);
+}
+
+.nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after {
+ transform: scale(1);
+}
+
+.tab-nav > li > a::after {
+ background: #21527d none repeat scroll 0% 0%; color: #fff;
+}
+
+.tab-pane {
+ padding: 15px 0;
+}
+
+.tab-content {
+ padding:20px
+}
+
+.event-bg {
+ background-color: #fbfbfb;
+}
+
+p {
+ line-height: 22px;
+ margin: 0 0 10px;
+ padding: 0;
+}
View it on GitLab: https://code.videolan.org/VideoLAN.org/websites/commit/3644230c92c2dbbbe27019b2289baf10ff2621c6
--
View it on GitLab: https://code.videolan.org/VideoLAN.org/websites/commit/3644230c92c2dbbbe27019b2289baf10ff2621c6
You're receiving this email because of your account on code.videolan.org.
More information about the www-doc
mailing list