| 
0
 | 
     1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
 | 
| 
 | 
     2     "http://www.w3.org/TR/html4/transitional.dtd">
 | 
| 
 | 
     3 <html>
 | 
| 
 | 
     4 <head>
 | 
| 
 | 
     5 <link rel="stylesheet" type="text/css" href="logo.css" >
 | 
| 
 | 
     6 
 | 
| 
 | 
     7 
 | 
| 
 | 
     8 <title>CodonLogo 1.0- Create </title>
 | 
| 
 | 
     9 <meta name="author" content="Gavin E. Crooks" >
 | 
| 
 | 
    10 
 | 
| 
 | 
    11 
 | 
| 
 | 
    12 <style type="text/css">
 | 
| 
 | 
    13 td {
 | 
| 
 | 
    14     border-left : white solid 4pt
 | 
| 
 | 
    15 }
 | 
| 
 | 
    16 .error { 
 | 
| 
 | 
    17     color: #900;
 | 
| 
 | 
    18     border-left: red solid +4pt;
 | 
| 
 | 
    19 }
 | 
| 
 | 
    20 
 | 
| 
 | 
    21 .err_msg { 
 | 
| 
 | 
    22     color: #900;
 | 
| 
 | 
    23 }
 | 
| 
 | 
    24 
 | 
| 
 | 
    25 </style>
 | 
| 
 | 
    26 </head>
 | 
| 
 | 
    27 
 | 
| 
 | 
    28 <body style="align:center">
 | 
| 
 | 
    29 
 | 
| 
 | 
    30 
 | 
| 
 | 
    31 
 | 
| 
 | 
    32 
 | 
| 
 | 
    33 
 | 
| 
 | 
    34 <form method="post" action="create.cgi" enctype="multipart/form-data" >
 | 
| 
 | 
    35 <table width="80%" border = '0' cellspacing='0' cellpadding='1' align="center">
 | 
| 
 | 
    36 <tr><td >
 | 
| 
 | 
    37 <h1> Codonlogo 1.0 : Create</h1>
 | 
| 
 | 
    38 
 | 
| 
 | 
    39 </td><td align = "right"> 
 | 
| 
 | 
    40     · 
 | 
| 
 | 
    41   <a href="./">about</a> ·
 | 
| 
 | 
    42   <a class="selected" href="create.cgi">create</a> · 
 | 
| 
 | 
    43   <a href="examples.html">examples</a> · 
 | 
| 
 | 
    44   <a href="manual.html">manual</a> · 
 | 
| 
 | 
    45 <br>
 | 
| 
 | 
    46 <span style="font-size:small">$version</span>  
 | 
| 
 | 
    47 </td></tr>
 | 
| 
 | 
    48 
 | 
| 
 | 
    49 <tr><td >
 | 
| 
 | 
    50 Sequence data
 | 
| 
 | 
    51 </td><td > 
 | 
| 
 | 
    52 <input type="file" name="sequences_file"   > 
 | 
| 
 | 
    53 </td></tr>
 | 
| 
 | 
    54 
 | 
| 
 | 
    55 <tr><td >
 | 
| 
 | 
    56 </td><td> 
 | 
| 
 | 
    57 <span style="font-size:small ">(or paste sequence data below)</span>
 | 
| 
 | 
    58 </td></tr>
 | 
| 
 | 
    59 
 | 
| 
 | 
    60 
 | 
| 
 | 
    61 
 | 
| 
 | 
    62 <tr><td colspan='2' ${sequences_err} >
 | 
| 
 | 
    63 <textarea name="sequences" rows="12" cols ="100" style="width:100%">${sequences}</textarea>
 | 
| 
 | 
    64 </td></tr>
 | 
| 
 | 
    65 
 | 
| 
 | 
    66 
 | 
| 
 | 
    67 
 | 
| 
 | 
    68 <tr><td>
 | 
| 
 | 
    69 </td><td align="right">
 | 
| 
 | 
    70 <input  style="font-size:large" type="submit" name="cmd_create" value=" Create Logo    "  > <br>
 | 
| 
 | 
    71 <span style="font-size:small"><input type="checkbox" name="download" value="false" >Download</span>
 | 
| 
 | 
    72 </td></tr>
 | 
| 
 | 
    73      
 | 
| 
 | 
    74 
 | 
| 
 | 
    75 <!-- Reset defaults must come after create_logo so that hitting enter creates a logo-->  
 | 
| 
 | 
    76 <!--
 | 
| 
 | 
    77 <tr><td>
 | 
| 
 | 
    78 <input type="submit" name="cmd_reset" value="Reset defaults" >
 | 
| 
 | 
    79 </td><td  class="err_msg" rowspan="2">
 | 
| 
 | 
    80 ${error_message}  
 | 
| 
 | 
    81 </td></tr>
 | 
| 
 | 
    82 <tr><td> </td></tr>
 | 
| 
 | 
    83 -->
 | 
| 
 | 
    84 
 | 
| 
 | 
    85 <tr><td colspan='2' style="height:30pt;border-left-width:90pt;" class="err_msg">
 | 
| 
 | 
    86 ${error_message}
 | 
| 
 | 
    87 </td></tr>
 | 
| 
 | 
    88 
 | 
| 
 | 
    89     
 | 
| 
 | 
    90      
 | 
| 
 | 
    91 <tr><td ${format_err} >
 | 
| 
 | 
    92 Output format </td><td>
 | 
| 
 | 
    93 <select name="format">
 | 
| 
 | 
    94 <option ${png} value="png">PNG (low res.)</option>
 | 
| 
 | 
    95 <option ${png_print} value="png_print">PNG (high res.)</option>
 | 
| 
 | 
    96 <option ${jpeg} value="jpeg">JPEG (low res.)</option>
 | 
| 
 | 
    97 <option ${eps} value="eps">EPS (vector)</option>
 | 
| 
 | 
    98 <option ${pdf} value="pdf">PDF (vector)</option>
 | 
| 
 | 
    99 <option ${txt} value="txt">Data (plain text)</option> 
 | 
| 
 | 
   100 </select> 
 | 
| 
 | 
   101 
 | 
| 
 | 
   102 </td></tr>
 | 
| 
 | 
   103 
 | 
| 
 | 
   104 <tr><td ${size_err} >
 | 
| 
 | 
   105 Logo size 
 | 
| 
 | 
   106 </td><td >
 | 
| 
 | 
   107 <select name="size" >
 | 
| 
 | 
   108 <option ${small} >small</option>
 | 
| 
 | 
   109 <option ${medium}>medium</option>
 | 
| 
 | 
   110 <option ${large} >large</option>
 | 
| 
 | 
   111 </select> 
 | 
| 
 | 
   112 </td></tr>
 | 
| 
 | 
   113 
 | 
| 
 | 
   114 
 | 
| 
 | 
   115 <tr><td ${stacks_per_line_err}>
 | 
| 
 | 
   116     Stacks per line
 | 
| 
 | 
   117 </td><td>
 | 
| 
 | 
   118 <input type="text" name="stacks_per_line" value="${stacks_per_line}" size="4" maxlength="4" >
 | 
| 
 | 
   119 </td></tr>
 | 
| 
 | 
   120 
 | 
| 
 | 
   121 <tr><td ${alphabet_err}>
 | 
| 
 | 
   122 Sequence type </td><td>
 | 
| 
 | 
   123 
 | 
| 
 | 
   124 <select name="alphabet">
 | 
| 
 | 
   125 <option ${alphabet_auto} value="alphabet_auto" >auto</option>
 | 
| 
 | 
   126 <option ${alphabet_protein} value="alphabet_protein">protein</option>
 | 
| 
 | 
   127 <option ${alphabet_dna} value="alphabet_dna">dna</option>
 | 
| 
 | 
   128 <option ${alphabet_rna} value="alphabet_rna">rna</option>
 | 
| 
 | 
   129 </select> 
 | 
| 
 | 
   130 </td></tr>
 | 
| 
 | 
   131 
 | 
| 
 | 
   132 <tr><td>
 | 
| 
 | 
   133 Ignore lower case
 | 
| 
 | 
   134 </td><td>
 | 
| 
 | 
   135 <input type="checkbox" name="ignore_lower_case" value="true" ${ignore_lower_case} > 
 | 
| 
 | 
   136 </td></tr>
 | 
| 
 | 
   137 
 | 
| 
 | 
   138 <tr><td>
 | 
| 
 | 
   139 Use codons:
 | 
| 
 | 
   140 </td><td>
 | 
| 
 | 
   141 <input type="checkbox" name="altype" value="true" ${altype} > 
 | 
| 
 | 
   142 </td></tr>
 | 
| 
 | 
   143 
 | 
| 
 | 
   144 
 | 
| 
 | 
   145 <tr><td>
 | 
| 
 | 
   146 Units </td><td>
 | 
| 
 | 
   147 <select name="unit_name"  >
 | 
| 
 | 
   148 <option ${probability} >probability</option>
 | 
| 
 | 
   149 <option ${bits} >bits</option>
 | 
| 
 | 
   150 <option ${nats} >nats</option>
 | 
| 
 | 
   151 <option ${kT} >kT</option>
 | 
| 
 | 
   152 <option ${kJ_mol} >kJ/mol</option>
 | 
| 
 | 
   153 <option ${kcal_mol} >kcal/mol</option>
 | 
| 
 | 
   154 </select> 
 | 
| 
 | 
   155 
 | 
| 
 | 
   156 </td></tr>
 | 
| 
 | 
   157 
 | 
| 
 | 
   158 <tr><td ${first_index_err}>
 | 
| 
 | 
   159 First position number
 | 
| 
 | 
   160 </td><td>
 | 
| 
 | 
   161 <input  type="text" name="first_index" value="${first_index}" size="4" maxlength="80" >
 | 
| 
 | 
   162 </td></tr>
 | 
| 
 | 
   163 
 | 
| 
 | 
   164 <tr><td ${logo_range_err} >
 | 
| 
 | 
   165 Logo range </td><td>
 | 
| 
 | 
   166 <input type="text" name="logo_start" value="${logo_start}" size="4" maxlength="80" > - <input type="text" name="logo_end"  value="${logo_end}" size="4" maxlength="80" >
 | 
| 
 | 
   167 </td></tr>
 | 
| 
 | 
   168 
 | 
| 
 | 
   169 
 | 
| 
 | 
   170 
 | 
| 
 | 
   171 <tr><td ${composition_err}>
 | 
| 
 | 
   172 Composition
 | 
| 
 | 
   173 </td><td>
 | 
| 
 | 
   174 <select name="composition" >
 | 
| 
 | 
   175 <option ${comp_none} value = "comp_none" >No adjustment for composition</option>
 | 
| 
 | 
   176 <option ${comp_auto} value = "comp_auto" >auto</option>
 | 
| 
 | 
   177 <option ${comp_equiprobable} value = "comp_equiprobable"  >equiprobable</option>
 | 
| 
 | 
   178 <option ${comp_CG} value="comp_CG" >Percentage CG ⇒</option>
 | 
| 
 | 
   179 <option ${comp_Celegans} value="comp_Celegans" >C. elegans (36%) </option>
 | 
| 
 | 
   180 <option ${comp_Dmelanogaster} value="comp_Dmelanogaster" >D. melanogaster (43%)</option>
 | 
| 
 | 
   181 <option ${comp_Ecoli} value="comp_Ecoli" >E. coli (50.5%) </option>
 | 
| 
 | 
   182 <option ${comp_Hsapiens} value="comp_Hsapiens" >H. sapiens (40%) </option>
 | 
| 
 | 
   183 <option ${comp_Mmusculus}  value="comp_Mmusculus" >M. musculus (42%)</option>
 | 
| 
 | 
   184 <option ${comp_Scerevisiae} value="comp_Scerevisiae" >S. cerevisiae (38%) </option>
 | 
| 
 | 
   185 </select>
 | 
| 
 | 
   186 or
 | 
| 
 | 
   187 <input type="text" name="percentCG" value="${percentCG}" size="4" maxlength="8"   >  % CG
 | 
| 
 | 
   188 </td></tr>
 | 
| 
 | 
   189 
 | 
| 
 | 
   190 <tr><td>
 | 
| 
 | 
   191 Scale stack widths
 | 
| 
 | 
   192 </td><td>
 | 
| 
 | 
   193 <input type="checkbox" name="scale_width" value="true" ${scale_width} > 
 | 
| 
 | 
   194 </td></tr>
 | 
| 
 | 
   195 
 | 
| 
 | 
   196 <tr><td>
 | 
| 
 | 
   197 Error bars
 | 
| 
 | 
   198 </td><td>
 | 
| 
 | 
   199  <input type="checkbox" name="show_errorbars" value="true" ${show_errorbars}  >
 | 
| 
 | 
   200 </td></tr>
 | 
| 
 | 
   201  
 | 
| 
 | 
   202 
 | 
| 
 | 
   203 
 | 
| 
 | 
   204 
 | 
| 
 | 
   205 
 | 
| 
 | 
   206 
 | 
| 
 | 
   207 <tr    ><td ${logo_title_err}>
 | 
| 
 | 
   208 Title
 | 
| 
 | 
   209 </td><td >
 | 
| 
 | 
   210 <input   type="text"  name="logo_title"  size="52" maxlength="80" value="${logo_title}" > 
 | 
| 
 | 
   211 </td></tr>
 | 
| 
 | 
   212 
 | 
| 
 | 
   213 <tr><td>
 | 
| 
 | 
   214 Figure label</td><td>
 | 
| 
 | 
   215 <input type="text" name="logo_label"  value="${logo_label}" size="4" maxlength="100" > 
 | 
| 
 | 
   216 </td></tr>
 | 
| 
 | 
   217 
 | 
| 
 | 
   218 
 | 
| 
 | 
   219 <tr><td>
 | 
| 
 | 
   220 X-axis
 | 
| 
 | 
   221 </td><td>
 | 
| 
 | 
   222 <input type="checkbox" name="show_xaxis" value="true" ${show_xaxis} >
 | 
| 
 | 
   223 Label: 
 | 
| 
 | 
   224 <input type="text" name="xaxis_label"  value="${xaxis_label}" size="20" maxlength="100" >  
 | 
| 
 | 
   225 </td></tr>
 | 
| 
 | 
   226 
 | 
| 
 | 
   227 
 | 
| 
 | 
   228 <tr><td>
 | 
| 
 | 
   229 Y-axis
 | 
| 
 | 
   230 </td><td>
 | 
| 
 | 
   231 <input type="checkbox" name="show_yaxis" value="true" ${show_yaxis} > 
 | 
| 
 | 
   232 Label: <input type="text" name="yaxis_label" value="${yaxis_label}" size="20" maxlength="32" >  
 | 
| 
 | 
   233 
 | 
| 
 | 
   234 </td></tr>
 | 
| 
 | 
   235 
 | 
| 
 | 
   236 <tr><td ${yaxis_scale_err} >
 | 
| 
 | 
   237 Y-axis scale:
 | 
| 
 | 
   238 </td><td>
 | 
| 
 | 
   239 <input type="text" name="yaxis_scale"  value="${yaxis_scale}" size="4" maxlength="100"  > 
 | 
| 
 | 
   240 </td></tr>
 | 
| 
 | 
   241 
 | 
| 
 | 
   242  <tr><td ${yaxis_tic_interval_err} >
 | 
| 
 | 
   243 Y-axis tic spacing:
 | 
| 
 | 
   244 </td><td>
 | 
| 
 | 
   245 <input type="text" name="yaxis_tic_interval" value="${yaxis_tic_interval}"  size="4" maxlength="100"  > 
 | 
| 
 | 
   246 </td></tr>
 | 
| 
 | 
   247 
 | 
| 
 | 
   248 
 | 
| 
 | 
   249 
 | 
| 
 | 
   250 <tr><td>
 | 
| 
 | 
   251 Sequence end labels
 | 
| 
 | 
   252 </td><td>
 | 
| 
 | 
   253 <input type="checkbox" name="show_ends" value="true" ${show_ends} > 
 | 
| 
 | 
   254 </td></tr>
 | 
| 
 | 
   255   
 | 
| 
 | 
   256 <tr><td>
 | 
| 
 | 
   257 Version fineprint 
 | 
| 
 | 
   258   </td><td>
 | 
| 
 | 
   259 <input type="checkbox" name="show_fineprint" value="true" ${show_fineprint} >
 | 
| 
 | 
   260 </td></tr>
 | 
| 
 | 
   261 
 | 
| 
 | 
   262 
 | 
| 
 | 
   263 
 | 
| 
 | 
   264 
 | 
| 
 | 
   265 <tr><td  ${color_scheme_err}>Color scheme
 | 
| 
 | 
   266 </td><td>
 | 
| 
 | 
   267 <select name="color_scheme"  >
 | 
| 
 | 
   268 <option ${color_auto} value="color_auto">Auto</option>
 | 
| 
 | 
   269 <option ${color_monochrome} value="color_monochrome" >Monochrome</option>
 | 
| 
 | 
   270 <option ${color_base_pairing} value="color_base_pairing">Base pairing (NA default)</option>
 | 
| 
 | 
   271 <option ${color_classic} value="color_classic">Classic (NA)</option>
 | 
| 
 | 
   272 <option ${color_hydrophobicity} value="color_hydrophobicity">Hydrophobicity (AA default)</option>
 | 
| 
 | 
   273 <option ${color_chemistry} value="color_chemistry">Chemistry (AA)</option>
 | 
| 
 | 
   274 <option ${color_charge} value="color_charge">Charge (AA)</option>
 | 
| 
 | 
   275 <option ${color_custom} value="color_custom">Custom (Specify below)</option>
 | 
| 
 | 
   276 </select> 
 | 
| 
 | 
   277 <!--  Color key:
 | 
| 
 | 
   278 <input type="checkbox" name="show_color_key" value="true" ${show_color_key} disabled >
 | 
| 
 | 
   279 -->
 | 
| 
 | 
   280 </td></tr>
 | 
| 
 | 
   281 
 | 
| 
 | 
   282 <tr><td></td><td>
 | 
| 
 | 
   283 <table cellpadding="0" cellspacing="0"  style="font-size:small">
 | 
| 
 | 
   284 <tr>
 | 
| 
 | 
   285 <td>Symbols</td><td>Color</td> <!--<td>Description</td>-->
 | 
| 
 | 
   286 </tr>
 | 
| 
 | 
   287 
 | 
| 
 | 
   288 <tr >
 | 
| 
 | 
   289 <td ${color0_err}><input name="symbols0" type="text"  size="16" maxlength="64" value="${symbols0}"></td>
 | 
| 
 | 
   290 <td><input name="color0" type="text"  size="16" maxlength="64"  value="${color0}"></td>
 | 
| 
 | 
   291 <!--<td><input name="desc0"  size="16" maxlength="64"  value="${desc0}"></td> -->
 | 
| 
 | 
   292 </tr>
 | 
| 
 | 
   293 
 | 
| 
 | 
   294 <tr >
 | 
| 
 | 
   295 <td ${color1_err}><input name="symbols1" type="text"  size="16" maxlength="64" value="${symbols1}"></td>
 | 
| 
 | 
   296 <td><input name="color1" type="text"  size="16" maxlength="64"  value="${color1}"></td>
 | 
| 
 | 
   297 <!--<td><input name="desc1"  size="16" maxlength="64"  value="${desc1}"></td>-->
 | 
| 
 | 
   298 </tr>
 | 
| 
 | 
   299 
 | 
| 
 | 
   300 <tr>
 | 
| 
 | 
   301 <td ${color2_err}><input name="symbols2" type="text"  size="16" maxlength="64" value="${symbols2}"></td>
 | 
| 
 | 
   302 <td><input name="color2" type="text"  size="16" maxlength="64"  value="${color2}"></td>
 | 
| 
 | 
   303 <!--<td><input name="desc2"  size="16" maxlength="64"  value="${desc2}"></td>-->
 | 
| 
 | 
   304 </tr>
 | 
| 
 | 
   305 
 | 
| 
 | 
   306 <tr>
 | 
| 
 | 
   307 <td ${color3_err}><input name="symbols3" type="text"  size="16" maxlength="64" value="${symbols3}"></td>
 | 
| 
 | 
   308 <td><input name="color3" type="text"  size="16" maxlength="64"  value="${color3}"></td>
 | 
| 
 | 
   309 <!--<td><input name="desc3"  size="16" maxlength="64"  value="${desc3}"></td>-->
 | 
| 
 | 
   310 </tr>
 | 
| 
 | 
   311 
 | 
| 
 | 
   312 <tr>
 | 
| 
 | 
   313 <td ${color4_err}><input name="symbols4" type="text"  size="16" maxlength="64" value="${symbols4}"></td>
 | 
| 
 | 
   314 <td><input name="color4" type="text"  size="16" maxlength="64"  value="${color4}"></td>
 | 
| 
 | 
   315 <!--<td><input name="desc4"  size="16" maxlength="64"  value="${desc4}"></td>-->
 | 
| 
 | 
   316 </tr>
 | 
| 
 | 
   317 
 | 
| 
 | 
   318 
 | 
| 
 | 
   319 
 | 
| 
 | 
   320 </table>
 | 
| 
 | 
   321 </td></tr>
 | 
| 
 | 
   322 
 | 
| 
 | 
   323  <tr><td>
 | 
| 
 | 
   324   
 | 
| 
 | 
   325 </td><td>
 | 
| 
 | 
   326  
 | 
| 
 | 
   327 </td></tr>
 | 
| 
 | 
   328       
 | 
| 
 | 
   329 <tr><td>
 | 
| 
 | 
   330 <input type="submit" name="cmd_reset" value="Reset defaults" >
 | 
| 
 | 
   331 </td><td align="right">
 | 
| 
 | 
   332 <input  style="font-size:large" type="submit" name="cmd_create" value=" Create Logo    "  >
 | 
| 
 | 
   333 </td></tr>
 | 
| 
 | 
   334      
 | 
| 
 | 
   335      
 | 
| 
 | 
   336 
 | 
| 
 | 
   337 
 | 
| 
 | 
   338 </table>
 | 
| 
 | 
   339 </form>
 | 
| 
 | 
   340 
 | 
| 
 | 
   341 <script type="text/javascript">
 | 
| 
 | 
   342 var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
 | 
| 
 | 
   343 document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
 | 
| 
 | 
   344 </script>
 | 
| 
 | 
   345 <script type="text/javascript">
 | 
| 
 | 
   346 var pageTracker = _gat._getTracker("UA-5951066-1");
 | 
| 
 | 
   347 pageTracker._trackPageview();
 | 
| 
 | 
   348 </script>
 | 
| 
 | 
   349 </body>
 | 
| 
 | 
   350 </html>
 |