diff --git a/frontend/resources/images/features/1.11-animations.gif b/frontend/resources/images/features/1.11-animations.gif new file mode 100644 index 000000000..3b56b1bf2 Binary files /dev/null and b/frontend/resources/images/features/1.11-animations.gif differ diff --git a/frontend/resources/images/features/1.11-bg-export.gif b/frontend/resources/images/features/1.11-bg-export.gif new file mode 100644 index 000000000..72c1cbbbe Binary files /dev/null and b/frontend/resources/images/features/1.11-bg-export.gif differ diff --git a/frontend/resources/images/features/1.11-zoom-widget.gif b/frontend/resources/images/features/1.11-zoom-widget.gif new file mode 100644 index 000000000..dd96e2d94 Binary files /dev/null and b/frontend/resources/images/features/1.11-zoom-widget.gif differ diff --git a/frontend/src/app/main/ui/releases.cljs b/frontend/src/app/main/ui/releases.cljs index 1fee4c1d2..85b6b499b 100644 --- a/frontend/src/app/main/ui/releases.cljs +++ b/frontend/src/app/main/ui/releases.cljs @@ -11,6 +11,7 @@ [app.main.store :as st] [app.main.ui.releases.common :as rc] [app.main.ui.releases.v1-10] + [app.main.ui.releases.v1-11] [app.main.ui.releases.v1-4] [app.main.ui.releases.v1-5] [app.main.ui.releases.v1-6] @@ -81,4 +82,4 @@ (defmethod rc/render-release-notes "0.0" [params] - (rc/render-release-notes (assoc params :version "1.10"))) + (rc/render-release-notes (assoc params :version "1.11"))) diff --git a/frontend/src/app/main/ui/releases/v1_11.cljs b/frontend/src/app/main/ui/releases/v1_11.cljs new file mode 100644 index 000000000..56e8dacef --- /dev/null +++ b/frontend/src/app/main/ui/releases/v1_11.cljs @@ -0,0 +1,89 @@ +;; This Source Code Form is subject to the terms of the Mozilla Public +;; License, v. 2.0. If a copy of the MPL was not distributed with this +;; file, You can obtain one at http://mozilla.org/MPL/2.0/. +;; +;; Copyright (c) UXBOX Labs SL + +(ns app.main.ui.releases.v1-11 + (:require + [app.main.ui.releases.common :as c] + [rumext.alpha :as mf])) + +(defmethod c/render-release-notes "1.11" + [{:keys [slide klass next finish navigate version]}] + (mf/html + (case @slide + :start + [:div.modal-overlay + [:div.animated {:class @klass} + [:div.modal-container.onboarding.feature + [:div.modal-left + [:img {:src "images/login-on.jpg" :border "0" :alt "What's new Beta release 1.11"}]] + [:div.modal-right + [:div.modal-title + [:h2 "What's new?"]] + [:span.release "Beta version " version] + [:div.modal-content + [:p "Penpot continues growing with new features that improve performance, user experience and visual design."] + [:p "We are happy to show you a sneak peak of the most important stuff that the Beta 1.11 version brings."]] + [:div.modal-navigation + [:button.btn-secondary {:on-click next} "Continue"]]] + [:img.deco {:src "images/deco-left.png" :border "0"}] + [:img.deco.right {:src "images/deco-right.png" :border "0"}]]]] + + 0 + [:div.modal-overlay + [:div.animated {:class @klass} + [:div.modal-container.onboarding.feature + [:div.modal-left + [:img {:src "images/features/1.11-animations.gif" :border "0" :alt "Animations"}]] + [:div.modal-right + [:div.modal-title + [:h2 "Prototype animations"]] + [:div.modal-content + [:p "Bring your prototypes to life with animations! With animations now you can define the transition between artboards when an interaction is triggered."] + [:p "Use dissolve, slide and push animations to fade screens and imitate gestures like swipe."]] + [:div.modal-navigation + [:button.btn-secondary {:on-click next} "Continue"] + [:& c/navigation-bullets + {:slide @slide + :navigate navigate + :total 3}]]]]]] + + 1 + [:div.modal-overlay + [:div.animated {:class @klass} + [:div.modal-container.onboarding.feature + [:div.modal-left + [:img {:src "images/features/1.11-bg-export.gif" :border "0" :alt "Ignore background on export"}]] + [:div.modal-right + [:div.modal-title + [:h2 "Ignore artboard background on export"]] + [:div.modal-content + [:p "Sometimes you don’t need the artboards to be part of your designs, but only their support to work on them."] + [:p "Now you can decide to include their backgrounds on your exports or leave them out."]] + [:div.modal-navigation + [:button.btn-secondary {:on-click next} "Continue"] + [:& c/navigation-bullets + {:slide @slide + :navigate navigate + :total 3}]]]]]] + + 2 + [:div.modal-overlay + [:div.animated {:class @klass} + [:div.modal-container.onboarding.feature + [:div.modal-left + [:img {:src "images/features/1.11-zoom-widget.gif" :border "0" :alt "New zoom widget"}]] + [:div.modal-right + [:div.modal-title + [:h2 "New zoom widget"]] + [:div.modal-content + [:p "We’ve redesigned zooming menus to improve their usability and the consistency between zooming in the design workspace and in the view mode."] + [:p "We’ve also added two new options to scale your designs at the view mode that might help you to make your presentations look better."]] + [:div.modal-navigation + [:button.btn-secondary {:on-click finish} "Start!"] + [:& c/navigation-bullets + {:slide @slide + :navigate navigate + :total 3}]]]]]])))