A Pen by evileleven on CodePen.
Last active
August 6, 2018 13:11
-
-
Save evileleven/b397a319a2963ab1aa7044a95eb2da64 to your computer and use it in GitHub Desktop.
ajaoGo
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<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> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
body { | |
background-color: #a3d5d3; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment