Difference between revisions of "Test Page"
| (91 intermediate revisions by the same user not shown) | |||
| Line 13: | Line 13: | ||
<youtube width="320" height="240">'''UVwoPPe6DwQ'''</youtube> | <youtube width="320" height="240">'''UVwoPPe6DwQ'''</youtube> | ||
| − | ==Headings are a great way to segment your page== | + | ==Headings are a great way to segment your page (tap on mobile)== |
| − | === | + | ===They allow you to show high level topics while hiding details on mobile=== |
| − | Now you see the details when you tap the heading. | + | Now you see the details when you tap the heading. After three sub headings are created a Table of Content is automatically created for desktop users. |
===Another Sub-Heading=== | ===Another Sub-Heading=== | ||
| Line 23: | Line 23: | ||
===Third times the charm=== | ===Third times the charm=== | ||
Now we have a table of contents | Now we have a table of contents | ||
| + | |||
| + | ==Image Map== | ||
| + | Move your mouse over each IC to see a description, click on it to be taken to the PDF datasheet. When viewing an image in the gallery click the "More Details" bottom at the bottom right. Below the image on the File page you will see ImageMapEdit. Use that tool to place shapes over the image then when you are done copy the markup code in the box at the bottom and paste on your page using the "Edit Source" editor. | ||
| + | |||
| + | If you want to make changes, paste the code from your page back into the ImageMapEdit and add/remove sections as needed. Not the most elegant solution but it gets the job done! | ||
| + | |||
| + | <div class="imageMapHighlighter"> | ||
| + | <imagemap> | ||
| + | File:TH-D74A_Processor.jpg|Under the metal shield on processor board|700px | ||
| + | |||
| + | rect 213 782 1236 1753 [[Special:FilePath/Kenwood_TH-D74A_Datasheet_-_IC-705_-_FLASH_MEMORY.pdf|Spansion Flash Memory IC]] | ||
| + | rect 1552 339 3046 1770 [[Special:FilePath/Kenwood_TH-D74A_Datasheet_-_IC-702_-_omap-l138.pdf|Texas Instruments DSP]] | ||
| + | rect 3391 529 4299 1512 [[Special:FilePath/Kenwood_TH-D74A_Datasheet_-_IC-701_-_DRAM.pdf|Winbond DRAM]] | ||
| + | |||
| + | desc none | ||
| + | </imagemap> | ||
| + | </div> | ||
| + | |||
| + | ==Leaflet Maps== | ||
| + | For information on how to make the most of Leaflet on MediaWiki see the following site: https://maps.extension.wiki/wiki/Maps_for_MediaWiki | ||
| + | |||
| + | '''''All changes must be made using "Edit Source" as the Visual Editor does not support it at this time.''''' | ||
| + | |||
| + | ===Using Leaflet to display an image=== | ||
| + | {{#display_map:image layers=TH-D74A_Processor.jpg | geojson=TH-D74A_Processor | zoom=2 | width=400}} | ||
| + | |||
| + | ===Using Leaflet to display a map=== | ||
| + | {{#display_map:center=Dallas|height=400|width=400|zoom=10}} | ||
| + | |||
| + | ==Embedded Video== | ||
| + | Embedding videos is currently done by using the "edit source" feature, the examples below show how to embed a YouTube video and a video (<30MB) uploaded to the wiki. Using YouTube it's possible to autoplay the video and loop it if you want to show short clips as part of your page. See the looped intro video below as an example, or the simpler standard YouTube video link below that. | ||
| + | |||
| + | <br /> | ||
| + | [[File:LandingVideo-2.mp4|600px]] | ||
| + | |||
| + | {{#ev:youtube|https://www.youtube.com/watch?v=L5PsD1wscrA|||||autoplay=1&controls=0&showinfo=0&loop=1&mute=1&playlist=L5PsD1wscrA}} | ||
| + | |||
| + | {{#ev:youtube|https://www.youtube.com/watch?v=Q_n_bs6f8gE}} | ||
Latest revision as of 03:55, 6 October 2020
If you want to add individual pictures go to Insert -> Media and select the Upload tab. Upload your file, give it a name and description and it will be added to the page. If you want the picture to be in-line with your text and not off to the right go to the Advanced Tab when editing the photo and uncheck "Wrap text around this item"
Multiple photo's can be showcased in a Gallery format, click Insert and then Gallery. There are a few display options within the gallery, edit the gallery below to see what I used and feel free to use a format you like.
- This is an Image Gallery, great way to showcase your work.
If you want to insert a YouTube video just copy the link below and change the UVwoPPe6DwQ to the embedded code from your video. It's found in the link YouTube gives you to share at the end. https://youtu.be/UVwoPPe6DwQ
Contents
Headings are a great way to segment your page (tap on mobile)
They allow you to show high level topics while hiding details on mobile
Now you see the details when you tap the heading. After three sub headings are created a Table of Content is automatically created for desktop users.
Another Sub-Heading
Some more awesome information here
Third times the charm
Now we have a table of contents
Image Map
Move your mouse over each IC to see a description, click on it to be taken to the PDF datasheet. When viewing an image in the gallery click the "More Details" bottom at the bottom right. Below the image on the File page you will see ImageMapEdit. Use that tool to place shapes over the image then when you are done copy the markup code in the box at the bottom and paste on your page using the "Edit Source" editor.
If you want to make changes, paste the code from your page back into the ImageMapEdit and add/remove sections as needed. Not the most elegant solution but it gets the job done!
Leaflet Maps
For information on how to make the most of Leaflet on MediaWiki see the following site: https://maps.extension.wiki/wiki/Maps_for_MediaWiki
All changes must be made using "Edit Source" as the Visual Editor does not support it at this time.
Using Leaflet to display an image
Using Leaflet to display a map
Embedded Video
Embedding videos is currently done by using the "edit source" feature, the examples below show how to embed a YouTube video and a video (<30MB) uploaded to the wiki. Using YouTube it's possible to autoplay the video and loop it if you want to show short clips as part of your page. See the looped intro video below as an example, or the simpler standard YouTube video link below that.
