Freephile Wiki

QualityBox: Difference between revisions

Browse history interactively
← Older edit
VisualWikitext
No edit summary
remove dead link
 
(12 intermediate revisions by 2 users not shown)
Line 1: Line 1:
== Font Awesome ==
__NOTOC__ __NOEDITSECTION__
So you want a rocket on your page to show how awesome your stuff is. Something like this: http://fontawesome.io/icon/rocket/
To view this page properly, <span class="plainlinks">[{{fullurl:{{FULLPAGENAME}}|useskin=chameleon}} use the Chameleon Skin]</span>
<div class="row" style="color:red;text-align:center;">This page was developed as a rapid prototype. The full domain is now taken by a squatter.</div>
{{QualityBoxJumbotron}}


<nowiki><i class="fa fa-rocket fa-6" aria-hidden="true"></i></nowiki>
<div class="container">
<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>


Is how to show a '''Font Awesome''' icon. Which looks like this: <i class="fa fa-rocket fa-6" aria-hidden="true">
<div class="col-xs-5">
<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 -->


=== Problems ===
<div class="row">
But there is a dependency and some bugs that have to be tracked down with regard to using it on a wiki site.
<div class="col-xs-1"></div>
# 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. 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.
<div class="col-xs-5">
# And FA doesn't work if I close the tag properly.   
<h3><i class="fa fa-lg fa-pull-left fa-bar-chart" aria-hidden="true"></i>Traffic Scaling</h3>
# The '''fa''' element is duplicated throughout the rest of the page since it wasn't closed. 
Going Viral? No problem.  QualityBox easily scales to handle up to 20x your daily traffic.
</div>


=== Getting it ===
<div class="col-xs-5">
# Sign up for a unique embed code.
<h3><i class="fa fa-lg fa-pull-left fa-upload" aria-hidden="true"></i>Nightly Backup</h3>
# Add the script source to your wiki by editing the [[MediaWiki:Common.js]] file where you add a call to 'load' the external script <code><nowiki>mw.loader.load('//use.fontawesome.com/14c71d3de0.js');</nowiki></code>
QualityBox automatically backs up your site every night at no additional cost so you can rest easy.
# Insert the <code><nowiki><i></nowiki></code> tags where ever you want. Note that there are various sizes pre-defined as fa-1 (smallest) to fa-6 (largest)
</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]]
Retrieved from "https://wiki.freephile.org/wiki/QualityBox"