diff --git a/frontend/resources/images/features/constraints.gif b/frontend/resources/images/features/constraints.gif new file mode 100644 index 000000000..e320861ce Binary files /dev/null and b/frontend/resources/images/features/constraints.gif differ diff --git a/frontend/resources/images/features/copy-paste.gif b/frontend/resources/images/features/copy-paste.gif new file mode 100644 index 000000000..4f506ff13 Binary files /dev/null and b/frontend/resources/images/features/copy-paste.gif differ diff --git a/frontend/resources/images/features/export.gif b/frontend/resources/images/features/export.gif new file mode 100644 index 000000000..a89874b21 Binary files /dev/null and b/frontend/resources/images/features/export.gif differ diff --git a/frontend/resources/images/features/group-components.gif b/frontend/resources/images/features/group-components.gif new file mode 100644 index 000000000..59bb8d697 Binary files /dev/null and b/frontend/resources/images/features/group-components.gif differ diff --git a/frontend/src/app/main/ui.cljs b/frontend/src/app/main/ui.cljs index 3bf450847..aeafb377f 100644 --- a/frontend/src/app/main/ui.cljs +++ b/frontend/src/app/main/ui.cljs @@ -143,7 +143,7 @@ :dashboard-team-settings) [:* #_[:div.modal-wrapper - [:& app.main.ui.onboarding/release-notes-modal {:version "1.6"}]] + [:& app.main.ui.onboarding/release-notes-modal {:version "1.7"}]] [:& dashboard {:route route}]] :viewer diff --git a/frontend/src/app/main/ui/onboarding.cljs b/frontend/src/app/main/ui/onboarding.cljs index 9d520a7f1..d6d1eef4f 100644 --- a/frontend/src/app/main/ui/onboarding.cljs +++ b/frontend/src/app/main/ui/onboarding.cljs @@ -572,3 +572,108 @@ {:slide @slide :navigate navigate :total 4}]]]]]]))) + + +(defmethod render-release-notes "1.7" + [{: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 Alpha release 1.7"}]] + [:div.modal-right + [:div.modal-title + [:h2 "What's new?"]] + [:span.release "Alpha 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 Alpha 1.6.0 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/export.gif" :border "0" :alt "Export & Import"}]] + [:div.modal-right + [:div.modal-title + [:h2 "Export and import Penpot files"]] + [:div.modal-content + [:p [:strong "Export files from the dashboard to your computer and import them from your computer to your projects."] + " This means that Penpot users can freely save and share Penpot files."] + [:p "Exported files linked to shared libraries provide + different ways to export their assets. Choose the one that + suits you better!"]] + [:div.modal-navigation + [:button.btn-secondary {:on-click next} "Continue"] + [:& 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/constraints.gif" :border "0" :alt "Resizing constraints"}]] + [:div.modal-right + [:div.modal-title + [:h2 "Resizing constraints"]] + [:div.modal-content + [:p "Constraints allow you to " [:strong "decide how layers will behave when resizing its container"] " being a group or an artboard."] + [:p "You can manually set horizontal and vertical + constraints for every layer. This is especially useful to + control how your designs look when working with responsive + components."]] + [:div.modal-navigation + [:button.btn-secondary {:on-click next} "Continue"] + [:& 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/group-components.gif" :border "0" :alt "Library assets management improvements"}]] + [:div.modal-right + [:div.modal-title + [:h2 "Library assets management improvements"]] + [:div.modal-content + [:p [:strong "Collapse/expand groups"] " at any nesting level, so you don’t have to manage their visibility individually."] + [:p "Penpot " [:strong "remembers the last library state"] ", so you don’t have to collapse a group you want hidden every time."] + [:p "Easily " [:strong "rename and ungroup"] " asset groups."]] + [:div.modal-navigation + [:button.btn-secondary {:on-click next} "Continue"] + [:& 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/copy-paste.gif" :border "0" :alt "Paste components from file to file"}]] + [:div.modal-right + [:div.modal-title + [:h2 "Paste components from file to file"]] + [:div.modal-content + [:p "Do you sometimes copy and paste component copies from files to files? From now on, if both files are using the same library, they will not lose their linkage so you will be able to continue using them as copies of the same component."]] + [:div.modal-navigation + [:button.btn-secondary {:on-click finish} "Start!"] + [:& navigation-bullets + {:slide @slide + :navigate navigate + :total 4}]]]]]])))