Difference between revisions of "QualityBox"

From Freephile Wiki
Jump to navigation Jump to search
(12 intermediate revisions by one other user not shown)
Line 1: Line 1:
__NOTOC__ __NOEDITSECTION__
+
== Font Awesome ==
To view this page properly, <span class="plainlinks">[{{fullurl:{{FULLPAGENAME}}|useskin=chameleon}} use the Chameleon Skin]</span>
+
<pre><i class="fa fa-rocket" aria-hidden="true"></i></pre>
<div class="row" style="color:red;text-align:center;">This page was developed as a prototype. Please visit [https://qualitybox.us QualityBox.us]</div>
 
{{QualityBoxJumbotron}}
 
  
<div class="container">
+
Is how to show a '''Font Awesome''' icon. Which looks like this: <i class="fa fa-rocket" aria-hidden="true" style="size:4em;">  
<div class="row">
 
<div class="col-xs-1"></div>
 
<div class="col-xs-5">
 
<h3><i class="fa fa-lg fa-pull-left fa-rocket" aria-hidden="true"></i>Built-in Performance</h3>
 
Sites hosted on QualityBox are automatically optimized for peak performance, making them blazingly fast.
 
</div>
 
  
<div class="col-xs-5">
+
But there is a dependency and some bugs. Font Awesome only seems to work if there is an actual image on the page. For example, this is an edit icon from a normal svg file. [[Image:Edit icon.svg|30px]]Remove that and your Font Awesome icon will disappear. And FA doesn't work if I close the tag properly. And the '''i''' element is duplicated if you put a br tag near it. Note: the image file doesn't even have to exist, it's just that the image processing code is not called unless there is a <nowiki>[[File:]]</nowiki> tag in the wikitext.
<h3><i class="fa fa-lg fa-pull-left fa-shield" aria-hidden="true"></i>Automatic Updates</h3>
 
QualityBox handles all of your MediaWiki and security updates automatically so you don't have to.
 
</div>
 
<div class="col-xs-1"></div>
 
</div><!-- end row -->
 
 
 
<div class="row">
 
<div class="col-xs-1"></div>
 
<div class="col-xs-5">
 
<h3><i class="fa fa-lg fa-pull-left fa-bar-chart" aria-hidden="true"></i>Traffic Scaling</h3>
 
Going Viral? No problemQualityBox easily scales to handle up to 20x your daily traffic.
 
</div>
 
 
 
<div class="col-xs-5">
 
<h3><i class="fa fa-lg fa-pull-left fa-upload" aria-hidden="true"></i>Nightly Backup</h3>
 
QualityBox automatically backs up your site every night at no additional cost so you can rest easy.
 
</div>
 
<div class="col-xs-1"></div>
 
</div><!-- end row -->
 
 
 
<div class="row">
 
<div class="col-xs-1"></div>
 
<div class="col-xs-5">
 
<h3><i class="fa fa-lg fa-pull-left fa-life-ring" aria-hidden="true"></i>MediaWiki Experts</h3>
 
Our MediaWiki experts are on call to help, so you don't have to waste time searching forums and blogs for answers.
 
</div>
 
 
 
<div class="col-xs-5">
 
<h3><i class="fa fa-lg fa-pull-left fa-clock-o" aria-hidden="true"></i>Dedicated Support</h3>
 
QualityBox support is on call to ensure that your MediaWiki site runs smoothly.
 
</div>
 
<div class="col-xs-1"></div>
 
</div><!-- end row -->
 
</div> <!-- container -->
 
 
 
 
 
{{QualityBoxLinks}}
 
 
 
[[Category:Company]]
 
[[Category:QualityBox]]
 
[[Category:Wiki]]
 

Revision as of 10:58, 16 November 2016

Font Awesome[edit | edit source]

<i class="fa fa-rocket" aria-hidden="true"></i>

Is how to show a Font Awesome icon. Which looks like this:

But there is a dependency and some bugs. Font Awesome only seems to work if there is an actual image on the page. For example, this is an edit icon from a normal svg file. OOjs UI icon edit-ltr.svg. Remove that and your Font Awesome icon will disappear. And FA doesn't work if I close the tag properly. And the i element is duplicated if you put a br tag near it. Note: the image file doesn't even have to exist, it's just that the image processing code is not called unless there is a [[File:]] tag in the wikitext.