-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
60615e4
commit 7a4dd1b
Showing
48 changed files
with
434 additions
and
102 deletions.
There are no files selected for viewing
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
Large diffs are not rendered by default.
Oops, something went wrong.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,100 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
|
|
||
| <!-- styles --> | ||
| <link rel="stylesheet" href="/css/style.css"> | ||
|
|
||
| <!-- scripts --> | ||
| <script src="" defer></script> | ||
|
|
||
| <title> Markdown components </title> | ||
| </head> | ||
| <body class="container"> | ||
| <div class="headings"> | ||
| <h1 class="heading"> Heading 1 </h1> | ||
| <h2 class="heading"> Heading 2 </h2> | ||
| <h3 class="heading"> Heading 3 </h3> | ||
| <h4 class="heading"> Heading 4 </h4> | ||
| <h5 class="heading"> Heading 5 </h5> | ||
| <h6 class="heading"> Heading 6 </h6> | ||
| </div> | ||
|
|
||
| <div class="font-preview markdown-preview showcase"> | ||
| <p> | ||
| Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas tenetur iure, aspernatur, perspiciatis natus ipsa maxime sed expedita exercitationem laudantium neque praesentium unde. Aspernatur quis harum totam quos natus recusandae. | ||
| </p> | ||
|
|
||
| <p class="text-bold"> | ||
| Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas tenetur iure, aspernatur, perspiciatis natus ipsa maxime sed expedita exercitationem laudantium neque praesentium unde. Aspernatur quis harum totam quos natus recusandae. | ||
| </p> | ||
|
|
||
| <div class="font-markdown markdown-code"> | ||
| <p> | ||
| Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas tenetur iure, aspernatur, perspiciatis natus ipsa maxime sed expedita exercitationem laudantium neque praesentium unde. Aspernatur quis harum totam quos natus recusandae. | ||
| </p> | ||
| </div> | ||
|
|
||
| <ul class="preview-list preview-list--unordered"> | ||
| <li>List item</li> | ||
| <li>List item</li> | ||
| <li>List item</li> | ||
| </ul> | ||
|
|
||
| <ol class="preview-list"> | ||
| <li>List item</li> | ||
| <li>List item</li> | ||
| <li>List item</li> | ||
| </ol> | ||
|
|
||
| <blockquote class="preview-blockquote bg-text-block bg-text-block--border"> | ||
| This is an example of a blockquote. If you would like to learn more about markdown syntax, you can visit this markdown cheatsheet | ||
| </blockquote> | ||
|
|
||
| <pre class="preview-code bg-text-block"> | ||
| <code> | ||
| <main> | ||
| <h1>This is a larger code block</h1> | ||
| </main> | ||
| </code> | ||
| </pre> | ||
|
|
||
| <p> Text with one <span class="inline-code"><code></span> line </p> | ||
|
|
||
| </div> | ||
|
|
||
| <button class="button"> | ||
| <img src="/img/icon-save.svg" alt="save"> | ||
| Save Changes | ||
| </button> | ||
|
|
||
| <button class="button button--iconless"> | ||
| + New Document | ||
| </button> | ||
|
|
||
| <div class="bg-600 showcase"> | ||
|
|
||
| <div class="toggle-component"> | ||
| <img src="/img/icon-dark-mode.svg" alt="dark mode"> | ||
| <!-- TOOD: Snippet --> | ||
| <input class="toggle" id="mode-switch" type="checkbox" aria-label="change to dark mode"> | ||
| <img src="/img/icon-light-mode.svg" alt="light mode"> | ||
| </div> | ||
|
|
||
|
|
||
| <div class="file-rename"> | ||
| <img src="/img/icon-document.svg" alt=""> | ||
|
|
||
| <div> | ||
| <label class="file-rename__interactable | grid"> | ||
| Document Name | ||
| <input class="file-rename__input" id="file-rename" type="text"> | ||
| </label> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| </body> | ||
| </html> |
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
Oops, something went wrong.