How to Wiki

Style Guide

Style Guide

Media Guide

To be linked here

Brand Guide

Brand Assets

CSS and JS pages

CSS Page https://moha.wiki/MediaWiki:Common.css

Java Script Page https://moha.wiki/MediaWiki:Common.js

External Redirect

To edit an external redirected page, use https://moha.wiki/w/index.php?title=PAGE NAME GOES HERE&action=edit

Labeled Section Transclusion

Import CSV

Import CSV - https://moha.wiki/Special:ImportCSV

Use Overwrite existing content for new pages and complete replacement of the imported events
Use Overwrite only fields contained in the file can be used if you upload a single column (the CSV need to be modified then to include the title and only the columns for import)
Skip - like 1) but prefers the wiki version, rather than Airtable one
Probably useless in your context Append to existing content: you don't want two instances of the same event on one page.

Export Mediawiki CSV

Export CSV

Media

Batch Upload - https://moha.wiki/Special:BatchUpload

Embed Video - https://www.mediawiki.org/wiki/Extension:EmbedVideo

How to use intro box

A good option for this is to use the CSS Grid. https://css-tricks.com/snippets/css/complete-guide-grid/

I've marked the necessary HTML and CSS with comments in the Codepen for reference. https://codepen.io/Nick-Sergent/pen/mdQKbaZ

The gist: The client will need to add the image within the "moha-start-section" div of the Artist Start page. Keep in mind that this needs to be after the "moha-start-section-content" div. This will place the text content and image next to one another in the "moha-start-section" div. We then use CSS to set those elements in a grid structure and define column widths that make it responsive for different screens.

That is this line: grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));

If the client would like to adjust the breakpoint at which the text content and image break onto two lines they can change the pixel value in that line.

If the client needs a more detailed explanation of what's going on, this article explains the responsive CSS. https://css-tricks.com/look-ma-no-media-queries-responsive-layouts-using-css-grid/

The following CSS was added to the stylesheet for this element

/* start page intro image setup */
.moha-start-section {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}

.moha-start-section > p {
	margin-bottom: 0;
}

.moha-start-section .image img {
  object-fit: cover;
  max-width: 100%;
  max-height: 430px;
  padding: 0;
  margin: 0;
  float: right;
}

This is your start page intro code:

Below you'll find guides and information for artists interested in getting involved at MoHA.

As first steps we recommend

Joining the MoHA newsletter
Signing up for open call list
Saying hello on Discord

For a list of programs and opportunities for specific fields you can skip to

Here is the quicklink class:

div class="moha-start-section-quicklinks"

This is the button code:

Internal Link External Link

How to backup site

login to the server via SSH
make sure you are in your home directory, for this, run: cd ~
call MidnightCommander by issuing mc

In the MidnightCommander navigate to backup-database.sh script and run it by pressing Enter on your keyboard.

The database will be stored in the same directory with the date in its name. To delete an old database copy, navigate to it in MC and press F8.