User:Julian C. Leos/industrialuanl

From OpenWetWare
Jump to: navigation, search

<html lang="en-US"> <head>

 <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
 <title>Fixed Top Navigation Toolbar</title>
 <meta name="author" content="Jake Rocheleau">
 <link rel="shortcut icon" href="http://designshack.net/favicon.ico">
 <link rel="icon" href="http://designshack.net/favicon.ico">
 <link rel="stylesheet" type="text/css" media="all" href="styles.css">
 <link rel="stylesheet" type="text/css" media="all" href="http://fonts.googleapis.com/css?family=Capriola">
 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <!-- Latest compiled css and JavaScript --> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> <!--j--query--> <!--Nav Bar Theme--> <link href="http://maxcdn.bootstrapcdn.com/bootswatch/3.2.0/yeti/bootstrap.min.css" rel="stylesheet">

<style> html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {

 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;
 font: inherit;
 vertical-align: baseline;
 outline: none;
 -webkit-text-size-adjust: 100%;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;

} html { height: 101%; } body { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 62.5%; line-height: 1; padding-bottom: 65px; background: #444 url('images/bg.png'); }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; }

blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } strong { font-weight: bold; }

table { border-collapse: collapse; border-spacing: 0; } img { border: 0; max-width: 100%; }

h1 {

 font-family: 'Capriola', Tahoma, Arial, sans-serif;
 font-weight: normal;
 font-size: 2.95em;
 line-height: 1.2em;
 letter-spacing: -.0.03em;
 color: #383838;
 margin-bottom: 16px;

}

