ajaoGo

ajaogo.markdown

ajaoGo

A Pen by evileleven on CodePen.

License.

index.html

<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>

<style>
#navbar
{
  position:relative;
  left:60px;
  top:30px;
}

 :root
 {
   --navbar:300px; 
 }
 
 @media (max-width: 350px) {
  :root {    
      --navbar:500px;      
    }
  }
  #V2Vtitle{
   position:relative;
   left:20px;
   top:10px;
  }
  #introduction{
   position:relative;
   left:20px;
   top:10px;
  }
   .nav-link {
    position:relative;
    top: 50px;
    text-align: left;
    background-color: crimson;
    color: #fff;
    padding: 20px;
    margin: 20px;
  }
 #Scenrio{
  position:relative;
   top:120px;
   left:30px;
  }
#Vehicle_Type{
  position:relative;
   top:140px;
   left:30px;
  }
  #Channel_Mode{
  position:relative;
   top:160px;
   left:30px;
  }
  #Resource_Allocation{
  position:relative;
   top:180px;
   left:30px;
  }
  #Performance{
  position:relative;
   top:200px;
   left:30px;
  }
  
  .block {
    background-color: pink;
    padding: 10px;
  }
  
</style>

<main id="main-doc">
  <h1 id="V2Vtitle">Vehicle to Vehicle Communication</h1>
  <nav id="navbar">
   <header id="introduction">a brief introduction of Vehicle to Vehicle Communication</header> 
   <a class="nav-link" href="#Scenrio">Scenrio</a>
   <a class="nav-link" href="#Vehicle_Type">Vehicle Type</a>
   <a class="nav-link" href="#Channel_Mode">Channel Mode</a>
   <a class="nav-link" href="#Resource_Allocation">Resource Allocation</a>
   <a class="nav-link" href="#Performance">Performance</a>       
  </nav>
  
  <section id="Scenrio"class="main-section" >
    <header><h2>Scenrio</h2></header>
    <div class="block">
    <li>Freeway</li>
    <code>6 lanes</code> 
    <code>2 diretion</code>
    <li>Urban</li>
    <code>9 blocks</code>
    </div>
  </section>
  
  <section id="Vehicle_Type" class="main-section"> 
    <header><h2>Vehicle Type</h2></header>
    <div class="block">
    <li>Passenger Vehicle with low/medium antanne</li>
    <code>1.5m</code>
    <li>Passenger Vehicle with high antanne</li>
    <code>3m</code>
    <li>Bus/Trunk</li>  
     </div>
  </section>
  
  <section id="Channel_Mode" class="main-section">
    <header><h2>Channel Mode</h2></header>  
    <div class="block">
    <li>Pathloss</li>
    <p>Path loss (or path attenuation) is the reduction in power density (attenuation) of an electromagnetic wave as it propagates through space. Path loss is a major component in the analysis and design of the link budget of a telecommunication system.</p>
    <li>Shadowing</li>
    <p>In wireless communications, fading is variation or the attenuation of a signal with various variables. These variables include time, geographical position, and radio frequency. Fading is often modeled as a random process.</p>
    <li>Fast Shadowing</li> 
    </div>
  </section>
  
  <section id="Resource_Allocation" class="main-section">
    <header><h2>Resource Allocation</h2></header>
    <div class="block">
    <li>Random</li>   
    <li>Sensing</li>
    <p>sensing energy on all RBs</p>
    <p>ranking energy on all RBs</p>
    <p>compare energy with threshold</p>
    <p>counter equals zero or beyond energy threshold</p>
    <p>random select RBs among 20 minimum energy</p>
    
    <li>SA-decoding</li>  
    <p>vehicle decode message from other vehicle<p>
  </section>
  
  <section id="Performance" class="main-section">
    <header><h2>Performance</h2></header>
    <div class="block">
    <li>PRR</li>
    <p>packet receive ratio</p>
    <p>collison</p>
      </div>
  </section>
</main>

style.css

body {
  background-color: #a3d5d3;
}