From c946fe9b67aba7682b1749dab4a711a34c0482bf Mon Sep 17 00:00:00 2001
From: XVR147 <savi.under@gmail.com>
Date: Wed, 16 Oct 2019 20:39:29 +0200
Subject: [PATCH 1/2] Fix small errors in HTML cheatsheet

Just some casing and misspelling fixes.
---
 frontend/html5.html | 26 +++++++++++++-------------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/frontend/html5.html b/frontend/html5.html
index e40173c..5072fb1 100644
--- a/frontend/html5.html
+++ b/frontend/html5.html
@@ -28,7 +28,7 @@
 
 <h1></h1> ... <h6></h6>                           <!-- All six levels of heading with 1 being the most promiment and 6 being the least prominent  -->
 <p></p>                                           <!-- Used to organize paragraph text  -->
-<div></div>                                       <!-- A generic ontainerused to denote a page section  -->
+<div></div>                                       <!-- A generic container used to denote a page section  -->
 <span></span>                                     <!-- Inline section or block container used for creating inline style elements  -->
 <br/>                                             <!-- Creates a line-break  -->
 <hr>                                              <!-- Creates a sectional break into HTML  -->
@@ -39,7 +39,7 @@
 
 <strong></strong> and <b></b>                     <!-- Makes text contained in the tag as bold -->
 <em></em> and <i></i>                             <!-- Alternative way to make the text contained in the tag as italic -->
-<strike></strike>                                 <!-- creates a strike through the text element -->
+<strike></strike>                                 <!-- Creates a strike through the text element -->
 <pre></pre>                                       <!-- Preformatted monospace text block with some spacing intact -->
 <blockquote></blockquote>                         <!-- Contains long paragraphs of quotations often cited -->
 <abbr></abbr>                                     <!-- Contains abbreviations while also making the full form avaialable  -->
@@ -54,13 +54,13 @@
 <a href="mailto:email@example.com"></a>           <!-- Used to link to an email address -->
 <a href="name"></a>                               <!-- Used to link to a document element -->
 <a href="#name"></a>                              <!-- Used to link to specific div element -->
-<a href="tel://####-####-##"></a>                 <!-- Used to display phone numbers and make them as clickable -->
+<a href="tel://####-####-##"></a>                 <!-- Used to display phone numbers and make them clickable -->
 
 
 <!-- Image Formatting -->
 
 
-<img src="url" alt="text">                        <!-- Used to display images in a webpage wehre src="url" contains the link to the image source and alt="" contains an alternative text to display wehn the image is not displayed -->
+<img src="url" alt="text">                        <!-- Used to display images in a webpage where src="url" contains the link to the image source and alt="" contains an alternative text to display when the image is not displayed -->
 
 
 <!-- List Formatting -->
@@ -70,7 +70,7 @@
 <ul></ul>                                         <!-- Used to display unordered lists with numbers in the items -->
 <li></li>                                         <!-- Contains list items inside ordered and unordered lists -->
 <dl></dl>                                         <!-- Contains list item definitions -->
-<dt></dt>                                         <!-- definition of single term inline with body content -->
+<dt></dt>                                         <!-- Definition of single term inline with body content -->
 <dd></dd>                                         <!-- The descrpition of the defined term -->
 
 
@@ -85,7 +85,7 @@ enctype=""                                        <!-- Dictates how the data is
 autocomplete=""                                   <!-- Specifies if the autocomplete functionality is enabled or not -->
 novalidate                                        <!-- Dictates if the form will be validated or not -->
 accept-charset=""                                 <!-- Identifies the character encoding upon form submission -->
-target=""                                         <!-- Tell where to display the information upon form submission. POssible values: '_blank', '_self', '_parent', '_top' -->
+target=""                                         <!-- Tell where to display the information upon form submission. Possible values: '_blank', '_self', '_parent', '_top' -->
                             
 <fieldset disabled="disabled"></fieldset>         <!-- Identifies the group of all fields in the form -->
 <label for=""></label>                            <!-- A simple field label telling the user what to type in the field -->
@@ -105,16 +105,16 @@ step=""                                           <!-- Identifies the legal numb
 <textarea name="" id="" cols="30" rows="10">      <!-- Specifies a large input text field for longer messages -->
 </textarea>
 
-<select name=""></select>                         <!-- Describes a dropdown box for users to select from variety of ochoices-->
+<select name=""></select>                         <!-- Describes a dropdown box for users to select from variety of choices -->
 
 <!-- Supported attributes -->
 name=""                                           <!-- The name for a dropdown combination box -->
 size=""                                           <!-- Specifies the number of available options  -->
 multiple                                          <!-- Allows for multiple option selections -->
 required                                          <!-- Requires that a value is selected before submitting the form -->
-autofocus                                         <!--  Specifies that the dropdown automatically comes to focus once the page loads -->
+autofocus                                         <!-- Specifies that the dropdown automatically comes to focus once the page loads -->
 <optgroup></optgroup>                             <!-- Specifies the entire grouping of available options -->
-<option value=""></option>                        <!-- Defines one of the avaialble option from the dorpdown list-->
+<option value=""></option>                        <!-- Defines one of the avaialble option from the dropdown list -->
 <button></button>                                 <!-- A clickable button to submit the form -->
 
 
@@ -136,7 +136,7 @@ autofocus                                         <!--  Specifies that the dropd
 <!-- Objects and iFrames -->
 
 
-<object data=""></object>                         <!-- Describes and embed file type including audio, video, PDf's, images -->   
+<object data=""></object>                         <!-- Describes and embed file type including audio, video, PDF's, images -->   
 
 <!-- Supported attributes -->
 type=""                                           <!-- Describes the type of media embedded -->
@@ -146,7 +146,7 @@ usemap=""                                         <!-- This is the name of the c
 
 <iframe src="" frameborder="0"></iframe>          <!-- Contains an inline frame that allows to embed external information -->                    
 <embed src="" type="">                            <!-- Acts as a container for external application or plug-in -->
-scr=""                                            <!-- The source of the external file you're embedding -->
+src=""                                            <!-- The source of the external file you're embedding -->
 width=""                                          <!-- Describes the width of the iframe in pixels -->
 
 
@@ -155,7 +155,7 @@ width=""                                          <!-- Describes the width of th
 
 <header></header>                                 <!-- Defines the header block for a document or a section -->
 <footer></footer>                                 <!-- Defines the footer block for a document or a section -->
-<main></main>                                     <!-- Describes the main content of a document--> 
+<main></main>                                     <!-- Describes the main content of a document --> 
 <article></article>                               <!-- Identifies an article inside a document -->
 <aside></aside>                                   <!-- Specifies content contained in a document sidebar -->
 <section></section>                               <!-- Defines a section of a document -->
@@ -177,7 +177,7 @@ width=""                                          <!-- Describes the width of th
 <wbr>                                             <!-- A line break within the content -->
 
 
-<!-- Collective CHaracter Obejcts -->
+<!-- Collective Character Obejcts -->
 
 
 &#34; &quot; Quotation Marks - "

From 1eec2b0273532dd2176e8f58723d76429ce2a2c9 Mon Sep 17 00:00:00 2001
From: XVR147 <savi.under@gmail.com>
Date: Wed, 16 Oct 2019 20:39:29 +0200
Subject: [PATCH 2/2] Fix small errors in HTML cheatsheet

Just some casing, spacing  and misspelling fixes.
---
 frontend/html5.html | 52 ++++++++++++++++++++++-----------------------
 1 file changed, 26 insertions(+), 26 deletions(-)

diff --git a/frontend/html5.html b/frontend/html5.html
index e40173c..c9a0154 100644
--- a/frontend/html5.html
+++ b/frontend/html5.html
@@ -10,28 +10,28 @@
 <html lang="en"></html>                           <!-- The HTML lang attribute is used to identify the language of text content on the web. This information helps search engines return language specific results, -->
 <head></head>                                     <!-- Contains Information specific to the page like title, styles and scripts -->
 <title></title>                                   <!-- Title for the page that shows up in the browser title bar -->
-<body></body>                                     <!-- Content that the user will see  -->
+<body></body>                                     <!-- Content that the user will see -->
 
 
 <!-- Document Information -->
 
 
 <base/>                                           <!-- Usefull for specifying relative links in a document -->
