Use our frontend framework to your advantage
We are using uikit1 as our frontend framework, and while 99.99% of the tools available won't be useful in your articles, you can certainly incorporate them: Like so
Columns
You can create columns of text if you would like using [uikit's grid system]
column 1. Lorem ipsum dolor sit amet, no eos lucilius qualisque hendrerit, te duo tale laoreet. Nonumy latine forensibus quo no, sea in sale solet causae, dictas lucilius eu quo. Eu mea posse sententiae, nam ut facer civibus democritum, adipisci atomorum mea et. Ut meis appellantur quo, eirmod utamur disputando mea ei.
Eu ius vide exerci recteque, nec id meis justo persecuti. Illud evertitur mediocritatem sea no. Utinam dictas suscipiantur ei sed, nullam ubique eligendi no vis, mei virtute elaboraret no. Odio aperiri instructior cu vix.
Ad vel eros denique, pro odio erat definiebas an. Dicit laoreet iracundia no sea, cu porro ponderum quo, usu id quas regione appetere. Et vel similique forensibus. Et mea praesent scripserit. Summo scaevola tractatos an eum, ponderum scripserit philosophia eu ius.
Ad minim pericula euripidis sit, usu et illum adversarium. An nulla consequat posidonium pri. Id sed salutandi persequeris. Sed omnis nonumes blandit ne. Et quo suscipit consulatu omittantur, vix iudico ceteros iracundia ne.
Column 2. Lorem ipsum dolor sit amet, no eos lucilius qualisque hendrerit, te duo tale laoreet. Nonumy latine forensibus quo no, sea in sale solet causae, dictas lucilius eu quo. Eu mea posse sententiae, nam ut facer civibus democritum, adipisci atomorum mea et. Ut meis appellantur quo, eirmod utamur disputando mea ei.
Eu ius vide exerci recteque, nec id meis justo persecuti. Illud evertitur mediocritatem sea no. Utinam dictas suscipiantur ei sed, nullam ubique eligendi no vis, mei virtute elaboraret no. Odio aperiri instructior cu vix.
Ad vel eros denique, pro odio erat definiebas an. Dicit laoreet iracundia no sea, cu porro ponderum quo, usu id quas regione appetere. Et vel similique forensibus. Et mea praesent scripserit. Summo scaevola tractatos an eum, ponderum scripserit philosophia eu ius.
Ad minim pericula euripidis sit, usu et illum adversarium. An nulla consequat posidonium pri. Id sed salutandi persequeris. Sed omnis nonumes blandit ne. Et quo suscipit consulatu omittantur, vix iudico ceteros iracundia ne.
<div class="uk-grid">
<div class="uk-width-1-2"> Column 1 ....</div>
<div class="uk-width-1-2"> Column 2 ....</div>
</div>
How about 3 columns?
column 1. Lorem ipsum dolor sit amet, no eos lucilius qualisque hendrerit, te duo tale laoreet. Nonumy latine forensibus quo no, sea in sale solet causae, dictas lucilius eu quo. Eu mea posse sententiae, nam ut facer civibus democritum, adipisci atomorum mea et. Ut meis appellantur quo, eirmod utamur disputando mea ei.
Eu ius vide exerci recteque, nec id meis justo persecuti. Illud evertitur mediocritatem sea no. Utinam dictas suscipiantur ei sed, nullam ubique eligendi no vis, mei virtute elaboraret no. Odio aperiri instructior cu vix.
Ad vel eros denique, pro odio erat definiebas an. Dicit laoreet iracundia no sea, cu porro ponderum quo, usu id quas regione appetere. Et vel similique forensibus. Et mea praesent scripserit. Summo scaevola tractatos an eum, ponderum scripserit philosophia eu ius.
Ad minim pericula euripidis sit, usu et illum adversarium. An nulla consequat posidonium pri. Id sed salutandi persequeris. Sed omnis nonumes blandit ne. Et quo suscipit consulatu omittantur, vix iudico ceteros iracundia ne.
Column 2. Lorem ipsum dolor sit amet, no eos lucilius qualisque hendrerit, te duo tale laoreet. Nonumy latine forensibus quo no, sea in sale solet causae, dictas lucilius eu quo. Eu mea posse sententiae, nam ut facer civibus democritum, adipisci atomorum mea et. Ut meis appellantur quo, eirmod utamur disputando mea ei.
Eu ius vide exerci recteque, nec id meis justo persecuti. Illud evertitur mediocritatem sea no. Utinam dictas suscipiantur ei sed, nullam ubique eligendi no vis, mei virtute elaboraret no. Odio aperiri instructior cu vix.
Ad vel eros denique, pro odio erat definiebas an. Dicit laoreet iracundia no sea, cu porro ponderum quo, usu id quas regione appetere. Et vel similique forensibus. Et mea praesent scripserit. Summo scaevola tractatos an eum, ponderum scripserit philosophia eu ius.
Ad minim pericula euripidis sit, usu et illum adversarium. An nulla consequat posidonium pri. Id sed salutandi persequeris. Sed omnis nonumes blandit ne. Et quo suscipit consulatu omittantur, vix iudico ceteros iracundia ne.
Column 3. Lorem ipsum dolor sit amet, no eos lucilius qualisque hendrerit, te duo tale laoreet. Nonumy latine forensibus quo no, sea in sale solet causae, dictas lucilius eu quo. Eu mea posse sententiae, nam ut facer civibus democritum, adipisci atomorum mea et. Ut meis appellantur quo, eirmod utamur disputando mea ei.
Eu ius vide exerci recteque, nec id meis justo persecuti. Illud evertitur mediocritatem sea no. Utinam dictas suscipiantur ei sed, nullam ubique eligendi no vis, mei virtute elaboraret no. Odio aperiri instructior cu vix.
Ad vel eros denique, pro odio erat definiebas an. Dicit laoreet iracundia no sea, cu porro ponderum quo, usu id quas regione appetere. Et vel similique forensibus. Et mea praesent scripserit. Summo scaevola tractatos an eum, ponderum scripserit philosophia eu ius.
Ad minim pericula euripidis sit, usu et illum adversarium. An nulla consequat posidonium pri. Id sed salutandi persequeris. Sed omnis nonumes blandit ne. Et quo suscipit consulatu omittantur, vix iudico ceteros iracundia ne.
<div class="uk-grid">
<div class="uk-width-1-3"> Column 1 ....</div>
<div class="uk-width-1-3"> Column 2 ....</div>
<div class="uk-width-1-3"> Column 3 ....</div>
</div>
How about 10 columns?
Column 1 This is a bad idea. But you get the point.
Column 2 This is a bad idea. But you get the point.
Column 3 This is a bad idea. But you get the point.
Column 4 This is a bad idea. But you get the point.
Column 5 This is a bad idea. But you get the point.
Column 6 This is a bad idea. But you get the point.
Column 7 This is a bad idea. But you get the point.
Column 8 This is a bad idea. But you get the point.
Column 9 This is a bad idea. But you get the point.
Column 10 This is a bad idea. But you get the point.
<div class="uk-grid">
<div class="uk-width-1-10"> Column 1 ....</div>
<div class="uk-width-1-10"> Column 2 ....</div>
<div class="uk-width-1-10"> Column 3 ....</div>
<div class="uk-width-1-10"> Column 4 ....</div>
<div class="uk-width-1-10"> Column 5 ....</div>
<div class="uk-width-1-10"> Column 6 ....</div>
<div class="uk-width-1-10"> Column 7 ....</div>
<div class="uk-width-1-10"> Column 8 ....</div>
<div class="uk-width-1-10"> Column 9 ....</div>
<div class="uk-width-1-10"> Column 10 ....</div>
</div>
Feel free to read the uikit's grid system2 page to get a better handle on creating your text layout. For example, modifying the classes (uk-width-small-1-1) will cause these columns will colapse vertically when the screen size shrinks, to accomodate phone and tablet viewing. This content willbe three columns wide when viewed on a desktop, two when viewed on a tablet, and one when viewed on a phone.
column 1. Lorem ipsum dolor sit amet, no eos lucilius qualisque hendrerit, te duo tale laoreet. Nonumy latine forensibus quo no, sea in sale solet causae, dictas lucilius eu quo. Eu mea posse sententiae, nam ut facer civibus democritum, adipisci atomorum mea et. Ut meis appellantur quo, eirmod utamur disputando mea ei.
Eu ius vide exerci recteque, nec id meis justo persecuti. Illud evertitur mediocritatem sea no. Utinam dictas suscipiantur ei sed, nullam ubique eligendi no vis, mei virtute elaboraret no. Odio aperiri instructior cu vix.
Ad vel eros denique, pro odio erat definiebas an. Dicit laoreet iracundia no sea, cu porro ponderum quo, usu id quas regione appetere. Et vel similique forensibus. Et mea praesent scripserit. Summo scaevola tractatos an eum, ponderum scripserit philosophia eu ius.
Ad minim pericula euripidis sit, usu et illum adversarium. An nulla consequat posidonium pri. Id sed salutandi persequeris. Sed omnis nonumes blandit ne. Et quo suscipit consulatu omittantur, vix iudico ceteros iracundia ne.
Column 2. Lorem ipsum dolor sit amet, no eos lucilius qualisque hendrerit, te duo tale laoreet. Nonumy latine forensibus quo no, sea in sale solet causae, dictas lucilius eu quo. Eu mea posse sententiae, nam ut facer civibus democritum, adipisci atomorum mea et. Ut meis appellantur quo, eirmod utamur disputando mea ei.
Eu ius vide exerci recteque, nec id meis justo persecuti. Illud evertitur mediocritatem sea no. Utinam dictas suscipiantur ei sed, nullam ubique eligendi no vis, mei virtute elaboraret no. Odio aperiri instructior cu vix.
Ad vel eros denique, pro odio erat definiebas an. Dicit laoreet iracundia no sea, cu porro ponderum quo, usu id quas regione appetere. Et vel similique forensibus. Et mea praesent scripserit. Summo scaevola tractatos an eum, ponderum scripserit philosophia eu ius.
Ad minim pericula euripidis sit, usu et illum adversarium. An nulla consequat posidonium pri. Id sed salutandi persequeris. Sed omnis nonumes blandit ne. Et quo suscipit consulatu omittantur, vix iudico ceteros iracundia ne.
Column 3. Lorem ipsum dolor sit amet, no eos lucilius qualisque hendrerit, te duo tale laoreet. Nonumy latine forensibus quo no, sea in sale solet causae, dictas lucilius eu quo. Eu mea posse sententiae, nam ut facer civibus democritum, adipisci atomorum mea et. Ut meis appellantur quo, eirmod utamur disputando mea ei.
Eu ius vide exerci recteque, nec id meis justo persecuti. Illud evertitur mediocritatem sea no. Utinam dictas suscipiantur ei sed, nullam ubique eligendi no vis, mei virtute elaboraret no. Odio aperiri instructior cu vix.
Ad vel eros denique, pro odio erat definiebas an. Dicit laoreet iracundia no sea, cu porro ponderum quo, usu id quas regione appetere. Et vel similique forensibus. Et mea praesent scripserit. Summo scaevola tractatos an eum, ponderum scripserit philosophia eu ius.
Ad minim pericula euripidis sit, usu et illum adversarium. An nulla consequat posidonium pri. Id sed salutandi persequeris. Sed omnis nonumes blandit ne. Et quo suscipit consulatu omittantur, vix iudico ceteros iracundia ne.
In addition you customize it specific to the viewing device: ie have three columns when people are looking at your article on a desktop, but only two when viewing it from a tablet, or one when viewing it from a phone.
Pretty neat stuff.
uikit's core system3 will include the most appropriate stuff that you may like to experiment with.