Comments (5)
Thank you for your suggestions @SarahWat! 🙏
- Agreed on everything. Right now you can scroll up to the cards, but I see that it's tricky, not user-friendly and sometimes buggy. So may be it's better to remove the ability to scroll up at all and add 'back arrow'.
- It's a good practice to keep data sources publicly available, it makes projects open and trustful. Kindly clarify do you want to remove entire
Data: Pathfinders and Story | DPGs
or justPathfinders and Story
? We can removePathfinders and Story
and keep the link to gdoc here in GitHub - Yes, it's possible. For the better user experience let's keep arrows up for the mobile version(so it looks like swipe action) and down for desktop version.
- I can implement this functionality next week. There will be a new column in gdoc
show navigation
.
I also see that text in cards is written more for the desktop users. For example, menu
on mobile is placed under the map and searchbox
is above but in cards we call it side menu
. So we need to adapt text or store different stories for desktop/tablet/mobile users(which is paintful) or we can add disclaimer in the 1st card "For the better experience open the map in desktop browser"(which might scare readers on mobile/tablet). I think adapting text is the best option.
from publicgoods-scripts.
Wonderful, thanks so much @Rolikasi!
- That sounds like a great solution - thank you!
- Agreed that keeping data sources open is a good practice, but I think for clarity pointing people to the GitHub first is a good step rather than a google doc.
- Right, I was using on desktop only so that's a good compromise.
- Thank you!
Great point on the text and the device. Agreed that having different cards for desktop vs. mobile is a bit painful. I'll go through and adapt the text to be more general instead. Good catch!
from publicgoods-scripts.
Track progress:
- remove "Pathfinders Exploratory"
- adjust the title "Pathfinders Confirmed" to "DPG Pathfinders"
- capitalize both "DPGs Deployed" and "DPGs Developed"
- add back to story arrow
- remove link to gdoc
- reverse arrows for desktop version
- implement
showinfo
while showing cards
from publicgoods-scripts.
@SarahWat kindly look at the screenshot bellow. I added 2 arrows near close icon. When you mouseover it the text "back to story" appends. Does it look good and intuitive?
from publicgoods-scripts.
Thanks so much @Rolikasi! Yes, this looks good to me, a very helpful addition!
from publicgoods-scripts.
Related Issues (20)
- Roadmap page_Mobile compatibility of the DPGA website HOT 6
- [Registry Mobile] Remove sections from mobile version HOT 2
- [Registry Mobile][WP theme] Fix button alignment HOT 2
- [Registry Mobile] DPG type and SDG filters
- [Registry Mobile] DPG list
- [Registry Mobile][WP theme] Icon alignment HOT 4
- [Registry Mobile][WP theme] Remove sections from mobile version HOT 1
- Remove JFrog
- DPG Badges HOT 5
- Update the Eligibility Tool for DPGs
- Github activity graph is not shown for DPGs HOT 9
- Old About page shown in search engines
- Adding DPG badge into Registry Page and DPG profile page
- Deprecated page keeps getting build in the production website HOT 4
- DPGA website buid fails
- 📘 EPIC: Profile page design
- 📘 EPIC: Nomination form updates
- 📘 EPIC: Roadmap page design
- 📘 EPIC: New DPGA page design
- Button Text Accessibility Issues
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 publicgoods-scripts.