search

standardshub / oma-tools-old

Public - general tools used to aid in the development of specifications
1 stars 4 forks source link

add code and web content highlighting #15

Closed drew closed 9 years ago

drew commented 9 years ago

References issue https://github.com/OpenMobileAlliance/Tools/issues/5

Both Web and Code content are tagged using an aside with the web-content and code-content tags respectively. code-content is automatically highlighted, and none of these sections are numbered. 

<aside class="web-content">
    this is how it looks!
    <p>and another pagraph <abbr>test</abbr></p>
</aside>

<aside class="code-content">
&lt;pre>some example code&lt;/pre>
</aside>

Sample Display

code-web-grab

@jpradocueva what do you think of the style and markup used to generate?

jpradocueva commented 9 years ago

@drew, it looks good. Please go ahead merge.

EDIT Having a more detail look. It is possible to have the CODE CONTENT background in a different colour?The gray colour is not working well with the text colour.

drew commented 9 years ago

screenshot-localhost 8080 2015-05-11 12-16-56

you can also use https://www.ibm.com/design/language/resources/swatch-book.shtml to find a better color combo

drew commented 9 years ago

Option 2 screenshot-localhost 8080 2015-05-11 22-06-02

Option 3 screenshot-localhost 8080 2015-05-11 21-55-59

jpradocueva commented 9 years ago

@drew I like the option 3 where with the blue and purple colour. Please go ahead with the merge. as I am constructing the document and it will be good to have these objects available.