mirror of
https://github.com/hohn/codeql-info.git
synced 2025-12-16 20:53:04 +01:00
349 lines
26 KiB
HTML
349 lines
26 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<html lang="en" data-content_root="../">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
|
|
<title>Basic query for JavaScript code — CodeQL</title>
|
|
<link rel="stylesheet" type="text/css" href="../_static/pygments.css?v=fa44fd50" />
|
|
<link rel="stylesheet" type="text/css" href="../_static/alabaster.css?v=93459777" />
|
|
<script src="../_static/documentation_options.js?v=5929fcd5"></script>
|
|
<script src="../_static/doctools.js?v=888ff710"></script>
|
|
<script src="../_static/sphinx_highlight.js?v=dc90522c"></script>
|
|
<link rel="icon" href="../_static/favicon.ico"/>
|
|
<link rel="index" title="Index" href="../genindex.html" />
|
|
<link rel="search" title="Search" href="../search.html" />
|
|
<link rel="next" title="CodeQL library for JavaScript" href="codeql-library-for-javascript.html" />
|
|
<link rel="prev" title="CodeQL for JavaScript" href="codeql-for-javascript.html" />
|
|
|
|
<title>CodeQL docs</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<link rel="stylesheet" href="../_static/custom.css" type="text/css" />
|
|
<link rel="stylesheet" href="../_static/primer.css" type="text/css" />
|
|
|
|
|
|
</head><body>
|
|
<header class="Header">
|
|
<div class="Header-item--full">
|
|
<a href="https://codeql.github.com/docs" class="Header-link f2 d-flex flex-items-center">
|
|
<!-- <%= octicon "mark-github", class: "mr-2", height: 32 %> -->
|
|
<svg height="32" class="octicon octicon-mark-github mr-2" viewBox="0 0 16 16" version="1.1" width="32"
|
|
aria-hidden="true">
|
|
<path fill-rule="evenodd"
|
|
d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z">
|
|
</path>
|
|
</svg>
|
|
<span class="hide-sm">CodeQL documentation</span>
|
|
</a>
|
|
</div>
|
|
<div class="Header-item hide-sm hide-md">
|
|
<script src="https://addsearch.com/js/?key=93b4d287e2fc079a4089412b669785d5&categories=!0xhelp.semmle.com,0xcodeql.github.com,1xdocs,1xcodeql-standard-libraries,1xcodeql-query-help"></script>
|
|
</div>
|
|
<div class="Header-item">
|
|
|
|
<details class="dropdown details-reset details-overlay d-inline-block">
|
|
<summary class="btn bg-gray-dark text-white border" aria-haspopup="true">
|
|
CodeQL resources
|
|
<div class="dropdown-caret"></div>
|
|
</summary>
|
|
|
|
<ul class="dropdown-menu dropdown-menu-se dropdown-menu-dark">
|
|
<li><a class="dropdown-item" href="https://codeql.github.com/docs/codeql-overview">CodeQL overview</a></li>
|
|
<li class="dropdown-divider" role="separator"></li>
|
|
<div class="dropdown-header">
|
|
CodeQL tools
|
|
</div>
|
|
<li><a class="dropdown-item" href="https://codeql.github.com/docs/codeql-for-visual-studio-code">CodeQL for VS Code</a>
|
|
<li><a class="dropdown-item" href="https://codeql.github.com/docs/codeql-cli">CodeQL CLI</a>
|
|
</li>
|
|
<li class="dropdown-divider" role="separator"></li>
|
|
<div class="dropdown-header">
|
|
CodeQL guides
|
|
</div>
|
|
<li><a class="dropdown-item" href="https://codeql.github.com/docs/writing-codeql-queries">Writing CodeQL queries</a></li>
|
|
<li><a class="dropdown-item" href="https://codeql.github.com/docs/codeql-language-guides">CodeQL language guides</a>
|
|
<li class="dropdown-divider" role="separator"></li>
|
|
<div class="dropdown-header">
|
|
Reference docs
|
|
</div>
|
|
<li><a class="dropdown-item" href="https://codeql.github.com/docs/ql-language-reference/">QL language
|
|
reference</a>
|
|
<li><a class="dropdown-item" href="https://codeql.github.com/codeql-standard-libraries">CodeQL
|
|
standard-libraries</a>
|
|
<li><a class="dropdown-item" href="https://codeql.github.com/codeql-query-help">CodeQL
|
|
query help</a>
|
|
<li class="dropdown-divider" role="separator"></li>
|
|
<div class="dropdown-header">
|
|
Source files
|
|
</div>
|
|
<li><a class="dropdown-item" href="https://github.com/github/codeql">CodeQL repository</a>
|
|
</ul>
|
|
</details>
|
|
|
|
</div>
|
|
|
|
</header>
|
|
<main class="bg-gray-light clearfix">
|
|
<nav class="SideNav position-sticky top-0 col-lg-3 col-md-3 float-left p-4 hide-sm hide-md overflow-y-auto">
|
|
|
|
<ul class="current">
|
|
<li class="toctree-l1"><a class="reference internal" href="../codeql-overview/index.html">CodeQL overview</a></li>
|
|
<li class="toctree-l1"><a class="reference internal" href="../codeql-for-visual-studio-code/index.html">CodeQL for Visual Studio Code</a></li>
|
|
<li class="toctree-l1"><a class="reference internal" href="../codeql-cli/index.html">CodeQL CLI</a></li>
|
|
<li class="toctree-l1"><a class="reference internal" href="../writing-codeql-queries/index.html">Writing CodeQL queries</a></li>
|
|
<li class="toctree-l1 current"><a class="reference internal" href="index.html">CodeQL language guides</a><ul class="current">
|
|
<li class="toctree-l2"><a class="reference internal" href="codeql-for-cpp.html">CodeQL for C and C++</a></li>
|
|
<li class="toctree-l2"><a class="reference internal" href="codeql-for-csharp.html">CodeQL for C#</a></li>
|
|
<li class="toctree-l2"><a class="reference internal" href="codeql-for-go.html">CodeQL for Go</a></li>
|
|
<li class="toctree-l2"><a class="reference internal" href="codeql-for-java.html">CodeQL for Java</a></li>
|
|
<li class="toctree-l2 current"><a class="reference internal" href="codeql-for-javascript.html">CodeQL for JavaScript</a><ul class="current">
|
|
<li class="toctree-l3 current"><a class="current reference internal" href="#">Basic query for JavaScript code</a></li>
|
|
<li class="toctree-l3"><a class="reference internal" href="codeql-library-for-javascript.html">CodeQL library for JavaScript</a></li>
|
|
<li class="toctree-l3"><a class="reference internal" href="codeql-library-for-typescript.html">CodeQL library for TypeScript</a></li>
|
|
<li class="toctree-l3"><a class="reference internal" href="analyzing-data-flow-in-javascript-and-typescript.html">Analyzing data flow in JavaScript and TypeScript</a></li>
|
|
<li class="toctree-l3"><a class="reference internal" href="using-flow-labels-for-precise-data-flow-analysis.html">Using flow labels for precise data flow analysis</a></li>
|
|
<li class="toctree-l3"><a class="reference internal" href="specifying-additional-remote-flow-sources-for-javascript.html">Specifying additional remote flow sources for JavaScript</a></li>
|
|
<li class="toctree-l3"><a class="reference internal" href="using-type-tracking-for-api-modeling.html">Using type tracking for API modeling</a></li>
|
|
<li class="toctree-l3"><a class="reference internal" href="abstract-syntax-tree-classes-for-working-with-javascript-and-typescript-programs.html">Abstract syntax tree classes for working with JavaScript and TypeScript programs</a></li>
|
|
<li class="toctree-l3"><a class="reference internal" href="data-flow-cheat-sheet-for-javascript.html">Data flow cheat sheet for JavaScript</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="toctree-l2"><a class="reference internal" href="codeql-for-python.html">CodeQL for Python</a></li>
|
|
<li class="toctree-l2"><a class="reference internal" href="codeql-for-ruby.html">CodeQL for Ruby</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="toctree-l1"><a class="reference internal" href="../ql-language-reference/index.html">QL language reference</a></li>
|
|
</ul>
|
|
|
|
|
|
</nav>
|
|
|
|
|
|
<div class="body col-sm-12 col-md-9 col-lg-9 float-left border-left">
|
|
|
|
<div class="hide-lg hide-xl px-4 pt-4">
|
|
|
|
<div class="related" role="navigation" aria-label="related navigation">
|
|
<ul>
|
|
<li class="nav-item nav-item-0"><a href="../contents.html">CodeQL</a> »</li>
|
|
<li class="nav-item nav-item-1"><a href="index.html"
|
|
>CodeQL language guides</a> »</li>
|
|
<li class="nav-item nav-item-2"><a href="codeql-for-javascript.html"
|
|
accesskey="U">CodeQL for JavaScript</a> »</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<article class="p-4 col-lg-10 col-md-10 col-sm-12">
|
|
|
|
<section id="basic-query-for-javascript-code">
|
|
<span id="id1"></span><h1>Basic query for JavaScript code<a class="headerlink" href="#basic-query-for-javascript-code" title="Link to this heading">¶</a></h1>
|
|
<p>Learn to write and run a simple CodeQL query using LGTM.</p>
|
|
<section id="about-the-query">
|
|
<h2>About the query<a class="headerlink" href="#about-the-query" title="Link to this heading">¶</a></h2>
|
|
<p>In JavaScript, any expression can be turned into an expression statement. While this is sometimes convenient, it can be dangerous. For example, imagine a programmer wants to assign a new value to a variable <code class="docutils literal notranslate"><span class="pre">x</span></code> by means of an assignment <code class="docutils literal notranslate"><span class="pre">x</span> <span class="pre">=</span> <span class="pre">42</span></code>. However, they accidentally type two equals signs, producing the comparison statement <code class="docutils literal notranslate"><span class="pre">x</span> <span class="pre">==</span> <span class="pre">42</span></code>. This is valid JavaScript, so no error is generated. The statement simply compares <code class="docutils literal notranslate"><span class="pre">x</span></code> to <code class="docutils literal notranslate"><span class="pre">42</span></code>, and then discards the result of the comparison.</p>
|
|
<p>The query you will run finds instances of this problem. The query searches for expressions <code class="docutils literal notranslate"><span class="pre">e</span></code> that are pure—that is, their evaluation does not lead to any side effects—but appear as an expression statement.</p>
|
|
</section>
|
|
<section id="running-the-query">
|
|
<h2>Running the query<a class="headerlink" href="#running-the-query" title="Link to this heading">¶</a></h2>
|
|
<ol class="arabic">
|
|
<li><p>In the main search box on LGTM.com, search for the project you want to query. For tips, see <a class="reference external" href="https://lgtm.com/help/lgtm/searching">Searching</a>.</p></li>
|
|
<li><p>Click the project in the search results.</p></li>
|
|
<li><p>Click <strong>Query this project</strong>.</p>
|
|
<p>This opens the query console. (For information about using this, see <a class="reference external" href="https://lgtm.com/help/lgtm/using-query-console">Using the query console</a>.)</p>
|
|
<blockquote class="pull-quote">
|
|
<div><p>Note</p>
|
|
<p>Alternatively, you can go straight to the query console by clicking <strong>Query console</strong> (at the top of any page), selecting <strong>JavaScript</strong> from the <strong>Language</strong> drop-down list, then choosing one or more projects to query from those displayed in the <strong>Project</strong> drop-down list.</p>
|
|
</div></blockquote>
|
|
</li>
|
|
<li><p>Copy the following query into the text box in the query console:</p>
|
|
<div class="highlight-ql notranslate"><div class="highlight"><pre><span></span>import javascript
|
|
|
|
from Expr e
|
|
where e.isPure() and
|
|
e.getParent() instanceof ExprStmt
|
|
select e, "This expression has no effect."
|
|
</pre></div>
|
|
</div>
|
|
<p>LGTM checks whether your query compiles and, if all is well, the <strong>Run</strong> button changes to green to indicate that you can go ahead and run the query.</p>
|
|
</li>
|
|
<li><p>Click <strong>Run</strong>.</p>
|
|
<p>The name of the project you are querying, and the ID of the most recently analyzed commit to the project, are listed below the query box. To the right of this is an icon that indicates the progress of the query operation:</p>
|
|
<img alt="../_images/query-progress.png" class="align-center" src="../_images/query-progress.png" />
|
|
<blockquote class="pull-quote">
|
|
<div><p>Note</p>
|
|
<p>Your query is always run against the most recently analyzed commit to the selected project.</p>
|
|
</div></blockquote>
|
|
<p>The query will take a few moments to return results. When the query completes, the results are displayed below the project name. The query results are listed in two columns, corresponding to the two expressions in the <code class="docutils literal notranslate"><span class="pre">select</span></code> clause of the query. The first column corresponds to the expression <code class="docutils literal notranslate"><span class="pre">e</span></code> and is linked to the location in the source code of the project where <code class="docutils literal notranslate"><span class="pre">e</span></code> occurs. The second column is the alert message.</p>
|
|
<p>➤ <a class="reference external" href="https://lgtm.com/query/5137013631828816943/">Example query results</a></p>
|
|
<blockquote class="pull-quote">
|
|
<div><p>Note</p>
|
|
<p>An ellipsis (…) at the bottom of the table indicates that the entire list is not displayed—click it to show more results.</p>
|
|
</div></blockquote>
|
|
</li>
|
|
<li><p>If any matching code is found, click one of the links in the <code class="docutils literal notranslate"><span class="pre">e</span></code> column to view the expression in the code viewer.</p>
|
|
<p>The matching statement is highlighted with a yellow background in the code viewer. If any code in the file also matches a query from the standard query library for that language, you will see a red alert message at the appropriate point within the code.</p>
|
|
</li>
|
|
</ol>
|
|
<section id="about-the-query-structure">
|
|
<h3>About the query structure<a class="headerlink" href="#about-the-query-structure" title="Link to this heading">¶</a></h3>
|
|
<p>After the initial <code class="docutils literal notranslate"><span class="pre">import</span></code> statement, this simple query comprises three parts that serve similar purposes to the FROM, WHERE, and SELECT parts of an SQL query.</p>
|
|
<table class="docutils align-default">
|
|
<thead>
|
|
<tr class="row-odd"><th class="head"><p>Query part</p></th>
|
|
<th class="head"><p>Purpose</p></th>
|
|
<th class="head"><p>Details</p></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr class="row-even"><td><p><code class="docutils literal notranslate"><span class="pre">import</span> <span class="pre">javascript</span></code></p></td>
|
|
<td><p>Imports the standard CodeQL libraries for JavaScript.</p></td>
|
|
<td><p>Every query begins with one or more <code class="docutils literal notranslate"><span class="pre">import</span></code> statements.</p></td>
|
|
</tr>
|
|
<tr class="row-odd"><td><p><code class="docutils literal notranslate"><span class="pre">from</span> <span class="pre">Expr</span> <span class="pre">e</span></code></p></td>
|
|
<td><p>Defines the variables for the query.
|
|
Declarations are of the form:
|
|
<code class="docutils literal notranslate"><span class="pre"><type></span> <span class="pre"><variable</span> <span class="pre">name></span></code></p></td>
|
|
<td><p><code class="docutils literal notranslate"><span class="pre">e</span></code> is declared as a variable that ranges over expressions.</p></td>
|
|
</tr>
|
|
<tr class="row-even"><td><p><code class="docutils literal notranslate"><span class="pre">where</span> <span class="pre">e.isPure()</span> <span class="pre">and</span> <span class="pre">e.getParent()</span> <span class="pre">instanceof</span> <span class="pre">ExprStmt</span></code></p></td>
|
|
<td><p>Defines a condition on the variables.</p></td>
|
|
<td><p><code class="docutils literal notranslate"><span class="pre">e.isPure()</span></code>: The expression is side-effect-free.</p>
|
|
<p><code class="docutils literal notranslate"><span class="pre">e.getParent()</span> <span class="pre">instanceof</span> <span class="pre">ExprStmt</span></code>: The parent of the expression is an expression statement.</p>
|
|
</td>
|
|
</tr>
|
|
<tr class="row-odd"><td><p><code class="docutils literal notranslate"><span class="pre">select</span> <span class="pre">e,</span> <span class="pre">"This</span> <span class="pre">expression</span> <span class="pre">has</span> <span class="pre">no</span> <span class="pre">effect."</span></code></p></td>
|
|
<td><p>Defines what to report for each match.</p>
|
|
<p><code class="docutils literal notranslate"><span class="pre">select</span></code> statements for queries that are used to find instances of poor coding practice are always in the form:
|
|
<code class="docutils literal notranslate"><span class="pre">select</span> <span class="pre"><program</span> <span class="pre">element>,</span> <span class="pre">"<alert</span> <span class="pre">message>"</span></code></p>
|
|
</td>
|
|
<td><p>Report the expression with a string that explains the problem.</p></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</section>
|
|
</section>
|
|
<section id="extend-the-query">
|
|
<h2>Extend the query<a class="headerlink" href="#extend-the-query" title="Link to this heading">¶</a></h2>
|
|
<p>Query writing is an inherently iterative process. You write a simple query and then, when you run it, you discover examples that you had not previously considered, or opportunities for improvement.</p>
|
|
<section id="remove-false-positive-results">
|
|
<h3>Remove false positive results<a class="headerlink" href="#remove-false-positive-results" title="Link to this heading">¶</a></h3>
|
|
<p>Browsing the results of our basic query shows that it could be improved. Among the results you are likely to find <code class="docutils literal notranslate"><span class="pre">use</span> <span class="pre">strict</span></code> directives. These are interpreted specially by modern browsers with strict mode support and so these expressions <em>do</em> have an effect.</p>
|
|
<p>To remove directives from the results:</p>
|
|
<ol class="arabic">
|
|
<li><p>Extend the <code class="docutils literal notranslate"><span class="pre">where</span></code> clause to include the following extra condition:</p>
|
|
<div class="highlight-ql notranslate"><div class="highlight"><pre><span></span>and not e.getParent() instanceof Directive
|
|
</pre></div>
|
|
</div>
|
|
<p>The <code class="docutils literal notranslate"><span class="pre">where</span></code> clause is now:</p>
|
|
<div class="highlight-ql notranslate"><div class="highlight"><pre><span></span>where e.isPure() and
|
|
e.getParent() instanceof ExprStmt and
|
|
not e.getParent() instanceof Directive
|
|
</pre></div>
|
|
</div>
|
|
</li>
|
|
<li><p>Click <strong>Run</strong>.</p>
|
|
<p>There are now fewer results as <code class="docutils literal notranslate"><span class="pre">use</span> <span class="pre">strict</span></code> directives are no longer reported.</p>
|
|
</li>
|
|
</ol>
|
|
<p>The improved query finds several results on the example project including <a class="reference external" href="https://lgtm.com/projects/g/ajaxorg/ace/rev/ad50673d7137c09d1a5a6f0ef83633a149f9e3d1/files/lib/ace/keyboard/vim.js#L320">this result</a>:</p>
|
|
<div class="highlight-javascript notranslate"><div class="highlight"><pre><span></span><span class="nx">point</span><span class="p">.</span><span class="nx">bias</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="o">-</span><span class="mf">1</span><span class="p">;</span>
|
|
</pre></div>
|
|
</div>
|
|
<p>As written, this statement compares <code class="docutils literal notranslate"><span class="pre">point.bias</span></code> against <code class="docutils literal notranslate"><span class="pre">-1</span></code> and then discards the result. Most likely, it was instead meant to be an assignment <code class="docutils literal notranslate"><span class="pre">point.bias</span> <span class="pre">=</span> <span class="pre">-1</span></code>.</p>
|
|
</section>
|
|
</section>
|
|
<section id="further-reading">
|
|
<h2>Further reading<a class="headerlink" href="#further-reading" title="Link to this heading">¶</a></h2>
|
|
<ul class="simple">
|
|
<li><p><a class="reference external" href="https://github.com/github/codeql/tree/main/javascript/ql/src">CodeQL queries for JavaScript</a></p></li>
|
|
<li><p><a class="reference external" href="https://github.com/github/codeql/tree/main/javascript/ql/examples">Example queries for JavaScript</a></p></li>
|
|
<li><p><a class="reference external" href="https://codeql.github.com/codeql-standard-libraries/javascript/">CodeQL library reference for JavaScript</a></p></li>
|
|
</ul>
|
|
<ul class="simple">
|
|
<li><p>“<a class="reference internal" href="../ql-language-reference/index.html#ql-language-reference"><span class="std std-ref">QL language reference</span></a>”</p></li>
|
|
<li><p>“<a class="reference internal" href="../codeql-overview/codeql-tools.html#codeql-tools"><span class="std std-ref">CodeQL tools</span></a>”</p></li>
|
|
</ul>
|
|
</section>
|
|
</section>
|
|
|
|
|
|
</article>
|
|
|
|
<!-- GitHub footer, with links to terms and privacy statement -->
|
|
<div class="px-3 px-md-6 f6 py-4 d-sm-flex flex-justify-between flex-row-reverse flex-items-center border-top">
|
|
<ul class="list-style-none d-flex flex-items-center mb-3 mb-sm-0 lh-condensed-ultra">
|
|
<li class="mr-3">
|
|
<a href="https://twitter.com/github" title="GitHub on Twitter" style="color: #959da5;">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 273.5 222.3" class="d-block" height="18">
|
|
<path
|
|
d="M273.5 26.3a109.77 109.77 0 0 1-32.2 8.8 56.07 56.07 0 0 0 24.7-31 113.39 113.39 0 0 1-35.7 13.6 56.1 56.1 0 0 0-97 38.4 54 54 0 0 0 1.5 12.8A159.68 159.68 0 0 1 19.1 10.3a56.12 56.12 0 0 0 17.4 74.9 56.06 56.06 0 0 1-25.4-7v.7a56.11 56.11 0 0 0 45 55 55.65 55.65 0 0 1-14.8 2 62.39 62.39 0 0 1-10.6-1 56.24 56.24 0 0 0 52.4 39 112.87 112.87 0 0 1-69.7 24 119 119 0 0 1-13.4-.8 158.83 158.83 0 0 0 86 25.2c103.2 0 159.6-85.5 159.6-159.6 0-2.4-.1-4.9-.2-7.3a114.25 114.25 0 0 0 28.1-29.1"
|
|
fill="currentColor"></path>
|
|
</svg>
|
|
</a>
|
|
</li>
|
|
<li class="mr-3">
|
|
<a href="https://www.facebook.com/GitHub" title="GitHub on Facebook" style="color: #959da5;">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15.3 15.4" class="d-block" height="18">
|
|
<path
|
|
d="M14.5 0H.8a.88.88 0 0 0-.8.9v13.6a.88.88 0 0 0 .8.9h7.3v-6h-2V7.1h2V5.4a2.87 2.87 0 0 1 2.5-3.1h.5a10.87 10.87 0 0 1 1.8.1v2.1h-1.3c-1 0-1.1.5-1.1 1.1v1.5h2.3l-.3 2.3h-2v5.9h3.9a.88.88 0 0 0 .9-.8V.8a.86.86 0 0 0-.8-.8z"
|
|
fill="currentColor"></path>
|
|
</svg>
|
|
</a>
|
|
</li>
|
|
<li class="mr-3">
|
|
<a href="https://www.youtube.com/github" title="GitHub on YouTube" style="color: #959da5;">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.17 13.6" class="d-block" height="16">
|
|
<path
|
|
d="M18.77 2.13A2.4 2.4 0 0 0 17.09.42C15.59 0 9.58 0 9.58 0a57.55 57.55 0 0 0-7.5.4A2.49 2.49 0 0 0 .39 2.13 26.27 26.27 0 0 0 0 6.8a26.15 26.15 0 0 0 .39 4.67 2.43 2.43 0 0 0 1.69 1.71c1.52.42 7.5.42 7.5.42a57.69 57.69 0 0 0 7.51-.4 2.4 2.4 0 0 0 1.68-1.71 25.63 25.63 0 0 0 .4-4.67 24 24 0 0 0-.4-4.69zM7.67 9.71V3.89l5 2.91z"
|
|
fill="currentColor"></path>
|
|
</svg>
|
|
</a>
|
|
</li>
|
|
<li class="mr-3 flex-self-start">
|
|
<a href="https://www.linkedin.com/company/github" title="GitHub on Linkedin" style="color: #959da5;">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 18" class="d-block" height="18">
|
|
<path
|
|
d="M3.94 2A2 2 0 1 1 2 0a2 2 0 0 1 1.94 2zM4 5.48H0V18h4zm6.32 0H6.34V18h3.94v-6.57c0-3.66 4.77-4 4.77 0V18H19v-7.93c0-6.17-7.06-5.94-8.72-2.91z"
|
|
fill="currentColor"></path>
|
|
</svg>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://github.com/github" title="GitHub's organization" style="color: #959da5;">
|
|
<svg version="1.1" width="20" height="20" viewBox="0 0 16 16" class="octicon octicon-mark-github"
|
|
aria-hidden="true">
|
|
<path fill-rule="evenodd"
|
|
d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z">
|
|
</path>
|
|
</svg>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<ul class="list-style-none d-flex text-gray">
|
|
<li class="mr-3">©
|
|
<script type="text/javascript">document.write(new Date().getFullYear());</script> GitHub, Inc.</li>
|
|
<li class="mr-3"><a
|
|
href="https://docs.github.com/github/site-policy/github-terms-of-service"
|
|
class="link-gray">Terms </a></li>
|
|
<li><a href="https://docs.github.com/github/site-policy/github-privacy-statement"
|
|
class="link-gray">Privacy </a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
<script type="text/javascript">
|
|
$(document).ready(function () {
|
|
$(".toggle > *").hide();
|
|
$(".toggle .name").show();
|
|
$(".toggle .name").click(function () {
|
|
$(this).parent().children().not(".name").toggle(400);
|
|
$(this).parent().children(".name").toggleClass("open");
|
|
})
|
|
});
|
|
</script>
|
|
|
|
</body>
|
|
</html> |