[static-web] [guadec-2019] Add pages for streaming

From: Tom Tryfonidis <tomtryf src gnome org>
To: commits-list gnome org
Cc:
Subject: [static-web] [guadec-2019] Add pages for streaming
Date: Fri, 23 Aug 2019 03:29:45 +0000 (UTC)
commit c35433edc0ddc238eeb90f534f1dc3e00163f6e8
Author: Tom Tryfonidis <tomtryf gmail com>
Date:   Fri Aug 23 06:29:24 2019 +0300

    [guadec-2019] Add pages for streaming

 guadec-2019/streaming/coffee.html                  |  68 ++++++++
 guadec-2019/streaming/css/style.css                |  62 +++++++
 .../images/centricular-logo-with-text.svg          | 181 +++++++++++++++++++++
 guadec-2019/streaming/images/gnome-logo.svg        | 155 ++++++++++++++++++
 .../streaming/images/guadec-19-background.png      | Bin 0 -> 47948 bytes
 guadec-2019/streaming/index.html                   | 140 ++++++++++++++++
 guadec-2019/streaming/lunch.html                   |  60 +++++++
 guadec-2019/streaming/streaming.js                 |  28 ++++
 8 files changed, 694 insertions(+)
---
diff --git a/guadec-2019/streaming/coffee.html b/guadec-2019/streaming/coffee.html
new file mode 100644
index 0000000..53c32b1
--- /dev/null
+++ b/guadec-2019/streaming/coffee.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
+    <meta content="width=device-width, initial-scale=1" name="viewport">
+    <meta content="#4a86cf" name="theme-color">
+    <meta content="GUADEC Streaming" name="application-name">
+    <link href="https://static.gnome.org/img/favicon.ico"; rel="icon" type="image/png">
+    <link href="https://static.gnome.org/css/deneb.min.css"; media="all" rel="stylesheet" type="text/css">
+    <link href="css/style.css" media="all" rel="stylesheet" type="text/css">
+    <title>GUADEC Streaming - Coffee Break</title>
+</head>
+
+<body>
+    <div style="margin-top: 5%;">
+
+        <section id="streams" class="bg-blue" style="background: #4a86cf; padding: 80px 0;">
+            <div class="container">
+                <div class="row">
+                    <div class="col-xs-12">
+                        <div class="text-center" style="color: white;">
+                            <i class="fas fa-coffee fa-8x"></i>
+                            <h1>It's coffee time</h1>
+                            <p class="featured_text">Our lovely attendees and speakers will go crazy with a 
cup of coffee… or a beverage!
+                                <br> Live streaming will continue in 30 minutes.</p>
+
+                            <div id="guadec-schedule" class="featured_text_smaller col-md-10 
col-md-offset-2"></div>
+
+                            <div class="sponsors-home text-center col-xs-12" style="margin-top: 40px">
+                                <p class="h3">Thank you Centricular for sponsoring our coffee breaks</p>
+                                <a href="https://www.centricular.com/"; rel="nofollow" target="_blank">
+                                    <img src="./images/centricular-logo-with-text.svg" alt="Centricular" 
height="80">
+                                </a>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+        </section>
+        <section id="logo" class="bg-blue" style="background: #4a86cf; padding: 80px 0;">
+            <div class="container">
+                <div class="row">
+                    <div class="row">
+                        <div class="col-xs-4">
+                            <div class="h1" style="margin-top: 28px;">GUADEC 2019 - Thessaloniki</div>
+                        </div>
+                        <div class="col-xs-4 col-xs-offset-4">
+                            <div class="h1">
+                                <div class="logo">
+                                    The
+                                    <img src="./images/gnome-logo.svg" alt="GNOME"> Conference
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+        </div>
+        <script src="https://static.gnome.org/js/jquery-2.1.4.min.js";></script>
+        <script src="https://static.gnome.org/js/deneb.min.js";></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"; 
integrity="sha256-4iQZ6BVL4qNKlQ27TExEhBN1HFPvAvAMbFavKKosSWQ=" crossorigin="anonymous"></script>
+        <link rel="stylesheet" 
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.min.css"; 
integrity="sha256-UzFD2WYH2U1dQpKDjjZK72VtPeWP50NoJjd26rnAdUI=" crossorigin="anonymous" />
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/js/all.js"; 
integrity="sha256-S1WJaJce5DQaJRMMO9igZPd6WRgObuRlQXE8i7yKOd8=" crossorigin="anonymous"></script>
+        <script src="streaming.js"></script>
+
+</body>
+</html>
diff --git a/guadec-2019/streaming/css/style.css b/guadec-2019/streaming/css/style.css
new file mode 100644
index 0000000..ff5d8b7
--- /dev/null
+++ b/guadec-2019/streaming/css/style.css
@@ -0,0 +1,62 @@
+.navbar-default {
+  border-color: transparent;
+}
+
+.sponsors-home a img {
+  margin: 20px;
+  vertical-align: middle;
+}
+
+.gnome-body .gnome-header {
+  padding-bottom: 50px;
+}
+
+.gnome-body .footer {
+  margin-top: 0px;
+}
+
+.sponsors-home a img {
+  margin: 20px;
+  vertical-align: middle;
+}
+
+body {
+  background-color: #4a86cf;
+}
+
+.featured_text {
+  font-size: 2em;
+}
+
+.featured_text_smaller {
+  font-size: 1.3em;
+}
+
+#logo .logo {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-left: 15px;
+}
+
+#logo .h1 {
+  font-size: 1.5em;
+  font-weight: 200;
+  margin: 0px;
+  padding: 0;
+  color: #fff;
+}
+
+#guadec-schedule {
+  color: white;
+  margin-top: 40px;
+}
+
+#guadec-schedule a {
+  color: white;
+}
+
+#guadec-schedule ul {
+  list-style-type: none;
+}
+
diff --git a/guadec-2019/streaming/images/centricular-logo-with-text.svg 
b/guadec-2019/streaming/images/centricular-logo-with-text.svg
new file mode 100644
index 0000000..329c7c0
--- /dev/null
+++ b/guadec-2019/streaming/images/centricular-logo-with-text.svg
@@ -0,0 +1,181 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/";
+   xmlns:cc="http://creativecommons.org/ns#";
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#";
+   xmlns:svg="http://www.w3.org/2000/svg";
+   xmlns="http://www.w3.org/2000/svg";
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd";
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape";
+   width="1926.0548"
+   height="317.22986"
+   viewBox="0 0 1540.8439 253.78388"
+   version="1.1"
+   id="svg2"
+   inkscape:version="0.48.5 r10040"
+   sodipodi:docname="centricular-logo-with-text.svg">
+  <metadata
+     id="metadata45">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage"; />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2560"
+     inkscape:window-height="1367"
+     id="namedview43"
+     showgrid="false"
+     units="mm"
+     inkscape:zoom="0.7375"
+     inkscape:cx="676.65275"
+     inkscape:cy="158.6149"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg2"
+     fit-margin-top="2"
+     fit-margin-left="2"
+     fit-margin-right="2"
+     fit-margin-bottom="2" />
+  <defs
+     id="defs4">
+    <clipPath
+       id="clip1">
+      <path
+         d="m 6,6 221,0 0,244 -221,0 z"
+         id="path7"
+         inkscape:connector-curvature="0" />
+    </clipPath>
+    <clipPath
+       id="clip2">
+      <path
+         d="M 249.22266,128 C 249.22266,194.94922 194.94922,249.22266 128,249.22266 61.050781,249.22266 
6.777344,194.94922 6.777344,128 6.777344,61.050781 61.050781,6.777344 128,6.777344 194.94922,6.777344 
249.22266,61.050781 249.22266,128"
+         id="path10"
+         inkscape:connector-curvature="0" />
+    </clipPath>
+    <clipPath
+       id="clip3">
+      <path
+         d="m 86,29 162,0 0,183 -162,0 z"
+         id="path13"
+         inkscape:connector-curvature="0" />
+    </clipPath>
+    <clipPath
+       id="clip4">
+      <path
+         d="M 249.22266,128 C 249.22266,194.94922 194.94922,249.22266 128,249.22266 61.050781,249.22266 
6.777344,194.94922 6.777344,128 6.777344,61.050781 61.050781,6.777344 128,6.777344 194.94922,6.777344 
249.22266,61.050781 249.22266,128"
+         id="path16"
+         inkscape:connector-curvature="0" />
+    </clipPath>
+    <clipPath
+       id="clip5">
+      <path
+         d="m 72,67 117,0 0,117 -117,0 z"
+         id="path19"
+         inkscape:connector-curvature="0" />
+    </clipPath>
+    <clipPath
+       id="clip6">
+      <path
+         d="M 249.22266,128 C 249.22266,194.94922 194.94922,249.22266 128,249.22266 61.050781,249.22266 
6.777344,194.94922 6.777344,128 6.777344,61.050781 61.050781,6.777344 128,6.777344 194.94922,6.777344 
249.22266,61.050781 249.22266,128"
+         id="path22"
+         inkscape:connector-curvature="0" />
+    </clipPath>
+  </defs>
+  <g
+     id="g25"
+     clip-rule="nonzero"
+     clip-path="url(#clip1)"
+     transform="translate(-1.1080525,-1.1080603)">
+    <g
+       id="g27"
+       clip-rule="nonzero"
+       clip-path="url(#clip2)">
+      <path
+         inkscape:connector-curvature="0"
+         id="path29"
+         d="M 226.07422,199.25 C 198.72656,236.89062 152.24609,255.5625 106.45703,247.29297 
60.667969,239.02344 23.652344,205.27734 11.199219,160.44531 -1.253906,115.61328 13.054688,67.609375 
48.015625,36.910156 82.980469,6.210938 132.42969,-1.769531 175.27344,16.378906 139.57422,9.902344 
103.05078,22.242188 78.59375,49.042969 54.136719,75.847656 45.183594,113.34766 54.894531,148.30469 c 
9.714844,34.96093 36.722657,62.47265 71.499999,72.82031 34.77734,10.35156 72.43359,2.08594 99.67969,-21.875"
+         style="fill:#de0021;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    </g>
+  </g>
+  <g
+     id="g31"
+     clip-rule="nonzero"
+     clip-path="url(#clip3)"
+     transform="translate(-1.1080525,-1.1080603)">
+    <g
+       id="g33"
+       clip-rule="nonzero"
+       clip-path="url(#clip4)">
+      <path
+         inkscape:connector-curvature="0"
+         id="path35"
+         d="m 86.578125,61.9375 c 22.886715,-27.5 59.777345,-39.023438 94.246095,-29.433594 
34.47265,9.589844 60.11328,38.503906 65.51172,73.875004 5.39843,35.36718 -10.44922,70.61718 
-40.49219,90.05078 -30.03906,19.43359 -68.6875,19.4414 -98.73437,0.0195 25.92187,9.75 55.07031,5.02344 
76.58593,-12.42188 21.51172,-17.4414 32.16406,-44.98047 27.98438,-72.35937 C 207.5,84.289062 
189.11719,61.175781 163.38281,50.945312 137.64453,40.714844 108.41406,44.898438 86.578125,61.9375"
+         style="fill:#51ba2b;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    </g>
+  </g>
+  <g
+     id="g37"
+     clip-rule="nonzero"
+     clip-path="url(#clip5)"
+     transform="translate(-1.1080525,-1.1080603)">
+    <g
+       id="g39"
+       clip-rule="nonzero"
+       clip-path="url(#clip6)">
+      <path
+         inkscape:connector-curvature="0"
+         id="path41"
+         d="M 94.425781,80.109375 C 115.43359,63.238281 145.29297,63.0625 166.5,79.683594 c 21.20312,16.625 
28.16016,45.664066 16.79297,70.089846 -11.3711,24.42968 -38.06641,37.80468 -64.44141,32.28515 
-26.371091,-5.51953 -45.464841,-28.48047 -46.082029,-55.41406 4.730469,14.91016 18.125,25.39063 
33.734379,26.39453 15.61328,1.00391 30.24218,-7.67187 36.83984,-21.85547 C 149.94531,117 147.16797,100.21875 
136.34766,88.921875 125.52344,77.625 108.87891,74.125 94.425781,80.109375"
+         style="fill:#4a4294;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    </g>
+  </g>
+  <text
+     xml:space="preserve"
+     
style="font-size:263.20001221px;font-style:normal;font-weight:normal;line-height:125%;letter-spacing:-0.44000167px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Sans"
+     x="255.94966"
+     y="196.52718"
+     id="text3049"
+     sodipodi:linespacing="125%"><tspan
+       sodipodi:role="line"
+       id="tspan3051"
+       x="255.94966"
+       y="196.52718"
+       
style="font-size:208px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;letter-spacing:-2.24000001px;font-family:DejaVu
 Sans;-inkscape-font-specification:DejaVu Sans Bold">Centricular</tspan></text>
+  <text
+     xml:space="preserve"
+     
style="font-size:32px;font-style:normal;font-weight:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Sans"
+     x="-541.3114"
+     y="204.99367"
+     id="text3053"
+     sodipodi:linespacing="125%"><tspan
+       sodipodi:role="line"
+       id="tspan3055"
+       x="-541.3114"
+       y="204.99367" /></text>
+  <text
+     xml:space="preserve"
+     
style="font-size:32px;font-style:normal;font-weight:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Sans"
+     x="261.42374"
+     y="518.46185"
+     id="text3006"
+     sodipodi:linespacing="125%"><tspan
+       sodipodi:role="line"
+       id="tspan3008"
+       x="261.42374"
+       y="518.46185" /></text>
+</svg>
diff --git a/guadec-2019/streaming/images/gnome-logo.svg b/guadec-2019/streaming/images/gnome-logo.svg
new file mode 100644
index 0000000..34c4308
--- /dev/null
+++ b/guadec-2019/streaming/images/gnome-logo.svg
@@ -0,0 +1,155 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/";
+   xmlns:cc="http://creativecommons.org/ns#";
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#";
+   xmlns:svg="http://www.w3.org/2000/svg";
+   xmlns="http://www.w3.org/2000/svg";
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd";
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape";
+   width="151.16637"
+   height="64.129845"
+   viewBox="0 0 39.996099 16.967689"
+   version="1.1"
+   id="svg294"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)"
+   sodipodi:docname="gnome-logo.svg">
+  <defs
+     id="defs288" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="2.8"
+     inkscape:cx="87.300271"
+     inkscape:cy="-143.01536"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:pagecheckerboard="true"
+     fit-margin-top="10"
+     fit-margin-left="10"
+     fit-margin-right="10"
+     fit-margin-bottom="10"
+     units="px"
+     inkscape:window-width="3840"
+     inkscape:window-height="2089"
+     inkscape:window-x="0"
+     inkscape:window-y="34"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata291">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage"; />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-60.510876,-28.846515)">
+    <g
+       
style="opacity:1;vector-effect:none;fill:#ffffff;fill-opacity:1;stroke-width:1.7902559;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       id="g4659"
+       transform="matrix(0.2644086,0,0,0.2644086,-161.0636,-54.355669)">
+      <g
+         
style="vector-effect:none;fill:#ffffff;fill-opacity:1;stroke-width:15.11990929;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+         id="g4657"
+         transform="matrix(0.11840388,0,0,0.11840388,865.19335,299.21794)">
+        <g
+           
style="vector-effect:none;fill:#ffffff;fill-opacity:1;stroke-width:11.69154072;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+           id="g4655"
+           transform="matrix(1.293235,0,0,1.293235,-4878.321,-1224.915)">
+          <g
+             id="g4635"
+             
style="vector-effect:none;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:4.79439306;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+             transform="matrix(2.438586,0,0,2.438586,3659.952,1113.451)">
+            <g
+               id="g4633"
+               
style="vector-effect:none;fill:#ffffff;fill-opacity:1;stroke-width:4.79439306;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1">
+              <path
+                 id="path4623"
+                 
style="vector-effect:none;fill:#ffffff;fill-opacity:1;stroke-width:4.79439306;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+                 d="M 86.068,0 C 61.466,0 56.851,35.041 70.691,35.041 84.529,35.041 110.671,0 86.068,0 Z"
+                 inkscape:connector-curvature="0" />
+              <path
+                 id="path4625"
+                 
style="vector-effect:none;fill:#ffffff;fill-opacity:1;stroke-width:4.79439306;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+                 d="M 45.217,30.699 C 52.586,31.149 60.671,2.577 46.821,4.374 32.976,6.171 37.845,30.249 
45.217,30.699 Z"
+                 inkscape:connector-curvature="0" />
+              <path
+                 id="path4627"
+                 
style="vector-effect:none;fill:#ffffff;fill-opacity:1;stroke-width:4.79439306;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+                 d="M 11.445,48.453 C 16.686,46.146 12.12,23.581 3.208,29.735 -5.7,35.89 6.204,50.759 
11.445,48.453 Z"
+                 inkscape:connector-curvature="0" />
+              <path
+                 id="path4629"
+                 
style="vector-effect:none;fill:#ffffff;fill-opacity:1;stroke-width:4.79439306;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+                 d="M 26.212,36.642 C 32.451,35.37 32.793,9.778 21.667,14.369 10.539,18.961 19.978,37.916 
26.212,36.642 Z"
+                 inkscape:connector-curvature="0" />
+              <path
+                 id="path4631"
+                 
style="vector-effect:none;fill:#ffffff;fill-opacity:1;stroke-width:4.79439306;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+                 d="m 58.791,93.913 c 1.107,8.454 -6.202,12.629 -13.36,7.179 C 22.644,83.743 83.16,75.088 
79.171,51.386 75.86,31.712 15.495,37.769 8.621,68.553 3.968,89.374 27.774,118.26 52.614,118.26 c 12.22,0 
26.315,-11.034 28.952,-25.012 C 83.58,82.589 57.867,86.86 58.791,93.913 Z"
+                 inkscape:connector-curvature="0" />
+            </g>
+          </g>
+          <g
+             
style="vector-effect:none;fill:#ffffff;fill-opacity:1;stroke-width:11.69154072;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+             id="g4653">
+            <path
+               id="path4637"
+               
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:148.699646px;line-height:125%;font-family:'Bitstream
 Vera 
Sans';text-align:start;writing-mode:lr-tb;text-anchor:start;vector-effect:none;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:11.69154072;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+               d="m 4176.2963,1214.4401 c -15.1078,0.4069 -27.0386,5.8367 -35.8126,16.25 -9.0861,10.8369 
-13.6562,25.8104 -13.6562,44.9063 0,19.0432 4.5703,33.9757 13.6562,44.8124 9.1305,10.8369 21.6664,16.25 
37.6563,16.25 16.034,0 28.6014,-5.4131 37.6875,-16.25 9.0859,-10.8367 13.6251,-25.7692 13.625,-44.8124 
-1e-4,-19.0959 -4.5391,-34.0694 -13.625,-44.9063 -9.0861,-10.8366 -21.6536,-16.2499 -37.6875,-16.25 -0.6246,0 
-1.2296,-0.016 -1.8437,0 z m 1.125,22 c 0.2415,-0.01 0.4737,0 0.7187,0 7.8833,10e-5 13.9919,3.4114 
18.3125,10.25 4.3203,6.8388 6.4999,16.4913 6.5,28.9063 0,12.3623 -2.1799,21.9427 -6.5,28.7812 -4.3204,6.8389 
-10.4293,10.2812 -18.3125,10.2812 -7.8391,0 -13.8983,-3.4423 -18.2187,-10.2812 -4.3204,-6.8385 
-6.4999,-16.4189 -6.5,-28.7812 0,-12.4149 2.1798,-22.0675 6.5,-28.9063 4.1852,-6.6249 10.0123,-10.0428 
17.5,-10.25 z"
+               inkscape:connector-curvature="0" />
+            <path
+               id="path4639"
+               
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:148.699646px;line-height:125%;font-family:'Bitstream
 Vera 
Sans';text-align:start;writing-mode:lr-tb;text-anchor:start;vector-effect:none;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:11.69154072;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+               d="m 4005.6293,1325.612 c -13.3076,11.1757 -33.1067,11.0472 -41.3549,11.0472 -16.6133,0 
-29.7747,-5.471 -39.4842,-16.413 -9.7097,-10.9946 -14.5644,-25.8819 -14.5644,-44.6622 0,-18.9906 
4.9438,-33.9305 14.8316,-44.82 9.8878,-10.8892 23.4277,-16.3339 40.62,-16.334 6.6363,10e-5 12.9831,0.7366 
19.0406,2.2094 6.1019,1.473 11.8475,3.6562 17.2368,6.5494 l -6.921,20.4608 c -3.0298,-1.6586 -6.4987,-3.2932 
-9.7145,-4.4424 -5.4784,-1.8411 -10.979,-2.7617 -16.5018,-2.7618 -10.2442,10e-5 -18.15,3.3932 
-23.7173,10.1792 -5.523,6.7336 -8.2844,16.3867 -8.2844,28.9594 0,12.4676 2.6723,22.0945 8.0172,28.8806 
5.3446,6.7861 13.3768,10.1791 22.7818,10.1791 9.5548,0 15.4728,-2.4084 18.6291,-4.9461 v -20.3835 h -20.7001 
v -20.3584 h 40.0855"
+               inkscape:connector-curvature="0" />
+            <path
+               id="path4641"
+               
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:148.699646px;line-height:125%;font-family:'Bitstream
 Vera 
