diff --git a/frontend/resources/images/features/1.14-color-group.gif b/frontend/resources/images/features/1.14-color-group.gif new file mode 100644 index 000000000..8134acec1 Binary files /dev/null and b/frontend/resources/images/features/1.14-color-group.gif differ diff --git a/frontend/resources/images/features/1.14-fix-on-scroll.gif b/frontend/resources/images/features/1.14-fix-on-scroll.gif new file mode 100644 index 000000000..b4f7abb0a Binary files /dev/null and b/frontend/resources/images/features/1.14-fix-on-scroll.gif differ diff --git a/frontend/resources/images/features/1.14-group-assets.gif b/frontend/resources/images/features/1.14-group-assets.gif new file mode 100644 index 000000000..abc53a0ea Binary files /dev/null and b/frontend/resources/images/features/1.14-group-assets.gif differ diff --git a/frontend/resources/images/features/1.14-shortcuts.gif b/frontend/resources/images/features/1.14-shortcuts.gif new file mode 100644 index 000000000..071a350be Binary files /dev/null and b/frontend/resources/images/features/1.14-shortcuts.gif differ diff --git a/frontend/src/app/main/ui/releases.cljs b/frontend/src/app/main/ui/releases.cljs index 93f7310a7..19822f796 100644 --- a/frontend/src/app/main/ui/releases.cljs +++ b/frontend/src/app/main/ui/releases.cljs @@ -14,6 +14,7 @@ [app.main.ui.releases.v1-11] [app.main.ui.releases.v1-12] [app.main.ui.releases.v1-13] + [app.main.ui.releases.v1-14] [app.main.ui.releases.v1-4] [app.main.ui.releases.v1-5] [app.main.ui.releases.v1-6] @@ -83,4 +84,4 @@ (defmethod rc/render-release-notes "0.0" [params] - (rc/render-release-notes (assoc params :version "1.13"))) + (rc/render-release-notes (assoc params :version "1.14"))) diff --git a/frontend/src/app/main/ui/releases/v1_14.cljs b/frontend/src/app/main/ui/releases/v1_14.cljs new file mode 100644 index 000000000..f0e4e459e --- /dev/null +++ b/frontend/src/app/main/ui/releases/v1_14.cljs @@ -0,0 +1,108 @@ +;; 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-14 + (:require + [app.main.ui.releases.common :as c] + [rumext.alpha :as mf])) + +(defmethod c/render-release-notes "1.14" + [{: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.14"}]] + [:div.modal-right + [:div.modal-title + [:h2 "What's new?"]] + [:span.release "Beta version " version] + [:div.modal-content + [:p "Penpot continues to grow 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.14 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.14-shortcuts.gif" :border "0" :alt "Shortcuts panel"}]] + [:div.modal-right + [:div.modal-title + [:h2 "Shortcuts panel"]] + [:div.modal-content + [:p "Shortcuts boost your productivity but are not easy to find and learn. A handy panel at your workspace will help you with that."] + [:p "Categories and filters will help you to find the shortcut you need. One of the most requested features by the community!"]] + [:div.modal-navigation + [:button.btn-secondary {:on-click next} "Continue"] + [:& c/navigation-bullets + {:slide @slide + :navigate navigate + :total 4}]]]]]] + + 1 + [:div.modal-overlay + [:div.animated {:class @klass} + [:div.modal-container.onboarding.feature + [:div.modal-left + [:img {:src "images/features/1.14-color-group.gif" :border "0" :alt "Colors selection"}]] + [:div.modal-right + [:div.modal-title + [:h2 "Colors selection"]] + [:div.modal-content + [:p "All of the colors that are contained within a selection of objects are showcased at the sidebar."] + [:p "Play with the colors of a group without the hassles of individual selection!"]] + [:div.modal-navigation + [:button.btn-secondary {:on-click next} "Continue"] + [:& c/navigation-bullets + {:slide @slide + :navigate navigate + :total 4}]]]]]] + + 2 + [:div.modal-overlay + [:div.animated {:class @klass} + [:div.modal-container.onboarding.feature + [:div.modal-left + [:img {:src "images/features/1.14-fix-on-scroll.gif" :border "0" :alt "Fix elements at scroll"}]] + [:div.modal-right + [:div.modal-title + [:h2 "Fix elements at scroll"]] + [:div.modal-content + [:p "A new option that allows you to fix the position of an object when scrolling at the presentation view."] + [:p "Ideal for prototyping fixed headers, navbars and floating buttons."]] + [:div.modal-navigation + [:button.btn-secondary {:on-click next} "Continue"] + [:& c/navigation-bullets + {:slide @slide + :navigate navigate + :total 4}]]]]]] + + 3 + [:div.modal-overlay + [:div.animated {:class @klass} + [:div.modal-container.onboarding.feature + [:div.modal-left + [:img {:src "images/features/1.14-group-assets.gif" :border "0" :alt "Group library assets with drag & drop"}]] + [:div.modal-right + [:div.modal-title + [:h2 "Group library assets with drag & drop"]] + [:div.modal-content + [:p "We have improved the way to manage asset groups at libraries."] + [:p "Until now you could only do it by renaming the groups, now with drag & drop it is much more user friendly."]] + [:div.modal-navigation + [:button.btn-secondary {:on-click finish} "Start!"] + [:& c/navigation-bullets + {:slide @slide + :navigate navigate + :total 4}]]]]]])))