optimise svg and css

author: Manuel Hiebel <leuhmanu@mageia.org> 2021-01-26 21:45:12 +0100
committer: Manuel Hiebel <leuhmanu@mageia.org> 2021-01-26 21:45:12 +0100
commit: 996ec1db5c2d7bf9140a179505cd840f5df27f91 (patch)
tree: 728e24fe13aca94e22568dd271339cab6bd3101c /test
parent: 86b8cc658395332841d140cf0bb23a72de693645 (diff)
download: www-996ec1db5c2d7bf9140a179505cd840f5df27f91.tar
www-996ec1db5c2d7bf9140a179505cd840f5df27f91.tar.gz
www-996ec1db5c2d7bf9140a179505cd840f5df27f91.tar.bz2
www-996ec1db5c2d7bf9140a179505cd840f5df27f91.tar.xz
www-996ec1db5c2d7bf9140a179505cd840f5df27f91.zip
1 files changed, 18 insertions, 39 deletions
diff --git a/test/mga8.php b/test/mga8.php
index e9c9c3cd7..f18ca80d4 100644
--- a/test/mga8.php
+++ b/test/mga8.php
@@ -82,7 +82,6 @@ $rtl = is_locale_rtl($locale);
         /**/
     }
     #dl-btn-mageia {
-        /* background: url(/g/media/logo/mageia-2013-anim.svg) no-repeat; */
         width: 204px;
         height: 82px;
         display: block; 
@@ -239,6 +238,18 @@ $rtl = is_locale_rtl($locale);
   }
 }
 
