banner.svg

cavo789 · cavo789 · commit d779a5329588 · 2021-11-01T21:18:40.000+01:00
diff --git a/README.md b/README.md
@@ -1,6 +1,6 @@
 # Excel - Export code to flat files
 
-![banner](./image/banner.jpg)
+![banner](./banner.svg)
 
 > Export every code objects (classes, forms, modules and worksheet code) to flat files, in a batch mode. Export the ribbon manifest and icons too.
 
diff --git a/banner.svg b/banner.svg
@@ -0,0 +1,91 @@
+<svg fill="none" viewBox="0 0 800 200" width="800" height="200"
+    xmlns="http://www.w3.org/2000/svg">
+    <foreignObject width="100%" height="100%">
+        <div xmlns="http://www.w3.org/1999/xhtml">
+            <style>
+                @keyframes rotate {
+                    0% {
+                        transform: rotate(3deg);
+                    }
+                    100% {
+                        transform: rotate(-3deg);
+                    }
+                }
+
+                @keyframes gradientBackground {
+                    0% {
+                        background-position: 0% 50%;
+                    }
+                    50% {
+                        background-position: 100% 50%;
+                    }
+                    100% {
+                        background-position: 0% 50%;
+                    }
+                }
+
+                @keyframes fadeIn {
+                    0% {
+                        opacity: 0;
+                    }
+                    66% {
+                        opacity: 0;
+                    }
+                    100% {
+                        opacity: 1;
+                    }
+                }
+
+                .container {
+                    font-family:
+                        system-ui,
+                        -apple-system,
+                        'Segoe UI',
+                        Roboto,
+                        Helvetica,
+                        Arial,
+                        sans-serif,
+                        'Apple Color Emoji',
+                        'Segoe UI Emoji';
+                    display: flex;
+                    flex-direction: column;
+                    align-items: center;
+                    justify-content: center;
+                    margin: 0;
+                    width: 100%;
+                    height: 200px;
+                    background: linear-gradient(-45deg, #fc5c7d, #6a82fb, #05dfd7);
+                    background-size: 600% 200%;
+                    animation: gradientBackground 10s ease infinite;
+                    border-radius: 10px;
+                    color: white;
+                    text-align: center;
+                }
+
+                h1 {
+                    font-size: 50px;
+                    line-height: 1.3;
+                    letter-spacing: 5px;
+                    text-transform: uppercase;
+                    text-shadow:
+                        0 1px 0 #efefef,
+                        0 2px 0 #efefef,
+                        0 3px 0 #efefef,
+                        0 4px 0 #efefef,
+                        0 12px 5px rgba(0, 0, 0, 0.1);
+                    animation: rotate ease-in-out 1s infinite alternate;
+                }
+
+                p {
+                    font-size: 20px;
+                    text-shadow: 0 1px 0 #efefef;
+                    animation: 1s ease 0s normal forwards 1 fadeIn;
+                }
+            </style>
+            <div class="container">
+                <h1>Excel - Export code to flat files</h1>
+                <p>Export Excel code to flat files</p>
+            </div>
+        </div>
+    </foreignObject>
+</svg>
diff --git a/image/banner.jpg b/image/banner.jpg
