title: iPhoneX and Notch detection
body: <p>Using Javascript; how can I check if the users device is an iPhoneX? </p>
  
  <p>Also, how can I determine what side the iPhones' 'notch' is positioned when in the landscape orientation?</p>
  
  <p>There are some great articles out there: <a href="https://webkit.org/blog/7929/designing-websites-for-iphone-x/" rel="noreferrer">https://webkit.org/blog/7929/designing-websites-for-iphone-x/</a></p>
  
  <p>... but these tend to take advantage of cutting-edge features that aren't natively supported in many mobile browsers at the time of writing this. </p>