+@keyframes fade-out {
+  0%,70% {
+    opacity: 1;
+  }
+  90% {
+    opacity: 0.1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+
 @keyframes slide-out-blurred-top {
   0% {
     transform: translateY(0) scaleY(1) scaleX(1);
@@ -254,12 +265,8 @@ $rtl = is_locale_rtl($locale);
   }
 }
 
-svg {
-  width: 240px;
-  height: 100px;
-}
 svg .bubble {
-  opacity: 0;
+  opacity: 1;
   animation: fade-in 1.4s infinite, float 1.4s ease infinite reverse ;
   /*animation: slide-out-blurred-top 0.45s cubic-bezier(1,0.03,1,.0) infinite;*/
 }
@@ -280,10 +287,9 @@ svg .bubble:nth-child(5) {
   animation-delay: 1s;
 }
 
-
 svg .text {
-  opacity: 0;
-  animation: fade-in 1s forwards ;
+  opacity: 1;
+  animation: fade-out 8s ease infinite ;
 }
 
 svg .text:nth-child(1) {
@@ -313,6 +319,7 @@ svg .text:nth-child(8) {
 svg .text:nth-child(9) {
   animation-delay: 1.8s;
 }
+
     </style>
 </head>
 <body <?php echo $rtl ? 'align="right"' : ''?>>
@@ -373,36 +380,8 @@ svg .text:nth-child(9) {
                 <li><a href="/<?php echo $locale ?>/downloads/" id="dl-btn">
 
                         <span id="dl-btn-mageia">
-
-<svg version="1.1" viewBox="0 0 934 400" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
-<metadata>
-<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>
-<g transform="translate(-45 -440.37)">
-<g transform="translate(-.20804 7.0001)" fill="#2397d4">
-<path class="bubble" d="m177.89 597.13h-0.01c-6.6729 0-12.107-5.4267-12.114-12.095-0.01-6.6905 5.4251-12.125 12.104-12.132 6.683 0 12.116 5.4267 12.124 12.095 0 6.6905-5.4251 12.126-12.104 12.133z"/>
-<path class="bubble" d="m210.61 588.24c-6.2309 0-11.302-5.0662-11.307-11.292-0.01-6.242 5.0612-11.316 11.296-11.321 6.2392 0 11.311 5.0651 11.317 11.291 0 6.242-5.0622 11.316-11.296 11.323h-0.01z"/>
-<path class="bubble" d="m201.3 555.96c0 5.5755-4.5198 10.095-10.095 10.095s-10.095-4.5199-10.095-10.095c0-5.5756 4.5198-10.095 10.095-10.095s10.095 4.5198 10.095 10.095z" stroke-width="1.4422"/>
-<path class="bubble" d="m216.65 539c0 5.1294-4.1581 9.2875-9.2875 9.2875-5.1294 0-9.2875-4.1581-9.2875-9.2875 0-5.1294 4.1581-9.2875 9.2875-9.2875 5.1294 0 9.2875 4.1581 9.2875 9.2875z" stroke-width=".80761"/>
-<path class="bubble" d="m195.65 522.44c0 4.4603-3.6158 8.0761-8.0761 8.0761-4.4603 0-8.0761-3.6158-8.0761-8.0761s3.6158-8.0761 8.0761-8.0761c4.4603 0 8.0761 3.6158 8.0761 8.0761z" stroke-width=".76915"/>
-</g>
-<path class="cauldron" d="m143.93 615.04c-10.45 13.545-18.926 28.781-18.926 47.238 0 40.006 30.358 73 68 73 37.64 0 68-32.993 68-73 0-18.461-8.4889-33.212-19.53-47.238-4.1402-4.3446-10.118-3.6986-14.469-0.91856-12.733 6.5886-19.606 9.2209-34.001 9.1565-13.922-0.0624-21.237-2.336-33.97-9.2774-4.3514-2.6592-10.964-3.3052-15.104 1.0394zm9.0742 11.238c13.198 7.2975 24.969 11 40 11 15.044 0 26.795-3.7025 40-11 7.2055 10.16 14 22.758 14 36 0 32.801-24.175 59-54 59-29.826 0-55-26.199-55-59 0-13.225 7.7788-25.832 15-36z" color="#000000" fill="#262f45" style="block-progression:tb;text-indent:0;text-transform:none"/>
-<path class="text" d="m346 632.28c-24 0-42 18-42 42v40h12v-40c0-18 12-30 30-30s30 12 30 30v40h12v-40c0-18 12-30 30-30s30 12 30 30v40h12v-40c0-24-18-42-42-42-15.665 0-28.784 7.6868-36 19.687-7.2157-12.001-20.335-19.687-36-19.687z" fill="#262f45"/>
-<path class="text" d="m521 632.28c-24 0-42 18-42 42s18 42 42 42c12 0 22.5-4.5 30-12v10h12v-40c0-24-18-42-42-42zm0 12c18 0 30 12 30 30s-12 30-30 30-30-12-30-30 12-30 30-30z" fill="#262f45"/>
-<path class="text" d="m623 632.28c-24 0-42 18-42 42s18 42 42 42c12 0 22.5-4.5 30-12v12c0 18-12 30-30 30v12c24 0 42-18 42-42v-42c0-24-18-42-42-42zm0 12c18 0 30 12 30 30s-12 30-30 30-30-12-30-30 12-30 30-30z" fill="#262f45"/>
-<path class="text" d="m725 632.28c-24 0-42 18-42 42s18 42 42 42v-12c-15.908 0-27.106-9.3968-29.5-24h71.125c0.25558-1.9564 0.375-3.9482 0.375-6 0-24-18-42-42-42zm0 12c15.908 0 27.106 9.397 29.5 24h-59c2.3939-14.603 13.592-24 29.5-24z" fill="#262f45"/>
-<path class="text" d="m785 634.28h12v80h-12z" fill="#262f45"/>
-<path class="text" d="m791 745.28c-4.9706 0-9-4.0294-9-9 0-4.9705 4.0294-8.9999 9-8.9999 4.9705 0 9 4.0294 9 8.9999 0 4.9706-4.0295 9-9 9z" fill="#2397d4"/>
-<path class="text" d="m857 632.28c-24 0-42 18-42 42s18 42 42 42c12 0 22.5-4.5 30-12v10h12v-40c0-24-18-42-42-42zm0 12c18 0 30 12 30 30s-12 30-30 30-30-12-30-30 12-30 30-30z" fill="#262f45"/>
-</g>
-</svg>
-
+<?xml version="1.0" encoding="UTF-8"?>
+<svg version="1.1" viewBox="0 0 774 236.92" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"><metadata><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><g transform="translate(-125 -521.36)"><g transform="translate(-.20804 7.0001)" fill="#2397d4"><path class="bubble" d="m177.89 597.13h-0.01c-6.6729 0-12.107-5.4267-12.114-12.095-0.01-6.6905 5.4251-12.125 12.104-12.132 6.683 0 12.116 5.4267 12.124 12.095 0 6.6905-5.4251 12.126-12.104 12.133z"/><path class="bubble" d="m210.61 588.24c-6.2309 0-11.302-5.0662-11.307-11.292-0.01-6.242 5.0612-11.316 11.296-11.321 6.2392 0 11.311 5.0651 11.317 11.291 0 6.242-5.0622 11.316-11.296 11.323h-0.01z"/><path class="bubble" d="m201.3 555.96c0 5.5755-4.5198 10.095-10.095 10.095s-10.095-4.5199-10.095-10.095c0-5.5756 4.5198-10.095 10.095-10.095s10.095 4.5198 10.095 10.095z" stroke-width="1.4422"/><path class="bubble" d="m216.65 539c0 5.1294-4.1581 9.2875-9.2875 9.2875s-9.2875-4.1581-9.2875-9.2875 4.1581-9.2875 9.2875-9.2875 9.2875 4.1581 9.2875 9.2875z" stroke-width=".80761"/><path class="bubble" d="m195.65 522.44c0 4.4603-3.6158 8.0761-8.0761 8.0761s-8.0761-3.6158-8.0761-8.0761 3.6158-8.0761 8.0761-8.0761 8.0761 3.6158 8.0761 8.0761z" stroke-width=".76915"/></g><path class="cauldron" d="m143.93 615.04c-10.45 13.545-18.926 28.781-18.926 47.238 0 40.006 30.358 73 68 73 37.64 0 68-32.993 68-73 0-18.461-8.4889-33.212-19.53-47.238-4.1402-4.3446-10.118-3.6986-14.469-0.91856-12.733 6.5886-19.606 9.2209-34.001 9.1565-13.922-0.0624-21.237-2.336-33.97-9.2774-4.3514-2.6592-10.964-3.3052-15.104 1.0394zm9.0742 11.238c13.198 7.2975 24.969 11 40 11 15.044 0 26.795-3.7025 40-11 7.2055 10.16 14 22.758 14 36 0 32.801-24.175 59-54 59-29.826 0-55-26.199-55-59 0-13.225 7.7788-25.832 15-36z" color="#000000" fill="#262f45" style="text-indent:0;text-transform:none"/><path class="text" d="m346 632.28c-24 0-42 18-42 42v40h12v-40c0-18 12-30 30-30s30 12 30 30v40h12v-40c0-18 12-30 30-30s30 12 30 30v40h12v-40c0-24-18-42-42-42-15.665 0-28.784 7.6868-36 19.687-7.2157-12.001-20.335-19.687-36-19.687z" fill="#262f45"/><path class="text" d="m521 632.28c-24 0-42 18-42 42s18 42 42 42c12 0 22.5-4.5 30-12v10h12v-40c0-24-18-42-42-42zm0 12c18 0 30 12 30 30s-12 30-30 30-30-12-30-30 12-30 30-30z" fill="#262f45"/><path class="text" d="m623 632.28c-24 0-42 18-42 42s18 42 42 42c12 0 22.5-4.5 30-12v12c0 18-12 30-30 30v12c24 0 42-18 42-42v-42c0-24-18-42-42-42zm0 12c18 0 30 12 30 30s-12 30-30 30-30-12-30-30 12-30 30-30z" fill="#262f45"/><path class="text" d="m725 632.28c-24 0-42 18-42 42s18 42 42 42v-12c-15.908 0-27.106-9.3968-29.5-24h71.125c0.25558-1.9564 0.375-3.9482 0.375-6 0-24-18-42-42-42zm0 12c15.908 0 27.106 9.397 29.5 24h-59c2.3939-14.603 13.592-24 29.5-24z" fill="#262f45"/><path class="text" d="m785 634.28h12v80h-12z" fill="#262f45"/><path class="text" d="m791 745.28c-4.9706 0-9-4.0294-9-9 0-4.9705 4.0294-8.9999 9-8.9999 4.9705 0 9 4.0294 9 8.9999 0 4.9706-4.0295 9-9 9z" fill="#2397d4"/><path class="text" d="m857 632.28c-24 0-42 18-42 42s18 42 42 42c12 0 22.5-4.5 30-12v10h12v-40c0-24-18-42-42-42zm0 12c18 0 30 12 30 30s-12 30-30 30-30-12-30-30 12-30 30-30z" fill="#262f45"/></g></svg>
                         </span>
                         <span style="font-size: 32px; color: green; float: right;"></span>
                         <span class="dl-btn free-dl"><?php _g('Mageia 8'); /* _g('Mageia 8.1'); */?></span>
author	Manuel Hiebel <leuhmanu@mageia.org>	2021-01-26 21:45:12 +0100
committer	Manuel Hiebel <leuhmanu@mageia.org>	2021-01-26 21:45:12 +0100
commit	996ec1db5c2d7bf9140a179505cd840f5df27f91 (patch)
tree	728e24fe13aca94e22568dd271339cab6bd3101c /test
parent	86b8cc658395332841d140cf0bb23a72de693645 (diff)
download	www-996ec1db5c2d7bf9140a179505cd840f5df27f91.tar www-996ec1db5c2d7bf9140a179505cd840f5df27f91.tar.gz www-996ec1db5c2d7bf9140a179505cd840f5df27f91.tar.bz2 www-996ec1db5c2d7bf9140a179505cd840f5df27f91.tar.xz www-996ec1db5c2d7bf9140a179505cd840f5df27f91.zip