Template:Jux: Difference between revisions

Revision as of 04:28, 12 December 2022

Upload the two images you want to juxtapose on ConsoleMods by clicking the "Upload File" button in the sidebar.
Get the URL of each image by clicking on each until the URL has "mediawiki" in the name, similar to: https://consolemods.org/mediawiki/images/d/d4/Xbox.png.
Visit KnightLab.com (a Northwestern University website) and click "Make a Juxtapose". Choose "Interactive" for the Juxtapose type and complete the form, supplying the URL of each picture.
Click "Publish" and it will generate an embed link such as:
https://cdn.knightlab.com/libs/juxtapose/latest/embed/index.html?uid=7c10a588-3991-11e7-a6aa-0edaf8f81e27
Copy the ID at the end following uid= and paste it in the format {{Juxtapose|ID_HERE}} or the short name {{Jux|ID_HERE}}.
With our example, it would be: {{Jux|7c10a588-3991-11e7-a6aa-0edaf8f81e27}}

Which would result in:

@@ Line 7: / Line 7: @@
 # Click "Publish" and it will generate an embed link such as:
 #:`https://cdn.knightlab.com/libs/juxtapose/latest/embed/index.html?uid=7c10a588-3991-11e7-a6aa-0edaf8f81e27`
-# Copy the ID at the end following `uid=` and paste it in the format <code><nowiki>{{Jux|ID_HERE}}</nowiki></code>.
+# Copy the ID at the end following `uid=` and paste it in the format <code><nowiki>{{Juxtapose|ID_HERE}}</nowiki></code> or the short name <code><nowiki>{{Jux|ID_HERE}}</nowiki></code>.
-#: With our example, it would be: <code><nowiki>{{JX|7c10a588-3991-11e7-a6aa-0edaf8f81e27}}</nowiki></code>
+#: With our example, it would be: <code><nowiki>{{Jux|7c10a588-3991-11e7-a6aa-0edaf8f81e27}}</nowiki></code>
 #: Which would result in:
 {{Jux|7c10a588-3991-11e7-a6aa-0edaf8f81e27}}
 </noinclude>
 {{#tag:iframe|level="cdn"|path="libs/juxtapose/latest/embed/index.html?uid={{{1}}}"|w={{{width|800}}}|h={{{height|600}}}}}