e328ec6cb3ebca54bec6c782ffff9f14aed6ebda kate Mon Nov 14 17:17:45 2016 -0800 Edits to final art SVG as described in hg/hgGtexSettings/README.txt. refs #17369 diff --git src/hg/hgGtexTrackSettings/README.txt src/hg/hgGtexTrackSettings/README.txt index cb4c9c6..4c54d82 100644 --- src/hg/hgGtexTrackSettings/README.txt +++ src/hg/hgGtexTrackSettings/README.txt @@ -6,31 +6,32 @@ In Adobe Illustrator: (0. Set naming convention for elements (Preferences, Units, Identify Objects By: XML ID) 1. Open file (File Open from top menu) 2. Crop to minimize whitespace and remove title (Artboards tab in right panel, crop icon) Name: BodyMap_Draft04_Cropped (or whatever) Width: 620 pt, X: 125pt Height: 750 pt, Y: 80 pt NOTE: the X, Y may need some tweaking -- use crop box viz to guide - ** Alternatively, if OK to retain title in .svg, one can edit viewbox in SVG. 605, 730, 10, 10 + ** Alternatively, if OK to retain title in .svg, one can edit viewbox in SVG. + e.g. viewBox="70 45 605 730" (make sure Esophageal Junction is not truncated) 3. Save in SVG format (Save As, Format: SVG) * check Use Artboard ? - on SVG options, * SVG 1.1 * Fonts: SVG, None * uncheck 'Preserve Illustrator Editing' * CSS Properties: Style Elements * check 'Output fewer elements * check 'Responsive' * Decimal places: 1 (or 2 for higher res) (Fonts (SVG/Only Glyphs ? -- if need to include fonts in SVG) (Use ) -- n/a here (e.g. curving text) @@ -44,37 +45,40 @@ text ids suffixed w/ _1_. sed -e 's/_x5F_/_/g' file.svg > bodyMap.svg mv bodyMap.svg ~/kent/src/hg/htdocs/images 3. Adjust viewbox if needed 70 45 600 730 (check aspect ratio) 4. Change fonts to match Genome Browser and generally work well with page: font-family: Lato-Regular -> Lato,Arial,Helvetica font-size: 12.5px -> 11px -5. Add CSS link to svg (just after header) +5. Add CSS link to svg (just after element) 6. Remove Text_Lo group (or set CSS display:none) 7. Some id's will need stripping of terminal _1. Unclear to me when/why these are added in cases where there's only 1! * e.g. arteryAorta_Text_Hi_1_ 8. Tweak style for leader line color if desired. e.g. now set to paler (pink) on non-hover. + was: #EEC1C24 e.g. .st37{fill:none;stroke:#F69296;..... 9. Fix some bad id's if still present: - arteryAorta_Pict_Lo - arteryCoronary_Pic_lo 10. Remove empty 's.. e.g. on Liver + +11. Trim credit. (Remove 'ILLUSTRATION') paths