mirror of
https://github.com/voc/streaming-website
synced 2024-11-10 06:34:17 +00:00
31C3 style
This commit is contained in:
MaZderMind
parent
9a3c16aecb
commit
dfa682e1d2
10 changed files with 121 additions and 37 deletions
|
|
@ -5361,7 +5361,11 @@ p {
|
|||
|
||||
/* navigation bar */
|
||||
.navbar {
|
||||
border: none; }
|
||||
border: none;
|
||||
background-image: url("../img/video-blur.png");
|
||||
background-position: 50% 75; }
|
||||
body.rooms .navbar {
|
||||
background-image: none; }
|
||||
.navbar .navbar-brand {
|
||||
font-size: 24px;
|
||||
padding: 12px 15px; }
|
||||
|
|
@ -5494,29 +5498,20 @@ a.inverted {
|
|||
/* banner area */
|
||||
.banner {
|
||||
width: 100%;
|
||||
height: 300px;
|
||||
height: 280px;
|
||||
overflow: hidden;
|
||||
text-align: center;
|
||||
background-image: url("../img/promoted_bg.jpg");
|
||||
background-image: url("../img/video-blur.png");
|
||||
background-position: 50% 50%;
|
||||
position: relative; }
|
||||
.banner img {
|
||||
.banner .logo {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
height: 190px;
|
||||
display: inline-block;
|
||||
margin-top: 12px;
|
||||
padding: 25px;
|
||||
border: 1px solid rgba(255, 255, 255, 0.3);
|
||||
background-color: rgba(255, 255, 255, 0.3); }
|
||||
.banner .titlebar {
|
||||
width: 100%;
|
||||
height: 112px;
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
position: absolute;
|
||||
line-height: 112px;
|
||||
bottom: 0;
|
||||
color: white;
|
||||
font-size: 30px;
|
||||
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
|
||||
|
||||
.rooms .room-group {
|
||||
background-color: #222222;
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -76,7 +76,14 @@ p {
|
|||
/* navigation bar */
|
||||
.navbar {
|
||||
border: none;
|
||||
|
||||
|
||||
background-image: url('../img/video-blur.png');
|
||||
background-position: 50% 75;
|
||||
|
||||
body.rooms & {
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.navbar-brand {
|
||||
font-size: 24px;
|
||||
padding: 12px 15px;
|
||||
|
|
@ -259,33 +266,23 @@ a.inverted {
|
|||
/* banner area */
|
||||
.banner {
|
||||
width: 100%;
|
||||
height: 300px;
|
||||
height: 280px;
|
||||
overflow: hidden;
|
||||
text-align: center;
|
||||
background-image: url('../img/promoted_bg.jpg');
|
||||
background-image: url('../img/video-blur.png');
|
||||
background-position: 50% 50%;
|
||||
position: relative;
|
||||
|
||||
img {
|
||||
.logo {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
height: 190px;
|
||||
display: inline-block;
|
||||
margin-top: 12px;
|
||||
|
||||
padding: 25px;
|
||||
border: 1px solid $transparent-white;
|
||||
background-color: $transparent-white;
|
||||
}
|
||||
|
||||
.titlebar {
|
||||
width: 100%;
|
||||
height: 112px;
|
||||
background-color: $transparent-white;
|
||||
position: absolute;
|
||||
line-height: 112px;
|
||||
bottom: 0;
|
||||
color: white;
|
||||
font-size: 30px;
|
||||
text-shadow: 0 1px 2px rgba(0,0,0,0.6);
|
||||
}
|
||||
}
|
||||
|
||||
.rooms {
|
||||
|
|
|
|||
BIN
assets/img/bg.png
Normal file
BIN
assets/img/bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 191 KiB |
2
assets/img/generate-video-blur.sh
Normal file
2
assets/img/generate-video-blur.sh
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
#!/bin/sh
|
||||
ffmpeg -y -i rtmp://rtmp.stream.c3voc.de:1935/stream/s1_native_hd -vframes 1 -vf 'boxblur=lr=50:cr=25' video-blur.jpg
|
||||
BIN
assets/img/logo.png
Normal file
BIN
assets/img/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.2 KiB |
91
assets/img/logo.svg
Normal file
91
assets/img/logo.svg
Normal file
|
|
@ -0,0 +1,91 @@
|
|||
<?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"
|
||||
id="svg3020"
|
||||
version="1.1"
|
||||
inkscape:version="0.48.4 r9939"
|
||||
width="535.90002"
|
||||
height="633.95776"
|
||||
xml:space="preserve"
|
||||
sodipodi:docname="Neues Dokument 4"
|
||||
inkscape:export-filename="/home/peter/AAA-VOC/voc-frontends/31c3/assets/img/logo.png"
|
||||
inkscape:export-xdpi="26.870001"
|
||||
inkscape:export-ydpi="26.870001"><metadata
|
||||
id="metadata3026"><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><defs
|
||||
id="defs3024"><clipPath
|
||||
clipPathUnits="userSpaceOnUse"
|
||||
id="clipPath3036"><path
|
||||
d="m 0,1200 600,0 L 600,0 0,0 0,1200 z"
|
||||
id="path3038"
|
||||
inkscape:connector-curvature="0" /></clipPath><clipPath
|
||||
clipPathUnits="userSpaceOnUse"
|
||||
id="clipPath3062"><path
|
||||
d="m 0,1200 600,0 L 600,0 0,0 0,1200 z"
|
||||
id="path3064"
|
||||
inkscape:connector-curvature="0" /></clipPath></defs><sodipodi:namedview
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1"
|
||||
objecttolerance="10"
|
||||
gridtolerance="10"
|
||||
guidetolerance="10"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="993"
|
||||
id="namedview3022"
|
||||
showgrid="false"
|
||||
fit-margin-top="0"
|
||||
fit-margin-left="0"
|
||||
fit-margin-right="0"
|
||||
fit-margin-bottom="0"
|
||||
inkscape:zoom="0.64"
|
||||
inkscape:cx="962.35913"
|
||||
inkscape:cy="180.7237"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="27"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="g3066" /><g
|
||||
id="g3028"
|
||||
inkscape:groupmode="layer"
|
||||
inkscape:label="31C3-logomulti-cmyk"
|
||||
transform="matrix(1.25,0,0,-1.25,-107.05013,1444.3913)"><g
|
||||
id="g3058"><g
|
||||
id="g3060"
|
||||
clip-path="url(#clipPath3062)"><g
|
||||
id="g3066"
|
||||
transform="translate(401.7061,651.3848)"><path
|
||||
d="m 0,0 c -5.54,0 -9.785,4.335 -9.785,9.92 0,5.317 4.289,9.607 9.606,9.607 5.363,0 9.563,-4.2 9.563,-9.651 C 9.384,4.335 5.272,0 0,0 m 9.384,17.65 c -2.413,3.397 -5.407,4.915 -9.652,4.915 -7.328,0 -12.869,-5.54 -12.869,-12.868 0,-7.284 5.585,-12.735 13.092,-12.735 4.156,0 6.837,1.385 9.429,4.87 l 0,-4.289 3.306,0 0,24.442 -3.306,0 0,-4.335 z m -234.871,4.915 c -3.218,0 -5.809,-1.251 -7.866,-3.753 l 0,3.173 -3.306,0 0,-24.442 3.306,0 0,13.449 c 0,5.988 3.04,8.535 7.463,8.535 4.514,0 7.551,-2.502 7.551,-9.16 l 0,-12.824 3.307,0 0,12.824 c 0,8.579 -4.334,12.198 -10.455,12.198 m 45.58,-3.038 c 4.736,0 8.355,-2.994 9.472,-7.864 l -18.722,0 c 0.893,4.691 4.601,7.864 9.25,7.864 m 0.044,3.038 c -7.105,0 -12.691,-5.585 -12.691,-12.689 0,-7.239 5.675,-12.914 12.914,-12.914 5.541,0 10.323,3.976 11.886,8.624 l -3.44,0 C -172.579,2.234 -176.021,0 -179.729,0 c -5.004,0 -9.25,3.843 -9.518,8.669 l 22.119,0 c 0,8.669 -5.496,13.896 -12.735,13.896 M -48.307,0 c -5.585,0 -9.874,4.29 -9.874,9.876 0,5.361 4.244,9.651 9.562,9.651 5.407,0 9.831,-4.335 9.831,-9.696 0,-5.362 -4.29,-9.831 -9.519,-9.831 m 9.385,18.098 c -2.413,2.904 -5.765,4.467 -9.607,4.467 -7.373,0 -13.003,-5.54 -13.003,-12.824 0,-7.238 5.763,-12.779 13.315,-12.779 4.067,0 6.837,1.475 9.295,5.005 l 0,-4.424 3.306,0 0,33.021 -3.306,0 0,-12.466 z M 58.941,1.52 l -5.764,17.471 -2.726,0 -5.764,-17.471 -7.775,20.465 -3.307,0 9.339,-24.442 3.575,0 5.273,16.22 5.317,-16.22 3.53,0 9.473,24.442 -3.217,0 L 58.941,1.52 z m 43.257,21.045 c -3.217,0 -5.808,-1.251 -7.864,-3.753 l 0,3.173 -3.307,0 0,-24.442 3.307,0 0,13.449 c 0,5.988 3.038,8.535 7.462,8.535 4.514,0 7.552,-2.502 7.552,-9.16 l 0,-12.824 3.306,0 0,12.824 c 0,8.579 -4.334,12.198 -10.456,12.198 M -122.843,1.52 l -5.765,17.471 -2.725,0 -5.765,-17.471 -7.774,20.465 -3.307,0 9.338,-24.442 3.575,0 5.273,16.22 5.317,-16.22 3.53,0 9.473,24.442 -3.217,0 -7.953,-20.465 z M -302.929,0 c -5.541,0 -9.786,4.335 -9.786,9.92 0,5.317 4.29,9.607 9.607,9.607 5.362,0 9.562,-4.2 9.562,-9.651 0,-5.541 -4.111,-9.876 -9.383,-9.876 m 9.383,17.65 c -2.412,3.397 -5.406,4.915 -9.651,4.915 -7.328,0 -12.869,-5.54 -12.869,-12.868 0,-7.284 5.585,-12.735 13.092,-12.735 4.156,0 6.836,1.385 9.428,4.87 l 0,-4.289 3.307,0 0,24.442 -3.307,0 0,-4.335 z m 299.271,82.159 -49.889,0 0,-9.96 49.889,0 0,9.96 z m -10.533,34.283 c -16.424,0 -30.497,-10.05 -36.386,-24.324 l 11.027,0 c 5.126,8.657 14.571,14.465 25.376,14.465 16.27,0 29.46,-13.165 29.46,-29.405 0,-16.239 -13.19,-29.404 -29.46,-29.404 -10.805,0 -20.25,5.807 -25.376,14.466 l -11.028,0 c 5.888,-14.277 19.961,-24.328 36.387,-24.328 21.727,0 39.339,17.579 39.339,39.264 0,21.686 -17.612,39.266 -39.339,39.266 m -134.63,-0.008 -9.959,0 0,-78.328 9.959,0 0,78.328 z M -64.69,79.8 c -5.127,-8.657 -14.572,-14.466 -25.377,-14.466 -16.27,0 -29.459,13.165 -29.459,29.405 0,16.24 13.189,29.405 29.459,29.405 10.805,0 20.25,-5.808 25.377,-14.465 l 11.028,0 c -5.889,14.275 -19.961,24.327 -36.389,24.327 -21.725,0 -39.338,-17.579 -39.338,-39.265 0,-21.685 17.613,-39.265 39.338,-39.265 16.426,0 30.498,10.049 36.387,24.324 l -11.026,0 z m -123.299,9.984 0,9.959 -49.89,0 0,-9.959 39.911,0 9.979,0 z m -10.532,44.243 c -16.426,0 -30.498,-10.049 -36.388,-24.324 l 11.027,0 c 5.127,8.657 14.571,14.465 25.377,14.465 16.27,0 29.459,-13.164 29.459,-29.404 0,-16.24 -13.189,-29.406 -29.459,-29.406 -10.806,0 -20.25,5.809 -25.377,14.467 l -11.028,0 c 5.889,-14.277 19.962,-24.329 36.389,-24.329 21.725,0 39.337,17.58 39.337,39.266 0,21.685 -17.612,39.265 -39.337,39.265 m 96.743,33.726 c 74.032,0 134.048,60.016 134.048,134.047 0,55.972 -34.31,103.923 -83.041,123.992 l 0,-37.574 c 29.556,-17.469 49.384,-49.654 49.384,-86.474 0,-55.441 -44.944,-100.385 -100.384,-100.385 -55.442,0 -100.386,44.944 -100.386,100.385 0,36.82 19.828,69.005 49.385,86.474 l 0,37.579 c -48.739,-20.066 -83.053,-68.02 -83.053,-123.997 0,-74.031 60.015,-134.047 134.047,-134.047"
|
||||
style="fill:#231f20;fill-opacity:1;fill-rule:evenodd;stroke:none"
|
||||
id="path3068"
|
||||
inkscape:connector-curvature="0" /></g><path
|
||||
d="m 316.925,1121.52 -33.993,0 0,33.993 33.993,0 0,-33.993 z"
|
||||
style="fill:#f0483f;fill-opacity:1;fill-rule:nonzero;stroke:none"
|
||||
id="path3070"
|
||||
inkscape:connector-curvature="0" /><path
|
||||
d="m 316.925,1087.528 -33.993,0 0,33.992 33.993,0 0,-33.992 z"
|
||||
style="fill:#f3702d;fill-opacity:1;fill-rule:nonzero;stroke:none"
|
||||
id="path3072"
|
||||
inkscape:connector-curvature="0" /><path
|
||||
d="m 316.925,1053.536 -33.993,0 0,33.992 33.993,0 0,-33.992 z"
|
||||
style="fill:#f68f18;fill-opacity:1;fill-rule:nonzero;stroke:none"
|
||||
id="path3074"
|
||||
inkscape:connector-curvature="0" /><path
|
||||
d="m 316.925,1019.543 -33.993,0 0,33.993 33.993,0 0,-33.993 z"
|
||||
style="fill:#50399c;fill-opacity:1;fill-rule:nonzero;stroke:none"
|
||||
id="path3076"
|
||||
inkscape:connector-curvature="0" /><path
|
||||
d="m 316.925,985.551 -33.993,0 0,33.992 33.993,0 0,-33.992 z"
|
||||
style="fill:#3b216e;fill-opacity:1;fill-rule:nonzero;stroke:none"
|
||||
id="path3078"
|
||||
inkscape:connector-curvature="0" /></g></g></g></svg>
|
||||
|
After Width: | Height: | Size: 7.5 KiB |
BIN
assets/img/video-blur.jpg
Normal file
BIN
assets/img/video-blur.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 61 KiB |
|
|
@ -1,4 +1,3 @@
|
|||
<div class="banner">
|
||||
<img src="//placehold.it/340x190" height="190" width="340" />
|
||||
<div class="titlebar title">a new dawn</div>
|
||||
<div class="logo"><img src="assets/img/logo.png" height="190" width="161" /></div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -39,7 +39,7 @@
|
|||
<script type="text/javascript" src="assets/js/lib/mediaelement-and-player.min.js"></script>
|
||||
<script type="text/javascript" src="assets/js/lustiges-script.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<body class="<?=h($page)?>">
|
||||
<? include('assemblies/header.phtml') ?>
|
||||
<? include("$page.phtml") ?>
|
||||
<? include('assemblies/footer.phtml') ?>
|
||||
|
|
|
|||
Loading…
Reference in a new issue