diff --git a/docs/assets/crashreporterplugin.png b/docs/assets/crashreporterplugin.png old mode 100644 new mode 100755 index d025b3f77..d95a0a736 Binary files a/docs/assets/crashreporterplugin.png and b/docs/assets/crashreporterplugin.png differ diff --git a/docs/assets/crashreporterpluginnotification.png b/docs/assets/crashreporterpluginnotification.png old mode 100644 new mode 100755 index 106c5acce..4457f7bfb Binary files a/docs/assets/crashreporterpluginnotification.png and b/docs/assets/crashreporterpluginnotification.png differ diff --git a/docs/assets/initial.png b/docs/assets/initial.png old mode 100644 new mode 100755 index f8a2bf9a5..89ca29202 Binary files a/docs/assets/initial.png and b/docs/assets/initial.png differ diff --git a/docs/assets/layout.png b/docs/assets/layout.png old mode 100644 new mode 100755 index 6ba7a37a1..1427a293f Binary files a/docs/assets/layout.png and b/docs/assets/layout.png differ diff --git a/docs/assets/logs.png b/docs/assets/logs.png old mode 100644 new mode 100755 index 38edd03ad..0d8a1307b Binary files a/docs/assets/logs.png and b/docs/assets/logs.png differ diff --git a/docs/assets/network.png b/docs/assets/network.png old mode 100644 new mode 100755 index 520aa3dfe..89ae8ff9b Binary files a/docs/assets/network.png and b/docs/assets/network.png differ diff --git a/docs/assets/plugins.png b/docs/assets/plugins.png old mode 100644 new mode 100755 index f19539506..2d316b578 Binary files a/docs/assets/plugins.png and b/docs/assets/plugins.png differ diff --git a/docs/assets/shareFlipperData/importedDevice.png b/docs/assets/shareFlipperData/importedDevice.png index f684d04bb..413e30ebb 100644 Binary files a/docs/assets/shareFlipperData/importedDevice.png and b/docs/assets/shareFlipperData/importedDevice.png differ diff --git a/docs/assets/shared-preferences.png b/docs/assets/shared-preferences.png old mode 100644 new mode 100755 index 1a761de85..6ea2f469d Binary files a/docs/assets/shared-preferences.png and b/docs/assets/shared-preferences.png differ diff --git a/website/pages/en/index.js b/website/pages/en/index.js index 58250385d..0be3bd284 100755 --- a/website/pages/en/index.js +++ b/website/pages/en/index.js @@ -30,11 +30,15 @@ class Index extends React.Component { Learn more - +
+ + + + +
diff --git a/website/static/css/custom.css b/website/static/css/custom.css index 4ebd2359a..a2e656549 100644 --- a/website/static/css/custom.css +++ b/website/static/css/custom.css @@ -85,14 +85,66 @@ h6 { } } -.splashScreen { - width: 100%; +.slideshow { position: absolute; left: 50%; top: 100%; animation: 0.6s ease-out 0.2s 1 slideIn forwards; - width: 1116px; max-width: 100%; + width: 1116px; +} + +.splashScreen { + opacity: 0; + position: absolute; + left: 0; + top: 0; + max-width: 100%; + width: 1116px; +} + +@keyframes slideshow2 { + 20%, + 55% { + opacity: 0; + } + 25%, + 50% { + opacity: 1; + } +} +@keyframes slideshow3 { + 45%, + 80% { + opacity: 0; + } + 50%, + 75% { + opacity: 1; + } +} +@keyframes slideshow4 { + 65%, + 100% { + opacity: 0; + } + 70%, + 95% { + opacity: 1; + } +} + +.slideshow .splashScreen:nth-child(1) { + opacity: 1; +} +.slideshow .splashScreen:nth-child(2) { + animation: 16s slideshow2 infinite; +} +.slideshow .splashScreen:nth-child(3) { + animation: 16s slideshow3 infinite; +} +.slideshow .splashScreen:nth-child(4) { + animation: 16s slideshow4 infinite; } .content {