Commit a627932b authored by Alexandre Duret-Lutz's avatar Alexandre Duret-Lutz

add spot2 logo and css

parent 11e3ab65
Pipeline #3269 passed with stage
in 1 minute and 12 seconds
......@@ -5,8 +5,12 @@
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="theme-color" content="#000000">
<title>Spot's online LTL toolset</title>
<link rel="stylesheet" type="text/css" href="/spot.css" />
</head>
<body>
<object type="image/svg+xml" data="/spot2.svg" class="org-svg" id="spotlogo">
Sorry, your browser does not support SVG.</object>
<noscript>
You need to enable JavaScript to run this app.
</noscript>
......
@font-face{font-family:Lato;src:local("Lato"),local("Lato-Regular"),url("https://spot.lrde.epita.fr/Lato-Regular.ttf");}
@media screen{
#spotlogo{position:absolute;top:10px;left:10px;z-index:-1}
}
@media print{
#spotlogo{width:2cm;position:absolute;top:0px;left:0px;z-index:-1}
}
.spotlogo{transform-origin:50% 50%;animation-duration:2s;animation-name:animspotlogo}
g.spotlogobg{transform-origin:50% 50%;animation-duration:2s;animation-name:animspotlogobg}
g#version{transform-origin:50% 50%;animation-duration:3s;animation-name:animspotlogover}
@keyframes animspotlogo{
0%{transform:rotateY(90deg)}
80%{transform:rotateY(0deg)}
100%{transform:rotateY(0deg)}
}
@keyframes animspotlogobg{
0%{transform:rotateY(90deg)}
50%{transform:rotate(0deg)rotateY(0deg)}
100%{transform:rotate(360deg)rotateY(0deg)}
}
@keyframes animspotlogover{
0%{transform:scale(.9)}
50%{transform:scale(.9)}
62%{transform:scale(1.1)}
75%{transform:scale(.9)}
88%{transform:scale(1.1)}
100%{transform:scale(1)}
}
<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="spot.css" type="text/css"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="58.11pt" height="58.11pt" viewBox="0 0 58.11 58.11" version="1.1" class="spotlogo">
<defs>
<g>
<symbol overflow="visible" id="glyph0-1">
<path style="stroke:none;" d="M 0.640625 -0.84375 C 0.546875 -0.75 0.546875 -0.734375 0.546875 -0.5625 L 0.546875 -0.484375 C 0.546875 -0.125 0.65625 0 1.03125 0 L 4.453125 0 C 4.828125 0 4.921875 -0.125 4.921875 -0.484375 L 4.921875 -0.59375 C 4.921875 -0.75 4.921875 -0.953125 4.71875 -1.03125 C 4.640625 -1.078125 4.328125 -1.078125 4.125 -1.078125 C 3.90625 -1.078125 3.671875 -1.0625 3.453125 -1.0625 L 1.828125 -1.0625 L 3.15625 -2.3125 C 3.296875 -2.4375 3.671875 -2.75 3.828125 -2.890625 C 4.375 -3.421875 4.921875 -3.953125 4.921875 -4.84375 C 4.921875 -6.0625 4.046875 -7.140625 2.578125 -7.140625 C 2.234375 -7.140625 1.671875 -7.09375 1.1875 -6.703125 C 1.09375 -6.625 0.640625 -6.265625 0.453125 -5.609375 L 0.953125 -4.96875 C 1.015625 -4.890625 1.046875 -4.84375 1.109375 -4.84375 C 1.203125 -4.84375 1.21875 -4.921875 1.25 -5.03125 C 1.453125 -5.71875 1.796875 -6.140625 2.4375 -6.140625 C 3.203125 -6.140625 3.53125 -5.4375 3.53125 -4.828125 C 3.53125 -4.1875 3.15625 -3.515625 2.546875 -2.875 Z M 0.640625 -0.84375 "/>
</symbol>
</g>
</defs>
<g class="spotlogobg">
<path style=" stroke:none;fill-rule:nonzero;fill:rgb(95.529175%,40.000916%,72.940063%);fill-opacity:1;" d="M 43.226562 43.226562 L 43.226562 14.882812 L 57.402344 29.054688 Z M 43.226562 43.226562 "/>
<path style="fill:none;stroke-width:1.41731;stroke-linecap:butt;stroke-linejoin:miter;stroke:rgb(96.273804%,50%,77.449036%);stroke-opacity:1;stroke-miterlimit:10;" d="M 14.171563 -14.171563 L 14.171563 14.172187 L 28.347344 0.0003125 Z M 14.171563 -14.171563 " transform="matrix(1,0,0,-1,29.055,29.055)"/>
<path style=" stroke:none;fill-rule:nonzero;fill:rgb(0%,67.83905%,93.728638%);fill-opacity:1;" d="M 29.054688 0.707031 L 0.707031 29.054688 L 29.054688 57.402344 L 43.226562 43.226562 L 43.226562 14.882812 Z M 29.054688 0.707031 "/>
<path style="fill:none;stroke-width:1.41731;stroke-linecap:butt;stroke-linejoin:miter;stroke:rgb(30.000305%,77.487183%,95.610046%);stroke-opacity:1;stroke-miterlimit:10;" d="M -0.0003125 28.347969 L -28.347969 0.0003125 L -0.0003125 -28.347344 L 14.171563 -14.171563 L 14.171563 14.172187 Z M -0.0003125 28.347969 " transform="matrix(1,0,0,-1,29.055,29.055)"/>
</g>
<g id="version">
<path style=" stroke:none;fill-rule:nonzero;fill:rgb(100%,94.898987%,0%);fill-opacity:1;" d="M 34.84375 29.054688 C 34.84375 25.855469 32.253906 23.265625 29.054688 23.265625 C 25.855469 23.265625 23.265625 25.855469 23.265625 29.054688 C 23.265625 32.253906 25.855469 34.84375 29.054688 34.84375 C 32.253906 34.84375 34.84375 32.253906 34.84375 29.054688 Z M 34.84375 29.054688 "/>
<path style="fill:none;stroke-width:2.83466;stroke-linecap:butt;stroke-linejoin:miter;stroke:rgb(0%,0%,0%);stroke-opacity:1;stroke-miterlimit:10;" d="M 5.78875 0.0003125 C 5.78875 3.199531 3.198906 5.789375 -0.0003125 5.789375 C -3.199531 5.789375 -5.789375 3.199531 -5.789375 0.0003125 C -5.789375 -3.198906 -3.199531 -5.78875 -0.0003125 -5.78875 C 3.198906 -5.78875 5.78875 -3.198906 5.78875 0.0003125 Z M 5.78875 0.0003125 " transform="matrix(1,0,0,-1,29.055,29.055)"/>
<path style="fill:none;stroke-width:5.66934;stroke-linecap:round;stroke-linejoin:miter;stroke:rgb(0%,0%,0%);stroke-opacity:1;stroke-miterlimit:10;" d="M 10.499688 15.965156 C 9.312188 18.754219 7.015313 21.062812 3.945 22.18 C -1.941719 24.320625 -8.445625 21.289375 -10.590156 15.402656 C -11.972969 11.597969 -11.222969 7.340156 -8.621406 4.234687 C -6.465156 1.668281 -3.285469 0.187812 0.0660938 0.187812 C 6.327813 0.187812 11.405938 -4.890313 11.405938 -11.152031 C 11.405938 -17.41375 6.327813 -22.491875 0.0660938 -22.491875 C -6.195625 -22.491875 -11.27375 -17.41375 -11.27375 -11.152031 " transform="matrix(1,0,0,-1,29.055,29.055)"/>
<path style="fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;stroke-width:3.20497;stroke-linecap:round;stroke-linejoin:round;stroke:rgb(0%,0%,0%);stroke-opacity:1;stroke-miterlimit:10;" d="M 11.16375 9.187812 C 12.554375 12.344062 12.987969 16.043281 12.327813 19.937812 C 11.999688 18.230781 11.47625 16.660469 10.780938 15.238594 C 9.335625 15.695625 7.902031 15.93 6.503594 15.945625 C 8.554375 14.4925 10.210625 12.187812 11.16375 9.187812 Z M 11.16375 9.187812 " transform="matrix(1,0,0,-1,29.055,29.055)"/>
<path style="fill:none;stroke-width:2.83466;stroke-linecap:round;stroke-linejoin:miter;stroke:rgb(100%,94.898987%,0%);stroke-opacity:1;stroke-miterlimit:10;" d="M 10.515313 15.93 C 9.331719 18.734687 7.030938 21.055 3.945 22.18 C -1.941719 24.320625 -8.445625 21.289375 -10.590156 15.402656 C -11.972969 11.597969 -11.222969 7.340156 -8.621406 4.234687 C -6.465156 1.668281 -3.285469 0.187812 0.0660938 0.187812 C 6.327813 0.187812 11.405938 -4.890313 11.405938 -11.152031 C 11.405938 -17.41375 6.327813 -22.491875 0.0660938 -22.491875 C -6.195625 -22.491875 -11.27375 -17.41375 -11.27375 -11.152031 " transform="matrix(1,0,0,-1,29.055,29.055)"/>
<path style="fill-rule:nonzero;fill:rgb(100%,94.898987%,0%);fill-opacity:1;stroke-width:2.39177;stroke-linecap:round;stroke-linejoin:round;stroke:rgb(100%,94.898987%,0%);stroke-opacity:1;stroke-miterlimit:10;" d="M 11.390313 10.894844 C 12.148125 13.332344 12.366875 16.012031 12.003594 18.801094 C 11.675469 17.578437 11.249688 16.441719 10.72625 15.387031 C 9.640313 15.734687 8.566094 15.957344 7.495781 16.055 C 9.07 14.805 10.417656 13.070625 11.390313 10.894844 Z M 11.390313 10.894844 " transform="matrix(1,0,0,-1,29.055,29.055)"/>
<path style=" stroke:none;fill-rule:nonzero;fill:rgb(100%,94.898987%,0%);fill-opacity:1;" d="M 34.84375 29.054688 C 34.84375 25.855469 32.253906 23.265625 29.054688 23.265625 C 25.855469 23.265625 23.265625 25.855469 23.265625 29.054688 C 23.265625 32.253906 25.855469 34.84375 29.054688 34.84375 C 32.253906 34.84375 34.84375 32.253906 34.84375 29.054688 Z M 34.84375 29.054688 "/>
<g style="fill:rgb(0%,0%,0%);fill-opacity:1;">
<use xlink:href="#glyph0-1" x="26.315" y="32.514"/>
</g>
</g>
</svg>
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment