enso/app/ide-desktop/lib/assets/spreadsheets.svg
somebody1234 73b864640b
Home screen (#7517)
- Closes https://github.com/enso-org/cloud-v2/issues/580
- Adds home screen

Other changes:
- Typing in the search bar from the home page, switches to the drive page. This is easy to change/remove, of course

# Important Notes
There are minor differences from the design:
- The Enso logo has opacity 0.6 to match the text color, rather than 0.665
- The list of samples is different
- The border-radius on the "create empty project" tile was changed from 18px to 16px, to match every other border-radius (especially the ones on the tiles for the other samples)

Implementation notes:
- The "new project" circled plus icon has a different color to the primary text color as well, but that has been left as-is
- The sample descriptions have a backdrop-blur, but the background image no longer extends underneath it
- There are currently no inset shadows for the home screen, but it will be easy to copy them from the old implementation from the old templates list
- "Read what's new in Enso 3.0 Beta" currently links to https://enso.org/, rather than a blog post (which does not yet exist)
- The new template backgrounds have been replaced with SVGs. The Excel one uses the Excel logo from Wikipedia; the new geospatial analysis one was converted to SVG via auto-tracing.

There are also several placeholders:
- Sample author icon
- Sample author
- Sample open count
- Sample like ount
2023-08-31 15:03:39 +00:00

33 lines
2.3 KiB
XML

<svg width="159" height="53.4" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 6409.83 2130">
<defs>
<g id="excel">
<path fill="#185C37"
d="M1437.8 1011.8 532.5 852v1180.4c0 53.9 43.7 97.6 97.6 97.6h1562c54 0 97.7-43.7 97.7-97.6v-434.9l-852-585.8z" />
<path fill="#21A366"
d="M1437.8 0H630c-53.9 0-97.6 43.7-97.6 97.6v434.9l905.3 532.5 479.2 159.8 372.8-159.8V532.5L1437.8 0z" />
<path fill="#107C41" d="M532.5 532.5h905.3V1065H532.5V532.5z" />
<path d="M1180.4 426H532.5v1331.3h647.9a98 98 0 0 0 97.6-97.7v-1136a98 98 0 0 0-97.6-97.6z" opacity=".1" />
<path d="M1127.1 479.3H532.5v1331.2h594.6a98 98 0 0 0 97.7-97.6v-1136a98 98 0 0 0-97.7-97.6z"
opacity=".2" />
<path d="M1127.1 479.3H532.5V1704h594.6a98 98 0 0 0 97.7-97.6V576.9a98 98 0 0 0-97.7-97.6z" opacity=".2" />
<path d="M1073.9 479.3H532.5V1704h541.4a98 98 0 0 0 97.6-97.6V576.9a98 98 0 0 0-97.6-97.6z" opacity=".2" />
<linearGradient id="a" x1="203.5" x2="968" y1="1729" y2="405" gradientTransform="matrix(1 0 0 -1 0 2132)"
gradientUnits="userSpaceOnUse">
<stop offset="0" style="stop-color:#18884f" />
<stop offset=".5" style="stop-color:#117e43" />
<stop offset="1" style="stop-color:#0b6631" />
</linearGradient>
<path fill="url(#a)"
d="M97.6 479.3H1074c53.9 0 97.6 43.6 97.6 97.6V1553c0 54-43.7 97.6-97.6 97.6H97.6c-53.9 0-97.6-43.7-97.6-97.6V577c0-54 43.7-97.6 97.6-97.6z" />
<path fill="#FFF"
d="M302.3 1382.3 507.6 1064 319.5 747.7h151.3L573.5 950c9.5 19.3 16 33.5 19.5 43h1.3a798.7 798.7 0 0 1 21.3-44.7l109.8-200.5h138.9l-193 314.5 197.9 320H721.4l-118.6-222.1a186.3 186.3 0 0 1-14.2-29.7H587c-3.5 10-8.1 19.7-13.8 28.8l-122 223H302.2z" />
<path fill="#33C481" d="M2192.1 0h-754.3v532.5h852V97.6C2289.8 43.7 2246 0 2192 0z" />
<path fill="#107C41" d="M1437.8 1065h852v532.5h-852V1065z" />
</g>
</defs>
<use xlink:href="#excel" />
<rect x="2681.1" y="1010.8" width="1043.4" height="130.4" fill="#107C41" />
<rect x="3139.7" y="554.65" width="130.4" height="1043.4" fill="#107C41" />
<use xlink:href="#excel" x="4120" />
</svg>