Skip to content

Instantly share code, notes, and snippets.

@davejohn
Last active December 10, 2015 22:29
Show Gist options
  • Save davejohn/4502707 to your computer and use it in GitHub Desktop.
Save davejohn/4502707 to your computer and use it in GitHub Desktop.

Hi everyone,

We've completed all of the adjustments that we agreed upon at the end of our training in Beirut, which I've captured in a list here.

This concludes our work from the first contract with LRI. Please let us know if you run into any other issues or have questions about these adjustments. You can post these questions to Atrium, which we will keep open for at least another month from this point.

Regarding any new changes or features, like we discussed, we could do this work as part of a new smaller contract or just as individual invoices below a certain amount, like Chris suggested.

##Completed Adjustments

###Youtube video

The youtube video now appears on load of the site. When a user visits the site for hte first time, it stores a cookie in their browser (cookies are used by web browsers to track information on the user). Then the next time the site is loaded, it checks for this cookie to determine if the user has recently visted the site. If this cookie exists, it will not play the video again, until the user deletes their cookies manually (in browser settings), or when the cookies are periodically reset by the browser automatically.

This prevents users who are repeatedly using the tool from having to close the video every time the site loads, however we can easily change this to have it load every time if this is better for your intended user experience.

To change the youtube video, you only need to change the 8 digit code in site.js, on line 20. This process is outlined step by step at the bottom of the README.md file.

###Tweaking design on buttons

.

The buttons have been adjusted to pop out more on hover and or click.

These tweaked designs are coming from the sprite.svg file, which is then converted to a sprite.png file and referenced in the site stylesheet. Covering the process of updating these files is not within the scope of this project, but anyone experienced with inkscape or photoshop, and CSS, can easily change these icons.

###Internet Explorer compatability

Mapbox supports IE8 and above, (more information available on this in our July blog post). However, the swipe feature only supports IE9 and above, so when a user visits the site in IE8, the swipe feature will just function as a top and bottom layer switcher.

###Print page button

Every page now has a print page button to the upper right. This has custom styling written for what prints so only the layer switcher and legends will appear on top of the map itself, while all other navigation elements dissappear.

Like I said, let me know if you have any questions about the above or about integration within your new site. We can't wait to see the tool up and running!

Best, Dave

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment