Molecular Animation using Molecular Maya

In order to properly showcase our project, we decided to use the hightech 3D animation software [http://www.autodesk.de/products/maya/overview Maya by Autodesk]. As we consider this an awesome way to show people what you have been doing all summer long, here's an introduction video on HowTo do it.

We hope this helps you to get started and as we really want to see more of these animations, we also added our "cell" template file for you to download:

File:Muc16 CellTemplate.pdf

Wiki Editing

Here are some Links to help editing pages in MediaWiki:

Every Team has a default template provided. Use it like this:

{{<YOUR TEAM NAME>}}

. You can find and edit it by using this URL:

https://2016.igem.org/Template:<YOUR TEAM NAME>

You can also create new Templates by creating new wiki sites under the Template directory. Example:

https://2016.igem.org/Template:LMU-TUM_Munich/Template1

Although using templates under the Template: Namespace is fine for all practical purposes, it's probably safer to move all your production templates under your own team's namespace, since any logged in user could edit your templates otherwise.

Images

To embed an image without the grey padded area around it, write the following code, replacing the text inside <> with actual values. See also the MediaWiki Help pages concerning the topic (Images). [[Image:<FILENAME.EXT>|link=<(optional) HYPERLINK>]|<(optional) WIDTH px>]]

Columns

To divide the page into columns of different width, use a

with the corresponding class (see below). The system is based on Twitter Bootstrap, see Bootstrap Documentation.

The system uses a grid of 12 columns, so to create a column of 50% width, use the following code:

<div class="col-sm-6"><HIER KOMMT DER INHALT REIN></div>

To create two columns with 3/4 and 1/4 width, respectively, use:

<div class="col-sm-9"><INHALT SPALTE 3/4></div>
<div class="col-sm-3"><INHALT SPALTE 1/4></div>

All columns are responsive and thus take up more space on smaller screens. To learn how to adjust this behaviour, see the Bootstrap Documentation.

Accordions

See [http://v4-alpha.getbootstrap.com/components/collapse/]

You can use the Accordions from Bootstrap like so:

<div id="accordion" role="tablist" aria-multiselectable="true">
  <div class="card">
    <div class="card-header" role="tab" id="headingOne">
      <h5 class="mb-0">
        <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
          Collapsible Group Item #1
        </a>
      </h5>
    </div>

    <div id="collapseOne" class="collapse in" role="tabpanel" aria-labelledby="headingOne">
      <div class="card-block">
        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
      </div>
    </div>
  </div>
  <div class="card">
    <div class="card-header" role="tab" id="headingTwo">
      <h5 class="mb-0">
        <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
          Collapsible Group Item #2
        </a>
      </h5>
    </div>
    <div id="collapseTwo" class="collapse" role="tabpanel" aria-labelledby="headingTwo">
      <div class="card-block">
        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
      </div>
    </div>
  </div>
  <div class="card">
    <div class="card-header" role="tab" id="headingThree">
      <h5 class="mb-0">
        <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
          Collapsible Group Item #3
        </a>
      </h5>
    </div>
    <div id="collapseThree" class="collapse" role="tabpanel" aria-labelledby="headingThree">
      <div class="card-block">
        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
      </div>
    </div>
  </div>
</div>

Team:LMU-TUM Munich/Howtos

Contents

Molecular Animation using Molecular Maya

Wiki Editing

Images

Columns

Accordions