Cheatsheet - Revision history

Amy.Hickman: Added responsive image info

2026-09-17T01:28:33Z

Added responsive image info

← Older revision		Revision as of 10:13, 17 September 2026
Line 6:		Line 6:

	Here you will find all instructions for non clear elements about the Makerspace Wiki.		Here you will find all instructions for non clear elements about the Makerspace Wiki.

			== Creating responsive images ==
			A responsive image is one that resizes based on the width of your screen. This is useful for making pages easier to look at on mobile phones. Images are not automatically responsive. To make an image responsive, follow the steps below:

			# Insert the image normally
			# Go to "Edit source"
			# Find the markdown for the image. It should begin with "<nowiki>[[File: " and end with "]]</nowiki>".
			# Add the following text before "[[File: ":<syntaxhighlight lang="html">
			<div class="res-img">
			</syntaxhighlight>
			# Add the following text after "]]":<syntaxhighlight lang="html">
			</div>
			</syntaxhighlight>
			# Save your changes.

	== Creating Notes ==		== Creating Notes ==

Cameron.whiting at 06:38, 24 June 2024

2024-06-24T06:38:03Z

← Older revision		Revision as of 15:23, 24 June 2024
Line 43:		Line 43:
	# Upload the file to the [[Special:Upload\|Upload file]] page once you are loaded into the wiki.		# Upload the file to the [[Special:Upload\|Upload file]] page once you are loaded into the wiki.
	# Create a link on the page you want the content (Use forward slash “\” if you don’t want to press the add link button).		# Create a link on the page you want the content (Use forward slash “\” if you don’t want to press the add link button).
	# ~~Type~~, ~~“File~~:” and the ~~beginning letters of~~ the ~~PDF’s~~ file name. ~~Click~~ the ~~appropriate~~ file you ~~want added~~.		# If you know the file's name on the wiki, you can type, “Media:” and the file's full name including the extension. If you do not know the file's name, you can search for it using "File:" and then select it. This opens a link to the file's metadata and not the content itself. Once you press insert, edit the file again and replace "File:" with "Media".
	# Edit link name with the “Change text” button.		# Edit link name with the “Change text” button.

Cameron.whiting: /* Adding a post to a category */

2024-06-24T02:05:10Z

Adding a post to a category

← Older revision		Revision as of 10:50, 24 June 2024
Line 50:		Line 50:
	\| inline = 0		\| inline = 0
	\| type = info		\| type = info
	\| text = If you would like to have this content also ~~bisible~~ on the homepage. Go to the homepage, click edit page source. You need the page to be updated but nothing on the page itself needs to be altered. If issues, persist, please contact cameron.whiting@curtin.edu.au		\| text = If you would like to have this content also visible on the homepage. Go to the homepage, click edit page source. You need the page to be updated but nothing on the page itself needs to be altered. If issues, persist, please contact cameron.whiting@curtin.edu.au
	}}		}}

			When creating a post in order to add breadcrumbs and organise content you will need to use categories. To do this you must:

			# While editing a page, click the ☰ symbol in the top right and select categories.
			# Search for an existing category or make your own. [[Special:Categories\|You can see all existing categories here.]]

	== Adding YouTube Videos to a page ==		== Adding YouTube Videos to a page ==

Cameron.whiting at 01:54, 24 June 2024

2024-06-24T01:54:57Z

