User:Johnrdorazio: Difference between revisions
Content deleted Content added
Johnrdorazio (talk | contribs) No edit summary |
Johnrdorazio (talk | contribs) Tags: Mobile edit Mobile web edit |
||
(17 intermediate revisions by the same user not shown) | |||
Line 15: | Line 15: | ||
So I have created the [https://www.bibleget.io BibleGet Project and API]. |
So I have created the [https://www.bibleget.io BibleGet Project and API]. |
||
I have created a [https:// |
I have created a [https://litcal.johnromanodorazio.com/ Liturgical Calendar API]. |
||
I have also created a [https://www.johnromanodorazio.com/LitCalAnniversariesFrontend/ Liturgical Anniversaries Calculator] with related API. |
|||
I curate a few websites. |
I curate a few websites. |
||
Line 37: | Line 39: | ||
</syntaxhighlight> |
</syntaxhighlight> |
||
== Testing MobileDetect tags == |
== Testing MobileDetect parser tags == |
||
This page is being viewed from a <mobileonly inline>'''mobile'''</mobileonly><nomobile inline>'''desktop'''</nomobile> device. |
|||
=== Inline === |
|||
Here is an html structure that will only show on mobile: |
|||
Here is an inline string that should only show on mobile devices, using the <code><mobileonly inline></code> parser tag: <mobileonly inline="true">'''I am a MOBILE device!'''</mobileonly> |
|||
<onlymobile> |
|||
Here is an inline string that should only show on desktop devices, using the <code><nomobile inline></code> parser tag: <nomobile inline=true>'''I am a DESKTOP device!'''</nomobile> |
|||
=== Block === |
|||
Here is an html block-level element that should only show on mobile, using the <code><mobileonly></code> parser tag: |
|||
<mobileonly> |
|||
<div style="background-color:yellow;color:darkblue;font-weight:bold;text-align:center;">I AM A MOBILE DEVICE!</div> |
<div style="background-color:yellow;color:darkblue;font-weight:bold;text-align:center;">I AM A MOBILE DEVICE!</div> |
||
</ |
</mobileonly> |
||
And here is an html block-level element that should only show on desktop, using the <code><nomobile></code> parser tag: |
|||
<nomobile> |
|||
<div style="background-color:yellow;color:darkblue;font-weight:bold;text-align:center;">I AM A DESKTOP DEVICE!</div> |
|||
</nomobile> |
|||
== Testing MobileDetect parser functions == |
|||
=== Inline === |
|||
Here is an inline string that should only show on mobile devices, using the <code>#mobileonly:</code> parser function with the second parameter set to true: {{#mobileonly:'''I am a MOBILE device!'''|true}} |
|||
Here is an inline string that should only show on desktop devices, using the <code>#nomobile:</code> parser function with the second parameter set to true: {{#nomobile:'''I am a DESKTOP device!'''|true}} |
|||
=== Block === |
|||
Here is an html block-level element that should only show on mobile, using the <code>#mobileonly:</code> parser function: |
|||
{{#mobileonly: <div style="background-color:yellow;color:darkblue;font-weight:bold;text-align:center;">I AM A MOBILE DEVICE!</div> |0}} |
|||
And here is an html block-level element that should only show on desktop, using the <code>#nomobile:</code> parser function: |
|||
{{#nomobile: <div style="background-color:yellow;color:darkblue;font-weight:bold;text-align:center;">I AM A DESKTOP DEVICE!</div> }} |
|||
== Testing MobileDetect parser tags and functions within nested wiki structures == |
|||
The text within the body of this table should change based on whether it is being viewed from desktop or from mobile. |
|||
{| class="wikitable" |
|||
! !! Parser Tag !! Parser Function |
|||
|- |
|||
! Inline |
|||
| This is a <mobileonly inline>'''mobile'''</mobileonly><nomobile inline>'''desktop'''</nomobile> device |
|||
| This is a {{#mobileonly:'''mobile'''|inline}}{{#nomobile:'''desktop'''|inline}} device |
|||
|- |
|||
! Block |
|||
| Which device are you? <mobileonly><div style="background-color:yellow;color:darkblue;font-weight:bold;text-align:center;">I AM A MOBILE DEVICE!</div></mobileonly><nomobile><div style="background-color:yellow;color:darkblue;font-weight:bold;text-align:center;">I AM A DESKTOP DEVICE!</div></nomobile> |
|||
| Which device are you? {{#mobileonly: <div style="background-color:yellow;color:darkblue;font-weight:bold;text-align:center;">I AM A MOBILE DEVICE!</div> |0}}{{#nomobile: <div style="background-color:yellow;color:darkblue;font-weight:bold;text-align:center;">I AM A DESKTOP DEVICE!</div> }} |
|||
|} |
|||
== Testing MobileDetect parser tags containing nested wiki structures == |
|||
This whole table should changed based on the type of device with which the page is viewed: |
|||
<mobileonly> |
|||
{| class="wikitable" |
|||
! Inline !! Block |
|||
|- |
|||
| This is a '''mobile''' device |
|||
| Which device are you? <div style="background-color:yellow;color:darkblue;font-weight:bold;text-align:center;">I AM A MOBILE DEVICE!</div> |
|||
|} |
|||
</mobileonly> |
|||
<nomobile> |
|||
{| class="wikitable" |
|||
! Inline !! Block |
|||
|- |
|||
| This is a '''desktop''' device |
|||
| Which device are you? <div style="background-color:yellow;color:darkblue;font-weight:bold;text-align:center;">I AM A DESKTOP DEVICE!</div> |
|||
|} |
|||
</nomobile> |
|||
== Testing BibleGet tags == |
|||
<biblequote version="CEI2008">Romans 1:1-5</biblequote> |
|||
<biblequote /> |
|||
<biblequote ref="1 John 4:7-8" /> |
|||
{{#biblequote:Gen 1:1-10}} |
|||
[[it:Utente:Johnrdorazio]] |