-<style></style>                                   <!-- Contains styles for the html document  -->
-<meta/>                                           <!-- Contains additional information about the page, author, page description and other hidden page info  -->
-<script></script>                                 <!-- Contains all scripts internal or external  -->
+<style></style>                                   <!-- Contains styles for the html document -->
+<meta/>                                           <!-- Contains additional information about the page, author, page description and other hidden page info -->
+<script></script>                                 <!-- Contains all scripts internal or external -->
 <link/>                                           <!-- Used to create relationships with external pages and stylesheets -->
 
 
 <!-- Document Structure -->
 
 
-<h1></h1> ... <h6></h6>                           <!-- All six levels of heading with 1 being the most promiment and 6 being the least prominent  -->
-<p></p>                                           <!-- Used to organize paragraph text  -->
-<div></div>                                       <!-- A generic ontainerused to denote a page section  -->
-<span></span>                                     <!-- Inline section or block container used for creating inline style elements  -->
-<br/>                                             <!-- Creates a line-break  -->
-<hr>                                              <!-- Creates a sectional break into HTML  -->
+<h1></h1> ... <h6></h6>                           <!-- All six levels of heading with 1 being the most promiment and 6 being the least prominent -->
+<p></p>                                           <!-- Used to organize paragraph text -->
+<div></div>                                       <!-- A generic container used to denote a page section -->
+<span></span>                                     <!-- Inline section or block container used for creating inline style elements -->
+<br/>                                             <!-- Creates a line-break -->
+<hr>                                              <!-- Creates a sectional break into HTML -->
 
 
 <!-- Text Formatting -->
@@ -39,10 +39,10 @@
 
 <strong></strong> and <b></b>                     <!-- Makes text contained in the tag as bold -->
 <em></em> and <i></i>                             <!-- Alternative way to make the text contained in the tag as italic -->
-<strike></strike>                                 <!-- creates a strike through the text element -->
+<strike></strike>                                 <!-- Creates a strike through the text element -->
 <pre></pre>                                       <!-- Preformatted monospace text block with some spacing intact -->
 <blockquote></blockquote>                         <!-- Contains long paragraphs of quotations often cited -->
-<abbr></abbr>                                     <!-- Contains abbreviations while also making the full form avaialable  -->
+<abbr></abbr>                                     <!-- Contains abbreviations while also making the full form avaialable -->
 <address></address>                               <!-- Used to display contact information -->
 <code></code>                                     <!-- Used to display inline code snippets -->
 
@@ -54,13 +54,13 @@
 <a href="mailto:email@example.com"></a>           <!-- Used to link to an email address -->
 <a href="name"></a>                               <!-- Used to link to a document element -->
 <a href="#name"></a>                              <!-- Used to link to specific div element -->
-<a href="tel://####-####-##"></a>                 <!-- Used to display phone numbers and make them as clickable -->
+<a href="tel://####-####-##"></a>                 <!-- Used to display phone numbers and make them clickable -->
 
 
 <!-- Image Formatting -->
 
 
-<img src="url" alt="text">                        <!-- Used to display images in a webpage wehre src="url" contains the link to the image source and alt="" contains an alternative text to display wehn the image is not displayed -->
+<img src="url" alt="text">                        <!-- Used to display images in a webpage where src="url" contains the link to the image source and alt="" contains an alternative text to display when the image is not displayed -->
 
 
 <!-- List Formatting -->
@@ -70,7 +70,7 @@
 <ul></ul>                                         <!-- Used to display unordered lists with numbers in the items -->
 <li></li>                                         <!-- Contains list items inside ordered and unordered lists -->
 <dl></dl>                                         <!-- Contains list item definitions -->
-<dt></dt>                                         <!-- definition of single term inline with body content -->
+<dt></dt>                                         <!-- Definition of single term inline with body content -->
 <dd></dd>                                         <!-- The descrpition of the defined term -->
 
 
@@ -80,12 +80,12 @@
 <form action="url"></form>                        <!-- Form element creates a form and action="" specifies where the data is to be sent to when the visitor submits the form -->
 
 <!-- Supported attributes -->