← Older revision		Revision as of 10:39, 24 June 2024
Line 56:		Line 56:
	Generally, it is recommended that you provide videos directly to YouTube as external URLS. For example, [https://youtu.be/ln6Xi5ol_v8?si=WbmsJFLNzzXWSJ2O 2023 Curtin Design Showcase]. However if you do require direct implementation, you can do the following:		Generally, it is recommended that you provide videos directly to YouTube as external URLS. For example, [https://youtu.be/ln6Xi5ol_v8?si=WbmsJFLNzzXWSJ2O 2023 Curtin Design Showcase]. However if you do require direct implementation, you can do the following:

	~~# Go to the YouTube video you want to copy and go Share > Embed. You want to copy the entire code that is displayed. The code should look something like below:<syntaxhighlight lang="html">~~		=== Option 1: Copy and Paste ===
	~~<iframe width~~=~~"560" height~~=~~"315" src~~=~~"https~~:~~//www.youtube.com/embed/ln6Xi5ol_v8?si=afldoJ2I01szYzso" title~~=~~"YouTube video player" frameborder~~=~~"0" allow~~=~~"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>~~
	~~</syntaxhighlight>~~		# Copy the video below and paste it within another page where you would like a video:
	#~~Next, go to~~ the ~~wiki~~ page you ~~wish to add~~ the video and ~~select~~		#* In Visual editing, click the video and click edit.
	# In the ~~wiki, this is represented with a pencil icom in~~ the ~~top right~~.		#* Here, you can paste the new iFrame code to replace the video.

	<html>		<html>
	<iframe width="560" height="315" src="https://www.youtube.com/embed/ln6Xi5ol_v8?si=afldoJ2I01szYzso" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>		<iframe width="560" height="315" src="https://www.youtube.com/embed/ln6Xi5ol_v8?si=afldoJ2I01szYzso" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
	</html>		</html>

			=== Option 2: Manually Add a Video ===

			# Go to the YouTube video you want to copy and go to '''Share > Embed'''. You want to copy the entire code that is displayed. The code should look something like this:
			# Next, go to the wiki page where you wish to add the video and select '''Edit page'''.
			# Switch from Visual Editing to Source Editing. This is represented by a pencil icon in the top right corner.
			# Here you will see the source code that represents the page. To add your video, paste the iFrame code somewhere within the page.
			# To make the video work, you must also wrap it within HTML tags. Add <code><nowiki><html></nowiki></code> before the iFrame and <code><nowiki></html></nowiki></code> after the iFrame.
			# Save changes.
			# You can now return to Visual Editing and copy/move the video as needed.

Cameron.whiting at 01:46, 24 June 2024

2024-06-24T01:46:58Z

← Older revision		Revision as of 10:31, 24 June 2024
Line 62:		Line 62:
	# In the wiki, this is represented with a pencil icom in the top right.		# In the wiki, this is represented with a pencil icom in the top right.

			<html>
	<iframe width="560" height="315" src="https://www.youtube.com/embed/ln6Xi5ol_v8?si=afldoJ2I01szYzso" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>		<iframe width="560" height="315" src="https://www.youtube.com/embed/ln6Xi5ol_v8?si=afldoJ2I01szYzso" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
			</html>

Cameron.whiting at 01:45, 24 June 2024

2024-06-24T01:45:49Z

← Older revision		Revision as of 10:30, 24 June 2024
Line 28:		Line 28:
	}}		}}

	==== Option 1: Manually add a Note ====		=== Option 1: Manually add a Note ===
	# Click the "Insert" button and then select the option "Template"		# Click the "Insert" button and then select the option "Template"
	# In the search bar, search "Note" and select the first option.		# In the search bar, search "Note" and select the first option.
	# Tick on all boxes to the left. Doing so will make the message no longer in line, change colour and allow text to be added into the note accordingly.		# Tick on all boxes to the left. Doing so will make the message no longer in line, change colour and allow text to be added into the note accordingly.
	# Click "Insert"		# Click "Insert"
	==== Option 2: Copy Paste ====
			=== Option 2: Copy Paste ===

	On any page, you can copy an existing note by going into edit mode and then copying it. You can then double click it to edit the message or note type (e.g. info, warn, reminder, error)[[File:Adding File via a Link.png\|thumb]]		On any page, you can copy an existing note by going into edit mode and then copying it. You can then double click it to edit the message or note type (e.g. info, warn, reminder, error)[[File:Adding File via a Link.png\|thumb]]

