diff --git a/src/App.vue b/src/App.vue index fc87c3d..ea01f20 100644 --- a/src/App.vue +++ b/src/App.vue @@ -31,14 +31,16 @@ export default class App extends Vue { min-height: 100%; height: auto; - padding-bottom: 5rem; + padding-bottom: 4vw; flex-flow: column nowrap; // justify-content: flex-start; // align-items: auto; - // overflow: hidden; - // overflow-y: auto; + background: url('./assets/wave.footer.svg') bottom no-repeat; + background-size: 100% 4vw; + + overflow: hidden; } diff --git a/src/assets/wave.footer.svg b/src/assets/wave.footer.svg new file mode 100644 index 0000000..f683d39 --- /dev/null +++ b/src/assets/wave.footer.svg @@ -0,0 +1,118 @@ + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + diff --git a/src/assets/wave.invert.1.svg b/src/assets/wave.invert.1.svg index 864fdfd..328ca63 100644 --- a/src/assets/wave.invert.1.svg +++ b/src/assets/wave.invert.1.svg @@ -7,6 +7,7 @@ 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="420.00018mm" @@ -17,7 +18,33 @@ sodipodi:docname="wave.invert.1.svg" inkscape:version="0.92.4 5da689c313, 2019-01-14"> + id="defs2769"> + + + + + + + + id="defs2769"> + + + + + + +