Skip to content
Snippets Groups Projects
Commit baafad73 authored by François Cartegnie's avatar François Cartegnie :fingers_crossed:
Browse files

add VDD23 page

parent 6df8827b
No related branches found
No related tags found
No related merge requests found
www.videolan.org/images/events/vdd23/dublin.jpg

178 KiB

www.videolan.org/images/events/vdd23/partners.png

175 KiB

www.videolan.org/images/events/vdd23/time.png

128 KiB

www.videolan.org/images/events/vdd23/vdd23.png

361 KiB

......@@ -6,6 +6,7 @@ vdd16\
vdd17\
vdd18\
vdd19\
vdd23\
journeevia-20030321-presentVL\
20080223\
20050226\
......
<?php
$title = "12th Video Dev Days, September 23-24, 2023";
$body_color = "orange";
$new_design = true;
$show_vdd_banner = false;
$lang = "en";
$menu = array( "videolan", "events" );
$rev = time();
$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/vdd23/style.css?$rev");
require($_SERVER["DOCUMENT_ROOT"]."/include/header.php");
?>
<div class="sponsor-box-2 d-xs-none d-md-block">
<h4>Sponsors</h4>
<a href="https://videolabs.io/" target="_blank">
<?php image( 'events/vdd19/sponsors/videolabs.png' , 'Videolabs', 'sponsors-logo'); ?>
</a>
</div>
<header class="header-bg">
<div class="container">
<div class="row col-lg-10 col-lg-offset-1">
<div class="col-sm-12 col-md-4">
<img class="img-fluid center-block" style="max-width:100%; height:auto; border-radius: 4%;" src="/images/events/vdd23/vdd23.png" alt="vdd logo">
</div>
<div class="col-sm-12 col-md-8 text-center align-middle">
<h1 id="videodevdays">Video Dev Days 2023</h1>
<h3>The Open Multimedia Conference that frees the cone in you!</h3>
<h4>23 - 24 September, 2023, Dublin</h4>
</div>
</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
<span class="spacer-inline"></span>
</h2>
<p><a href="/videolan/">VideoLAN non-profit organization</a> is pleased to welcome you to the next multimedia open-source event in Dublin!</p>
<p>In the upcoming edition, individuals from the VideoLAN and open-source multimedia communities will converge in <strong>Dublin</strong> to discuss and collaborate on shaping the future of the open-source multimedia.</p>
<p>This technical conference will concentrate on low-level multimedia elements, encompassing codecs and their implementations like <a href="https://www.videolan.org/developers/x264.html">x264</a> or <a href="https://code.videolan.org/videolan/dav1d">dav1d</a>, frameworks like FFmpeg or LibVLC, and lots of other exciting projects in the multimedia world.</p>
<p>This is a <strong>technical</strong> conference, focused on low-level multimedia, like codecs and their implementations like <a href="https://www.videolan.org/developers/x264.html">x264</a> or <a href="https://code.videolan.org/videolan/dav1d">dav1d</a>, frameworks like FFmpeg or Gstreamer or playback libraries like libVLC.</p>
<div>
<div class="row">
<div class="col-md-6">
<div class="text-box" id="when-box">
<h4 class="text-box-title">When ?</h4>
<p class="text-box-content">23 - 24 September 2023</p>
</div>
</div>
<div class="col-md-6">
<div class="text-box" id="where-box">
<h4 class="text-box-title">Where ?</h4>
<p class="text-box-content">Dublin, Ireland</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="text-box" id="who-come-box">
<h4 class="text-box-title">For ?</h4>
<p class="text-box-content">
<strong>Anyone</strong> who cares about open source multimedia technologies and development.
</p>
</div>
</div>
<div class="col-md-6">
<div class="text-box" id="partners-box">
<h4 class="text-box-title">From ?</h4>
<p class="text-box-content">VideoLAN. But you are very welcome to co-sponsor the event.</p>
</div>
</div>
</div>
</div>
</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-2">
</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">
<p>To be announced</p>
</div>
<!--
<div class="tab-content">
<div role="tabpanel" class="tab-pane fade" id="friday">
<div class="event">
<h4 class="event-time">TBD</h4>
<div class="event-description">
<h3>Community Bonding Day</h3>
</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.</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-breakfast">
<h4 class="event-time">
08:30 - 09:00
</h4>
<div class="event-description">
<h3>Registration</h3>
</div>
</div>
<div class="event event-talk">
<h4 class="event-time">
09:00 - 09:10
</h4>
<p class="event-author">
<span class="avatar avatar-jb"></span>Jean-Baptiste Kempf, VideoLAN
</p>
<div class="event-description">
<h3>Welcome words</h3>
</div>
</div>
<div class="event event-breakfast">
<h4 class="event-time">
10:50 - 11:05
</h4>
<div class="event-description">
<h3>Break</h3>
</div>
</div>
<div class="event event-talk">
<h4 class="event-time">
12:05 - 12:20
</h4>
<div class="event-description">
<h3>Tokyo Video Tech</h3>
</div>
</div>
<div class="event event-lunch">
<h4 class="event-time">
12:30 - 13:30
</h4>
<div class="event-description">
<h3>Lunch Break</h3>
</div>
</div>
<div class="event event-lunch">
<h4 class="event-time">
13:30 - 14:00
</h4>
<div class="event-description">
<h3>Group Photo</h3>
</div>
</div>
<div class="event event-meetups">
<h4 class="event-time">
14:00 - 18:00
</h4>
<div class="event-description">
<h3>Meetups</h3>
</div>
</div>
<div class="event event-lunch">
<h4 class="event-time">
19:00 - 21:00
</h4>
<div class="event-description">
<h3>Community Dinner</h3>
<p>Location: Merchants Arch, 48-49 Wellington Quay, Temple Bar, Dublin, D02 EY65</p>
</div>
</div>
</div>
<div role="tabpanel" class="tab-pane fade" id="sunday">
<div class="event event-talk">
<h4 class="event-time">
09:30 - 12:00
</h4>
<div class="event-description">
<h3>Lightning talks</h3>
<ul>
</ul>
</div>
</div>
<div class="event event-bg event-lunch">
<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>
<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/VDD19#Unconference_schedule">designated page on the wiki</a>.</p>
</div>
</div>
<div class="event">
<h4 class="event-time">
19:30 - 21:30
</h4>
<div class="event-description">
<h3>Unofficial Dinner</h3>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
-->
<section>
<div class="container">
<h2 class="text-center uppercase">Sponsors</h2>
<hr class="spacer-2">
<section class="text-center">
<div class="row col-xs-10 col-xs-offset-1">
<div class="col col-md-6 col-sm-12">
<a href="https://videolabs.io/" target="_blank">
<?php image( 'events/vdd19/sponsors/videolabs.png' , 'Videolabs', 'sponsors-logo-2'); ?>
</a>
</div>
</div>
</section>
</div>
</section>
<section>
<div class="container">
<h2 class="text-center uppercase">Access</h2>
<hr class="spacer-2">
<div class="row">
<div class="col-md-6">
<p>Trinity College, Dublin</p>
</div>
<div class="col-md-6">
<iframe width="100%" height="350" src="https://www.openstreetmap.org/export/embed.html?bbox=-6.260790824890138%2C53.341078409602595%2C-6.250813007354736%2C53.34638196066375&amp;layer=mapnik" style="border: none;"></iframe><br/><small><a href="https://www.openstreetmap.org/#map=17/53.34373/-6.25580">Open map in full</a></small>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row">
<div class="col-md-6">
<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 class="col-md-6">
<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, Denis Charmet, Felix Paul Khüne and Konstantin Pavlov. You can reach us at <span style="color: #39b549">board@videolan.org</span>.</p>
</div>
</div>
</div>
</section>
<?php footer('$Id: index.php 5400 2009-07-19 15:37:21Z jb $'); ?>
.header-bg {
background: none;
padding: 70px 0 0 0;
margin-top: -60px;
}
#videodevdays {
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-image: -webkit-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet);
}
#nonprofitOrganizationDiv2 {
display: none;
}
p {
text-align: left;
}
.spacer-inline::before {
content: "";
display: inline-block;
vertical-align: middle;
width: 50px;
height: 2px;
background-color: #e7e7e7;
margin-right: 10px;
}
.text-box {
margin-bottom: 10px;
color: white;
background-color: white;
border-radius: 4px;
box-shadow: 0 0 6px rgba(25,25,34,.16);
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
padding: 30px;
text-shadow: 0 2px 2px rgba(0,0,0,0.5), -1px -1px 0 rgba(0,0,0,0.15), 1px -1px 0 rgba(0,0,0,0.15), -1px 1px 0 rgba(0,0,0,0.15), 1px 1px 0 rgba(0,0,0,0.15);
}
.text-box > ul > li {
color: #4D4D4D;
text-align: left;
list-style: circle;
font-weight: bold;
}
.vbtn-link {
color: white;
background-color: rgb(255, 154, 20);
}
.vbtn-link:hover,
.vbtn-link:focus,
.vbtn-link:active {
color: white;
}
.vdd-icon {
border: solid white;
border-width: 0 3px 3px 0;
display: inline-block;
padding: 3px;
margin-left: 3px;
}
.right {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.text-box-title {
font-weight: bold;
text-transform: uppercase;
font-size: 22px;
}
.text-box-content {
text-align: center;
color: white;
font-size: 20px;
}
.spacer-inline {
color: #7d7d7d;
font-size: 16px;
display: block;
margin-top: 10px;
}
h2 {
font-size: 28px;
margin-bottom: 20px !important;
}
h3 {
margin-bottom: 10px !important;
color: #4D4D4D;
}
.header-bg {
}
#register {
margin-top:-40px;
}
.ticket {
display: inline-block;
box-sizing: content-box;
filter: drop-shadow(0 2px 5px rgba(black,.5));
position: relative;
height: 1em;
padding: 1em;
color: black;
font-size: 16px;
background-size: 51% 100%;
background-repeat: no-repeat;
background-image: radial-gradient(circle at 0 50%, rgba(255,255,224,0) 0.4em, #ffffe0 0.5em), radial-gradient(circle at 100% 50%, rgba(255,255,224,0) 0.4em, #ffffe0 0.5em);
background-position: top left, top right;
}
#register-section {
background: #f7f7f7;
clip-path: polygon(0 0, 102% 0, 100% 90%, 0% 112%);
}
@media (max-width: 992px) {
#register-section {
clip-path: none;
}
}
.equal {
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
}
.spacer-2 {
width: 100px;
border-top: 2px solid #e7e7e7;
margin: 24px auto;
}
.register-box {
text-align: center;
text-shadow: none;
}
.dinner-box {
background: url('/images/events/vdd18/dinner.jpg') center no-repeat;
background-size: cover;
}
.conference-box {
background: url('/images/events/vdd18/conference.jpg') center no-repeat;
background-size: cover;
}
.register-box .text-box-content {
color: #4D4D4D;
font-size: 14px;
border-bottom: 1px solid #e7e7e7;
padding-bottom: 10px;
}
#register-2 {
margin-top: 30px;
}
#register-2 h2 {
text-transform: uppercase;
}
#register-2 h2,
#register-2 p {
color: white !important;
}
#when-box {
background: url('/images/events/vdd23/time.png') center no-repeat;
background-size: cover;
}
#where-box {
background: url('/images/events/vdd23/dublin.jpg') center no-repeat;
background-size: cover;
}
#partners-box {
background: url('/images/events/vdd23/partners.png') center no-repeat;
background-size: cover;
}
#who-come-box {
background: url('/images/events/vdd16/crowd-of-people.jpg') center no-repeat;
background-size: cover;
}
.header-bg h1 {
font-size: 44px;
}
.header-bg h1, .header-bg h3, .header-bg a {
color: black;
}
.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: 30px 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 {
border-left: 2px solid #E47B00;
color: #4d4d4d;
margin-top: 6px;
border-radius: 3px;
padding: 8px 12px;
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);
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
}
.event-description > ul > li {
margin: 8px 0;
}
.event-talk {
border-left-color: #39b549;
}
.event-coffee {
border-left-color: black;
}
.event-meetups {
border-left-color: red;
}
.event-welcome {
border-left-color: orange;
}
.event-lunch {
border-left-color: #4D4D4D;
}
.big-p {
font-size: 26px;
}
.event:hover {
opacity: 0.8;
}
.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;
}
@media (max-width: 992px) {
.event-author {
float: none;
}
}
.avatar {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 32px;
height: 32px;
display: inline-block;
vertical-align: middle;
border-radius: 50%;
margin-right: 10px;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
}
.avatar-jb {
background-image: url('/images/events/vdd18/jb.jpg')
}
.person-block {
display: block;
margin-bottom: 5px;
}
.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
}
p {
line-height: 22px;
margin: 0 0 10px;
padding: 0;
}
#footer p {
text-align: center;
}
.sponsors-logo-2 {
width: auto;
height: 50px;
}
.sponsor-box-2 {
padding: 8px 10px;
background: rgba(0,0,0,0.3) !important;
color: white;
position: fixed;
z-index: 9999;
bottom: 0;
border-top-right-radius: 3px;
box-shadow: 0 0 6px rgba(25,25,34,.16);
}
@media (max-width: 768px) {
.header-bg {
margin-top: -30px;
}
.header-bg h1 {
font-size: 30px;
}
}
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment