[add] video can be sort by name or publish date

This commit is contained in:
Knah Tsaeb 2013-08-06 15:40:31 +02:00
parent 3a6726fa8e
commit deee27e794
5 changed files with 793 additions and 13 deletions

160
images/expand.svg Normal file
View File

@ -0,0 +1,160 @@
<?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:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="16"
height="16"
id="svg2"
sodipodi:version="0.32"
inkscape:version="0.48.4 r9939"
version="1.0"
sodipodi:docname="go-previous-symbolic.svg"
inkscape:output_extension="org.inkscape.output.svg.inkscape">
<defs
id="defs4">
<inkscape:perspective
sodipodi:type="inkscape:persp3d"
inkscape:vp_x="0 : 8 : 1"
inkscape:vp_y="0 : 1000 : 0"
inkscape:vp_z="16 : 8 : 1"
inkscape:persp3d-origin="8 : 5.3333333 : 1"
id="perspective18" />
<linearGradient
id="StandardGradient"
gradientTransform="matrix(-1.0923124,0,0,0.915489,16.03125,0)"
x1="7.6386113"
y1="3.2598698"
x2="7.6386113"
y2="14.22356"
gradientUnits="userSpaceOnUse">
<stop
id="stop3284"
offset="0"
style="stop-color:#000000;stop-opacity:0.86274511;" />
<stop
id="stop3286"
offset="1"
style="stop-color:#000000;stop-opacity:0.47058824;" />
</linearGradient>
<inkscape:perspective
id="perspective3648"
inkscape:persp3d-origin="0.5 : 0.33333333 : 1"
inkscape:vp_z="1 : 0.5 : 1"
inkscape:vp_y="0 : 1000 : 0"
inkscape:vp_x="0 : 0.5 : 1"
sodipodi:type="inkscape:persp3d" />
<linearGradient
inkscape:collect="always"
xlink:href="#StandardGradient"
id="linearGradient3626"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(-1.0923124,0,0,0.915489,-3.96875,0)"
x1="7.6386113"
y1="3.2598698"
x2="7.6386113"
y2="14.22356" />
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath3633">
<path
style="fill:#ff00ff;fill-opacity:1;stroke:none;display:inline"
d="m -20,0 0,16 16,0 0,-16 -16,0 z m 10.03125,3 0,2.96875 3.96875,0 0,4.0625 -3.96875,0 0,2.96875 -8,-5 8,-5 z"
id="path3635" />
</clipPath>
<linearGradient
inkscape:collect="always"
xlink:href="#StandardGradient"
id="linearGradient4469"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(-1.0923124,0,0,0.915489,16.03125,0)"
x1="7.6386113"
y1="3.2598698"
x2="7.6386113"
y2="14.22356" />
<linearGradient
inkscape:collect="always"
xlink:href="#StandardGradient"
id="linearGradient4473"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(-1.0923124,0,0,0.915489,16.03125,0)"
x1="7.6386113"
y1="3.2598698"
x2="7.6386113"
y2="14.22356" />
</defs>
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#9a9a9a"
borderopacity="1"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="17.578557"
inkscape:cx="-21.164584"
inkscape:cy="0.71153884"
inkscape:document-units="px"
inkscape:current-layer="layer4"
showgrid="true"
inkscape:showpageshadow="false"
showguides="true"
inkscape:guide-bbox="true"
inkscape:window-width="1920"
inkscape:window-height="1085"
inkscape:window-x="0"
inkscape:window-y="25"
inkscape:window-maximized="1">
<sodipodi:guide
orientation="1,0"
position="0,112"
id="guide2383" />
<sodipodi:guide
orientation="0,1"
position="26.278146,128"
id="guide2385" />
<sodipodi:guide
orientation="1,0"
position="128,54.082119"
id="guide2387" />
<sodipodi:guide
orientation="0,1"
position="78.156291,0"
id="guide2389" />
<inkscape:grid
type="xygrid"
id="grid3672"
visible="true"
enabled="true" />
</sodipodi:namedview>
<metadata
id="metadata7">
<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:groupmode="layer"
id="layer4"
inkscape:label="Arrow"
style="display:inline">
<path
style="opacity:1;fill:#bebebe;fill-opacity:1;stroke:none;stroke-width:0.99999976000000002;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline"
d="M 10.04382,2.984375 L 2.03125,7.9870801 L 10.04382,13.015625 L 10.04382,10.020806 L 14,10.020806 L 14,5.9768401 L 10.04382,5.984375 L 10.04382,2.984375 z"
id="Symbol"
sodipodi:nodetypes="cccccccc"
inkscape:label="#path2493" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 5.0 KiB

556
images/sort.svg Normal file
View File

@ -0,0 +1,556 @@
<?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:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.0"
width="96"
height="96"
id="svg2408"
inkscape:version="0.48.4 r9939"
sodipodi:docname="view-sort-ascending.svg">
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="640"
inkscape:window-height="480"
id="namedview46507"
showgrid="false"
inkscape:zoom="2.4583333"
inkscape:cx="48"
inkscape:cy="48"
inkscape:window-x="0"
inkscape:window-y="25"
inkscape:window-maximized="0"
inkscape:current-layer="svg2408" />
<defs
id="defs2410">
<linearGradient
id="linearGradient3637">
<stop
id="stop3639"
style="stop-color:#f0f0f0;stop-opacity:1"
offset="0" />
<stop
id="stop3641"
style="stop-color:#aaaaaa;stop-opacity:1"
offset="1" />
</linearGradient>
<linearGradient
x1="45.447727"
y1="92.539597"
x2="45.447727"
y2="7.0165396"
id="ButtonShadow"
gradientUnits="userSpaceOnUse"
gradientTransform="scale(1.0058652,0.994169)">
<stop
id="stop3750"
style="stop-color:#000000;stop-opacity:1"
offset="0" />
<stop
id="stop3752"
style="stop-color:#000000;stop-opacity:0.58823532"
offset="1" />
</linearGradient>
<linearGradient
id="linearGradient3737">
<stop
id="stop3739"
style="stop-color:#ffffff;stop-opacity:1"
offset="0" />
<stop
id="stop3741"
style="stop-color:#ffffff;stop-opacity:0"
offset="1" />
</linearGradient>
<linearGradient
id="linearGradient3700">
<stop
id="stop3702"
style="stop-color:#2276c5;stop-opacity:1"
offset="0" />
<stop
id="stop3704"
style="stop-color:#68baf4;stop-opacity:1"
offset="1" />
</linearGradient>
<filter
color-interpolation-filters="sRGB"
id="filter3174">
<feGaussianBlur
id="feGaussianBlur3176"
stdDeviation="1.71" />
</filter>
<linearGradient
x1="36.357143"
y1="6"
x2="36.357143"
y2="63.893143"
id="linearGradient3188"
xlink:href="#linearGradient3737"
gradientUnits="userSpaceOnUse" />
<filter
x="-0.192"
y="-0.192"
width="1.3839999"
height="1.3839999"
color-interpolation-filters="sRGB"
id="filter3794">
<feGaussianBlur
id="feGaussianBlur3796"
stdDeviation="5.28" />
</filter>
<linearGradient
x1="48"
y1="20.220806"
x2="48"
y2="138.66119"
id="linearGradient3613"
xlink:href="#linearGradient3737"
gradientUnits="userSpaceOnUse" />
<radialGradient
cx="48"
cy="90.171875"
r="42"
fx="48"
fy="90.171875"
id="radialGradient3619"
xlink:href="#linearGradient3737"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1573129,0,0,0.99590774,-7.5510206,0.19713193)" />
<clipPath
id="clipPath3613">
<rect
width="84"
height="84"
rx="6"
ry="6"
x="6"
y="6"
id="rect3615"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
</clipPath>
<linearGradient
x1="48"
y1="90"
x2="48"
y2="5.9877172"
id="linearGradient2843"
xlink:href="#linearGradient3700"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(0,100)" />
<clipPath
id="clipPath3625">
<path
d="M 0,0 0,96 96,96 96,0 0,0 z m 12,6 72,0 c 3.324,0 6,2.676 6,6 l 0,72 c 0,3.324 -2.676,6 -6,6 L 12,90 C 8.676,90 6,87.324 6,84 L 6,12 C 6,8.676 8.676,6 12,6 z"
inkscape:connector-curvature="0"
id="path3627"
style="fill:#ffffff;fill-opacity:1;stroke:none" />
</clipPath>
<linearGradient
x1="44.512066"
y1="6"
x2="44.512066"
y2="90.015434"
id="linearGradient3643"
xlink:href="#linearGradient3637"
gradientUnits="userSpaceOnUse" />
<clipPath
id="clipPath3649">
<rect
width="76"
height="76"
rx="4"
ry="4"
x="10"
y="10"
id="rect3651"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
</clipPath>
<filter
color-interpolation-filters="sRGB"
id="filter3657">
<feGaussianBlur
id="feGaussianBlur3659"
stdDeviation="1.14" />
</filter>
<linearGradient
x1="45.447727"
y1="92.539597"
x2="45.447727"
y2="7.0165396"
id="ButtonShadow-0"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.0058652,0,0,0.994169,100,0)">
<stop
id="stop3750-8"
style="stop-color:#000000;stop-opacity:1"
offset="0" />
<stop
id="stop3752-5"
style="stop-color:#000000;stop-opacity:0.58823532"
offset="1" />
</linearGradient>
<linearGradient
x1="32.251034"
y1="6.1317081"
x2="32.251034"
y2="90.238609"
id="linearGradient3780"
xlink:href="#ButtonShadow-0"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.0238095,0,0,-1.0119048,-1.1428571,98.071429)" />
<linearGradient
x1="32.251034"
y1="6.1317081"
x2="32.251034"
y2="90.238609"
id="linearGradient3772"
xlink:href="#ButtonShadow-0"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.0238095,0,0,-1.0119048,-1.1428571,98.071429)" />
<linearGradient
x1="32.251034"
y1="6.1317081"
x2="32.251034"
y2="90.238609"
id="linearGradient3725"
xlink:href="#ButtonShadow-0"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.0238095,0,0,-1.0119048,-1.1428571,98.071429)" />
<linearGradient
x1="32.251034"
y1="6.1317081"
x2="32.251034"
y2="90.238609"
id="linearGradient3721"
xlink:href="#ButtonShadow-0"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1,0,0,-1,0,97)" />
<linearGradient
x1="32.251034"
y1="6.1317081"
x2="32.251034"
y2="90.238609"
id="linearGradient3199"
xlink:href="#ButtonShadow-0"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.0238095,0,0,-1.0119048,-1.1428571,98.071429)" />
<linearGradient
x1="36.357143"
y1="6"
x2="36.357143"
y2="63.893143"
id="linearGradient3188-8"
xlink:href="#linearGradient3737-3"
gradientUnits="userSpaceOnUse" />
<linearGradient
id="linearGradient3737-3">
<stop
id="stop3739-6"
style="stop-color:#ffffff;stop-opacity:1"
offset="0" />
<stop
id="stop3741-1"
style="stop-color:#ffffff;stop-opacity:0"
offset="1" />
</linearGradient>
<radialGradient
cx="48"
cy="90.171875"
r="42"
fx="48"
fy="90.171875"
id="radialGradient3619-3"
xlink:href="#linearGradient3737-3"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1573129,0,0,0.99590774,-7.551021,0.1971319)" />
<linearGradient
x1="104"
y1="8"
x2="120"
y2="8"
id="linearGradient3905"
xlink:href="#linearGradient3637"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(-104,104)" />
<linearGradient
x1="104"
y1="8"
x2="120"
y2="8"
id="linearGradient3913"
xlink:href="#linearGradient3183-0"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(-144,104)" />
<linearGradient
id="linearGradient3183-0">
<stop
id="stop3185-9"
style="stop-color:#c80000;stop-opacity:1"
offset="0" />
<stop
id="stop3187-6"
style="stop-color:#f3604d;stop-opacity:1"
offset="1" />
</linearGradient>
<linearGradient
x1="13.262311"
y1="6.7861471"
x2="-0.53049242"
y2="6.7861471"
id="linearGradient3895"
xlink:href="#linearGradient3637"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(0,-3.770082,2.9471803,0,22.666667,72)" />
</defs>
<metadata
id="metadata2413">
<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
id="layer2"
style="display:none">
<rect
width="86"
height="85"
rx="6"
ry="6"
x="5"
y="7"
clip-path="url(#clipPath3625)"
id="rect3745"
style="opacity:0.9;fill:url(#ButtonShadow);fill-opacity:1;fill-rule:nonzero;stroke:none;filter:url(#filter3174)" />
</g>
<g
id="layer3">
<path
d="M 12,3.96875 C 6.4889098,3.96875 1.96875,8.4889098 1.96875,14 l 0,71 c 0,5.51109 4.5201597,10.03125 10.03125,10.03125 l 72,0 c 5.51109,0 10.03125,-4.52016 10.03125,-10.03125 l 0,-71 C 94.03125,8.4889097 89.51109,3.96875 84,3.96875 l -72,0 z M 12,6 84,6 c 3.324,0 6,2.676 6,6 l 0,72 c 0,3.324 -2.676,6 -6,6 L 12,90 C 8.676,90 6,87.324 6,84 L 6,12 C 6,8.676 8.676,6 12,6 z"
inkscape:connector-curvature="0"
id="path3786"
style="opacity:0.07999998;fill:url(#linearGradient3199);fill-opacity:1;fill-rule:nonzero;stroke:none;display:inline" />
<path
d="M 12,4.96875 C 7.0283671,4.96875 2.96875,9.0283671 2.96875,14 l 0,71 c 0,4.971633 4.059617,9.03125 9.03125,9.03125 l 72,0 c 4.971633,0 9.03125,-4.059617 9.03125,-9.03125 l 0,-71 C 93.03125,9.028367 88.971633,4.96875 84,4.96875 l -72,0 z M 12,6 84,6 c 3.324,0 6,2.676 6,6 l 0,72 c 0,3.324 -2.676,6 -6,6 L 12,90 C 8.676,90 6,87.324 6,84 L 6,12 C 6,8.676 8.676,6 12,6 z"
inkscape:connector-curvature="0"
id="path3778"
style="opacity:0.1;fill:url(#linearGradient3780);fill-opacity:1;fill-rule:nonzero;stroke:none;display:inline" />
<path
d="M 11.1875,6.03125 C 7.159982,6.4419011 4,9.8664375 4,14 l 0,71 c 0,4.409133 3.590867,8 8,8 l 72,0 c 4.409133,0 8,-3.590867 8,-8 L 92,14 C 92,9.8029382 88.741028,6.3539584 84.625,6.03125 87.657886,6.337417 90,8.88375 90,12 l 0,72 c 0,3.324 -2.676,6 -6,6 L 12,90 C 8.676,90 6,87.324 6,84 L 6,12 c 0,-3.11625 2.342114,-5.662583 5.375,-5.96875 -0.06227,0.00488 -0.12563,-0.00631 -0.1875,0 z"
inkscape:connector-curvature="0"
id="path3770"
style="opacity:0.2;fill:url(#linearGradient3772);fill-opacity:1;fill-rule:nonzero;stroke:none;display:inline" />
<path
d="M 6.4375,9.75 C 5.5380109,10.927446 5,12.397277 5,14 l 0,71 c 0,3.878 3.122,7 7,7 l 72,0 c 3.878,0 7,-3.122 7,-7 L 91,14 C 91,12.397277 90.461989,10.927446 89.5625,9.75 89.841816,10.444095 90,11.203625 90,12 l 0,72 c 0,3.324 -2.676,6 -6,6 L 12,90 C 8.676,90 6,87.324 6,84 L 6,12 C 6,11.203625 6.1581836,10.444095 6.4375,9.75 z"
inkscape:connector-curvature="0"
id="rect3723"
style="opacity:0.3;fill:url(#linearGradient3725);fill-opacity:1;fill-rule:nonzero;stroke:none;display:inline" />
<path
d="m 6,84 0,1 c 0,3.324 2.676,6 6,6 l 72,0 c 3.324,0 6,-2.676 6,-6 l 0,-1 c 0,3.324 -2.676,6 -6,6 L 12,90 C 8.676,90 6,87.324 6,84 z"
inkscape:connector-curvature="0"
id="rect3716"
style="opacity:0.45;fill:url(#linearGradient3721);fill-opacity:1;fill-rule:nonzero;stroke:none;display:inline" />
</g>
<g
id="layer1"
style="display:none">
<rect
width="84"
height="84"
rx="6"
ry="6"
x="6"
y="6"
id="rect2419"
style="opacity:0.8;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none" />
<path
d="m 14,10 c -2.216,0 -4,1.784 -4,4 l 0,68 c 0,2.216 1.784,4 4,4 l 68,0 c 2.216,0 4,-1.784 4,-4 l 0,-68 c 0,-2.216 -1.784,-4 -4,-4 l -68,0 z m 0,3.0625 68,0 c 0.578769,0 0.9375,0.358731 0.9375,0.9375 l 0,68 c 0,0.578769 -0.358731,0.9375 -0.9375,0.9375 l -68,0 c -0.578769,0 -0.9375,-0.358731 -0.9375,-0.9375 l 0,-68 c 0,-0.578769 0.358731,-0.9375 0.9375,-0.9375 z"
inkscape:connector-curvature="0"
id="rect3726"
style="opacity:0.07999998;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none" />
<path
d="M 12,6 C 8.676,6 6,8.676 6,12 l 0,72 c 0,3.324 2.676,6 6,6 l 72,0 c 3.324,0 6,-2.676 6,-6 L 90,12 C 90,8.676 87.324,6 84,6 L 12,6 z m 2,4 68,0 c 2.216,0 4,1.784 4,4 l 0,68 c 0,2.216 -1.784,4 -4,4 l -68,0 c -2.216,0 -4,-1.784 -4,-4 l 0,-68 c 0,-2.216 1.784,-4 4,-4 z"
inkscape:connector-curvature="0"
id="rect3629"
style="fill:url(#linearGradient3643);fill-opacity:1;fill-rule:nonzero;stroke:none" />
<path
d="M 12,6 C 8.676,6 6,8.676 6,12 l 0,2 0,68 0,2 c 0,0.334721 0.04135,0.6507 0.09375,0.96875 0.0487,0.295596 0.09704,0.596915 0.1875,0.875 0.00988,0.03038 0.020892,0.0636 0.03125,0.09375 0.098865,0.287771 0.2348802,0.547452 0.375,0.8125 0.1445918,0.273507 0.3156161,0.535615 0.5,0.78125 0.1843839,0.245635 0.3737765,0.473472 0.59375,0.6875 0.439947,0.428056 0.94291,0.814526 1.5,1.09375 0.278545,0.139612 0.5734731,0.246947 0.875,0.34375 -0.2562018,-0.100222 -0.4867109,-0.236272 -0.71875,-0.375 -0.00741,-0.0044 -0.023866,0.0045 -0.03125,0 -0.031933,-0.0193 -0.062293,-0.04251 -0.09375,-0.0625 -0.120395,-0.0767 -0.2310226,-0.163513 -0.34375,-0.25 -0.1061728,-0.0808 -0.2132809,-0.161112 -0.3125,-0.25 C 8.4783201,88.557317 8.3087904,88.373362 8.15625,88.1875 8.0486711,88.057245 7.9378561,87.922215 7.84375,87.78125 7.818661,87.74287 7.805304,87.69538 7.78125,87.65625 7.716487,87.553218 7.6510225,87.451733 7.59375,87.34375 7.4927417,87.149044 7.3880752,86.928049 7.3125,86.71875 7.30454,86.69694 7.288911,86.6782 7.28125,86.65625 7.2494249,86.5643 7.2454455,86.469419 7.21875,86.375 7.1884177,86.268382 7.1483606,86.171969 7.125,86.0625 7.0521214,85.720988 7,85.364295 7,85 L 7,83 7,15 7,13 C 7,10.218152 9.2181517,8 12,8 l 2,0 68,0 2,0 c 2.781848,0 5,2.218152 5,5 l 0,2 0,68 0,2 c 0,0.364295 -0.05212,0.720988 -0.125,1.0625 -0.04415,0.206893 -0.08838,0.397658 -0.15625,0.59375 -0.0077,0.02195 -0.0233,0.04069 -0.03125,0.0625 -0.06274,0.173739 -0.138383,0.367449 -0.21875,0.53125 -0.04158,0.0828 -0.07904,0.169954 -0.125,0.25 -0.0546,0.09721 -0.126774,0.18835 -0.1875,0.28125 -0.09411,0.140965 -0.204921,0.275995 -0.3125,0.40625 -0.143174,0.17445 -0.303141,0.346998 -0.46875,0.5 -0.01117,0.0102 -0.01998,0.02115 -0.03125,0.03125 -0.138386,0.125556 -0.285091,0.234436 -0.4375,0.34375 -0.102571,0.07315 -0.204318,0.153364 -0.3125,0.21875 -0.0074,0.0045 -0.02384,-0.0044 -0.03125,0 -0.232039,0.138728 -0.462548,0.274778 -0.71875,0.375 0.301527,-0.0968 0.596455,-0.204138 0.875,-0.34375 0.55709,-0.279224 1.060053,-0.665694 1.5,-1.09375 0.219973,-0.214028 0.409366,-0.441865 0.59375,-0.6875 0.184384,-0.245635 0.355408,-0.507743 0.5,-0.78125 0.14012,-0.265048 0.276135,-0.524729 0.375,-0.8125 0.01041,-0.03078 0.02133,-0.06274 0.03125,-0.09375 0.09046,-0.278085 0.1388,-0.579404 0.1875,-0.875 C 89.95865,84.6507 90,84.334721 90,84 l 0,-2 0,-68 0,-2 C 90,8.676 87.324,6 84,6 L 12,6 z"
inkscape:connector-curvature="0"
id="rect3728"
style="fill:url(#linearGradient3188);fill-opacity:1;fill-rule:nonzero;stroke:none" />
<path
d="M 12,90 C 8.676,90 6,87.324 6,84 L 6,82 6,14 6,12 c 0,-0.334721 0.04135,-0.6507 0.09375,-0.96875 0.0487,-0.295596 0.09704,-0.596915 0.1875,-0.875 C 6.29113,10.12587 6.302142,10.09265 6.3125,10.0625 6.411365,9.774729 6.5473802,9.515048 6.6875,9.25 6.8320918,8.976493 7.0031161,8.714385 7.1875,8.46875 7.3718839,8.223115 7.5612765,7.995278 7.78125,7.78125 8.221197,7.353194 8.72416,6.966724 9.28125,6.6875 9.559795,6.547888 9.8547231,6.440553 10.15625,6.34375 9.9000482,6.443972 9.6695391,6.580022 9.4375,6.71875 c -0.00741,0.0044 -0.023866,-0.0045 -0.03125,0 -0.031933,0.0193 -0.062293,0.04251 -0.09375,0.0625 -0.120395,0.0767 -0.2310226,0.163513 -0.34375,0.25 -0.1061728,0.0808 -0.2132809,0.161112 -0.3125,0.25 C 8.4783201,7.442683 8.3087904,7.626638 8.15625,7.8125 8.0486711,7.942755 7.9378561,8.077785 7.84375,8.21875 7.818661,8.25713 7.805304,8.30462 7.78125,8.34375 7.716487,8.446782 7.6510225,8.548267 7.59375,8.65625 7.4927417,8.850956 7.3880752,9.071951 7.3125,9.28125 7.30454,9.30306 7.288911,9.3218 7.28125,9.34375 7.2494249,9.4357 7.2454455,9.530581 7.21875,9.625 7.1884177,9.731618 7.1483606,9.828031 7.125,9.9375 7.0521214,10.279012 7,10.635705 7,11 l 0,2 0,68 0,2 c 0,2.781848 2.2181517,5 5,5 l 2,0 68,0 2,0 c 2.781848,0 5,-2.218152 5,-5 l 0,-2 0,-68 0,-2 C 89,10.635705 88.94788,10.279012 88.875,9.9375 88.83085,9.730607 88.78662,9.539842 88.71875,9.34375 88.71105,9.3218 88.69545,9.30306 88.6875,9.28125 88.62476,9.107511 88.549117,8.913801 88.46875,8.75 88.42717,8.6672 88.38971,8.580046 88.34375,8.5 88.28915,8.40279 88.216976,8.31165 88.15625,8.21875 88.06214,8.077785 87.951329,7.942755 87.84375,7.8125 87.700576,7.63805 87.540609,7.465502 87.375,7.3125 87.36383,7.3023 87.35502,7.29135 87.34375,7.28125 87.205364,7.155694 87.058659,7.046814 86.90625,6.9375 86.803679,6.86435 86.701932,6.784136 86.59375,6.71875 c -0.0074,-0.0045 -0.02384,0.0044 -0.03125,0 -0.232039,-0.138728 -0.462548,-0.274778 -0.71875,-0.375 0.301527,0.0968 0.596455,0.204138 0.875,0.34375 0.55709,0.279224 1.060053,0.665694 1.5,1.09375 0.219973,0.214028 0.409366,0.441865 0.59375,0.6875 0.184384,0.245635 0.355408,0.507743 0.5,0.78125 0.14012,0.265048 0.276135,0.524729 0.375,0.8125 0.01041,0.03078 0.02133,0.06274 0.03125,0.09375 0.09046,0.278085 0.1388,0.579404 0.1875,0.875 C 89.95865,11.3493 90,11.665279 90,12 l 0,2 0,68 0,2 c 0,3.324 -2.676,6 -6,6 l -72,0 z"
inkscape:connector-curvature="0"
id="path3615"
style="opacity:0.6;fill:url(#radialGradient3619);fill-opacity:1;fill-rule:nonzero;stroke:none" />
<rect
width="84"
height="84"
rx="6"
ry="6"
x="6"
y="106"
id="rect2841"
style="fill:url(#linearGradient2843);fill-opacity:1;fill-rule:nonzero;stroke:none" />
<rect
width="76"
height="76"
rx="4"
ry="4"
x="10"
y="110"
id="rect3634"
style="fill:#ff0000;fill-opacity:1;fill-rule:nonzero;stroke:none" />
<path
d="m 14,9 c -2.752703,0 -5,2.247297 -5,5 l 0,68 c 0,2.752703 2.247297,5 5,5 l 68,0 c 2.752703,0 5,-2.247297 5,-5 L 87,14 C 87,11.247297 84.752703,9 82,9 L 14,9 z m 0,2 68,0 c 1.679297,0 3,1.320703 3,3 l 0,68 c 0,1.679297 -1.320703,3 -3,3 l -68,0 c -1.679297,0 -3,-1.320703 -3,-3 l 0,-68 c 0,-1.679297 1.320703,-3 3,-3 z"
inkscape:connector-curvature="0"
transform="translate(-110,0)"
clip-path="url(#clipPath3649)"
id="rect3647"
style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;color:#000000;fill:#000000;fill-opacity:1;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible;filter:url(#filter3657);enable-background:accumulate;font-family:Abandoned Bitplane;-inkscape-font-specification:Abandoned Bitplane" />
<path
d="m 14.089286,10 c -2.216,0 -4,1.784 -4,4 l 0,68 c 0,2.216 1.784,4 4,4 l 68,0 c 2.216,0 4,-1.784 4,-4 l 0,-68 c 0,-2.216 -1.784,-4 -4,-4 l -68,0 z m 0,2 68,0 c 1.140301,0 2,0.859699 2,2 l 0,68 c 0,1.140301 -0.859699,2 -2,2 l -68,0 c -1.140301,0 -2,-0.859699 -2,-2 l 0,-68 c 0,-1.140301 0.859699,-2 2,-2 z"
inkscape:connector-curvature="0"
id="path3709"
style="opacity:0.16000001;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none" />
<path
d="m 14,10 c -2.216,0 -4,1.784 -4,4 l 0,68 c 0,2.216 1.784,4 4,4 l 68,0 c 2.216,0 4,-1.784 4,-4 l 0,-68 c 0,-2.216 -1.784,-4 -4,-4 l -68,0 z m 0,1 68,0 c 1.673848,0 3,1.326152 3,3 l 0,68 c 0,1.673848 -1.326152,3 -3,3 l -68,0 c -1.673848,0 -3,-1.326152 -3,-3 l 0,-68 c 0,-1.673848 1.326152,-3 3,-3 z"
inkscape:connector-curvature="0"
id="path3707"
style="opacity:0.36000001;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none" />
</g>
<g
id="layer4"
style="display:inline">
<rect
width="84"
height="84"
rx="6"
ry="6"
x="6"
y="6"
id="rect2419-9"
style="opacity:0.6;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;display:inline" />
<path
d="M 12,6 C 8.676,6 6,8.676 6,12 l 0,2 0,68 0,2 c 0,0.334721 0.04135,0.6507 0.09375,0.96875 0.0487,0.295596 0.09704,0.596915 0.1875,0.875 0.00988,0.03038 0.020892,0.0636 0.03125,0.09375 0.098865,0.287771 0.2348802,0.547452 0.375,0.8125 0.1445918,0.273507 0.3156161,0.535615 0.5,0.78125 0.1843839,0.245635 0.3737765,0.473472 0.59375,0.6875 0.439947,0.428056 0.94291,0.814526 1.5,1.09375 0.278545,0.139612 0.5734731,0.246947 0.875,0.34375 -0.2562018,-0.100222 -0.4867109,-0.236272 -0.71875,-0.375 -0.00741,-0.0044 -0.023866,0.0045 -0.03125,0 -0.031933,-0.0193 -0.062293,-0.04251 -0.09375,-0.0625 -0.120395,-0.0767 -0.2310226,-0.163513 -0.34375,-0.25 -0.1061728,-0.0808 -0.2132809,-0.161112 -0.3125,-0.25 C 8.4783201,88.557317 8.3087904,88.373362 8.15625,88.1875 8.0486711,88.057245 7.9378561,87.922215 7.84375,87.78125 7.818661,87.74287 7.805304,87.69538 7.78125,87.65625 7.716487,87.553218 7.6510225,87.451733 7.59375,87.34375 7.4927417,87.149044 7.3880752,86.928049 7.3125,86.71875 7.30454,86.69694 7.288911,86.6782 7.28125,86.65625 7.2494249,86.5643 7.2454455,86.469419 7.21875,86.375 7.1884177,86.268382 7.1483606,86.171969 7.125,86.0625 7.0521214,85.720988 7,85.364295 7,85 L 7,83 7,15 7,13 C 7,10.218152 9.2181517,8 12,8 l 2,0 68,0 2,0 c 2.781848,0 5,2.218152 5,5 l 0,2 0,68 0,2 c 0,0.364295 -0.05212,0.720988 -0.125,1.0625 -0.04415,0.206893 -0.08838,0.397658 -0.15625,0.59375 -0.0077,0.02195 -0.0233,0.04069 -0.03125,0.0625 -0.06274,0.173739 -0.138383,0.367449 -0.21875,0.53125 -0.04158,0.0828 -0.07904,0.169954 -0.125,0.25 -0.0546,0.09721 -0.126774,0.18835 -0.1875,0.28125 -0.09411,0.140965 -0.204921,0.275995 -0.3125,0.40625 -0.143174,0.17445 -0.303141,0.346998 -0.46875,0.5 -0.01117,0.0102 -0.01998,0.02115 -0.03125,0.03125 -0.138386,0.125556 -0.285091,0.234436 -0.4375,0.34375 -0.102571,0.07315 -0.204318,0.153364 -0.3125,0.21875 -0.0074,0.0045 -0.02384,-0.0044 -0.03125,0 -0.232039,0.138728 -0.462548,0.274778 -0.71875,0.375 0.301527,-0.0968 0.596455,-0.204138 0.875,-0.34375 0.55709,-0.279224 1.060053,-0.665694 1.5,-1.09375 0.219973,-0.214028 0.409366,-0.441865 0.59375,-0.6875 0.184384,-0.245635 0.355408,-0.507743 0.5,-0.78125 0.14012,-0.265048 0.276135,-0.524729 0.375,-0.8125 0.01041,-0.03078 0.02133,-0.06274 0.03125,-0.09375 0.09046,-0.278085 0.1388,-0.579404 0.1875,-0.875 C 89.95865,84.6507 90,84.334721 90,84 l 0,-2 0,-68 0,-2 C 90,8.676 87.324,6 84,6 L 12,6 z"
inkscape:connector-curvature="0"
id="rect3728-4"
style="opacity:0.01000001;fill:url(#linearGradient3188-8);fill-opacity:1;fill-rule:nonzero;stroke:none;display:inline" />
<path
d="M 12,90 C 8.676,90 6,87.324 6,84 L 6,82 6,14 6,12 c 0,-0.334721 0.04135,-0.6507 0.09375,-0.96875 0.0487,-0.295596 0.09704,-0.596915 0.1875,-0.875 C 6.29113,10.12587 6.302142,10.09265 6.3125,10.0625 6.411365,9.774729 6.5473802,9.515048 6.6875,9.25 6.8320918,8.976493 7.0031161,8.714385 7.1875,8.46875 7.3718839,8.223115 7.5612765,7.995278 7.78125,7.78125 8.221197,7.353194 8.72416,6.966724 9.28125,6.6875 9.559795,6.547888 9.8547231,6.440553 10.15625,6.34375 9.9000482,6.443972 9.6695391,6.580022 9.4375,6.71875 c -0.00741,0.0044 -0.023866,-0.0045 -0.03125,0 -0.031933,0.0193 -0.062293,0.04251 -0.09375,0.0625 -0.120395,0.0767 -0.2310226,0.163513 -0.34375,0.25 -0.1061728,0.0808 -0.2132809,0.161112 -0.3125,0.25 C 8.4783201,7.442683 8.3087904,7.626638 8.15625,7.8125 8.0486711,7.942755 7.9378561,8.077785 7.84375,8.21875 7.818661,8.25713 7.805304,8.30462 7.78125,8.34375 7.716487,8.446782 7.6510225,8.548267 7.59375,8.65625 7.4927417,8.850956 7.3880752,9.071951 7.3125,9.28125 7.30454,9.30306 7.288911,9.3218 7.28125,9.34375 7.2494249,9.4357 7.2454455,9.530581 7.21875,9.625 7.1884177,9.731618 7.1483606,9.828031 7.125,9.9375 7.0521214,10.279012 7,10.635705 7,11 l 0,2 0,68 0,2 c 0,2.781848 2.2181517,5 5,5 l 2,0 68,0 2,0 c 2.781848,0 5,-2.218152 5,-5 l 0,-2 0,-68 0,-2 C 89,10.635705 88.94788,10.279012 88.875,9.9375 88.83085,9.730607 88.78662,9.539842 88.71875,9.34375 88.71105,9.3218 88.69545,9.30306 88.6875,9.28125 88.62476,9.107511 88.549117,8.913801 88.46875,8.75 88.42717,8.6672 88.38971,8.580046 88.34375,8.5 88.28915,8.40279 88.216976,8.31165 88.15625,8.21875 88.06214,8.077785 87.951329,7.942755 87.84375,7.8125 87.700576,7.63805 87.540609,7.465502 87.375,7.3125 87.36383,7.3023 87.35502,7.29135 87.34375,7.28125 87.205364,7.155694 87.058659,7.046814 86.90625,6.9375 86.803679,6.86435 86.701932,6.784136 86.59375,6.71875 c -0.0074,-0.0045 -0.02384,0.0044 -0.03125,0 -0.232039,-0.138728 -0.462548,-0.274778 -0.71875,-0.375 0.301527,0.0968 0.596455,0.204138 0.875,0.34375 0.55709,0.279224 1.060053,0.665694 1.5,1.09375 0.219973,0.214028 0.409366,0.441865 0.59375,0.6875 0.184384,0.245635 0.355408,0.507743 0.5,0.78125 0.14012,0.265048 0.276135,0.524729 0.375,0.8125 0.01041,0.03078 0.02133,0.06274 0.03125,0.09375 0.09046,0.278085 0.1388,0.579404 0.1875,0.875 C 89.95865,11.3493 90,11.665279 90,12 l 0,2 0,68 0,2 c 0,3.324 -2.676,6 -6,6 l -72,0 z"
inkscape:connector-curvature="0"
id="path3615-6"
style="opacity:0.15;fill:url(#radialGradient3619-3);fill-opacity:1;fill-rule:nonzero;stroke:none;display:inline" />
</g>
<g
id="layer5"
style="display:none">
<rect
width="66"
height="66"
rx="12"
ry="12"
x="15"
y="15"
clip-path="url(#clipPath3613)"
id="rect3171"
style="opacity:0.1;fill:url(#linearGradient3613);fill-opacity:1;fill-rule:nonzero;stroke:#ffffff;stroke-width:0.5;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;filter:url(#filter3794)" />
</g>
<g
id="layer6"
style="display:inline">
<path
d="m 31,21 c -4.518168,-0.152114 -8.196914,4.790994 -6.682657,9.070157 1.168485,4.206336 6.633329,6.338607 10.298743,3.90927 3.69851,-2.078135 4.537399,-7.63386 1.554663,-10.673854 C 34.868181,21.860599 32.949492,20.988754 31,21 z m 0,14 c -4.518168,-0.152114 -8.196914,4.790994 -6.682657,9.070157 1.168485,4.206336 6.633329,6.338607 10.298743,3.90927 3.69851,-2.078135 4.537399,-7.63386 1.554663,-10.673854 C 34.868181,35.860599 32.949492,34.988754 31,35 z m 0,14 c -4.518168,-0.152114 -8.196914,4.790994 -6.682657,9.070157 1.168485,4.206336 6.633329,6.338607 10.298743,3.90927 3.69851,-2.078135 4.537399,-7.63386 1.554663,-10.673854 C 34.868181,49.860599 32.949492,48.988754 31,49 z m 0,14 c -4.518168,-0.152114 -8.196914,4.790994 -6.682657,9.070157 1.168485,4.206336 6.633329,6.338607 10.298743,3.90927 3.69851,-2.078135 4.537399,-7.63386 1.554663,-10.673854 C 34.868181,63.860599 32.949492,62.988754 31,63 z M 51.78125,21 c -1.427825,0.07608 -2.106859,1.620355 -1.875,2.892932 0,4.306523 0,8.613045 0,12.919568 -2.194046,0.07527 -4.423728,-0.155669 -6.59375,0.125 -1.476775,0.514018 -1.676031,2.57955 -0.517043,3.538141 4.522193,5.981714 8.995875,12.007802 13.548293,17.961859 1.05223,1.067003 2.819803,0.425522 3.377003,-0.850448 4.355532,-5.980788 8.777354,-11.931274 13.091747,-17.930802 0.72873,-1.392532 -0.622564,-3.108805 -2.141394,-2.84375 -1.890369,0 -3.780737,0 -5.671106,0 C 64.97905,32.116292 65.04182,27.406499 64.96875,22.71875 64.817548,21.355139 63.323875,20.790868 62.107068,21 c -3.44194,0 -6.883879,0 -10.325818,0 z"
inkscape:connector-curvature="0"
id="path3925"
style="opacity:0.1;fill:#000000;fill-opacity:1;stroke:none;display:inline" />
<path
d="m 31,22 c -3.295956,0 -6,2.704044 -6,6 0,3.295956 2.704044,6 6,6 3.295956,0 6,-2.704044 6,-6 0,-3.295956 -2.704044,-6 -6,-6 z m 20.90625,0 a 0.98916759,0.98916759 0 0 0 -1,1 l 0,14.8125 -6.90625,0 a 0.98916759,0.98916759 0 0 0 -0.78125,1.59375 l 13.6875,18.1875 a 0.98916759,0.98916759 0 0 0 1.59375,0 L 71.8125,39.40625 A 0.98916759,0.98916759 0 0 0 71,37.8125 l -7,0 L 64,23 A 0.98916759,0.98916759 0 0 0 63,22 L 51.90625,22 z M 31,36 c -3.295956,0 -6,2.704044 -6,6 0,3.295956 2.704044,6 6,6 3.295956,0 6,-2.704044 6,-6 0,-3.295956 -2.704044,-6 -6,-6 z m 0,14 c -3.295956,0 -6,2.704044 -6,6 0,3.295956 2.704044,6 6,6 3.295956,0 6,-2.704044 6,-6 0,-3.295956 -2.704044,-6 -6,-6 z m 0,14 c -3.295956,0 -6,2.704044 -6,6 0,3.295956 2.704044,6 6,6 3.295956,0 6,-2.704044 6,-6 0,-3.295956 -2.704044,-6 -6,-6 z"
id="path3921"
style="opacity:0.15;fill:#000000;fill-opacity:1;stroke:none;display:inline" />
<path
d="m 31,23 c -2.761423,0 -5,2.238577 -5,5 0,2.761423 2.238577,5 5,5 2.761423,0 5,-2.238577 5,-5 0,-2.761423 -2.238577,-5 -5,-5 z m 20.90625,0 0,15.8125 L 44,38.8125 57.6875,57 71,38.8125 l -8,0 L 63,23 51.90625,23 z M 31,37 c -2.761423,0 -5,2.238577 -5,5 0,2.761423 2.238577,5 5,5 2.761423,0 5,-2.238577 5,-5 0,-2.761423 -2.238577,-5 -5,-5 z m 0,14 c -2.761423,0 -5,2.238577 -5,5 0,2.761423 2.238577,5 5,5 2.761423,0 5,-2.238577 5,-5 0,-2.761423 -2.238577,-5 -5,-5 z m 0,14 c -2.761423,0 -5,2.238577 -5,5 0,2.761423 2.238577,5 5,5 2.761423,0 5,-2.238577 5,-5 0,-2.761423 -2.238577,-5 -5,-5 z"
inkscape:connector-curvature="0"
id="path3915"
style="opacity:0.3;fill:#000000;fill-opacity:1;stroke:none;display:inline" />
<rect
width="16"
height="16"
x="0"
y="104"
transform="matrix(0,1,1,0,0,0)"
id="rect3897"
style="color:#000000;fill:url(#linearGradient3905);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
<text
x="104"
y="48"
id="text3907"
xml:space="preserve"
style="font-size:4px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;font-family:Liberation Sans;-inkscape-font-specification:Liberation Sans"><tspan
x="104"
y="48"
id="tspan3909">Shadow opacity : 30, 15, 10, (8)</tspan></text>
<rect
width="16"
height="16"
x="-40"
y="104"
transform="matrix(0,-1,1,0,0,0)"
id="rect3911"
style="color:#000000;fill:url(#linearGradient3913);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
<text
x="124"
y="32"
id="text3951"
xml:space="preserve"
style="font-size:4px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;font-family:Liberation Sans;-inkscape-font-specification:Liberation Sans"><tspan
x="124"
y="32"
id="tspan3953">Bevel opacity : 30 / 10</tspan></text>
<text
x="124"
y="8"
id="text3955"
xml:space="preserve"
style="font-size:4px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;font-family:Liberation Sans;-inkscape-font-specification:Liberation Sans"><tspan
x="124"
y="8"
id="tspan3957">Bevel opacity : 75 / 15</tspan></text>
<path
d="m 31,22 c -2.761423,0 -5,2.238577 -5,5 0,2.761423 2.238577,5 5,5 2.761423,0 5,-2.238577 5,-5 0,-2.761423 -2.238577,-5 -5,-5 z m 20.90625,0 0,15.8125 L 44,37.8125 57.6875,56 71,37.8125 l -8,0 L 63,22 51.90625,22 z M 31,36 c -2.761423,0 -5,2.238577 -5,5 0,2.761423 2.238577,5 5,5 2.761423,0 5,-2.238577 5,-5 0,-2.761423 -2.238577,-5 -5,-5 z m 0,14 c -2.761423,0 -5,2.238577 -5,5 0,2.761423 2.238577,5 5,5 2.761423,0 5,-2.238577 5,-5 0,-2.761423 -2.238577,-5 -5,-5 z m 0,14 c -2.761423,0 -5,2.238577 -5,5 0,2.761423 2.238577,5 5,5 2.761423,0 5,-2.238577 5,-5 0,-2.761423 -2.238577,-5 -5,-5 z"
inkscape:connector-curvature="0"
id="path3108"
style="fill:url(#linearGradient3895);fill-opacity:1;stroke:none;display:inline" />
<path
d="m 31,22 c -2.761423,0 -5,2.238577 -5,5 0,0.172589 0.01418,0.331915 0.03125,0.5 C 26.2873,24.97872 28.411166,23 31,23 c 2.588834,0 4.7127,1.97872 4.96875,4.5 C 35.98582,27.331915 36,27.172589 36,27 36,24.238577 33.761423,22 31,22 z m 20.90625,0 0,1 L 63,23 63,22 51.90625,22 z M 31,36 c -2.761423,0 -5,2.238577 -5,5 0,0.172589 0.01418,0.331915 0.03125,0.5 C 26.2873,38.97872 28.411166,37 31,37 c 2.588834,0 4.7127,1.97872 4.96875,4.5 C 35.98582,41.331915 36,41.172589 36,41 36,38.238577 33.761423,36 31,36 z m 13,1.8125 0.75,1 7.15625,0 0,-1 -7.90625,0 z m 19,0 0,1 7.28125,0 0.71875,-1 -8,0 z M 31,50 c -2.761423,0 -5,2.238577 -5,5 0,0.172589 0.01418,0.331915 0.03125,0.5 C 26.2873,52.97872 28.411166,51 31,51 c 2.588834,0 4.7127,1.97872 4.96875,4.5 C 35.98582,55.331915 36,55.172589 36,55 36,52.238577 33.761423,50 31,50 z m 0,14 c -2.761423,0 -5,2.238577 -5,5 0,0.172589 0.01418,0.331915 0.03125,0.5 C 26.2873,66.97872 28.411166,65 31,65 c 2.588834,0 4.7127,1.97872 4.96875,4.5 C 35.98582,69.331915 36,69.172589 36,69 36,66.238577 33.761423,64 31,64 z"
inkscape:connector-curvature="0"
id="path3897"
style="opacity:0.75;fill:#ffffff;fill-opacity:1;stroke:none;display:inline" />
<path
d="M 26.03125,26.5 C 26.01418,26.668085 26,26.827411 26,27 c 0,2.761423 2.238577,5 5,5 2.761423,0 5,-2.238577 5,-5 0,-0.172589 -0.01418,-0.331915 -0.03125,-0.5 C 35.7127,29.02128 33.588834,31 31,31 28.411166,31 26.2873,29.02128 26.03125,26.5 z M 44,37.8125 57.6875,56 71,37.8125 l -0.71875,0 L 57.6875,55 44.75,37.8125 l -0.75,0 z M 26.03125,40.5 C 26.01418,40.668085 26,40.827411 26,41 c 0,2.761423 2.238577,5 5,5 2.761423,0 5,-2.238577 5,-5 0,-0.172589 -0.01418,-0.331915 -0.03125,-0.5 C 35.7127,43.02128 33.588834,45 31,45 28.411166,45 26.2873,43.02128 26.03125,40.5 z m 0,14 C 26.01418,54.668085 26,54.827411 26,55 c 0,2.761423 2.238577,5 5,5 2.761423,0 5,-2.238577 5,-5 0,-0.172589 -0.01418,-0.331915 -0.03125,-0.5 C 35.7127,57.02128 33.588834,59 31,59 28.411166,59 26.2873,57.02128 26.03125,54.5 z m 0,14 C 26.01418,68.668085 26,68.827411 26,69 c 0,2.761423 2.238577,5 5,5 2.761423,0 5,-2.238577 5,-5 0,-0.172589 -0.01418,-0.331915 -0.03125,-0.5 C 35.7127,71.02128 33.588834,73 31,73 28.411166,73 26.2873,71.02128 26.03125,68.5 z"
inkscape:connector-curvature="0"
id="path3906"
style="opacity:0.15;fill:#000000;fill-opacity:1;stroke:none;display:inline" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 35 KiB

