 
 SUPPORT_LINKS =
     contact :
-        icon : "envelope-o"
-        href : "mailto:help@sagemath.com"
-        link : "help@sagemath.com"
-        text : <span>In case of problems with the SageMathCloud platform, <strong style={fontStyle:"italic"}>do
+        icon : 'envelope-o'
+        href : 'mailto:help@sagemath.com'
+        link : 'help@sagemath.com'
+        text : <span>In case of problems with the SageMathCloud platform, <strong style={fontStyle:'italic'}>do
                    not hesitate</strong> to immediately email us. We want to know if anything is broken! <b>Include
                    a link (the address in your browser) to any project or document you are asking about.</b></span>
     getting_started :
-        icon : "play"
-        href : "#help-page-getting-started"
-        link : "Getting started with SageMathCloud"
+        icon : 'play'
+        href : '#help-page-getting-started'
+        link : 'Getting started with SageMathCloud'
     teaching :
-        icon : "users"
-        href : "http://sagemath.blogspot.com/2014/10/sagemathcloud-course-management.html"
-        link : "Teaching a course with SageMathCloud"
+        icon : 'users'
+        href : 'http://sagemath.blogspot.com/2014/10/sagemathcloud-course-management.html'
+        link : 'Teaching a course with SageMathCloud'
     realtime_chat :
-        icon : "comments-o"
-        href : "https://gitter.im/sagemath/cloud"
-        link : "Realtime chat and help"
+        icon : 'comments-o'
+        href : 'https://gitter.im/sagemath/cloud'
+        link : 'Realtime chat and help'
     quick_question :
-        icon : "question-circle"
-        href : "http://ask.sagemath.org/questions/"
-        link : "Ask a quick question"
+        icon : 'question-circle'
+        href : 'http://ask.sagemath.org/questions/'
+        link : 'Ask a quick question'
     github :
-        icon : "github-square"
-        href : "https://github.com/sagemathinc/smc"
-        link : "Source on Github"
-        text : "SageMathCloud is 100% open source"
+        icon : 'github-square'
+        href : 'https://github.com/sagemathinc/smc'
+        link : 'Source on Github'
+        text : 'SageMathCloud is 100% open source'
     github_issue_tracker :
-        icon : "exclamation-circle"
-        href : "https://github.com/sagemathinc/smc/issues"
-        link : "Github issue tracker"
-        text : "(you may also email bug reports to us)"
+        icon : 'exclamation-circle'
+        href : 'https://github.com/sagemathinc/smc/issues'
+        link : 'Github issue tracker'
+        text : '(you may also email bug reports to us)'
     support_mailing_list :
-        icon : "life-ring"
-        href : "https://groups.google.com/forum/?fromgroups#!forum/sage-cloud"
-        link : "SageMathCloud support mailing list"
+        icon : 'life-ring'
+        href : 'https://groups.google.com/forum/?fromgroups#!forum/sage-cloud'
+        link : 'SageMathCloud support mailing list'
     developer_mailing_list :
-        icon : "envelope-o"
-        href : "https://groups.google.com/forum/?fromgroups#!forum/sage-cloud-devel"
-        link : "SageMathCloud developer mailing list"
+        icon : 'envelope-o'
+        href : 'https://groups.google.com/forum/?fromgroups#!forum/sage-cloud-devel'
+        link : 'SageMathCloud developer mailing list'
     frequently_asked_questions :
-        icon : "question-circle"
-        href : "https://github.com/sagemathinc/smc/wiki/FAQ"
-        link : "Frequently Asked Questions"
+        icon : 'question-circle'
+        href : 'https://github.com/sagemathinc/smc/wiki/FAQ'
+        link : 'Frequently Asked Questions'
     sagemath_blog :
-        icon : "rss"
-        href : "http://sagemath.blogspot.com/"
-        link : "SageMath Blog"
+        icon : 'rss'
+        href : 'http://sagemath.blogspot.com/'
+        link : 'SageMath Blog'
     google_plus :