Sans';text-align:start;writing-mode:lr-tb;text-anchor:start;vector-effect:none;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:11.69154072;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+               d="m 4023.2108,1216.5605 h 16.2279 l 51.2775,70.8022 v -70.8022 h 21.8853 v 117.8103 h 
-16.2279 l -51.2774,-70.8022 v 70.8022 h -21.8854 v -117.8103"
+               inkscape:connector-curvature="0" />
+            <path
+               id="path4643"
+               
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:148.699646px;line-height:125%;font-family:'Bitstream
 Vera 
Sans';text-align:start;writing-mode:lr-tb;text-anchor:start;vector-effect:none;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:11.69154072;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+               d="m 4246.3361,1216.5605 h 32.7366 l 22.7151,73.5479 22.8487,-73.5479 h 27.6698 l 
12.5,117.8103 h -24.3186 l -7.5,-73.668 -22.9823,74.0213 h -16.3015 l -22.9824,-76.5213 -7.5,76.168 h 
-24.3854 l 12.5,-117.8103"
+               inkscape:connector-curvature="0" />
+            <path
+               id="path4645"
+               
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:148.699646px;line-height:125%;font-family:'Bitstream
 Vera 
Sans';text-align:start;writing-mode:lr-tb;text-anchor:start;vector-effect:none;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:11.69154072;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+               d="m 4382.3597,1216.5605 h 69.4147 v 22.9624 h -43.6933 v 24.4365 h 33.5877 v 20.4623 h 
-33.5877 v 26.9868 h 45.1631 v 22.9623 h -70.8845 v -117.8103"
+               inkscape:connector-curvature="0" />
+            <g
+               id="g4651"
+               style="font-style:normal;font-weight:normal;font-size:30.68958855px;font-family:'Bitstream 
Vera 
Sans';vector-effect:none;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:11.69154072;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1">
+              <path
+                 inkscape:connector-curvature="0"
+                 id="path4647"
+                 
style="letter-spacing:0.2523815;vector-effect:none;fill:#ffffff;fill-opacity:1;stroke-width:11.69154072;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+                 d="m 4474.5283,1193.3702 h 18.9262 v 2.5475 h -7.9421 v 19.8253 h -3.042 v -19.8253 h 
-7.9421 v -2.5475" />
+              <path
+                 inkscape:connector-curvature="0"
+                 id="path4649"
+                 
style="letter-spacing:0.2523815;vector-effect:none;fill:#ffffff;fill-opacity:1;stroke-width:11.69154072;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+                 d="m 4496.644,1193.3702 h 4.5105 l 5.7093,15.2249 5.7394,-15.2249 h 4.5105 v 22.3728 h 
-2.9521 v -19.6455 l -5.7693,15.3448 h -3.042 l -5.7692,-15.3448 v 19.6455 h -2.9371 v -22.3728" />
+            </g>
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/guadec-2019/streaming/images/guadec-19-background.png 
b/guadec-2019/streaming/images/guadec-19-background.png
new file mode 100644
index 0000000..3f36cf6
Binary files /dev/null and b/guadec-2019/streaming/images/guadec-19-background.png differ
diff --git a/guadec-2019/streaming/index.html b/guadec-2019/streaming/index.html
new file mode 100644
index 0000000..0051446
--- /dev/null
+++ b/guadec-2019/streaming/index.html
@@ -0,0 +1,140 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
+    <meta content="width=device-width, initial-scale=1" name="viewport">
+    <meta content="#4a86cf" name="theme-color">
+    <meta content="GUADEC Streaming" name="application-name">
+    <link href="https://static.gnome.org/img/favicon.ico"; rel="icon" type="image/png">
+    <link href="https://static.gnome.org/css/deneb.min.css"; media="all" rel="stylesheet" type="text/css">
+    <link href="css/style.css" media="all" rel="stylesheet" type="text/css">
+    <title>GUADEC Streaming</title>
+</head>
+
+<body class="gnome-body">
+    <header class="gnome-header">
+        <nav class="navbar navbar-fixed-top navbar-default affix-top">
+            <div class="container">
+                <div class="navbar-header">
+                    <button aria-expanded="false" class="navbar-toggle collapsed" 
data-target="#navbar-wrapper" data-toggle="collapse" type="button">
+                        <span class="sr-only">Toggle navigation</span>
+                        <span class="icon-bar top-bar"></span>
+                        <span class="icon-bar middle-bar"></span>
+                        <span class="icon-bar bottom-bar"></span>
+                    </button>
+                    <!--<a class="gnome-navbar-brand" title="Go to home page">
+                        <img alt="GNOME: The Free Software Desktop Project" 
src="https://static.gnome.org/img/gnome-logo.svg";>
+                    </a>-->
+                </div>
+                <div class="navbar-collapse collapse" id="navbar-wrapper">
+                    <ul class="nav navbar-nav">
+                        <li>
+                            <a href="https://guadec.org/";>GUADEC Website</a>
+                        </li>
+                        <!--<li>
+                            <a href="https://guadec.org/";>Main Auditorium</a>
+                        </li>
+                        <li>
+                            <a href="https://guadec.org/";>Conference Room</a>
+                        </li>-->
+                        <li>
+                            <a href="https://twitter.com/guadec";>@guadec</a>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </nav>
+    </header>
+    <div class="gnome-content">
+        <section id="streams" class="bg-blue" style="background: #4a86cf; padding: 80px 0;">
+            <div class="container">
+                <div class="row">
+                    <div class="col-xs-12 col-sm-6 ">
+                        <div class="text-center" style="color: white;">
+                            <h1>Main Auditorium</h1>
+                            <iframe width="100%" height="315" 
src="https://www.youtube-nocookie.com/embed/dZ4VMcSfukc"; frameborder="0" allow="accelerometer; autoplay; 
encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+                        </div>
+                    </div>
+                    <div class="col-xs-12 col-sm-6 ">
+                        <div class="text-center" style="color: white;">
+                            <h1>Conference Room</h1>
+                            <iframe width="100%" height="315" 
src="https://www.youtube-nocookie.com/embed/ph_KrJG4C8I"; frameborder="0" allow="accelerometer; autoplay; 
encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+        <section id="sponsors" class="bg-blue" style="background: #fff; padding: 80px 0;">
+
+            <div class="container">
+                <div class="row">
+                    <div class="col-xs-12">
+                        <div class="sponsors-home text-center">
+                            <!-- <div class="h1 text-center">Thank you sponsors!</div> -->
+                            <a href="https://www.privateinternetaccess.com/"; rel="nofollow" target="_blank">
+                                <img src="https://2019.guadec.org//images/sponsors/pia.png"; alt="Private 
Internet Access" height="50">
+
+                            </a>
+                            <a href="https://www.redhat.com/"; rel="nofollow" target="_blank">
+                                <img src="https://2019.guadec.org//images/sponsors/redhat.png"; alt="Red Hat" 
height="50">
+
+                            </a>
+                            <a href="https://endlessos.com/"; rel="nofollow" target="_blank">
+                                <img src="https://2019.guadec.org//images/sponsors/endless.png"; 
alt="Endless" height="50">
+
+                            </a>
+                            <a href="https://www.ubuntu.com"; rel="nofollow" target="_blank">
+                                <img src="https://2019.guadec.org//images/sponsors/canonical.jpg"; 
alt="Canonical" height="50">
+
+                            </a>
+                            <a href="http://www.opensuse.org/"; rel="nofollow" target="_blank">
+                                <img src="https://2019.guadec.org//images/sponsors/opensuse.png"; 
alt="OpenSUSE" height="50">
+
+                            </a>
+                            <a href="https://www.codethink.co.uk/"; rel="nofollow" target="_blank">
+                                <img src="https://2019.guadec.org//images/sponsors/codethink.png"; 
alt="Codethink" height="50">
+
+                            </a>
+                            <a href="https://www.igalia.com/"; rel="nofollow" target="_blank">
+                                <img src="https://2019.guadec.org//images/sponsors/igalia.png"; alt="Igalia" 
height="50">
+
+                            </a>
+                            <a href="https://www.arm.com/"; rel="nofollow" target="_blank">
+                                <img src="https://2019.guadec.org//images/sponsors/arm.png"; alt="Arm" 
height="50">
+
+                            </a>
+
+                        </div>
+                    </div>
+                </div>
+            </div>
+    </div>
+
+    <div class="footer" style="background-color: #4a86cf">
+        <div class="container">
+            <div id="logo" class="row">
+                <div class="col-xs-4">
+                    <div class="h1" style="margin-top: 26px;">GUADEC 2019 - Thessaloniki</div>
+                </div>
+                <div class="col-xs-4 col-xs-offset-4">
+                    <div class="h1">
+                        <div class="logo">
+                            The
+                            <img src="https://2019.guadec.org/theme/img/gnome-logo.svg"; alt="GNOME"> 
Conference
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <script src="https://static.gnome.org/js/jquery-2.1.4.min.js";></script>
+    <script src="https://static.gnome.org/js/deneb.min.js";></script>
+    <script src="streaming.js"></script>
+
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/locale/en-gb.js"; 
integrity="sha256-VWXSrU6D6hQJ7MEZ9062PvZDwmeRuZ8eE/ToQ2N3QjA=" crossorigin="anonymous"></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.min.css"; 
integrity="sha256-UzFD2WYH2U1dQpKDjjZK72VtPeWP50NoJjd26rnAdUI=" crossorigin="anonymous" />
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/js/all.js"; 
integrity="sha256-S1WJaJce5DQaJRMMO9igZPd6WRgObuRlQXE8i7yKOd8=" crossorigin="anonymous"></script>
+
+</body>
+</html>
diff --git a/guadec-2019/streaming/lunch.html b/guadec-2019/streaming/lunch.html
new file mode 100644
index 0000000..4e4b2cc
--- /dev/null
+++ b/guadec-2019/streaming/lunch.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
+    <meta content="width=device-width, initial-scale=1" name="viewport">
+    <meta content="#4a86cf" name="theme-color">
+    <meta content="GUADEC Streaming" name="application-name">
+    <link href="https://static.gnome.org/img/favicon.ico"; rel="icon" type="image/png">
+    <link href="https://static.gnome.org/css/deneb.min.css"; media="all" rel="stylesheet" type="text/css">
+    <link href="css/style.css" media="all" rel="stylesheet" type="text/css">
+    <title>GUADEC Streaming - Lunch Break</title>
+</head>
+
+<body>
+    <div style="margin-top: 5%;">
+        <section id="streams" class="bg-blue" style="background: #4a86cf; padding: 80px 0;">
+            <div class="container">
+                <div class="row">
+                    <div class="col-xs-12">
+                        <div class="text-center" style="color: white;">
+                            <i class="fas fa-utensils fa-8x"></i>
+                            <h1>Lunch Break</h1>
+                            <p class="featured_text">Time to recharge our batteries with some food!
+                                <br> Live streaming will continue in 1 hour.</p>
+                            <div id="guadec-schedule" class="featured_text_smaller col-md-10 
col-md-offset-2"></div>
+                        </div>
+                    </div>
+                </div>
+        </section>
+        <section id="logo" class="bg-blue" style="background: #4a86cf; padding: 80px 0;">
+            <div class="container">
+                <div class="row">
+                    <div class="row">
+                        <div class="col-xs-4">
+                            <div class="h1" style="margin-top: 26px;">GUADEC 2019 - Thessaloniki</div>
+                        </div>
+                        <div class="col-xs-4 col-xs-offset-4">
+                            <div class="h1">
+                                <div class="logo">
+                                    The
+                                    <img src="./images/gnome-logo.svg" alt="GNOME"> Conference
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+        </div>
+        <script src="https://static.gnome.org/js/jquery-2.1.4.min.js";></script>
+        <script src="https://static.gnome.org/js/deneb.min.js";></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"; 
integrity="sha256-4iQZ6BVL4qNKlQ27TExEhBN1HFPvAvAMbFavKKosSWQ=" crossorigin="anonymous"></script>
+        <script src="streaming.js"></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/locale/en-gb.js"; 
integrity="sha256-VWXSrU6D6hQJ7MEZ9062PvZDwmeRuZ8eE/ToQ2N3QjA=" crossorigin="anonymous"></script>
+        <link rel="stylesheet" 
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.min.css"; 
integrity="sha256-UzFD2WYH2U1dQpKDjjZK72VtPeWP50NoJjd26rnAdUI=" crossorigin="anonymous" />
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/js/all.js"; 
integrity="sha256-S1WJaJce5DQaJRMMO9igZPd6WRgObuRlQXE8i7yKOd8=" crossorigin="anonymous"></script>
+
+</body>
+</html>
diff --git a/guadec-2019/streaming/streaming.js b/guadec-2019/streaming/streaming.js
new file mode 100644
index 0000000..ac85aec
--- /dev/null
+++ b/guadec-2019/streaming/streaming.js
@@ -0,0 +1,28 @@
+var showData = $('#guadec-schedule');
+
+sessions_url = 'https://connfa.guadec.org/api/v2/guadec2019/getSessions'
+
+$.getJSON(sessions_url, function(sessions) {
+
+var currentTime = moment().format('HH:mm');
+//var currentTime = '23:42'
+var currentDate = moment().format('DD-MM-YYYY')
+//var currentDate = '23-08-2019'
+
+      var output = '<ul class="text-left">';
+      $.each(sessions.days, function(index, value) {
+        if (currentDate = value.date) {
+        $.each(this.events, function (index, value) {
+          var startTime = moment(value.from).format('HH:mm')
+          var endTime = moment(value.to).format('HH:mm')
+          if (currentTime >= startTime && currentTime <= endTime) {
+          output += '<li>'+value.place + ': '+ `<a 
href="https://schedule.guadec.org/sessions/`+value.eventId+`"; target="_blank">`+ value.name+'</a>'+'</li>';
+          } else {
+          console.log('FIXME')
+        }
+        });
+      }
+      });
+        output += '</ul>';
+        $(showData).html(output);
+});
[Date Prev][Date Next] [Thread Prev][Thread Next] [Thread Index] [Date Index] [Author Index]