Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

New front page design #743

Merged
merged 9 commits into from
Jun 27, 2019
Merged

Conversation

cesswairimu
Copy link
Collaborator

@cesswairimu cesswairimu commented Jun 24, 2019

Fixes #327
Adding a little checklist from the issue


  • PR is descriptively titled 📑 and links the original issue above 🔗
  • tests pass -- look for a green checkbox ✔️ a few minutes after opening your PR -- or run tests locally with rake test
  • code is in uniquely-named feature branch and has no merge conflicts 📁
  • screenshots/GIFs are attached 📎 in case of UI updation
  • ask @publiclab/mapknitter-reviewers for help, in a comment below

@codeclimate
Copy link

codeclimate bot commented Jun 24, 2019

Code Climate has analyzed commit f1f43e35 and detected 0 issues on this pull request.

View more on Code Climate.

@jywarren
Copy link
Member

Cool - can you share a screenshot? Thanks @cesswairimu !

@cesswairimu
Copy link
Collaborator Author

Sure @jywarren
screencapture-localhost-3000-front-page-2019-06-24-22_50_14

@jywarren
Copy link
Member

jywarren commented Jun 24, 2019 via email

@jywarren
Copy link
Member

Otherwise is this good to merge? Thank you!

@cesswairimu cesswairimu force-pushed the new-front-page-design branch from f1f43e3 to f2fd9d6 Compare June 24, 2019 23:57
@@ -0,0 +1,6 @@
module FrontUiHelper

Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Extra empty line detected at module body beginning.

@cesswairimu cesswairimu force-pushed the new-front-page-design branch from f2fd9d6 to 3ad1678 Compare June 25, 2019 00:14
@cesswairimu
Copy link
Collaborator Author

Locally its working pushing to unstable to confirm this works there as well.
locate

@cesswairimu cesswairimu changed the title (WIP)New front page design New front page design Jun 25, 2019
@cesswairimu
Copy link
Collaborator Author

cesswairimu commented Jun 25, 2019

Hey @jywarren , the 'prompt position' fix for prod is taking taking longer. we can merge this for now, I will open another PR for making the location prompt appear in production along with the 'nearby places below the map implementation'. Thanks

@cesswairimu
Copy link
Collaborator Author

Also could it be that we turn off/block pop up notifications in unstable? Thanks

@cesswairimu
Copy link
Collaborator Author

cesswairimu commented Jun 25, 2019

Just came across this https://developers.google.com/web/updates/2016/04/geolocation-on-secure-contexts-only It blocks Geolocation for website using the Geolocation API from pages served over HTTP (non-secure). And unstable uses http so maybe that might be why 🤔

@jywarren
Copy link
Member

jywarren commented Jun 25, 2019 via email

@cesswairimu
Copy link
Collaborator Author

Yeah I did, see gif above ☝️

@jywarren
Copy link
Member

Oh awesome! Ready for merge then? Great work!

@jywarren
Copy link
Member

What do you think about adding an iframe with balloon mapping questions from publiclab.org/balloon-mapping?

@jywarren
Copy link
Member

You can generate it by pressing the "code" button in lower right of any inline grid:

<iframe style="border:none;" width="100%" height="900px" src="//publiclab.org/embed/grid/question:balloon-mapping"></iframe>

@jywarren
Copy link
Member

We could feature a couple grids at the very bottom?

@jywarren
Copy link
Member

Maybe questions and activities for balloon mapping?

@cesswairimu
Copy link
Collaborator Author

cesswairimu commented Jun 25, 2019

Sounds good 👍 , on it. Thanks

@cesswairimu
Copy link
Collaborator Author

cesswairimu commented Jun 26, 2019

Wow! I have never used iframes before these are super dope. Thanks @jywarren. How does this 👇 look or is it better to have them as separate instead of side by side?

screencapture-localhost-3000-front-page-2019-06-26-16_42_02

@cesswairimu cesswairimu force-pushed the new-front-page-design branch from 531a87b to 57194d2 Compare June 26, 2019 14:02
@jywarren
Copy link
Member

Hey, these look great!!! Can you look at the failing test, and we can merge this? I might do a round of small CSS tweaks for spacing and such once it's merged. Thanks a lot, Cess!

@jywarren
Copy link
Member

Actually, where does the link to "more people and maps" go? Should we have some kind of listing page that's a bit like the current front page that it leads to?

@cesswairimu
Copy link
Collaborator Author

Thanks Jeff, that links to this page
screencapture-localhost-3000-mappers-2019-06-27-16_22_16

@cesswairimu
Copy link
Collaborator Author

cesswairimu commented Jun 27, 2019

Removed some space below the iframes

screencapture-localhost-3000-front-page-2019-06-27-16_42_29

@jywarren jywarren merged commit 6f4eee6 into publiclab:main Jun 27, 2019
@jywarren
Copy link
Member

OK I'm merging this! Let's brainstorm any next steps. I'd like to maybe make some listing of "all maps" as we have on the old front page, maybe on that 2nd page? Paginated, so you can browse back on old maps?

I'll do some styling tweaks to this. How does it render on mobile, do we need to worry about that?

Thanks @cesswairimu !!!

@cesswairimu
Copy link
Collaborator Author

Thanks @jywarren .My bad forgot to check mobile view..checking that and will fix if anything that breaks. Will work on the "all maps" page..Any suggestions on what we should call that page?

@jywarren
Copy link
Member

jywarren commented Jun 27, 2019 via email

@cesswairimu
Copy link
Collaborator Author

Nice!!!

chen-robert pushed a commit to chen-robert/mapknitter that referenced this pull request Dec 5, 2019
* New Front end page css fixes

* images styling

* adds mapping kits icons

* change prof icon to first image map

* Fix mysql2 select list group clause error

* remove sections not used

* separate css classes

*  Add iframes for balloon mappings

* remove space below iframes
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

MapKnitter Front Page UI discussion
2 participants