diff --git a/app/main.css b/app/main.css index 09fee731..5d41f38e 100644 --- a/app/main.css +++ b/app/main.css @@ -148,6 +148,13 @@ footer li:hover { text-decoration: none; } +.intro { + max-width: unset; + height: unset; + margin-bottom: -3rem; + margin-right: -7rem; +} + .main { display: flex; max-width: 64rem; diff --git a/app/ui/home.js b/app/ui/home.js index 51b53801..1d84a5e0 100644 --- a/app/ui/home.js +++ b/app/ui/home.js @@ -30,7 +30,7 @@ module.exports = function(state, emit) {
${state.modal && modal(state, emit)}
${left}
${right}
diff --git a/app/ui/intro.js b/app/ui/intro.js index 0e44977c..00fce201 100644 --- a/app/ui/intro.js +++ b/app/ui/intro.js @@ -4,16 +4,16 @@ const assets = require('../../common/assets'); module.exports = function intro(state) { return html` -
+

${state.translate('uploadPageHeader')}

-

+

${state.translate('uploadPageExplainer')}

- +
`; diff --git a/assets/intro.png b/assets/intro.png deleted file mode 100644 index ac5e3376..00000000 Binary files a/assets/intro.png and /dev/null differ diff --git a/assets/intro.svg b/assets/intro.svg new file mode 100644 index 00000000..3935f827 --- /dev/null +++ b/assets/intro.svg @@ -0,0 +1,151 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +