Commit a8b48135 authored by Dan Allen's avatar Dan Allen Committed by Guillaume Grossetie
Browse files

tidy AsciiDoc playground

- remove outline on focus
- extend editor to bottom of area
- update AsciiDoc to align with best practices
- minor edit to comparison description for DITA
parent 5126e768
...@@ -462,6 +462,7 @@ section.try .toggle { ...@@ -462,6 +462,7 @@ section.try .toggle {
#editorCode { #editorCode {
color: var(--gray-color-600); color: var(--gray-color-600);
display: flex;
font-size: 1rem; font-size: 1rem;
min-height: 300px; min-height: 300px;
} }
...@@ -470,6 +471,10 @@ section.try .toggle { ...@@ -470,6 +471,10 @@ section.try .toggle {
max-height: 340px; max-height: 340px;
} }
#editorCode .cm-editor.cm-focused {
outline: none;
}
#editorCode .cm-scroller { #editorCode .cm-scroller {
border-radius: 5px; border-radius: 5px;
} }
......
...@@ -19,8 +19,10 @@ An introduction to https://asciidoc.org[AsciiDoc]. ...@@ -19,8 +19,10 @@ An introduction to https://asciidoc.org[AsciiDoc].
* item 1 * item 1
* item 2 * item 2
[source,ruby] [,ruby]
puts 'Hello, World!'` ----
puts 'Hello, World!'
----`
const editor = document.getElementById('editorCode') const editor = document.getElementById('editorCode')
const editorPreview = document.getElementById('editorPreview') const editorPreview = document.getElementById('editorPreview')
......
...@@ -89,8 +89,6 @@ image::./assets/img/man-page-git-for-each-ref.png[] ...@@ -89,8 +89,6 @@ image::./assets/img/man-page-git-for-each-ref.png[]
AsciiDoc was designed to strike a balance between a formalized, machine-oriented syntax and raw text with shorthands. AsciiDoc was designed to strike a balance between a formalized, machine-oriented syntax and raw text with shorthands.
In fact, it's able to capture and encode nearly all of the semantics of a formalized language while still looking mostly like raw text. In fact, it's able to capture and encode nearly all of the semantics of a formalized language while still looking mostly like raw text.
[#compare.compare,separator=?] [#compare.compare,separator=?]
== How does it stack up? Compare AsciiDoc against alternative document formats == How does it stack up? Compare AsciiDoc against alternative document formats
...@@ -187,7 +185,7 @@ include::{includedir}/dita-sample.dita[] ...@@ -187,7 +185,7 @@ include::{includedir}/dita-sample.dita[]
DITA is an **XML schema** for representing a broad range of information. DITA is an **XML schema** for representing a broad range of information.
Its architecture encourages **content modularity** and reuse, **portable references**, and **controlled extension** of its vocabulary. Its architecture encourages **content modularity** and reuse, **portable references**, and **controlled extension** of its vocabulary.
These goals are met using a **complex system** of XML tags, concepts, and toolchains. These goals are met using a **complex system** of XML tags, concepts, and toolchains.
DITA's complexity means it has a substantial learning curve and it's **sparsely supported**. DITA's complexity means it has a substantial learning curve and is **sparsely supported**.
.index.adoc .index.adoc
[.editor,asciidoc] [.editor,asciidoc]
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment