Team:Cornell/Sandbox

From 2012.igem.org

(Difference between revisions)
(Accomplished)
 
(17 intermediate revisions not shown)
Line 1: Line 1:
__NOTOC__
__NOTOC__
==To Do==
==To Do==
-
* Figure out a tour template system
+
* Convert mycelial growth program to javascript
-
* Work on notebook page, try to get a filtered-entry system working
+
* Notebook page only works on some browsers
-
* Think about cool new ways to do the team bio page
+
==Accomplished==
==Accomplished==
-
* Have template recognize the page its on and adjust li-active accordingly
+
* Have nav template recognize the page its on and adjust li-active accordingly
-
** give each li an ID and have a short javascript checking the URL and setting the li with that ID to class="active". See [http://2012.igem.org/Team:Cornell/templates/wetnav?action=edit wetnav]. --> DONE (and put all javascript at bottom)
+
** give each li an ID and have a short javascript checking the URL and setting the li with that ID to class="active". See [http://2012.igem.org/Team:Cornell/templates/wetnav?action=edit wetnav].
 +
* Figure out a tour template system: [http://2012.igem.org/Team:Cornell/templates/tour?action=edit tour] <--functionality in header
 +
* Work on notebook page, try to get a filtered-entry system working [http://2012.igem.org/Team:Cornell/Sandbox/notebook notebook] and [http://2012.igem.org/wiki/index.php?title=Team:Cornell/templates/nbentry&action=edit nbentry template]
==Resources==
==Resources==
 +
* CSS transforms: make sure you get webkit (Safari/Chrome), moz (Firefox), o (Opera), and ms (IE9+). For some things, it's possible to support IE6 as well, but these have case-by-case hacks.
 +
** Rotation in IE6+: -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; /* 0=0, 1=90, 2=180, 3=270 */
 +
** Rotation for others: -moz-transform: rotate(-90deg); (duplicate and replace moz with webkit, o, and ms)
* Notebook images:
* Notebook images:
-
** http://igem.org/wiki/images/3/35/Cornell-nb-wet-g.png
+
<pre>
-
** http://igem.org/wiki/images/2/23/Cornell-nb-wet-c.png
+
"White": #f2f2f2
-
** http://igem.org/wiki/images/4/40/Cornell-nb-wiki-g.png
+
Gray: #8A8A8A
-
** http://igem.org/wiki/images/f/ff/Cornell-nb-wiki-c.png
+
Wetlab: #40B249
-
** http://igem.org/wiki/images/d/d0/Cornell-nb-model-g.png
+
http://igem.org/wiki/images/2/23/Cornell-nb-wet-c.png
-
** http://igem.org/wiki/images/5/59/Cornell-nb-model-c.png
+
http://igem.org/wiki/images/3/35/Cornell-nb-wet-g.png
-
** http://igem.org/wiki/images/e/e3/Cornell-nb-hprac-g.png
+
 
-
** http://igem.org/wiki/images/5/59/Cornell-nb-hprac-c.png
+
Drylab: #2D75B0
-
** http://igem.org/wiki/images/2/2a/Cornell-nb-dry-g.png
+
http://igem.org/wiki/images/6/6a/Cornell-nb-dry-c.png
-
** http://igem.org/wiki/images/6/6a/Cornell-nb-dry-c.png
+
http://igem.org/wiki/images/2/2a/Cornell-nb-dry-g.png
-
** http://igem.org/wiki/images/5/51/Cornell-nb-anim-g.png
+
 
-
** http://igem.org/wiki/images/4/46/Cornell-nb-anim-c.png
+
Modeling: #AD2029
 +
http://igem.org/wiki/images/5/59/Cornell-nb-model-c.png
 +
http://igem.org/wiki/images/d/d0/Cornell-nb-model-g.png
 +
 
 +
Human Practices: #E58A35
 +
http://igem.org/wiki/images/5/59/Cornell-nb-hprac-c.png
 +
http://igem.org/wiki/images/e/e3/Cornell-nb-hprac-g.png
 +
 
 +
Wiki: #5D3697
 +
http://igem.org/wiki/images/f/ff/Cornell-nb-wiki-c.png
 +
http://igem.org/wiki/images/4/40/Cornell-nb-wiki-g.png
 +
 
 +
Animation: #D5BA34
 +
http://igem.org/wiki/images/4/46/Cornell-nb-anim-c.png
 +
http://igem.org/wiki/images/5/51/Cornell-nb-anim-g.png</pre>
 +
 
* Make templates - learn from http://en.wikipedia.org/wiki/Help:Template
* Make templates - learn from http://en.wikipedia.org/wiki/Help:Template
* Make bookmarklet to paste in template subst tag - learn from http://en.wikipedia.org/wiki/Bookmarklet
* Make bookmarklet to paste in template subst tag - learn from http://en.wikipedia.org/wiki/Bookmarklet

Latest revision as of 02:01, 20 June 2013

To Do

  • Convert mycelial growth program to javascript
  • Notebook page only works on some browsers

Accomplished

  • Have nav template recognize the page its on and adjust li-active accordingly
    • give each li an ID and have a short javascript checking the URL and setting the li with that ID to class="active". See wetnav.
  • Figure out a tour template system: tour <--functionality in header
  • Work on notebook page, try to get a filtered-entry system working notebook and nbentry template

Resources

  • CSS transforms: make sure you get webkit (Safari/Chrome), moz (Firefox), o (Opera), and ms (IE9+). For some things, it's possible to support IE6 as well, but these have case-by-case hacks.
    • Rotation in IE6+: -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; /* 0=0, 1=90, 2=180, 3=270 */
    • Rotation for others: -moz-transform: rotate(-90deg); (duplicate and replace moz with webkit, o, and ms)
  • Notebook images:
"White": #f2f2f2
Gray: #8A8A8A
Wetlab: #40B249
http://igem.org/wiki/images/2/23/Cornell-nb-wet-c.png
http://igem.org/wiki/images/3/35/Cornell-nb-wet-g.png

Drylab: #2D75B0
http://igem.org/wiki/images/6/6a/Cornell-nb-dry-c.png
http://igem.org/wiki/images/2/2a/Cornell-nb-dry-g.png

Modeling: #AD2029
http://igem.org/wiki/images/5/59/Cornell-nb-model-c.png
http://igem.org/wiki/images/d/d0/Cornell-nb-model-g.png

Human Practices: #E58A35
http://igem.org/wiki/images/5/59/Cornell-nb-hprac-c.png
http://igem.org/wiki/images/e/e3/Cornell-nb-hprac-g.png

Wiki: #5D3697
http://igem.org/wiki/images/f/ff/Cornell-nb-wiki-c.png
http://igem.org/wiki/images/4/40/Cornell-nb-wiki-g.png

Animation: #D5BA34
http://igem.org/wiki/images/4/46/Cornell-nb-anim-c.png
http://igem.org/wiki/images/5/51/Cornell-nb-anim-g.png

Notes

  • Cornell red (carnelian red): #B31B1B
  • Off-white: #F2F2F2

Return to main page →