mirror of
https://github.com/penpot/penpot.git
synced 2025-03-11 23:31:21 -05:00
✨ Add new release onboarding info
This commit is contained in:
parent
5b9bcf8b1d
commit
63f42fc8bb
6 changed files with 110 additions and 1 deletions
BIN
frontend/resources/images/features/advanced-proto.gif
Normal file
BIN
frontend/resources/images/features/advanced-proto.gif
Normal file
Binary file not shown.
After Width: | Height: | Size: 388 KiB |
BIN
frontend/resources/images/features/booleans.gif
Normal file
BIN
frontend/resources/images/features/booleans.gif
Normal file
Binary file not shown.
After Width: | Height: | Size: 274 KiB |
BIN
frontend/resources/images/features/flows-proto.gif
Normal file
BIN
frontend/resources/images/features/flows-proto.gif
Normal file
Binary file not shown.
After Width: | Height: | Size: 3.2 MiB |
BIN
frontend/resources/images/features/libraries-feature.gif
Normal file
BIN
frontend/resources/images/features/libraries-feature.gif
Normal file
Binary file not shown.
After Width: | Height: | Size: 3 MiB |
|
@ -20,6 +20,7 @@
|
|||
[app.main.ui.releases.v1-6]
|
||||
[app.main.ui.releases.v1-7]
|
||||
[app.main.ui.releases.v1-8]
|
||||
[app.main.ui.releases.v1-9]
|
||||
[app.util.i18n :as i18n :refer [tr]]
|
||||
[app.util.object :as obj]
|
||||
[app.util.router :as rt]
|
||||
|
@ -298,5 +299,5 @@
|
|||
|
||||
(defmethod rc/render-release-notes "0.0"
|
||||
[params]
|
||||
(rc/render-release-notes (assoc params :version "1.8")))
|
||||
(rc/render-release-notes (assoc params :version "1.9")))
|
||||
|
||||
|
|
108
frontend/src/app/main/ui/releases/v1_9.cljs
Normal file
108
frontend/src/app/main/ui/releases/v1_9.cljs
Normal file
|
@ -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-9
|
||||
(:require
|
||||
[app.main.ui.releases.common :as c]
|
||||
[rumext.alpha :as mf]))
|
||||
|
||||
(defmethod c/render-release-notes "1.9"
|
||||
[{: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.9"}]]
|
||||
[: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.9 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/advanced-proto.gif" :border "0" :alt "Advanced interactions"}]]
|
||||
[:div.modal-right
|
||||
[:div.modal-title
|
||||
[:h2 "Advanced interactions"]]
|
||||
[:div.modal-content
|
||||
[:p "Now you can navigate through prototype pages of the same file at the view mode."]
|
||||
[:p "You can also create a shareable link deciding which pages will be available for the visitors. Sharing is caring!"]]
|
||||
[: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/flows-proto.gif" :border "0" :alt "Multiple flows"}]]
|
||||
[:div.modal-right
|
||||
[:div.modal-title
|
||||
[:h2 "Multiple flows"]]
|
||||
[:div.modal-content
|
||||
[:p "Ever needed an arrow to point something? Style the ends of any open paths."]
|
||||
[:p "You can select different styles for each end of an open path: arrows, square, circle, diamond or just a round ending are the available options."]]
|
||||
[: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/booleans.gif" :border "0" :alt "Boolean shapes"}]]
|
||||
[:div.modal-right
|
||||
[:div.modal-title
|
||||
[:h2 "Boolean shapes"]]
|
||||
[:div.modal-content
|
||||
[:p "Click on a change of the history of a file to get the file to this very point without ctrl+z all the way."]
|
||||
[:p "Quick and easy :)"]]
|
||||
[: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/libraries-feature.gif" :border "0" :alt "Libraries & templates"}]]
|
||||
[:div.modal-right
|
||||
[:div.modal-title
|
||||
[:h2 "Libraries & templates"]]
|
||||
[:div.modal-content
|
||||
[:p "If you have a presentation made at Penpot you might want to create a document that can be shared with anyone, regardless of having a Penpot account, or just to be able to use your presentation offline (essential for talks and classes)."]
|
||||
[:p "Now you can easily export all the artboards of a page to a single pdf file."]]
|
||||
[:div.modal-navigation
|
||||
[:button.btn-secondary {:on-click finish} "Start!"]
|
||||
[:& c/navigation-bullets
|
||||
{:slide @slide
|
||||
:navigate navigate
|
||||
:total 4}]]]]]])))
|
Loading…
Add table
Reference in a new issue