From 35993ab13b6ab4fd41b466e0bea299249449fdf6 Mon Sep 17 00:00:00 2001 From: Mike Thomas <78363703+mike-j-thomas@users.noreply.github.com> Date: Wed, 2 Jun 2021 01:50:13 +0900 Subject: [PATCH] Update README.md (#914) * Update README.md Added "How to export images" to website section. * Update README.md * Update README.md Co-authored-by: Mike McNeil --- handbook/README.md | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/handbook/README.md b/handbook/README.md index 57c39f0b4..0da0f530b 100644 --- a/handbook/README.md +++ b/handbook/README.md @@ -46,12 +46,22 @@ For more detailed information about __spending guidelines and limits__, please r ### Fleet website +### How to export images +In Figma: +1. Select the layers you want to export. +2. Confirm export settings and naming convention: + * item name - color variant - (css)size - @2x.fileformat (e.g., `os-macos-black-16x16@2x.png`) + * note that the dimensions in the filename are in CSS pixels. In this example, the image would actually have dimensions of 32x32px, if you opened it in preview. But in the filename, and in HTML/CSS, we'll size it as if it were 16x16. This is so that we support retina displays by default. + * File extension might be .jpg or .png. + * Avoid using SVGs or icon fonts. +3. Click the __Export__ button. + ### When can I merge a change to the website? When merging a PR to master, bear in mind that whatever you merge to master gets deployed live immediately. So if the PR's changes contain anything that you don't think is appropriate to be seen publicly by all guests of [fleetdm.com](https://fleetdm.com/), then please do not merge. Merge a PR (aka deploy the website) when you think it is appropriately clean to represent our brand. When in doubt, use the standards and level of quality seen on existing pages, ensure correct functionality, and check responsive behavior - starting widescreen and resizing down to ≈320px width. -### The Deploy Fleet Website GitHub action failed +### The "Deploy Fleet Website" GitHub action failed If the action fails, please complete the following steps: 1. Head to the fleetdm-website app in the [Heroku dashboard](https://heroku.com) and select the "Activity" tab. 2. Select "Roll back to here" on the second to most recent deploy.