From d53741b8fd142c35ad6c67db79fac07550f2fa50 Mon Sep 17 00:00:00 2001 From: Elhombretecla Date: Thu, 6 Oct 2022 10:21:04 +0200 Subject: [PATCH] :tada: Add new release info --- frontend/src/app/main/ui/releases.cljs | 3 +- frontend/src/app/main/ui/releases/v1_16.cljs | 107 +++++++++++++++++++ 2 files changed, 109 insertions(+), 1 deletion(-) create mode 100644 frontend/src/app/main/ui/releases/v1_16.cljs diff --git a/frontend/src/app/main/ui/releases.cljs b/frontend/src/app/main/ui/releases.cljs index 1db2254d1..dafc702d3 100644 --- a/frontend/src/app/main/ui/releases.cljs +++ b/frontend/src/app/main/ui/releases.cljs @@ -16,6 +16,7 @@ [app.main.ui.releases.v1-13] [app.main.ui.releases.v1-14] [app.main.ui.releases.v1-15] + [app.main.ui.releases.v1-16] [app.main.ui.releases.v1-4] [app.main.ui.releases.v1-5] [app.main.ui.releases.v1-6] @@ -85,4 +86,4 @@ (defmethod rc/render-release-notes "0.0" [params] - (rc/render-release-notes (assoc params :version "1.15"))) + (rc/render-release-notes (assoc params :version "1.16"))) diff --git a/frontend/src/app/main/ui/releases/v1_16.cljs b/frontend/src/app/main/ui/releases/v1_16.cljs new file mode 100644 index 000000000..9b4155397 --- /dev/null +++ b/frontend/src/app/main/ui/releases/v1_16.cljs @@ -0,0 +1,107 @@ +;; 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) KALEIDOS INC + +(ns app.main.ui.releases.v1-16 + (:require + [app.main.ui.releases.common :as c] + [rumext.v2 :as mf])) + +(defmethod c/render-release-notes "1.16" + [{: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.16"}]] + [: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 peek of the most important stuff that the Beta 1.16 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.15-nested-boards.gif" :border "0" :alt "Dashboard refreshed look & feel"}]] + [:div.modal-right + [:div.modal-title + [:h2 "Dashboard refreshed look & feel"]] + [:div.modal-content + [:p "It’s been some time since we designed the project's dashboard and we felt that we could improve it in terms of accessibility, content hierarchy and aesthetics."] + [:p "We heard the users before refreshing the interface, simplifying it to give prominence to the content. And yes, now that you ask, the dark theme is coming soon."]] + [: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.15-share.gif" :border "0" :alt "Libraries & templates module"}]] + [:div.modal-right + [:div.modal-title + [:h2 "Libraries & templates module"]] + [:div.modal-content + [:p "This new module will allow you to import a curated selection of the files that are available at the Libraries & Templates page directly from your projects dashboard so you no longer need to to download most of them to the computer before importing."]] + [: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.15-comments.gif" :border "0" :alt "Improved onboarding"}]] + [:div.modal-right + [:div.modal-title + [:h2 "Improved onboarding"]] + [:div.modal-content + [:p "We’ve done a ton of improvements to the onboarding experience."] + [:p "More relevant info and better explanations, a refined new team and invitation flow, a beginners tutorial and a walkthrough file that will help newcomers learn how to use and start designing with Penpot faster."]] + [: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.15-view-mode.gif" :border "0" :alt "Zoom to shape with double click"}]] + [:div.modal-right + [:div.modal-title + [:h2 "Zoom to shape with double click"]] + [:div.modal-content + [:p "The devil is in the details. At the layers panel, double clicking to the icon of a layer will zoom to it, making the layers navigation and selection easier."] + [:p "This was a contribution by our community member @andrewzhurov <3"]] + [:div.modal-navigation + [:button.btn-secondary {:on-click finish} "Start!"] + [:& c/navigation-bullets + {:slide @slide + :navigate navigate + :total 4}]]]]]])))