-        icon : "google-plus-square"
-        href : "https://plus.google.com/115360165819500279592/posts"
-        link : "Google+ William Stein"
-        text : "William Stein - development updates"
+        icon : 'google-plus-square'
+        href : 'https://plus.google.com/115360165819500279592/posts'
+        link : 'Google+ William Stein'
+        text : 'William Stein - development updates'
     google_plus_smc :
-        icon : "google-plus-square"
-        href : "https://plus.google.com/117696122667171964473/posts"
-        link : "Google+ SageMathCloud"
-        text : "SageMathCloud updates on Google+"
+        icon : 'google-plus-square'
+        href : 'https://plus.google.com/117696122667171964473/posts'
+        link : 'Google+ SageMathCloud'
+        text : 'SageMathCloud updates on Google+'
     twitter :
-        icon : "twitter-square"
-        href : "https://twitter.com/wstein389"
-        link : "Twitter"
-        text : "Follow the Twitter feed"
+        icon : 'twitter-square'
+        href : 'https://twitter.com/wstein389'
+        link : 'Twitter'
+        text : 'Follow the Twitter feed'
     general_sagemath :
-        icon : "superscript"
-        href : "http://www.sagemath.org/help.html"
-        link : "General SageMath help and support pages"
+        icon : 'superscript'
+        href : 'http://www.sagemath.org/help.html'
+        link : 'General SageMath help and support pages'
     chrome_app :
-        icon : "google"
-        href : "https://chrome.google.com/webstore/detail/the-sagemath-cloud/eocdndagganmilahaiclppjigemcinmb"
-        link : "Install the Chrome App"
-        className : "salvus-chrome-only"
+        icon      : 'google'
+        href      : 'https://chrome.google.com/webstore/detail/the-sagemath-cloud/eocdndagganmilahaiclppjigemcinmb'
+        link      : 'Install the Chrome App'
+        className : 'salvus-chrome-only'
 
 HelpPageSupportSection = rclass
-    displayName : "HelpPage-HelpPageSupportSection"
+    displayName : 'HelpPage-HelpPageSupportSection'
 
     propTypes :
         support_links : rtypes.object


                <Panel header={@get_panel_header('bar-chart', 'Use Jupyter notebooks')} eventKey='7'>
                    <p>
                        <a target="_blank" href="https://www.youtube.com/watch?v=sDBbt8U4aJw"><Icon name="youtube-play" /> video</a>
                    </p>
                    <p>
                        In a project, click <span style={color:"#08c"}><Icon name="plus-circle" /> New</span> then the
                        "Jupyter" button, or just open an ipynb file.
                        The notebook will be opened using Jupyter's html-based client,
                        with support for embedded graphics.


    render : ->
        <div>
            <h3 id='help-page-getting-started'><Icon name='cubes' /> Getting started with SageMathCloud</h3>

            <Accordion>
                <Panel header={@get_panel_header('user', 'Create an account')} eventKey='1'>
                    <p>
                        <a target='_blank' href='https://www.youtube.com/watch?v=eadnL5hDg9M'><Icon name='youtube-play' /> video</a>
                    </p>
                    <p>
                        Navigate to <a target='_blank' href='https://cloud.sagemath.com'>https://cloud.sagemath.com</a>.
                        If you are already signed in, first sign out
                        by clicking on your email address by the <Icon name='cog' /> icon
                        in the upper right, and clicking 'Sign out'.
                        Click on 'create an account', then agree to the terms of usage.
                        Next either enter your name, email address, and password for
                        the new account you would like to create, or login
                        using your Google, Github, Facebook, etc., account.
                        You may change your name, email address or password
                        at any time later, and also reset your password in case you forget it.
                    </p>
                    <div style={color:'#666'}>
                        <h4>Technical Notes</h4>
                        <ul>
                            <li> Please
