Comments (5)
Looks good. I have a few related points, perhaps for next week: the tradition and events "rows" or bands can be removed. Should we keep the branch names as placed above them? And there will only be one item on the trunk (the plaque). And let's continue our discussion of how to make the trunk appear as a single trunk...shading? Otherwise, I think we are looking good with Overlock!
from lenape-timetree.
@gissoo the sizes all look good to me; everything seems very readable and I like how the Overlock is working out; glad it was a good solution for the sizing.
In the table of font sizes and styles, under navigation, you have "mobile: footer default" repeated, I think the second one should be selected (it looks like you forgot to change the name, I can tell from the styles).
You list buttons and tags in the nav section, do they use the same type styles as footer default?
It looks like these are ready to implement, would you create an implementation issue when you close this design issue?
from lenape-timetree.
- please take a look at the type sizes I've proposed for desktop and mobile here on Figma and let me know what you think
- You can look at them on the desktop and mobile layouts or the typography table I've created.
- I've included some of the leaf titles on desktop as a way to test.
I'm moving forward with Overlock as it was more promising than Ubuntu as far as its base scale and kerning.
Note: the site title/display font is out of scope for this issue, I'll address it in another issue soon.
from lenape-timetree.
@jhimpele thank you for writing. I have removed the traditions and events and left one circle as an indicator for the plaque in the trunk. The revised tree style will be in a separate issue. About the placement of the leaf labels I'm not sure, having a difficult time seeing them all placed the same way, it would be helpful to test that in implementation because the spacing within the visualization displayed in Figma won't be matching the implementation.
from lenape-timetree.
@rlskoeser thanks for writing! I have fixed the table, yes, they will use the same type styles and footer default, I've fixed the label so it says tags and footer. But we don't have text "buttons". I'll eliminate that
from lenape-timetree.
Related Issues (20)
- As a user, I want the option of zooming in on the timetree on desktop and with buttons, so that the content and functionality is accessible in a variety of modes. HOT 4
- Add shadow styles for Safari HOT 1
- tags that include slashes are not being handled properly HOT 1
- As a user, I want to see an indicator when a link takes me to another site or a PDF, so I know what to expect if I click on it. HOT 1
- when zooming in on a leaf on mobile, sometimes it displays below the panel HOT 2
- when browser resize crosses mobile/desktop threshold, should update svg and reposition the tree HOT 1
- optimize javascript / leaf layout HOT 2
- As a user who finds a leaf detail page from search, I should be prompted to view that leaf in the context of the timetree so that I can experience the project as intended. HOT 2
- zoom in on dedication on mobile HOT 1
- As a content editor, I want the option of marking a leaf as a draft so that I can unpublish content that isn't ready for inclusion in the timetree. HOT 1
- non scrolling HOT 3
- Trunk lines disconnected HOT 8
- VizE Lab logo not appearing HOT 1
- add citation CFF file and include code DOI in the project readme HOT 1
- focus state needs more contrast for low vision users
- page title needs to change when the timetree changes HOT 1
- disabled leaves & labels are not sufficiently visually disabled HOT 2
- disabled leaves are clickable when the tree is zoomed in HOT 1
- split out repository to separate code from content; make theme installable as a hugo module HOT 1
- add collaborator logos to site footer HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from lenape-timetree.