cyclestreets / mobileweb Goto Github PK
View Code? Open in Web Editor NEWCycleStreets mobile website
Home Page: https://m.cyclestreets.net
CycleStreets mobile website
Home Page: https://m.cyclestreets.net
So the problem appears to be something to do with forgetting the first sign in.
However - the above was retried using the private browsing mode of Firefox and it did stay signed-in. So this problem may be hard to reproduce consistently.
Firefox Daylight 30.0 (3279) / iPhone 7
Scene on following this photo of the day link:
https://twitter.com/cyclestreets/status/1342017166267314178?s=21
Closing the overlay shows map around current location, not County Down where the photo is located .
One reason users follow Photo of the day from Twitter, or follow a photo map location link more generally is to determine where the image is located.
Turn off “use current location mode” when following location link, allowing user to close overlay and explore area of photo.
The blog and donate iframes should be loaded only on demand.
This will need them to be written in by JS, rather than use the Iframe tag directly in the HTML.
Ideally we should compile dependencies with Babel, so there is a single .js file, though this adds some development/deployment complexity.
E.g. see https://stackoverflow.com/questions/39471896/how-to-compile-all-included-files-into-one-using-babel
Although it's possible to add the Photomap as a full layer, it would be nice to have a box in the journey result page to toggle photos-en-route.
I think this would up the rate of photo submissions, as it would expose the functionality more.
E.g. see thread at:
https://twitter.com/gazza_d/status/1345785157949804549
The popups, e.g. Photomap, cannot be closed by keyboard.
The X button should respond to the Escape key.
Select any year in the Since
field to get this screenshot from iphone 7 / Firefox at https://m.cyclestreets.net/photomap:since=NaN/#17.25/52.199272/0.147761
Selecting the same link on a laptop doesn't immediately give the failure, but selecting a since date does reproduce the problem on subsequent occasions.
The current one at /images/og-image-twitter.png
needs to be more polished.
Although the site is not desktop-optimised, we should at least provide basic zoom functionality in the form of +/- buttons when not in touch mode.
(This was raised in feedback 14104.)
Samsung tablet:
"The linear speed selector doesn't seem to respond to touch..it does 'select' but not move.
I've have tried 'drag' and single select.
Not sure about the speed labels being off to one side so I tried selecting each one but no response"
Videos currently don't play.
E.g. /photomap/24948/ which is a video, MP4 as per others.
createBetaSwitch
in the LayerViewer needs cookie memory, set to e.g. 7 days.
If using a desktop machine, the form doesn't submit with the return key.
Although the site is not intended for desktop, this should be supported, as disabling a standard form mechanism indicates poor accessibility.
Photomap items with longer captions, like
/photomap/8492/
need to be scrollable (or expandable in some way).
An imported photo shows the user rather than the credit (which is the field that contains the Twitter attribution).
https://twitter.com/LiorSteinberg/status/1343837052933177344
Currently if a user loads a previously-planned route which does not have one or more strategy variations planned, this produces a popup for each such variation:
Sorry, the route for Quietest route could not be loaded: None of the desired plans were found.
(The latter part of this sentence is obviously badly-worded, incidentally.)
NB This scenario will always happen for instance with the old mobile site, which planned three separate routes rather than three at once.
We should replace this popup with writing into the route panel result.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.