-method="somefunction()"                           <!-- Contains the type of request (GET, POST... etc)  which dictates how to send the data of the form -->
+method="somefunction()"                           <!-- Contains the type of request (GET, POST... etc) which dictates how to send the data of the form -->
 enctype=""                                        <!-- Dictates how the data is to be encoded when the data is sent to the web server. -->
 autocomplete=""                                   <!-- Specifies if the autocomplete functionality is enabled or not -->
 novalidate                                        <!-- Dictates if the form will be validated or not -->
 accept-charset=""                                 <!-- Identifies the character encoding upon form submission -->
-target=""                                         <!-- Tell where to display the information upon form submission. POssible values: '_blank', '_self', '_parent', '_top' -->
+target=""                                         <!-- Tell where to display the information upon form submission. Possible values: '_blank', '_self', '_parent', '_top' -->
                             
 <fieldset disabled="disabled"></fieldset>         <!-- Identifies the group of all fields in the form -->
 <label for=""></label>                            <!-- A simple field label telling the user what to type in the field -->
@@ -105,16 +105,16 @@ step=""                                           <!-- Identifies the legal numb
 <textarea name="" id="" cols="30" rows="10">      <!-- Specifies a large input text field for longer messages -->
 </textarea>
 
-<select name=""></select>                         <!-- Describes a dropdown box for users to select from variety of ochoices-->
+<select name=""></select>                         <!-- Describes a dropdown box for users to select from variety of choices -->
 
 <!-- Supported attributes -->
 name=""                                           <!-- The name for a dropdown combination box -->
-size=""                                           <!-- Specifies the number of available options  -->
+size=""                                           <!-- Specifies the number of available options -->
 multiple                                          <!-- Allows for multiple option selections -->
 required                                          <!-- Requires that a value is selected before submitting the form -->
-autofocus                                         <!--  Specifies that the dropdown automatically comes to focus once the page loads -->
+autofocus                                         <!-- Specifies that the dropdown automatically comes to focus once the page loads -->
 <optgroup></optgroup>                             <!-- Specifies the entire grouping of available options -->
-<option value=""></option>                        <!-- Defines one of the avaialble option from the dorpdown list-->
+<option value=""></option>                        <!-- Defines one of the avaialble option from the dropdown list -->
 <button></button>                                 <!-- A clickable button to submit the form -->
 
 
@@ -136,17 +136,17 @@ autofocus                                         <!--  Specifies that the dropd
 <!-- Objects and iFrames -->
 
 
-<object data=""></object>                         <!-- Describes and embed file type including audio, video, PDf's, images -->   
+<object data=""></object>                         <!-- Describes and embed file type including audio, video, PDF's, images -->
 
 <!-- Supported attributes -->
 type=""                                           <!-- Describes the type of media embedded -->
-height=""                                         <!-- Describes the height  of the object in pixels -->
+height=""                                         <!-- Describes the height of the object in pixels -->
 width=""                                          <!-- Describes the width of the object in pixels -->
 usemap=""                                         <!-- This is the name of the client-side image map in the object -->
 
 <iframe src="" frameborder="0"></iframe>          <!-- Contains an inline frame that allows to embed external information -->                    
 <embed src="" type="">                            <!-- Acts as a container for external application or plug-in -->
-scr=""                                            <!-- The source of the external file you're embedding -->
+src=""                                            <!-- The source of the external file you're embedding -->
 width=""                                          <!-- Describes the width of the iframe in pixels -->
 
 
@@ -155,7 +155,7 @@ width=""                                          <!-- Describes the width of th
 
 <header></header>                                 <!-- Defines the header block for a document or a section -->
 <footer></footer>                                 <!-- Defines the footer block for a document or a section -->
-<main></main>                                     <!-- Describes the main content of a document--> 
+<main></main>                                     <!-- Describes the main content of a document --> 
 <article></article>                               <!-- Identifies an article inside a document -->
 <aside></aside>                                   <!-- Specifies content contained in a document sidebar -->
 <section></section>                               <!-- Defines a section of a document -->
@@ -177,7 +177,7 @@ width=""                                          <!-- Describes the width of th
 <wbr>                                             <!-- A line break within the content -->
 
 
-<!-- Collective CHaracter Obejcts -->
+<!-- Collective Character Obejcts -->
 
 
 &#34; &quot; Quotation Marks - "