diff options
| author | Jieiku | 2022-05-31 03:00:20 -0700 |
|---|---|---|
| committer | Jieiku | 2022-05-31 03:00:20 -0700 |
| commit | 31395878a127a6dd474da50c2f93956588aa2135 (patch) | |
| tree | 0122eb9d2d085ceb87016e3c50912d70462f9f87 /content/overview-markdown-and-style.md | |
| parent | 04631b1f651fd677baf837be318084b91cb9acf4 (diff) | |
| download | abridge-31395878a127a6dd474da50c2f93956588aa2135.tar.gz abridge-31395878a127a6dd474da50c2f93956588aa2135.tar.bz2 abridge-31395878a127a6dd474da50c2f93956588aa2135.zip | |
HTML5 Validation & Cleanup
Diffstat (limited to 'content/overview-markdown-and-style.md')
| -rw-r--r-- | content/overview-markdown-and-style.md | 98 |
1 files changed, 17 insertions, 81 deletions
diff --git a/content/overview-markdown-and-style.md b/content/overview-markdown-and-style.md index 0c372b6..df64054 100644 --- a/content/overview-markdown-and-style.md +++ b/content/overview-markdown-and-style.md @@ -178,8 +178,22 @@ during Gopherfest, November 18, 2015. [^2]: The quote is the first sentence of Aristotle's [Metaphysics](https://en.wikipedia.org/wiki/Metaphysics_(Aristotle)). +## Navs + +Site primary menu is created by nesting the nav under a header tag. Refer to the top of this site for an example. + +If the nav tag is under the main tag instead of the header tag then the links will have a border: + +<header> + <nav> + <ul> + <li><a href="#">< Previous</a></li> + <li><a href="#">Next ></a></li> + </ul> + </nav> +</header> -## Forms: +## Forms <form name="contact" method="POST" > <p><label>Name</label> @@ -242,7 +256,7 @@ during Gopherfest, November 18, 2015. Publish on my profile </label> <label for="switch_disabled"> - <input type="checkbox" id="switch_disabled" name="switch_disabled" role="switch_disabled" disabled checked> + <input type="checkbox" id="switch_disabled" name="switch_disabled" disabled checked> Publish on my profile my accomplishments </label> </fieldset> @@ -269,82 +283,4 @@ during Gopherfest, November 18, 2015. <label for="color">Color <input type="color" id="color" name="color" value="#0eaaaa"> </label> -</form> - -## Navs - -Site primary menu is created by nesting the nav under a header tag. Refer to the top of this site for an example. - -If the nav tag is under the main tag instead of the header tag then the links will have a border: - -<header> - <nav> - <ul> - <li><a href="#">< Previous</a></li> - <li><a href="#">Next ></a></li> - </ul> - </nav> -</header> - - -## Infinity Flex Grid - -### Simple Grid - -<section> - <section> 1 </section> - <section> 2 </section> - <section> 3 </section> -</section> -<section> - <section>1</section> - <section>2</section> - <section>3</section> - <section>4</section> -</section> -<section> - <section> 1 </section> - <section> 2 </section> - <section> 3 </section> - <section> 4 </section> - <section> 5 </section> -</section> - -### Complex grid - -<section> - <section> 1 </section> - <section> 2 </section> - <section> 3 </section> -</section> -<section> - <section style = "--c:2">Merge the first 2 columns</section> - <section>2</section> - <section>3</section> - <section>4</section> -</section> -<section> - <section> 1 </section> - <section style = "--c:3"> Merge 3 columns </section> - <section> 3 </section> -</section> -<section> - <section>1</section> - <section style = "--c:2">Merge 2</section> - <section style = "--c:3">Merge 3</section> - <section>4</section> - <section>5</section> - <section>6</section> - <section>7</section> -</section> -<section> - <div style = "--c:1"> 1 </div> - <div style = "--c:2"> Merge 2 columns</div> - <div style = "--c:1"> 3 </div> -</section> - -<style> - [style*="--c:"],section>section{ - background-color:#777; - } -</style> +</form>
\ No newline at end of file |