p { font-size: 1.2em; line-height: 1.45em; margin-bottom: 15px; color: #434343; text-align: justify; }

a { color: #5b77a4; text-decoration: underline; } a:hover { color: #7d94bb; }


  1. w {
 display: block;
 width: 710px;
 padding: 14px 15px;
 margin: 0 auto;
 margin-top: 45px;

}

  1. content {
 display: block;
 background: #fff;
 padding: 80px 50px;

}

  1. logo { display: block; border: 1px solid #232323; border-bottom-width: 0; }
  2. logobg {
 display: block;
 width: 100%;
 height: 130px;
 background: url('images/logo.png') top left no-repeat;
 text-indent: 100%;
 white-space: nowrap;
 overflow: hidden;

}

/* top navigation */

  1. navigation {
 display: block;
 height: 35px;
 background-color: #131313;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#131313));
 background-image: -webkit-linear-gradient(top, #202020, #131313);
 background-image: -moz-linear-gradient(top, #202020, #131313);
 background-image: -ms-linear-gradient(top, #202020, #131313);
 background-image: -o-linear-gradient(top, #202020, #131313);
 background-image: linear-gradient(top, #202020, #131313);

}

  1. navigation ul { list-style: none; padding: 0px 7px; }
  1. navigation ul li { display: inline; float: left; }
  2. navigation ul li a {
 display: block; 
 padding: 0 8px; 
 color: #fff;
 font-size: 1.1em;
 text-decoration: none;
 line-height: 35px; 
 font-weight: bold; 
 margin-right: 6px;
 text-shadow: 1px 1px 1px #000;
 -webkit-transition: all 0.2s linear;
 -moz-transition: all 0.2s linear;
 transition: all 0.2s linear;

}

  1. navigation ul li a:hover { color: #a8d6e7; }

/* hidden fixed navigation */

  1. fixedbar {
 display: none;
 position: fixed;
 top: 0;
 width: 100%;
 height: 80px;
 background: rgba(0,0,0,0.75);

}

  1. fixednav {
 display: block;
 width: 710px;
 margin: 0 auto;
 padding: 0px 25px;

}

  1. fixednav li { }
  1. fixednav li a {
 display: block;
 float: left;
 font-size: 1.75em;
 font-weight: bold;
 color: #96aed8;
 line-height: 80px;
 text-decoration: none;
 padding: 0px 8px;
 margin-right: 6px; 
 -webkit-transition: all 0.2s linear;
 -moz-transition: all 0.2s linear;
 transition: all 0.2s linear; 

}

  1. fixednav li a:hover {
 color: #fff;
 background: rgba(0,0,0,0.3);

}


  1. content{margin-left:0.7;}

.navbar{ top:8.5px; position:fixed; width:96.8%; z-index: 9999 !important;

background-color: #A68F6A;

left: 152px }


div img {

 position: absolute;
 top:  0px; 
 left: 0px;

}

div imglogo {

 position: absolute;
 top:  20px; 
 left: 20px;

}



footer {
           position: relative;
           /* Altura total del footer en px con valor negativo */
           margin-top: -50px;
           /* Altura del footer en px. Se han restado los 5px del margen
              superior mas los 5px del margen inferior
           */
           height: 40px; 
           padding:5px 0px;
           clear: both;
           background: #286af0;
           text-align: center;
           color: #fff;

z-index: 9999 !important;

       }

</style> </head>

<body>

<!--Nav-->

<div class="navbar navbar-default">

 <div class="navbar-header">
   <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
     <span class="icon-bar"></span>
     <span class="icon-bar"></span>
     <span class="icon-bar"></span>
   </button>
   
 </div>
 <div class="navbar-collapse collapse navbar-responsive-collapse">
   <ul class="nav navbar-nav">

<li><a href="http://openwetware.org/wiki/User:Julian_C._Leos">Home</a></li> <li><a href="http://openwetware.org/wiki/User:Julian_C._Leos/backgrounduanl">Background</a></li> <li><a href="http://openwetware.org/wiki/User:Julian_C._Leos/methoduanl">Method</a></li> <li><a href="http://openwetware.org/wiki/User:Julian_C._Leos/applicationsuanl">Medical Application</a></li> <li><a href="http://openwetware.org/wiki/User:Julian_C._Leos/industrialuanl">Industrial Application</a></li> <li><a href="http://openwetware.org/wiki/User:Julian_C._Leos/modelinguanl">Diffusion Model</a></li> <li><a href="http://openwetware.org/wiki/User:Julian_C._Leos/kineticmodelinguanl">Kinetic Model</a></li> <li><a href="">Team</a></li>


   </ul>
 </div>

</div> <!--Nav Bar Done-->>

   <div>
 <img src="http://openwetware.org/images/e/ef/EnergyApp2.png" />

</div>

   <div id="content">


<h1>Industrial Application</h1>
     <p>Ammonia as a fuel is one of main contenders for replacing fossil-fuels  because of its wasteless combustion (Nitrogen and water) and, in many ways, it is better that hydrogen including its technical, economical and infraestructurals aspects. At technical level, ammonia is a gas at standard conditions but becomes liquid when exposed to higher temperatures. This property allows it to store more hydrogen per volume unit than compressed hydrogen, in other words, ammonia can produce 3 times more energy per liter than hydrogen at a determined pressure.

At a economical or infrastructural level, ammonia is 5 times cheaper than hydrogen and there exists a complete transport and supply infrastructure as a result of ammonia production for agricultural applications in the last 90 years. It can be delivered through pipelines in an easy and safe way at a relatively low pressure. It has several advantages over bioethanol which competes with the food industry.

<br></br> This technology consists in the use of biological waste with a composition based on urea to produce ammonia (NH3) as an energetic vector. Because of the nature of its precursors it is considered a renewable energy source. This process is mainly based on the catabolic reaction of urease enzyme that is used to undergo the reaction. </p> <br></br>

<h1>Enzymes</h1> <p>Urease is an enzyme capable of catalyze the hydrolysis of urea. It tends to increase the pH of its surroundings because of its production of ammonia, it is normally found in numerous bacteria, algae, fungi, plants and some invertebrates. This enzyme has an optimum pH at 7.4 and an optimum temperature at 60 degrees celsius and its functions can be inactivated with heavy metals like lead.</p>

<h1>Reaction</h1> <IMG STYLE="position:absolute; TOP:740px; LEFT:160px;" SRC="http://openwetware.org/images/0/02/ReactionInapp.png"> <br></br> <br></br> <br></br> <br></br> <br></br> <br></br> <br></br> <p>As there are not microorganisms involved, there are no consumptions or nitrogen metabolization cycle losses. The only losses are related to possible leaks and other non-biological issues.</p> <IMG STYLE="position:absolute; TOP:1040px; LEFT:160px;" SRC="http://openwetware.org/images/7/72/Reac1.png"> <br></br> <br></br>

<p>The ammonia can be mixed with water which results in ammonia hydroxide. (Dissociated form is shown in equation)</p> <IMG STYLE="position:absolute; TOP:1160px; LEFT:180px;" SRC="http://openwetware.org/images/6/63/Reac2.png"> <br></br> <br></br> <p>Ammonia hydroxide can be reduced with a Fe catalyst. Ammonia hydroxide molecule can be regenerated this way and hydrogen is produced. Both products can be used a fuels, their combustion does not generates harmful waste.</p> <br></br> <h1>Expected results</h1> <p> It is expected that enough ammonia may be created and with a conversion high enough so that the expected costs of separation of products from subproducts and other impurities still make the process profitable. </p> <br></br> <br></br> <br></br> <hr size="10px" width=100% align="center"/>

<h2>References:</h2> <p></p>

   </div>

</div>

 </div>

<script type="text/javascript"> $(document).ready(function(){

 $('#navigation a, #fixedbar a').on('click', function(e) {
   e.preventDefault();
 });
 
 $(window).on('scroll',function() {
   var scrolltop = $(this).scrollTop();
   if(scrolltop >= 215) {
     $('#fixedbar').fadeIn(250);
   }
   
   else if(scrolltop <= 210) {
     $('#fixedbar').fadeOut(250);
   }
 });

}); </script>

</body> </html>