[www-doc] [Git][VideoLAN.org/websites][master] add stub for VDD24
François Cartegnie (@fcartegnie)
gitlab at videolan.org
Tue Aug 13 08:59:13 UTC 2024
François Cartegnie pushed to branch master at VideoLAN organization / websites
Commits:
bc9901b5 by Francois Cartegnie at 2024-08-13T15:57:40+07:00
add stub for VDD24
- - - - -
9 changed files:
- + www.videolan.org/images/events/vdd24/bg.png
- + www.videolan.org/images/events/vdd24/partners.png
- + www.videolan.org/images/events/vdd24/seoul.jpg
- + www.videolan.org/images/events/vdd24/time.png
- + www.videolan.org/images/events/vdd24/vdd23.png
- www.videolan.org/videolan/events/Makefile.inc
- + www.videolan.org/videolan/events/vdd24/Makefile.inc
- + www.videolan.org/videolan/events/vdd24/index.php
- + www.videolan.org/videolan/events/vdd24/style.css
Changes:
=====================================
www.videolan.org/images/events/vdd24/bg.png
=====================================
Binary files /dev/null and b/www.videolan.org/images/events/vdd24/bg.png differ
=====================================
www.videolan.org/images/events/vdd24/partners.png
=====================================
Binary files /dev/null and b/www.videolan.org/images/events/vdd24/partners.png differ
=====================================
www.videolan.org/images/events/vdd24/seoul.jpg
=====================================
Binary files /dev/null and b/www.videolan.org/images/events/vdd24/seoul.jpg differ
=====================================
www.videolan.org/images/events/vdd24/time.png
=====================================
Binary files /dev/null and b/www.videolan.org/images/events/vdd24/time.png differ
=====================================
www.videolan.org/images/events/vdd24/vdd23.png
=====================================
Binary files /dev/null and b/www.videolan.org/images/events/vdd24/vdd23.png differ
=====================================
www.videolan.org/videolan/events/Makefile.inc
=====================================
@@ -7,6 +7,7 @@ vdd17\
vdd18\
vdd19\
vdd23\
+vdd24\
journeevia-20030321-presentVL\
20080223\
20050226\
=====================================
www.videolan.org/videolan/events/vdd24/Makefile.inc
=====================================
=====================================
www.videolan.org/videolan/events/vdd24/index.php
=====================================
@@ -0,0 +1,198 @@
+<?php
+ $title = "13th Video Dev Days, November 3-4th, 2024";
+ $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/vdd24/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>
+ <a href="https://mux.com/" target="_blank">
+ <?php image( 'events/vdd19/sponsors/mux.png' , 'Mux', '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/vdd24/vdd24.png" alt="vdd logo">
+ </div>
+ <div class="col-sm-12 col-md-8 text-center align-middle">
+ <h1 id="videodevdays">Video Dev Days 2024</h1>
+ <h3>The Open Multimedia Conference that frees the cone in you!</h3>
+ <h4>3 - 4th November, 2024, Seoul</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 Seoul !</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">3 - 4 November 2024</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">Seoul, South Korea</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 2</a></li>
+ <li role="presentation" class="active"><a href="#saturday" aria-controls="saturday" role="tab" data-toggle="tab">Saturday 3</a></li>
+ <li role="presentation"><a href="#sunday" aria-controls="sunday" role="tab" data-toggle="tab">Sunday 4</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:00</h4>
+ <div class="event-description">
+ <h3>Community Bonding Day</h3>
+ <p>
+ </p>
+ </div>
+ </div>
+ </div>
+ <div role="tabpanel" class="tab-pane fade active in" id="saturday">
+ </div>
+
+ <div role="tabpanel" class="tab-pane fade" id="sunday">
+ </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 class="col col-md-6 col-sm-12">
+ <a href="https://mux.com/" target="_blank">
+ <?php image( 'events/vdd19/sponsors/mux.png' , 'Mux', '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">
+ <h3 class="text-center uppercase">Conference</h3>
+ <p>TBA</p>
+ </div>
+ <div class="col-md-6">
+ <h3 class="text-center uppercase">Hotel</h3>
+ <p></p>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-6">
+ <h3 class="text-center uppercase">Beer Event</h3>
+ <p></p>
+ <div class="col-md-6">
+ </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 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/vdd24/style.css
=====================================
@@ -0,0 +1,499 @@
+.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, black, blue, red, black, blue);
+}
+
+#bodyInner {
+ background-image: url('/images/events/vdd24/bg.png');
+}
+
+#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%);
+}
+
+ at 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/vdd24/time.png') center no-repeat;
+ background-size: cover;
+}
+
+#where-box {
+ background: url('/images/events/vdd24/seoul.jpg') center no-repeat;
+ background-size: cover;
+}
+
+#partners-box {
+ background: url('/images/events/vdd24/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;
+}
+
+ at 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);
+}
+
+ at media (max-width: 768px) {
+ .header-bg {
+ margin-top: -30px;
+ }
+ .header-bg h1 {
+ font-size: 30px;
+ }
+}
View it on GitLab: https://code.videolan.org/VideoLAN.org/websites/-/commit/bc9901b558ce47b25e0f681bfb29b3c43c508983
--
View it on GitLab: https://code.videolan.org/VideoLAN.org/websites/-/commit/bc9901b558ce47b25e0f681bfb29b3c43c508983
You're receiving this email because of your account on code.videolan.org.
VideoLAN code repository instance
More information about the www-doc
mailing list