Line 49:		Line 51:
	\| type = info		\| type = info
	\| text = If you would like to have this content also bisible on the homepage. Go to the homepage, click edit page source. You need the page to be updated but nothing on the page itself needs to be altered. If issues, persist, please contact cameron.whiting@curtin.edu.au		\| text = If you would like to have this content also bisible on the homepage. Go to the homepage, click edit page source. You need the page to be updated but nothing on the page itself needs to be altered. If issues, persist, please contact cameron.whiting@curtin.edu.au
	}}~~Adding Youtube Videos to a page.~~		}}

	Generally, it is recommended that you provide ~~videso~~ directly to YouTube as external URLS. For example, ~~Yipee video~~. However if you do require direct implementation, you can do the following:		== Adding YouTube Videos to a page ==
			Generally, it is recommended that you provide videos directly to YouTube as external URLS. For example, [https://youtu.be/ln6Xi5ol_v8?si=WbmsJFLNzzXWSJ2O 2023 Curtin Design Showcase]. However if you do require direct implementation, you can do the following:

	# Go to the		# Go to the YouTube video you want to copy and go Share > Embed. You want to copy the entire code that is displayed. The code should look something like below:<syntaxhighlight lang="html">
	~~# d~~<syntaxhighlight lang="html">
	<iframe width="560" height="315" src="https://www.youtube.com/embed/ln6Xi5ol_v8?si=afldoJ2I01szYzso" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>		<iframe width="560" height="315" src="https://www.youtube.com/embed/ln6Xi5ol_v8?si=afldoJ2I01szYzso" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
	</syntaxhighlight>		</syntaxhighlight>
	#		#Next, go to the wiki page you wish to add the video and select
	# In the wiki, this is represented with a pencil icom in the top right.		# In the wiki, this is represented with a pencil icom in the top right.

	<iframe width="560" height="315" src="https://www.youtube.com/embed/ln6Xi5ol_v8?si=afldoJ2I01szYzso" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>		<iframe width="560" height="315" src="https://www.youtube.com/embed/ln6Xi5ol_v8?si=afldoJ2I01szYzso" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

Cameron.whiting at 01:38, 24 June 2024

2024-06-24T01:38:58Z

← Older revision		Revision as of 10:23, 24 June 2024
Line 7:		Line 7:
	Here you will find all instructions for non clear elements about the Makerspace Wiki.		Here you will find all instructions for non clear elements about the Makerspace Wiki.

	=== Creating Notes ===		== Creating Notes ==
	View this [https://www.dbemakers.com/images/0/03/Adding_Notes.mp4 short video] for reference or follow the instructions below:		View this [https://www.dbemakers.com/images/0/03/Adding_Notes.mp4 short video] for reference or follow the instructions below:

Line 36:		Line 36:
	On any page, you can copy an existing note by going into edit mode and then copying it. You can then double click it to edit the message or note type (e.g. info, warn, reminder, error)[[File:Adding File via a Link.png\|thumb]]		On any page, you can copy an existing note by going into edit mode and then copying it. You can then double click it to edit the message or note type (e.g. info, warn, reminder, error)[[File:Adding File via a Link.png\|thumb]]

	=== Adding links to files, zips and other media files. ===		== Adding links to files, zips and other media files. ==
	View this [https://www.dbemakers.com/images/8/88/Uploading_File_to_Wiki.mp4 short video] for reference or follow the instructions below:		View this [https://www.dbemakers.com/images/8/88/Uploading_File_to_Wiki.mp4 short video] for reference or follow the instructions below:

Line 44:		Line 44:
	# Edit link name with the “Change text” button.		# Edit link name with the “Change text” button.

	=== Adding a post to a category ===		== Adding a post to a category ==
	{{Note		{{Note
	\| inline = 0		\| inline = 0
	\| type = info		\| type = info
	\| text = If you would like to have this content also bisible on the homepage. Go to the homepage, click edit page source. You need the page to be updated but nothing on the page itself needs to be altered. If issues, persist, please contact cameron.whiting@curtin.edu.au		\| text = If you would like to have this content also bisible on the homepage. Go to the homepage, click edit page source. You need the page to be updated but nothing on the page itself needs to be altered. If issues, persist, please contact cameron.whiting@curtin.edu.au
	}}		}}Adding Youtube Videos to a page.

			Generally, it is recommended that you provide videso directly to YouTube as external URLS. For example, Yipee video. However if you do require direct implementation, you can do the following:

			# Go to the
			# d<syntaxhighlight lang="html">
			<iframe width="560" height="315" src="https://www.youtube.com/embed/ln6Xi5ol_v8?si=afldoJ2I01szYzso" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
			</syntaxhighlight>
			#
			# In the wiki, this is represented with a pencil icom in the top right.

			<iframe width="560" height="315" src="https://www.youtube.com/embed/ln6Xi5ol_v8?si=afldoJ2I01szYzso" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

Cameron.whiting at 08:00, 20 June 2024

2024-06-20T08:00:34Z

← Older revision		Revision as of 16:45, 20 June 2024
Line 43:		Line 43:
	# Type, “File:” and the beginning letters of the PDF’s file name. Click the appropriate file you want added.		# Type, “File:” and the beginning letters of the PDF’s file name. Click the appropriate file you want added.
	# Edit link name with the “Change text” button.		# Edit link name with the “Change text” button.

			=== Adding a post to a category ===
			{{Note
			\| inline = 0
			\| type = info
			\| text = If you would like to have this content also bisible on the homepage. Go to the homepage, click edit page source. You need the page to be updated but nothing on the page itself needs to be altered. If issues, persist, please contact cameron.whiting@curtin.edu.au
			}}

Cameron.whiting at 07:44, 20 June 2024

2024-06-20T07:44:02Z

@@ Line 9: / Line 9: @@
 === Creating Notes ===
 View this [https://www.dbemakers.com/images/0/03/Adding_Notes.mp4 short video] for reference or follow the instructions below:
 ==== Option 1: Manually add a Note ====

Cameron.whiting at 05:03, 20 June 2024

2024-06-20T05:03:31Z

← Older revision		Revision as of 13:48, 20 June 2024
Line 8:		Line 8:

	=== Creating Notes ===		=== Creating Notes ===
	View this [[:~~File:Adding Notes~~.mp4\|short video]] for reference or follow the instructions below:		View this [https://www.dbemakers.com/images/0/03/Adding_Notes.mp4 short video] for reference or follow the instructions below:

	==== Option 1: Manually add a Note ====		==== Option 1: Manually add a Note ====
Line 19:		Line 19:

	=== Adding links to files, zips and other media files. ===		=== Adding links to files, zips and other media files. ===
	View this [[:~~File:Uploading File to Wiki~~.mp4\|short video]] for reference or follow the instructions below:		View this [https://www.dbemakers.com/images/8/88/Uploading_File_to_Wiki.mp4 short video] for reference or follow the instructions below:

	# Upload the file to the [[Special:Upload\|Upload file]] page once you are loaded into the wiki.		# Upload the file to the [[Special:Upload\|Upload file]] page once you are loaded into the wiki.