Why Wont Wikipeda Let Me Upload My Image

Wiki Editing Aid

On this page yous volition discover general information on how to: upload a file, create a folio, upload videos, and use wiki templates.
As well equally a quick introduction to HTML, CSS, Javascript, MathJax. And finally tips on wikis dos and dont's and tips for working on your wiki.

All iGEM wiki sites are powered past Mediawiki. Encounter the Mediawiki Help page ⇗ for details on how to edit wiki pages and more.

Using/editing the wiki is a trial-and-error process. Editing the wiki is a simple, fun thing to practise and you definitely get ameliorate the more than you play around with it. The cardinal is to take a await at other wiki pages and see what you like. Then all y'all have to do is go to the source (either view source if yous're not logged in, or edit if you are logged in), copy it, and modify it to fit your needs. It doesn't have to be perfect before you tin can take a look at what information technology looks like. Try things out and encounter what results they yield.

You should keep ALL your content within your team'due south namespace. This includes uploaded files, templates, CSS and Javascript pages, not just your main wiki pages.

Uploading a file

Teams tin can upload a file into the iGEM server by visiting: 2020.igem.org/Special:Upload.

There is a carve up namespace for your team'south images and files that you upload to the server. When yous upload a new paradigm, you have to proper name it: T--OFFICIAL team name--File_name
For example, if y'all were on Team Case and wanted to upload the image "project_overview", you would name it: T--Example--project_overview.png. Have a look at the image 1.i for reference.

This is a breakdown of the characters:
[upper-case letter T] [hyphen] [hyphen] [official_team_name_with_underscores_and_no_spaces] [hyphen] [hyphen] [filename_and.extension]

1.one Screenshot of an instance file being uploaded.

The permitted file types on the iGEM server are: png, gif, jpg, jpeg, pdf, ppt, txt, cipher, mp3, mp4, webm, mov, swf, xls, xlsx, docx, pptx, csv, m, ogg, gb, tif, tiff, fcs, otf, eot, ttf, woff, svg.
Files must exist 100MB or less.

Creating a page

To create a new page you have to blazon its name on your navigation bar and, when the wiki message says this folio "at that place is currently no text on this folio", click on: edit this folio. This will let you to enter the wiki editor for that specific namespace and start working on the folio.

Make sure you follow the naming convention when creating a page: OFFICIAL team name/PageName. For example, if you were on Team Example and wanted to create a Biosensor projection page you would name information technology Squad:Example/Project/Biosensor. Have a look at image 1.2 below for reference.

1.2 Screenshot of an example folio nigh to be created.

Uploading videos and using HTML 5 to display them

You tin upload videos (ogg, mp4, webm) to the 2019 wiki by using Mediawiki's Upload tool. Make sure that your video is less than 100 MB, a skilful way to ensure this is to export the video for mobile devices.

To display your videos you tin use the HTML v <video> tag, along with <source src="file_url" type="video/ogg" />. Here is an case using the code to load the Human Practices video.

< video width="100%" height="240" controls>
<source src="https://2018.igem.org/wiki/images/f/atomic number 26/IGEM_Human_Practices.mp4" type="video/mp4">
</video>

Using Wiki Templates

