|
|
| (6 intermediate revisions by 2 users not shown) |
| Line 1: |
Line 1: |
| − | {{2015CSS}}
| + | #REDIRECT [[Wiki_Requirements]] |
| − | | + | |
| − | <html>
| + | |
| − | <!-- change the page title -->
| + | |
| − | <div id="pageTitle">
| + | |
| − | <h2>Wiki How-To</h2>
| + | |
| − | </div></div>
| + | |
| − | | + | |
| − | <div id="grayLine_Clear"></div>
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | <!-- this is where the submenu is placed -->
| + | |
| − | <div id="leftColumn">
| + | |
| − | <ul>
| + | |
| − | <a href= "#requirements"><li>Wiki Requirements</li> </a>
| + | |
| − | <a href= "#editing"><li>Wiki Editing</li></a>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <!-- this is where the content is placed --->
| + | |
| − | <div id="rightColumn">
| + | |
| − | | + | |
| − | <!-- alert message, the text can be edited -->
| + | |
| − | <div id="alertMessage"> <p> Please note that all information on this page is in a draft version. <br>Please check back often for details. </p></div>
| + | |
| − | | + | |
| − | | + | |
| − | <!-- start of content ---------------------------------------->
| + | |
| − | | + | |
| − | <h2> <a id="requirements"></a> Wiki Requirements </h2>
| + | |
| − | <h4>iGEM Logo</h4>
| + | |
| − | <p>All iGEM Team Wikis must include the iGEM logo at the top of the page and a visible link back to the iGEM 2015 Wiki Main Page in the header (or at the top of the page). All wiki pages must preserve the user editing menu (notifications, username, messages, history, edit). In the case where the user heading is not visible, an automatic heading will be overlaid on top of the wiki page(s) where the heading is missing. </p>
| + | |
| − | <h4>The iGEM Login Bar</h4>
| + | |
| − | <p>The iGEM Login Bar is a 20 pixel high, full-width menu bar that exists on all 2015.igem.org pages. It contains:
| + | |
| − | <ul>
| + | |
| − | <li>wiki tools (edit, history, watch, etc.)</li>
| + | |
| − | <li>login</li>
| + | |
| − | </ul>
| + | |
| − | All iGEM 2015 Team Wikis are required to have the Login Bar. All wiki pages must preserve the user editing menu (notifications, username, messages, history, edit). Please keep this in mind as you design your wiki.</p>
| + | |
| − | <h4>No Adobe Flash</h4>
| + | |
| − | <p>Flash is not permitted on the iGEM 2015 wiki. Adobe flash is 100% proprietary and you cannot view the source like you can with our wiki. We chose wikis for teams to build their projects so the source code would be available for future teams, to build on the concept of open source. Flash can also be hosted on external sites and we want 100% of the content of our wikis to be on our wikis. </p>
| + | |
| − | <h4>Upload to 2015.igem.org server</h4>
| + | |
| − | <p>All team pages, images, documents and <b>code</b> must be hosted on the <b>2015.igem.org</b> server. We preserve all iGEM content on our own servers so future teams can learn from what you have done. When you store content on your own sites or servers, after time, links might become broken, sites might go down, and information will be lost. <br />
| + | |
| − | Additionally, hosting content outside of 2015.iGEM.org allows teams to change/add information to their wiki after the wiki freeze. Please note, that altering content after the wiki freeze is a <a href="https://2015.igem.org/Responsible_Conduct">form of cheating</a>. <br />
| + | |
| − | Load your CSS and Javascript into the wiki, either directly into your page or using templates.
| + | |
| − | </p>
| + | |
| − | <h4>No iframes</h4>
| + | |
| − | <p><b>iframes</b> are not permitted on the iGEM wiki. If an iframe was used to access content outside of <b>2015.igem.org</b>...
| + | |
| − | <ul>
| + | |
| − | <li>it would break when there was an issue with the outside server</li>
| + | |
| − | <li>it would allow a team to show change/add content after the wiki freeze. Please note, that altering content after the wiki freeze is a <a href="https://2015.igem.org/Responsible_Conduct">form of cheating</a></li>
| + | |
| − | </ul>
| + | |
| − | </p>
| + | |
| − | <h4>2015.igem.org/Team:Team_Name</h4>
| + | |
| − | <p>All iGEM 2015 teams are given a namespace on the iGEM 2015 wiki with their team name. Teams are allowed to create and edit pages within their respective team namespace. Teams are <b>not allowed</b> to create or edit pages belonging to another team's namespace.</p>
| + | |
| − | <h4>Wiki Freeze -September 18</h4>
| + | |
| − | <p>The wiki freeze for the 2015 Giant Jamboree is on <a href="https://2015.igem.org/Calendar_of_Events">September 18,</a> along with other deadlines. iGEM experiences higher than normal traffic on this day which can lead to strain on our servers and sessions timing out for users. iGEM HQ recommends that users do not wait till the last day to work/finish their wikis. <b>Once the wikis are frozen, users can no longer make any changes until they are unfrozen after the Jamboree.</b></p>
| + | |
| − | <h4>Other deadlines</h4>
| + | |
| − | <p>The team's project description must be documented on their iGEM Team Wiki by the deadline. The project description should be 1-3 paragraphs and only needs to include an up-to-date explanation of the project.</p>
| + | |
| − | <p>The team's wiki must include an attributions section.</p>
| + | |
| − | <h4>Creative Commons</h4>
| + | |
| − | <p>All content on this wiki is available under the Creative Commons <a href="http://creativecommons.org/licenses/by/4.0/">Attribution 4.0</a> license (or any later version).
| + | |
| − | <img src="http://i.creativecommons.org/l/by/3.0/88x31.png"></p>
| + | |
| − | <br /><br />
| + | |
| − | | + | |
| − | | + | |
| − | <h2><a id="editing"></a> Wiki Editing </h2>
| + | |
| − | | + | |
| − | <h4>Add a wiki page, change a wiki page, delete a wiki page, etc.</h4>
| + | |
| − | <p>All iGEM wiki sites are powered by Mediawiki. See the <a href="http://www.mediawiki.org/wiki/Help:Contents">Mediawiki Help page</a> for details on how to edit wiki pages and more.</p>
| + | |
| − | <p>Using/editing the wiki is a trial-and-error process. Editing the wiki is a simple, fun thing to do and you definitely get better the more you play around with it. The key is to take a look at other wiki pages and see what you like. Then all you have to do is go to the source (either view source if you'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 can take a look at what it looks like. Try things out and see what results they yield.</p>
| + | |
| − | | + | |
| − | <h4>Adding a page to your team's namespace?</h4>
| + | |
| − | <p>You must keep your team's pages in your team namespace. For example, take a look at <a href="https://2015.igem.org/Team:Example">2015.igem.org/Team:Example</a></p>
| + | |
| − | <p>Specifically, when you create a new page, you just have to name it <b>Team</b>:<a href="https://igem.org/Team_List">OFFICIAL team name</a>/PageName. For example, if you were on Team Example and wanted to create a Biosensor project page you would name it <b>Team:Example/Biosensor_project</b>.</p>
| + | |
| − | | + | |
| − | <h4>Using html in wiki pages</h4>
| + | |
| − | <p>Instead of using wiki markup, you can use <b>html</b> in the wiki editor. Just put your html code in between <i><html></html></i></p>
| + | |
| − | | + | |
| − | <h4>Using CSS and/or Javascript</h4>
| + | |
| − | <p>You can also use <b>CSS</b> and <b>Javascript</b> on the wiki by adding your <i><style></i> and <i><script></i> tags into your <i><html></i> code.</p>
| + | |
| − | <p>If you want to use a CSS stylesheet or Javascript on multiple pages, you can create a <b>wiki template page</b>.</p>
| + | |
| − | | + | |
| − | <h4>Using Wiki Templates</h4>
| + | |
| − | <p>If there is standard text/code that you want to add to more than one page, like a CSS style or script, then you can use <a href="http://www.mediawiki.org/wiki/Help:Templates">MediaWiki templates</a></p>
| + | |
| − | <p>You can create a <b>wiki template page</b> to house your HTML/CSS/Javascript, by entering <i>{{Team:YourTeamName/CSS}}</i> into your wiki markup. Saving the page will create a link for a new template page, which you can edit and enter all of your CSS code. You can then call <i>{{Team:YourTeamName/CSS}}</i> on other pages.</p>
| + | |
| − | <p>Take a look at a few 2013 team wikis to see how other teams setup the styling. You can do this by going to a wiki, and looking for <i>view source</i> in the default wiki links at the top of the page. See <a href="https://2013.igem.org/Template:MIT-style">MIT's</a> and <a href="https://2013.igem.org/Team:TU-Munich">TU-Munich's</a> for examples.</p>
| + | |
| − | | + | |
| − | <h4>Uploading videos and using HTML 5 to display them</h4>
| + | |
| − | <p>You can upload videos (ogg, mov) to the 2015 wiki by using Mediawiki's <a href="https://2015.igem.org/Special:Upload">Upload tool</a>.</p>
| + | |
| − | <p>You can display videos by using the HTML 5 <i><video></i> tag, along with <i><source src="file_url" type="video/mov" /></i>.</p>
| + | |
| − | <p>Take a look at the <a href="https://2013.igem.org/Team:Leeds">2013 Leed's team wiki</a> to see how they displayed their video. You can do this by going to their wiki, and looking for <i>view source</i> in the default wiki links at the top of the page.</p>
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | <!-- end of content ---------------------------------------->
| + | |
| − | </div>
| + | |
| − | <div class="clear"></div>
| + | |
| − | </html> {{2015Footer}}<html>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | </html>
| + | |