D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
emagee
Full window
Github gist
One way to do it . . .
<!DOCTYPE html> <head> <script src="//use.typekit.net/xws1szy.js"></script> <script>try{Typekit.load();}catch(e){}</script> <style> header { padding: 12px; background-origin: content-box; background-image: url(https://s28.postimg.org/61193fbgd/logo_Block_300x220.png); background-repeat: no-repeat; background-position: right top; min-height: 230px; } h1 { font-family: "adelle",serif; font-size: 24px; color: rgb(248, 151, 32); margin: 20px; } body{ margin: 0 auto; /*background-color: rgb(111, 111, 111);*/ background-size: cover; background-position: center; font-family: calibri, serif; max-width: 640px; background: -webkit-radial-gradient(rgb(233, 235, 235), rgb(220, 224, 224), rgb(107, 123, 121)); /* Safari 5.1 to 6.0 */ background: -o-radial-gradient(rgb(233, 235, 235), rgb(220, 224, 224), rgb(107, 123, 121)); /* For Opera 11.6 to 12.0 */ background: -moz-radial-gradient(rgb(233, 235, 235), rgb(220, 224, 224), rgb(107, 123, 121)); /* For Firefox 3.6 to 15 */ background: radial-gradient(rgb(233, 235, 235), rgb(220, 224, 224), rgb(107, 123, 121)); /* Standard syntax */ } p{ color: rgb(248, 151, 32); text-align: center; max-width: 640px; margin-right: 10px; margin-left: 10px; } h2{ color: rgb(248, 151, 32); text-align: right; font-size: 22px; font-style: normal; margin-right: 10px; } h3{ color: rgb(248, 151, 32); text-align: left; font-size: 20px; font-style: normal; margin-left: 10px; } ul{ color: rgb(248, 151, 32); text-align: left; margin-right: 10px; margin-left: 10px; } iframe{ position: justify; max-width: 640px; } .ywt_logo{ float: right; max-width: 300px; margin: 5px; } .ywt_strapline{ float: right; max-width: 300px; float: bottom; } .uav_hires{ float: justify; max-width: 640px } .all{ background-color: #3A4342; outline-style: solid; outline-color: rgb(46, 54, 53); outline-width: 1px; -webkit-box-shadow: 0px 0px 20px 7px rgba(0,0,0,0.98); -moz-box-shadow: 0px 0px 20px 7px rgba(0,0,0,0.98); box-shadow: 0px 0px 20px 7px rgba(0,0,0,0.98); } .hsv_shader{ float: justify; max-width: 640px } .caa{ max-width: 100px; } </style> </head> <body> <div class="all"> <header> <h1>UAV Mapping Service</h1> </header> <!-- <img class="ywt_logo" src="https://i1302.photobucket.com/albums/ag129/yppmark/YWT%20Campaign%20Orange%20logo_zpso7jnnkxs.png" border="0" alt=" photo YWT Campaign Orange logo_zpso7jnnkxs.png"> <img class="ywt_strapline" src="https://i1302.photobucket.com/albums/ag129/yppmark/LYLW%20Events%20Orange_zpsmuftumyd.png" border="0" alt=" photo LYLW Events Orange_zpsmuftumyd.png"> <img class="uav_hires" src="https://i1302.photobucket.com/albums/ag129/yppmark/000064%20-%20UAV%20Graphic%20FINAL_zpslppji3ab.png" border="0" alt=" photo 000064 - UAV Graphic FINAL_zpslppji3ab.png"> --> <p>Based on our experiences in the application of geospatial technology in the fields of ecology and conservation the Yorkshire Wildlife Trust is now offering a low-cost aerial mapping service for the collection of ultra high resolution aerial photographs and 3D topographic models.</p> <p>Suitable for use in a range of GIS and remote sensing software we can provide up-to-date highly accurate surveys with a resolution far beyond that available with current stock aerial photography and digital elevation data.</p> <p>With over 10 years experience within the geospatial sector our team can offer a range of products from data collection up to spatial analysis, habitat assessment, image classification and photo-realistic 3D visualisation.</p> <iframe width="640" height="480" src="https://sketchfab.com/models/648d98177b654ebb80e743739e98fcc4/embed" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" onmousewheel=""></iframe> <h2>All proceeds go directly back into nature conservation</h2> <img class="hsv_shader" src="https://i1302.photobucket.com/albums/ag129/yppmark/hsv_shader_zps7ciw9r4m.jpg" border="0" alt=" photo hsv_shader_zps7ciw9r4m.jpg"> <h3>Our data collection and analysis services include:</h3> <ul> <li>Expertise in survey using small unmanned aerial vehicles</li> <li>Data processing for up to 1.5cm resolution aerial imagery and digital surface models</li> <li>A range of methodologies for habitat assessment</li> <li>Creation of photo-realistic 3D models</li> <li>Advanced 3D visualisations</Li> <li>Fly-by animations</Li> <li>Advanced 3D visualisations</Li> <li>Automated feature extraction/mapping</Li> <li>Virtual 3D models hosted online</Li> <li>Plant health indicator using NIR sensors</Li> <li>Animal counts for birds and seals</Li> <li>Spatial analysis</Li> <li>Conditional assessment of blanket bogs and remediation services </Li> <li>Spatial analysis</Li> <li>GIS advice and training (Desktop, Web mapping, Open Source)</li> </ul> <p>As part of the Yorkshire Wildlife Trust we have a long standing reputation in ecology and conservation. By combining ecological excellence with geospatial innovation we can offer a range of solutions to your ecological monitoring, assessment and surveying needs.</p> <p>Yorkshire Wildlife Trust<br />1 St Georges Place, York, YO24 1GN<br />Tel: 01904 659570<br />Email: info@ywt.org.uk</p> <p>Yorkshire Wildlife Trust is registered in England no. 409650 and is a registered charity no. 210807</p> <p>Civil Aviation Authority Approved And Licensed. UK CAA Approval No: DAI/9932/09</p> <p>Love Yorkshire, Love Wildlife</p> <p>www.ywt.org.uk</P> <img class="caa" src="https://i1302.photobucket.com/albums/ag129/yppmark/civil_aviation_authority_zpsrtszkrsl.jpg" border="0" alt=" photo civil_aviation_authority_zpsrtszkrsl.jpg"> </div> </body> </html>
https://use.typekit.net/xws1szy.js