If there is standard text/lawmaking that you desire to add to more than i page (for example CSS styling, JS script or your team'due south wiki menu) y'all can utilise MediaWiki templates ⇗.

Your team wiki comes with a default template styling that you can utilize and modify every bit y'all need, this is the template for team Instance. Documentation for this template tin can be found in: Resources/Template_Documentation .

To create a new template you will demand to name it: Template:OFFICIAL team name/Template Name and telephone call it in your wiki marker up as: {{Template:OFFICIAL team proper noun/Template Name}}

For example, if you were on Team Case and wanted to create a template for your CSS, yous will name it Template:Example/CSS and call information technology on your other pages every bit: {{Template:Example/CSS}} Take a wait at the lawmaking for an example.

2020.igem.org/Squad:Example/Project

{{Example/CSS}}
<html>
<h2> Our Project </h2>
<p> Beginning of the folio about our project.</p>
</html>

Using HTML, CSS and Javascript

HTML, CSS and Javascript can exist used together to brand fashionable, interactive pages. At that place many resources online to learn each of them, a useful tool to practice and develop new skills in interactive tutorials is codecademy ⇗.

An instance of using HTML, CSS and Javascript tin exist seen in your team'south default template. Hither is the link to team Example's lawmaking: Template:Instance, you tin click on "view" on the black carte du jour bar to encounter the code.

In the following section we will go over the basics of each of these elements.

HTML

Hypertext Markup Language, or HTML, is a standardized system for tagging text to create font, color, graphic, and hyperlink styling on websites. This organisation is used all over the internet so in that location is a miriad of resources that you tin access to learn, for case: W3 Schools ⇗ has a good reference guide. You can besides take a quick expect at the most common tags in the Template Documentation page.

To utilize HTML y'all volition need to identify your tags and content in between: <html> </html>

CSS

Cascading mode sheets, or CSS, is used to describe how the HTML in a page will behave and how it will be displayed. HTML is the content of the folio and CSS is the ornament of said content, W3 Schools ⇗ has a list of all the CSS properties you lot tin can use

You can likewise accept a quick look at the most CSS elements in the Template Documentation page.

To use CSS you lot volition demand to place your tags and content in between: <style> </manner>

Javascript

Javascript is the most common coding linguistic communication used in the web. In the wiki context it tin can exist used for interactive resources like the card functionality. JavaScript.com ⇗ is a adept reference if you lot want to learn how to code and find some useful tips. You can besides employ jQuery in your lawmaking, you do not need to include any extra source to use jQuery.

To employ Javascript or jQuery you will need to identify your tags and content in between: <script> </script>

MathJax

MathJax is a JavaScript library for displaying mathematical equations. A copy of MathJax 2.five is installed on 2020.igem.org. To utilize information technology, add together the following line to your HTML: <script src="https://2020.igem.org/mutual/MathJax-two.5-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"> For more data, visit the MathJax documentation ⇗.

Wiki tips

In this section you volition notice a few useful tips for working with your squad on your wiki. If you have any suggestions that we can add together, please email hq [at] igem [dot] org.

Wiki Dos and Don'ts

Practice	Don't	Why?
Make sure all wiki content is hosted on 2020.igem.org. (This includes text, files, HTML, CSS, Javascript, and other scripts.)	Don't host your wiki or parts of your wiki elsewhere. Don't include scripts or stylesheets from other servers.	iGEM content is preserved on our servers so futurity teams can learn from what you've done. When content is stored on other sites/servers, links may go broken, sites may become down, and information will exist lost.
Work on your wiki throughout the yr and save small edits for last	Don't wait to add/edit large portions of wiki content the mean solar day of the Wiki Freeze	Merely before the Wiki Freeze, iGEM websites experience increased traffic and server loads. This can be a difficult time to brand larger changes or additions to your wiki. Don't wait till the concluding minute!
Name uploaded files conspicuously and uniquely (T--TeamName--Filename.png)	Don't use generic names for you files (Header.png)	Using unique names makes searching/identification of uploaded files easier.
Load your CSS and Javascript into the wiki, either directly into your page or using templates.	Don't attempt to host your CSS and Javascript on a third political party server	You are required to host all content on the iGEM servers (run into above)

Tips for working on your wiki

Written by Ana Sifuentes - ana at igem dot org

Hello iGEMers!
I was also part of an iGEM team!
In 2011 and 2012 my role was to design and create our team's wiki. Then wiki freeze was my major deadline. I am past no means an expert just let me share with you some of the things I learned with two wiki freezes nether my belt.

1. Examination your webpage layout: is information easy to discover?

I made the terrible mistake of not request for a third party'south opinion almost the layout of data on our site. Information technology was obvious for me how things were laid out and organized. Information technology wasn't for the people evaluating u.s..
Also, stick to the three click dominion: content must reachable within 3 clicks and so the user does non feel lost or dislocated. If someone wants to read your abstruse, their path should be something like this (Menu –> Project –> Project Description -> Abstract)

two. Look at other teams' code, encounter how they documented and what resources they used.

It is always practiced to become inspiration from other iGEM teams. Meet what y'all liked that they did and strive to improve!

iii. Start working on your documentation early on.

This was a good matter that we did; we created a common file that more than one person can edit at a time. Divide the documentation into smaller files and assign a team member to fully certificate that topic. In the end you will accept a printable version of your projection that you can share as a pdf file with other people!

4. Name your images according to the project and keep them all in a folder on your computer.

Sometimes naming your gel image "gelthingy_whyiamworkingat3am" sounds perfect at 3AM simply later it may not be easy to know what or when that photograph was taken or that image created.
Besides, the iGEM database doesn't know that you created that file so if someone names their file with the same name information technology tin can end up being replaced! Avoid using generic names like "banner.png" or "logo.jpg".
Attempt using your team's proper name and the webpage where the image will announced, this helps you remember where to identify it and reduce the risk of another team overwriting. "JoyUniversity_TeamBios_Richard.jpg"

five. Do non leave everything to the last minute!

Plan ahead. The last thing you want to be doing at 11:30PM the night of wiki freeze is uploading images. It is very stressful to be looking at the clock and hoping some kind of coding miracle helps you lot gear up bugs faster. Programme to have everything online at least one week ahead so you can go enjoy a dainty dinner with your team that nighttime!

I promise this helps and if y'all have any questions, feel free to email me.

ana at igem dot org

montoyahaversidne.blogspot.com

Source: https://2020.igem.org/Resources/Wiki_Editing_Help