View File

@ -103,6 +103,14 @@ if (empty($ci['bc'])) {
$listCurrentDir = listCurrentDir($path);
$listCurrentFile = listVideo($path);
if(!empty($listCurrentFile) && count($listCurrentFile) > 1 && $ci['ac'] !== 'view'){
echo '<div id="sort">
<ul>
<li><a href="?bc=',$ci['bc'],'&amp;sort=date">Date</a></li>
<li><a href="?bc=',$ci['bc'],'&amp;sort=name">Name</a></li>
</ul>
</div>';
}
echo '<div id="breadcrumb">';
$i = 1;
echo '<a href="?">Home</a> >>';
@ -118,6 +126,8 @@ if (!empty($breadcrumb)) {
}
echo '</div>';
echo '<div id="listFile">';
if (!empty($listCurrentDir) && $ci['ac'] !== 'view') {
$listCurrentDir = sortDir($listCurrentDir,$fullListDir);
foreach ($listCurrentDir as $key => $value) {
@ -130,21 +140,22 @@ if (!empty($listCurrentDir) && $ci['ac'] !== 'view') {
}
}
if (!empty($listCurrentFile) && $ci['ac'] !== 'view') {
$listCurrentFile = sortFile($listCurrentFile, $fullListFile);
$listCurrentFile = sortFile($listCurrentFile, $fullListFile,$ci['sort']);
foreach ($listCurrentFile as $key => $value) {
if ($key == 'thumb') {
continue;
}
echo '<a href="?bc=', $ci['bc'], '&amp;file=', $key, '&amp;ac=view"><span class="video"></span><img alt="', $path.$key, '" src="', $path.$key, '.jpg" />', $value, '</a>';
echo '<a href="?bc=', $ci['bc'], '&amp;file=', $key, '&amp;ac=view"><span class="video"></span><img alt="', $path.$key, '" src="', $path.$key, '.jpg" />', $value['title'], '</a>';
}
}
echo '</div>';
if (!empty($ci['ac']) && $ci['ac'] === 'view' && !empty($listCurrentFile)) {
$_SESSION['video'] = $videoInfo['hash'];
if (!empty($videoInfo)) {
if (empty($videoInfo['title'])) {
if (empty($videoInfo['title']) || empty($videoInfo['uploadDateSort'])) {
$fullTitle = $videoInfo['originalTitle'];
updateFileTitle($videoInfo['hash'], $fullTitle);
$uploadDate = $videoInfo['uploadDate'];
updateFileInfo($videoInfo['hash'], $fullTitle, $uploadDate);
} else {
$fullTitle = $videoInfo['title'].' ('.$videoInfo['originalTitle'].')';
}
@ -194,7 +205,7 @@ if (!empty($ci['ac']) && $ci['ac'] === 'view' && !empty($listCurrentFile)) {
</tr>
<tr>
<th>Url</th>
<td><a href="', htmlentities($videoInfo['url']), '">', $videoInfo['url'], '</a></td>
<td><a href="', htmlentities($videoInfo['url']), '">', $videoInfo['url'], '</a></td>
</tr>
<tr>
<th>Duration</th>
@ -207,7 +218,7 @@ if (!empty($ci['ac']) && $ci['ac'] === 'view' && !empty($listCurrentFile)) {
<th>Via</th>
<td>';
if (!empty($videoInfo['via'])) {
echo '<a href="', htmlentities($videoInfo['via']), '">', $videoInfo['via'], '</a>';
echo '<a href="', htmlentities($videoInfo['via']), '">', $videoInfo['via'], '</a>';
} else {
echo '';
}

View File

@ -186,9 +186,9 @@ function n_print($data, $name = '') {
<fieldset style="border: 1px solid orange; padding: 5px;color:#1E1915; background-color: #fff;">';
echo '
<legend style="border:1px solid orange;padding: 1px;background-color:#eee;color:orange;">
', basename($aBackTrace[0]['file']), ' ligne => ', $aBackTrace[0]['line'], '
', basename($aBackTrace[0]['file']), ' ligne => ', $aBackTrace[0]['line'], '
</legend>';
echo '<pre style="color:#1E1915;">', htmlentities(print_r($data, 1)), '</pre>';
echo '<pre style="color:#1E1915;">', htmlentities(print_r($data, 1)), '</pre>';
echo '
</fieldset>
<br />';
@ -264,9 +264,10 @@ function deleteVideo($bc, $file) {
}
}
function updateFileTitle($hash, $title) {
function updateFileInfo($hash, $title, $uploadDate) {
global $fullListFile;
$fullListFile[$hash]['title'] = $title;
$fullListFile[$hash]['uploadDateSort'] = $uploadDate;
chdir($_SERVER['DOCUMENT_ROOT']);
file_put_contents($GLOBALS['config']['LISTFILE'], "<?php\n\$fullListFile=".var_export($fullListFile, true).";\n?>");
}
@ -284,11 +285,25 @@ function sortDir($listCurrentDir, $fullListDir) {
return $rows;
}
function sortFile($listCurrentFile, $fullListFile) {
function sortFile($listCurrentFile, $fullListFile, $sort = 'name') {
foreach ($listCurrentFile as $value) {
$rows[str_replace('.jpg', '', $value)] = $fullListFile[str_replace('.jpg', '', $value)]['title'];
$hash = str_replace('.jpg', '', $value);
$rows[$hash] = array(
'uploadDateSort' => $fullListFile[$hash]['uploadDateSort'],
'title' => $fullListFile[$hash]['title']
);
}
asort($rows);
$tmp = Array();
if ($sort === 'date') {
foreach ($rows as &$ma) {
$tmp[] = &$ma["uploadDateSort"];
}
} else {
foreach ($rows as &$ma) {
$tmp[] = &$ma["title"];
}
}
array_multisort($tmp, $rows);
return $rows;
}
@ -335,6 +350,7 @@ function getVideoInfo($file, $dir, $fullListFile) {
'url' => $postInfo['url'],
'desc' => $postInfo['desc'],
'originalDesc' => htmlentities($jsonInfo -> description),
'uploadDateSort' => $postInfo['uploadDateSort'],
'uploadDate' => htmlentities($jsonInfo -> upload_date),
'format' => htmlentities($jsonInfo -> format),
'ext' => htmlentities($jsonInfo -> ext),

View File

@ -78,7 +78,7 @@ body {
vertical-align: middle;
max-height: 170px;
height: 100%;
max-width : 260px;
max-width: 260px;
}
.dir, .video {
@ -105,6 +105,43 @@ body {
height: 170px;
width: 270px;
}
#sort {
padding: 0 0 0 32px;
position: fixed;
top: 48%;
right: 0;
background-image: url("images/expand.svg");
background-position: left center;
background-repeat: no-repeat;
background-size: auto 32px;
width: 32px;
z-index: 10;
}
#sort:hover {
width: auto;
}
#sort ul {
margin: 0;
padding: 0.2em;
border: 2px solid #dfdfdf;
border-radius: 0.2em;
border-right: none;
background-color: #262626;
}
#sort li {
list-style: none;
margin: 0.4em;
}
#sort a {
padding: 0.4em;
text-decoration: none;
}
#time {
clear: both;
}