CINXE.COM

<html> <head> <title>Erowid : About Making Erowid Mobile Friendly</title> <meta name="description" content="mobile development for erowid.org"> <meta name="keywords" content="about erowid information"> <meta name="sperowider-extraweight" content="contact email"> <link href="/includes/general_default.css" rel="stylesheet" type="text/css"> <link href="/includes/about_default.css" rel="stylesheet" type="text/css"> <link href="/includes/about_sidenav.css" rel="stylesheet" type="text/css"> </head> <body>  <script language="Javascript" src="/includes/headers/menu_data.js" type="text/javascript"></script> <script language="Javascript" src="/includes/headers/mmenu.js" type="text/javascript"></script> <table border="0" cellpadding="0" cellspacing="0" bgcolor="#000000"><tr> <td><a href="/index.shtml"><img src="/includes/headers/images/h_sun1.gif" width="122" height="25" alt="" border="0"></a></td> <td background="/includes/headers/images/bar_squiggle.gif" width="100%" colspan="4"> </td> </tr><tr> <td><a href="/index.shtml"><img src="/includes/headers/images/h_sun2.gif" width="122" height="70" alt="Erowid" border="0"></a></td> <td><a href="/index.shtml"><img src="/includes/headers/images/h_vaults.gif" width="120" height="70" alt="" border="0"></a></td> <td width="100%"> <table border="0" cellpadding="0" cellspacing="0" width="100" bgcolor="#000000" height="70"><tr> <td> </td> </tr></table> </td><td> <table border="0" cellpadding="0" cellspacing="0" width="316" height="70" background="/includes/headers/images/center_spirit_1-1.jpg"><tr> <td valign="top" align="right"> </td> </tr></table> </td><td> <table border="0" cellpadding="0" cellspacing="0" width="130" height="70" background="/includes/headers/images/center_spirit_1-2.jpg"> <tr height="30"><td align="left" valign="bottom">  <form name="SearchForm" method="get" action="/search.php">  <input type="text" size="13" name="q" value="" id="header-search"> <input type="image" src="/includes/headers/images/go2.gif" border="0" alt="Search"> </td></form></tr> <tr height="4"><td></td></tr> <tr height="16"> <td align="left"><a href="/general/about/" onMouseOver="popup('about')" onMouseOut="popdn()"><img src="/includes/headers/images/h_about.gif" width="89" height="13" alt="" border="0"></a></td> </tr><tr height="16"> <td align="left"><a href="/donations/" onMouseOver="popup('donations')" onMouseOut="popdn()"><img src="/includes/headers/images/h_join.gif" width="89" height="13" alt="" border="0"></a></td> </tr><tr height="4"><td></td> </tr></table> </td></tr><tr><td colspan="6"> <table border="0" cellpadding="0" cellspacing="0" width="100%"><tr> <td width="101"><img src="/includes/headers/images/bar_solid_left.gif" width="101" height="22" alt=""></td> <td align="left" width="114"><a href="/psychoactives/" onMouseOver="popup('drugs')" onMouseOut="popdn()"> <img src="/includes/headers/images/menu_1.gif" width="114" height="22" border="0" alt="Plants - Drugs"></a></td> <td align="left" width="103"><a href="/spirit/" onMouseOver="popup('mind')" onMouseOut="popdn()"> <img src="/includes/headers/images/menu_2.gif" width="103" height="22" border="0" alt="Mind - Spirit"></a></td> <td align="left" width="117"><a href="/freedom/" onMouseOver="popup('freedom')" onMouseOut="popdn()"> <img src="/includes/headers/images/menu_3.gif" width="117" height="22" border="0" alt="Freedom - Law"></a></td> <td align="left" width="110"><a href="/culture/" onMouseOver="popup('arts')" onMouseOut="popdn()"> <img src="/includes/headers/images/menu_4.gif" width="104" height="22" border="0" alt="Arts - Culture"></a></td> <td align="left" width="77"><a href="/library/" onMouseOver="popup('library')" onMouseOut="popdn()"> <img src="/includes/headers/images/menu_5.gif" width="77" height="22" border="0" alt="Library"></a></td> <td width="100%" background="/includes/headers/images/bar_solid_right.gif"> </td> </tr></table> </td></tr></table> <div id="main-frame">  <div id="sidenav-outer-frame"> <div class="sidenav-sub-frame"> <div class="sidenav-join"> <div class="side-title-sub"><a href="/general/about/about.shtml"><img src="/general/about/images/about_sidenav_about.gif" alt="" width="175" height="18" border="0"></a></div> <div class="hover-links"> <div class="side-link"><a href="/general/about/about.shtml">About Erowid</a></div> <div class="side-link"><a href="/general/about/about_faq.shtml">Erowid FAQ</a></div> <div class="side-link"><a href="/general/about/about_funding.shtml">Funding & Support</a></div> <div class="side-link"><a href="/general/about/about_copyrights.shtml">Copyrights</a></div> <div class="side-link"><a href="/general/about/about_contact.shtml">Contact</a></div> </div></div> </div> <div class="sidenav-sub-frame"> <div class="sidenav-gifts"> <div class="side-title-sub"><img src="/general/about/images/about_sidenav_stay.gif" alt="" width="175" height="18" border="0"></div> <div class="hover-links"> <div class="side-link"><a href="/new.php">What's New</a></div> <div class="side-link"><a href="/general/announce/monthly_current.shtml"><i>Erowid Monthly</i></a></div> <div class="side-link"><a href="/general/about/about_newsletter.shtml"><i>Erowid Extracts</i></a></div> </div></div> </div> <div class="sidenav-sub-frame"> <div class="sidenav-gifts"> <div class="side-title-sub"><img src="/general/about/images/about_sidenav_help.gif" alt="" width="175" height="18" border="0"></div> <div class="hover-links"> <div class="side-link"><a href="/donations/donations.shtml">Donations</a></div> <div class="side-link"><a href="/general/about/about_submissions.shtml">Submissions</a></div> <div class="side-link"><a href="/general/about/about_volunteers.shtml">Volunteers</a></div> <div class="side-link"><a href="/donations/donations_help.shtml">Buy Books Through Us!</a></div> </div></div> </div> <div class="sidenav-sub-frame"> <div class="sidenav-gifts"> <div class="side-title-sub"><img src="/general/about/images/about_sidenav_info.gif" alt="" width="175" height="18" border="0"></div> <div class="hover-links"> <div class="side-link"><a href="/general/about/about_erowid_prospectus_2014.pdf">2014 Prospectus</a></div> <div class="side-link"><a href="/general/about/about_crew.shtml">Erowid Crew</a></div> <div class="side-link"><a href="/general/about/about_funding.shtml">Contributors</a></div> <div class="side-link"><a href="/general/mentions/mentions.shtml">Media Mentions</a></div> <div class="side-link"><a href="/general/about/about_disclaimer.shtml">Content Disclaimer</a></div> <div class="side-link"><a href="/general/about/about_privacy.shtml">Privacy Policy</a></div> </div></div> </div> </div>  <div id="content-outer-frame">  <div id="content-messpath-frame"> <div id="path"> <div class="path-chunk"><a href="/general/">GENERAL</a></div>   <div class="path-chunk"><a href="/general/about/">about</a></div></div> <div id="message">   <style> #message .thumb { float: left; border: 1px solid #000000; margin-top: 1px; height: 108px; margin-right: 10px; } #message { background: #afcF70; border: 1px solid #000000; height: 113px; border-radius: 8px; } #message-inner-lg { font: 500 14.5pt georgia,times,serif; color: #000000; padding: 7 18 0 12; } #message-inner-sm { font: 500 11pt arial,sans-serif; padding: 8 18 0 12; color: #000000; line-height: 17px; border: 0px solid blue; } </style> <a href="/cgi-bin/r.php?message_id=242&url=/donations/incentives_art1.php&Q&src=ms242&E&"><a href="/cgi-bin/r.php?message_id=242&url=/donations/gifts_yarn_art.php?src=ms242"> <img src="/donations/images/art_solve_et_elucido_thumb.jpg" class="thumb"> <div id="message-inner-lg">Ltd Ed 'Solve et Elucido' Art Giclee</div> <div id="message-inner-sm"> This reverberating psychedelic giclee print is a gift for a<br/> $500 donation to Erowid. 12" x 12", stretched on canvas, the<br/> image wraps around the sides of the 1" thick piece. Signed<br/> by artist Vibrata, and Erowid founders Earth & Fire. </div> </a></a> <script src="/includes/javascript/erowid_message_lib.js" type="text/javascript"></script> <script type="text/javascript"> var mTimeExpired = 1732543586000; var mDate = new Date(); if (mDate.getDate() < mTimeExpired) { SendQuietRequest("https://www.erowid.org/cgi-bin/messages/message_view_record.php?message_id=242&page_url=/general/about/about_mobile.php"); } </script>   </div> </div>   <div id="content-body-frame">  <div class="title-section"> <div class="ts-title">Mobile Friendly and General UI Update for Erowid</div> <div class="ts-title-sub">2018</div> </div> <div class="content-section"> This page is here to help people understand the needs Erowid has to improve the web UI and improve functionality on small mobile devices.<br/><br/> As of July, 2018, we are seeking targeted help from those experienced doing high level design with ability to implement major parts of it as HTML/CSS and those skilled with jQueryUI.<br/><br/> We also need WordPress designers and customizers to help us with the Crew Blog: <a href="https://www.erowid.org/blog">https://erowid.org/blog</a>.<br/><br/> <h3>A couple of Frequent Suggestions</h3> <ol> <li>You should put Erowid into a wiki! No, see "complex data ontology" below.</li> <li>You should put Erowid into Wordpress! No, see "complete data ontology" below.</li> </ol> <h3>Complex Data Ontology</h3> You might not understand how complex and varied the data is on the site. As an incomplete list, we have ten thousand reference PDFs and associated metadata, 112,000 experience reports and complex metadata, 5000 Stolaroff Archive files and associated meta data, thousands of analytical testing results, several archived web forums, timelines, tens of thousands of images, tens of thousands of flat files, etc. If you aren't familiar with SQL or 'relational table database' structures or the needs these fill, then you will not understand the reasons for why the complex data ontology (ontologies) Erowid spans cannot be 'converted' to a wiki or other single format text field data type.<br/><br/> </div>  </div></div> <div id="footer-frame"> <div class="footer-backto"> [ <a href="/general/">back to general</a> ]   [ <a href="/general/about/">back to about</a> ]</div> <table border="0" cellpadding="0" cellspacing="0" width="100%"><tr> <td width="10" background="/includes/headers/images/bar_solid_footer.gif"> </td> <td width="140" background="/includes/headers/images/bar_solid_footer.gif" valign="top"> <table border="0" cellpadding="2" cellspacing="0" width="140"><tr> <td valign="top" id="footer-menu"><script language="JavaScript">PlaceMenu("footer")</script></td> </tr></table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0" width="100%" background="/includes/headers/images/bar_solid_footer.gif" height="22"><tr> <td align="center"><div class="footer1">Created by Erowid - Jul 15 2018</div></td> </tr></table> </td> <td width="10" background="/includes/headers/images/bar_solid_footer.gif"> </td> <td width="140" background="/includes/headers/images/bar_solid_footer.gif" align="right"><div class="footer2">Modified - Jul 21, 2018</div></td> </tr></table> <div class="footer-copyright">Content & design © 1995-2023 Erowid.org. Permission required before publicly reproducing Erowid info.</div> </div> </div>  </body> </html>