<!DOCTYPE html><html lang="en">    <head>        <link rel="alternate" href="https://math-on-quora.surge.sh" hreflang="en" />        <meta charset="UTF-8">        <title>An introduction to beautiful math on Quora</title>         <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />         <link rel="stylesheet" href="style.css?v=3">        <link href="https://fonts.googleapis.com/css?family=Libre+Baskerville:400,400i|Roboto" rel="stylesheet">         <link rel="icon" type="image/png" href="./icons/favicon-32x32.png" sizes="32x32">        <link rel="icon" type="image/png" href="./icons/favicon-16x16.png" sizes="16x16">        <link rel="manifest" href="./manifest.json">        <link rel="mask-icon" href="./icons/safari-pinned-tab.svg" color="#b92b27">        <link rel="shortcut icon" href="./icons/favicon.ico">        <meta name="msapplication-config" content="./icons/browserconfig.xml">        <meta name="theme-color" content="#b92b27">         <meta property="og:title" content="An introduction to beautiful math on Quora" />        <meta name="twitter:site" content="@gilles_castel">        <meta name="twitter:domain" content="surge.sh">        <meta name="twitter:creator" content="@gilles_castel">        <meta property="og:site_name" content="math-on-quora.surge.sh" />        <meta property="og:type" content="website" />        <meta property="og:description" content="A short introduction to beautiful math typesetting on Quora" />        <meta name="description" content="A short introduction to beautiful math typesetting on Quora" />        <meta name="author" content="Gilles Castel" />        <meta name="keywords" content="math on quora, quora, math, maths, mathematics, typesetting, mathematical notations in latex, latex, tutorial" />    </head>    <body>        <header>Beautiful math on <img src="./images/quora.svg" alt="Quora">            <div class="subtitle">[math]\LaTeX[/math] in less than 10 minutes</div>        </header>        <div id="toc">            {{toc}}        </div>        <div id="toc-toggle">☰</div>        <section id="introduction">            <h1>Introduction</h1>            <div class="figure-set">                <figure>                    <figcaption>To enter math mode, click on show more &hellip;</figcaption>                    <img src="./images/show-more.png" alt="Click on the three dots in the edit bar">                </figure>                 <figure>                    <figcaption>&hellip; then click on the sigma button</figcaption>                    <img src="./images/button.png" alt="Click on the Sigma button">                </figure>                <figure>                    <figcaption>Press Σ again to end math mode</figcaption>                    <img src="./images/highlight.png" alt="Closing math mode">                </figure>                <figure>                    <figcaption>Keyboard shortcuts are often easier to use</figcaption>                    <img src="./images/keyboard.png" alt="Cmd + Shift + L or Ctrl + Shift + L">                </figure>                <figure>                    <figcaption>For question titles, you can use <code>[math]</code> and <code>[/math]</code></figcaption>                    <img src="./images/tags.png" alt="Surround your math with `[math]` and `[/math]` (without the quotes)">                </figure>                <figure>                    <figcaption>Click on &lsquo;Suggest Edits&rsquo; to see others&rsquo; [math]\LaTeX[/math] code</figcaption>                    <img src="./images/suggest-edits.png" alt="Click on the three dots on the right of an answer, then click on suggest edits">                </figure>                <figure>                    <figcaption><a title="Open deTeXify in a new tab" target="_blank" rel="noopener" href="http://detexify.kirelabs.org/classify.html">De[math]\TeX[/math]ify</a> helps you with finding the name of a symbol</figcaption>                    <img src="./images/detexify.png" alt="Draw the symbol you want, and DeTeXify find the name for you">                </figure>                <figure>                    <figcaption>Code editors like <a title="Open TeXpaste in a new tab" target="_blank" rel="noopener" href="http://www.texpaste.com/">[math]\TeX[/math]paste</a> can speed up your work</figcaption>                    <img src="./images/TeXpaste.png" alt="Code editors come with buttons that will insert special characters">                </figure>            </div>        </section>        {{content}}        <footer>            <span>Made with <span class="love">❤</span> by <a href="https://www.quora.com/profile/Gilles-Castel-1">Gilles</a></span>            <span>Thanks to&#32;                <a href="https://www.quora.com/profile/Job-Bouwman">Job&nbsp;Bouwman</a>,&#32;                <a href="https://www.quora.com/profile/Mike-Wilkes">Mike Wilkes</a>,&#32;                <a href="https://www.quora.com/profile/Alan-Bustany">Alan Bustany</a>,&#32;                <a href="https://www.quora.com/profile/Rasmus-Friberg">Rasmus Friberg</a>,&#32;                <a href="https://www.quora.com/profile/Buddha-Buck">Buddha Buck</a>,&#32;                <a href="https://www.quora.com/profile/Sudhansu-Bhusan-Mishra">Sudhansu Bhusan Mishra</a>,&#32;                <a href="https://www.quora.com/profile/Alexander-Farrugia">Alexander Farrugia</a>,&#32;                <a href="https://www.quora.com/profile/Kurt-Van-den-Broeck">Kurt Van den Broeck</a>,&#32;                <a href="https://www.quora.com/profile/Doug-Parker-4">Doug Parker</a>,&#32;                <a href="https://www.quora.com/profile/Jeremy-Stafford-6">Jeremy Stafford</a>,&#32;                <a href="https://www.quora.com/profile/Jonathan-Lang-6">Jonathan Lang</a>&#32;                and <a href="https://www.quora.com/profile/Jan-van-Delden-2">Jan van Delden</a>            </span>            <br>            <span>Suggestions, errors, questions?</span><span><a href="https://www.quora.com/profile/Gilles-Castel-1">Send me a message!</a> or <a href="https://github.com/gillescastel/math-on-quora">open an issue on Github<a></span>        </footer>         <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS_CHTML"></script>        <script type="text/x-mathjax-config">            MathJax.Hub.Config({                tex2jax: {                    inlineMath: [['[math]','[/math]']]                },                messageStyle: "none",                showMathMenu: false,                TeX: {                    Macros: {                        C: '{\\mathbb{C}}',                        N: '{\\mathbb{N}}',                        O: '{\\emptyset}',                        Q: '{\\mathbb{Q}}',                        R: '{\\mathbb{R}}',                        Z: '{\\mathbb{Z}}'                    }                },                Safe: {                    allow: {                        URLs: 'none',                        classes: 'none',                        cssIDs: 'none',                        styles: 'none',                        fontsize: 'none',                        require: 'none'                    }                }            });        </script>        <script src="bundle.js"></script>        <script>            (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)            })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');             ga('create', 'UA-82812547-1', 'auto');            ga('send', 'pageview');        </script>    </body></html>