Merge pull request microsoft#2024 from futurGH/typo-fix

Fix small grammatical issues/typos on branding & download pages

Author: Orta Therox

packages/typescriptlang-org/src/pages/branding.tsx

@@ -29,8 +29,8 @@ const Index: React.FC<Props> = (props) => {
 
           <Row className="main-content-block recommendations">
             <p style={{ flex: 1 }}>Please use the blue TypeScript mark above as the primary logo for TypeScript.</p>
-            <p style={{ flex: 1 }}>This is the right logos for blog posts, news articles, give-away stickers and general marketing for yourself.</p>
-            <p style={{ flex: 1 }}>The “TS” is the logo is white, not transparent by default.</p>
+            <p style={{ flex: 1 }}>This is the right logo for blog posts, news articles, giveaway stickers and general marketing for yourself.</p>
+            <p style={{ flex: 1 }}>The “TS” in the logo is white, not transparent by default.</p>
             <p style={{ flex: 1 }}>There is a capital “S” in TypeScript, just like in JavaScript.</p>
           </Row>
 
@@ -42,7 +42,7 @@ const Index: React.FC<Props> = (props) => {
                 <a href={withPrefix("/branding/typescript-design-assets.zip")}>
                   <img src={withPrefix("images/branding/two-colors.svg")} style={{ maxWidth: "100%", margin: "2rem 0" }} />
                 </a>
-                <p className="attached-bottom">Single color variant which has the “TS” cut out, useful for when you need a single color designs</p>
+                <p className="attached-bottom">Single color variant which has the “TS” cut out, useful for when you need a single color design.</p>
               </div>
 
               <div className="raised content main-content-block subheadline">

packages/typescriptlang-org/src/templates/pages/download.tsx

@@ -56,7 +56,7 @@ const Index: React.FC<Props> = (props) => {
               The Nuget Package Manager Console (found in Tools &gt; NuGet Package Manager &gt; Package Manager Console) and then running:<br /><code style={{ fontSize: "14px" }}>Install-Package Microsoft.TypeScript.MSBuild</code>
             </li>
           </ul>
-          <p>For project types which don't support Nuget. You can use the <a href={releaseInfo.vs.stable.vs2019_download}> TypeScript Visual Studio extension</a>. You can <a href="https://docs.microsoft.com/visualstudio/ide/finding-and-using-visual-studio-extensions?view=vs-2019">install the extension</a> using <code>Extensions &gt; Manage Extensions</code> in Visual Studio.</p>
+          <p>For project types which don't support Nuget, you can use the <a href={releaseInfo.vs.stable.vs2019_download}> TypeScript Visual Studio extension</a>. You can <a href="https://docs.microsoft.com/visualstudio/ide/finding-and-using-visual-studio-extensions?view=vs-2019">install the extension</a> using <code>Extensions &gt; Manage Extensions</code> in Visual Studio.</p>
         </div>
       </section>
     </div >
@@ -67,12 +67,12 @@ const Index: React.FC<Props> = (props) => {
 
     <div className="raised main-content-block">
       <h2>Globally Installing TypeScript</h2>
-      <p>It can be handy to have TypeScript available across all projects, often to test one-off ideas. Long-term, codebases should prefer a project-wide installation over a global install so that they can benefit from reproducible builds across different machines..</p>
+      <p>It can be handy to have TypeScript available across all projects, often to test one-off ideas. Long-term, codebases should prefer a project-wide installation over a global install so that they can benefit from reproducible builds across different machines.</p>
 
       <section style={{ display: "flex", flexWrap: "wrap" }}>
         <div style={{ borderRight: "1px lightgrey solid", padding: "1rem", flex: 1, minWidth: "240px" }}>
           <h3>via npm</h3>
-          <p>You can use npm to install TypeScript globally, this means you can use the <code>tsc</code> command anywhere in your terminal.</p>
+          <p>You can use npm to install TypeScript globally, this means that you can use the <code>tsc</code> command anywhere in your terminal.</p>
           <p>To do this, run <code>npm install -g typescript</code>. This will install the latest version (currently {releaseInfo.tags.stableMajMin}).</p>
           <p>An alternative is to use <a title="Link to the npx package on npm" href="https://www.npmjs.com/package/npx">npx</a> when you have to run <code>tsc</code> for one-off occasions.</p>
         </div>
@@ -89,7 +89,7 @@ const Index: React.FC<Props> = (props) => {
     <div className="raised main-content-block">
       <h2>Working with TypeScript-compatible transpilers</h2>
       <p>There are other tools which convert TypeScript files to JavaScript files. You might use these tools for speed or consistency with your existing build tooling.</p>
-      <p>Each of these projects handle the file conversion, but do not handle the type-checking aspects of the TypeScript compiler. So, it's likely you'll still need to keep the TypeScript dependency from above around, and you'll want to enable <Link to="/tsconfig#isolatedModules"><code>isolatedModules</code></Link>.</p>
+      <p>Each of these projects handle the file conversion, but do not handle the type-checking aspects of the TypeScript compiler. So it's likely that you will still need to keep the above TypeScript dependency around, and you will want to enable <Link to="/tsconfig#isolatedModules"><code>isolatedModules</code></Link>.</p>
 
       <section style={{ display: "flex", flexWrap: "wrap" }}>
         <div style={{ borderRight: "1px lightgrey solid", padding: "1rem", flex: 1, minWidth: "240px" }}>
@@ -99,7 +99,7 @@ const Index: React.FC<Props> = (props) => {
 
         <div style={{ borderRight: "1px lightgrey solid", padding: "1rem", flex: 1, minWidth: "240px" }}>
           <h3>swc</h3>
-          <p><a href='https://swc-project.github.io/docs/installation/'>swc</a> is a fast, transpiler created in Rust which supports many of Babel's features including TypeScript.</p>
+          <p><a href='https://swc-project.github.io/docs/installation/'>swc</a> is a fast transpiler created in Rust which supports many of Babel's features including TypeScript.</p>
         </div>
 
         <div style={{ padding: "1rem", flex: 1, minWidth: "240px" }}>