Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision Last revision Both sides next revision | ||
|
start [2021/05/26 13:04] codyh@roscovision.com |
start [2022/03/30 20:41] codyh@roscovision.com |
||
|---|---|---|---|
| Line 2: | Line 2: | ||
| <head> | <head> | ||
| <style> | <style> | ||
| - | body { | + | body { |
| - | font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; | + | font-family: 'Red Hat Display', sans-serif; |
| - | } | + | } |
| - | h3.sectionHeader { | + | |
| - | border: 2px solid #223667; | + | .page-header { |
| - | background-color: #223667; | + | display: flex; |
| - | color: #FFFFFF | + | align-items: center; |
| - | } | + | } |
| - | + | ||
| - | ul.sectionMenu { | + | .page-header h1{ |
| - | list-style-type: none; | + | margin-left: 8;px |
| - | margin: 0; | + | } |
| - | padding: 0; | + | |
| - | } | + | #rl-logo { |
| - | + | height: 70px; | |
| - | ul.sectionMenu li { | + | width: 70px; |
| - | border-color: #2980B9; | + | } |
| - | border-width: 5px; | + | |
| - | border-style: none none none solid; | + | h3.sectionHeader { |
| - | margin: 2px; | + | border-bottom: 1px solid #ED1E79; |
| - | padding: 5px; | + | color: #434343; |
| - | text-align: left; | + | } |
| - | } | + | |
| + | .menu-list-container { | ||
| + | display: grid; | ||
| + | margin: 1rem; | ||
| + | } | ||
| + | |||
| + | .category-card { | ||
| + | text-decoration: none; | ||
| + | display: flex; | ||
| + | flex-wrap: wrap; | ||
| + | border: 1px solid #E0E0E0; | ||
| + | border-radius: 5px; | ||
| + | padding: 0.7rem; | ||
| + | margin: 0.45rem; | ||
| + | } | ||
| + | |||
| + | .menu-list-container .category-card:hover { | ||
| + | text-decoration: none; | ||
| + | box-shadow: 0 1px 1px 1px #DDD; | ||
| + | } | ||
| + | |||
| + | .menu-list-container .category-card:visited { | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | |||
| + | #card-subheader { | ||
| + | align-self: center; | ||
| + | color: #666; | ||
| + | } | ||
| + | |||
| + | #card-header { | ||
| + | color: #29A9E0; | ||
| + | flex-basis: 15rem; | ||
| + | } | ||
| + | |||
| + | .button-wrapper { | ||
| + | margin: 1rem; | ||
| + | } | ||
| + | |||
| + | a.cta-button { | ||
| + | text-decoration: none; | ||
| + | display: flex; | ||
| + | align-items: center; | ||
| + | width: 10rem; | ||
| + | height: 50%; | ||
| + | padding: 0.8rem; | ||
| + | font-family: 'Red Hat Display', sans-serif; | ||
| + | font-size: 17; | ||
| + | font-weight: 600; | ||
| + | background-color: #ED1E79; | ||
| + | color: white; | ||
| + | border: 0px solid; | ||
| + | border-radius: 8px; | ||
| + | background-image: none; | ||
| + | } | ||
| + | |||
| + | a.cta-button:hover { | ||
| + | text-decoration: none; | ||
| + | background-color: #ED1E79; | ||
| + | box-shadow: 0 3px 2px 1px #999; | ||
| + | background-image: none; | ||
| + | } | ||
| + | |||
| + | a.cta-button:active { | ||
| + | text-decoration: none; | ||
| + | background-color: #C10054; | ||
| + | box-shadow: 0 0 0 0; | ||
| + | background-image: none; | ||
| + | } | ||
| + | |||
| + | #btn-text { | ||
| + | display: inline-block; | ||
| + | vertical-align: middle; | ||
| + | position: relative; | ||
| + | margin-left: 10px; | ||
| + | } | ||
| + | |||
| + | .page-divider { | ||
| + | width: 100%; | ||
| + | border-bottom: 1px solid #808080; | ||
| + | } | ||
| + | |||
| + | a.internal-link { | ||
| + | text-decoration: none; | ||
| + | color: #29A9E0; | ||
| + | } | ||
| + | | ||
| </style> | </style> | ||
| + | <link rel="preconnect" href="https://fonts.googleapis.com"> | ||
| + | <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | ||
| + | <link href="https://fonts.googleapis.com/css2?family=Red+Hat+Display&display=swap" rel="stylesheet"> | ||
| <script src="https://kit.fontawesome.com/502f3f033d.js" crossorigin="anonymous"></script> | <script src="https://kit.fontawesome.com/502f3f033d.js" crossorigin="anonymous"></script> | ||
| </head> | </head> | ||
| <body> | <body> | ||
| - | <h1>Welcome to the Rosco Vision Knowledge Base!</h1> | + | <div class="menu-list-container"> |
| - | <p> | + | |
| - | This knowledge base contains many of the answers to questions you may have about<br> | + | <div class="page-header"> |
| - | the Rosco Cloud and any related products! To begin select, a topic below: | + | <img id="rl-logo" src="https://wiki.roscocloud.com/_media/rosco_lower_r_logo_blue.png"> |
| - | </p> | + | <h1>Welcome to the Rosco Vision Knowledge Base!</h1> |
| - | + | </div> | |
| - | <h3 class="sectionHeader"><i class="fas fa-cloud"></i> ROSCOLive</h3> | + | <p> |
| - | <ul class="sectionMenu"> | + | This knowledge base contains many of the answers to questions you may have about<br> |
| - | <li><a href="https://wiki.roscocloud.com/user:product:roscolive2.0:home"><b>ROSCOLive Home</b></a></li> | + | the Rosco Cloud and any related products! To begin select, a topic below: |
| - | <li><a href="https://wiki.roscocloud.com/user:product:geotab_partner:home"><b>Geotab Portal</b></a></li> | + | </p> |
| - | <li><a href="https://wiki.roscocloud.com/start:page_under_construction" style="display: none;"><b>Installer App</b></a></li> | + | |
| - | </ul> | + | <h3 class="sectionHeader">Rosco Live</h3> |
| - | + | <a | |
| - | <h3 class="sectionHeader"><i class="fas fa-video"></i> Hardware</h3> | + | class="category-card" |
| - | <ul class="sectionMenu"> | + | href="https://wiki.roscocloud.com/user:product:roscolive2.0:home"> |
| - | <li><a href="https://wiki.roscocloud.com/user:product:dual-vision_recording:dual-vision_xc4:home"><b>Dual-Vision© XC4</b></a></li> | + | <b id="card-header">RoscoLive Home</b> |
| - | <li><a href="https://wiki.roscocloud.com/user:product:sd_card"><b>SD Card Help</b></a></li> | + | <div id="card-subheader"> |
| - | <li><a href="https://wiki.roscocloud.com/user:product:cyl-v_hd_recorder:home"><b>Cyl-V</b></a></li> | + | <span>Latest information and how-to guides for our cloud-based service</span> |
| - | <li><a href="https://wiki.roscocloud.com/start:page_under_construction"><b>360HD</b></a></li> | + | </div> |
| - | </ul> | + | </a> |
| - | + | <a | |
| - | <h3 class="sectionHeader"><i class="fas fa-toolbox"></i> Installation Guides</h3> | + | class="category-card" |
| - | <ul class="sectionMenu"> | + | href="https://wiki.roscocloud.com/user:product:geotab_partner:home"> |
| - | <li><a href="https://wiki.roscocloud.com/user:product:dual-vision_recording:dual-vision_xc4:installation_guide:home"><b>Dual-Vision© XC4</b></a></li> | + | <b id="card-header">Geotab</b> |
| - | </ul> | + | <div id="card-subheader"> |
| - | + | <span>Latest information and how-to guides for our Geotab add-in customers</span> | |
| - | <h3 class="sectionHeader"><i class="fas fa-file-download"></i> Downloads</h3> | + | </div> |
| - | <ul class="sectionMenu"> | + | </a> |
| - | <li><a href="https://wiki.roscocloud.com/user:product:dual-vision_recording:dual-vision_xc4:software"><b>DV-PRO 5</b></a></li> | + | |
| - | <li><a href="https://wiki.roscocloud.com/user:product:cyl-v_hd_recorder:software"><b>Cyl-V Player</b></a></li> | + | <h3 class="sectionHeader">Hardware</h3> |
| - | <li><a href="https://wiki.roscocloud.com/_media/user:product:dual-vision_recording:dual-vision_xc4:installation_guide:dr101012_manual_v1.4.pdf"><b>DR101/DR102 NFC Reader</b></a></li> | + | <a |
| - | </ul> | + | class="category-card" |
| - | + | href="https://wiki.roscocloud.com/user:product:dual-vision_recording:dual-vision_6:home"> | |
| - | <h3 class="sectionHeader"><i class="fas fa-envelope"></i> Contact Us</h3> | + | <b id="card-header">Dual-Vision© 6</b> |
| - | <p>If you need any assistance, please don't hesitate to <a href="https://wiki.roscocloud.com/contact_us">Contact Us!</a></p> | + | <div id="card-subheader"> |
| - | <br> | + | <span><b style="color: #ED1E79">NEW</b> Latest information and guides about the DV6</span> |
| - | <a href="https://wiki.roscocloud.com/rosco:start">Internal Link</a> | + | </div> |
| + | </a> | ||
| + | <a | ||
| + | class="category-card" | ||
| + | href="https://wiki.roscocloud.com/user:product:dual-vision_recording:dual-vision_xc4:home"> | ||
| + | <b id="card-header">Dual-Vision© XC4</b> | ||
| + | <div id="card-subheader"> | ||
| + | <span>Latest information, guides, and more</span> | ||
| + | </div> | ||
| + | </a> | ||
| + | <a | ||
| + | class="category-card" | ||
| + | href="https://wiki.roscocloud.com/user:product:sd_card"> | ||
| + | <b id="card-header">Understanding Your SD Card</b> | ||
| + | <div id="card-subheader"> | ||
| + | <span>How to know which SD cards are right for your camera and when you should replace them</span> | ||
| + | </div> | ||
| + | </a> | ||
| + | <a | ||
| + | class="category-card" | ||
| + | href="https://wiki.roscocloud.com/user:product:cyl-v_hd_recorder:home"> | ||
| + | <b id="card-header">Cyl-V</b> | ||
| + | <div id="card-subheader"> | ||
| + | <span>Information about the Cyl-V recorder</span> | ||
| + | </div> | ||
| + | </a> | ||
| + | <a | ||
| + | class="category-card" | ||
| + | href="https://wiki.roscocloud.com/start:page_under_construction"> | ||
| + | <b id="card-header">360HD</b> | ||
| + | <div id="card-subheader"> | ||
| + | <span>Page undergoing improvements - Coming Soon!</span> | ||
| + | </div> | ||
| + | </a> | ||
| + | <h3 class="sectionHeader">Mobile Apps</h3> | ||
| + | <a | ||
| + | class="category-card" | ||
| + | href="https://wiki.roscocloud.com/user:product:installer"> | ||
| + | <b id="card-header">Rosco Installer App</b> | ||
| + | <div id="card-subheader"> | ||
| + | <span>Rosco's installation app for DV6</span> | ||
| + | </div> | ||
| + | </a> | ||
| + | <a | ||
| + | class="category-card" | ||
| + | href="https://wiki.roscocloud.com/user:product:driver_id_app"> | ||
| + | <b id="card-header">Rosco Driver App</b> | ||
| + | <div id="card-subheader"> | ||
| + | <span><b style="color: #ED1E79">NEW</b> Rosco's new driver ID app for DV6!</span> | ||
| + | </div> | ||
| + | </a> | ||
| + | |||
| + | <h3 class="sectionHeader">Installation Guides</h3> | ||
| + | <a | ||
| + | class="category-card" | ||
| + | href="https://wiki.roscocloud.com/user:product:dual-vision_recording:dual-vision_xc4:installation_guide:home"> | ||
| + | <b id="card-header">Dual-Vision © XC4</b> | ||
| + | <div id="card-subheader"> | ||
| + | <span>General and vehicle-specific installation guides</span> | ||
| + | </div> | ||
| + | </a> | ||
| + | |||
| + | <h3 class="sectionHeader">Downloads</h3> | ||
| + | <a | ||
| + | class="category-card" | ||
| + | href="https://wiki.roscocloud.com/user:product:dual-vision_recording:dual-vision_xc4:software"> | ||
| + | <b id="card-header">DV-PRO 5</b> | ||
| + | <div id="card-subheader"> | ||
| + | <span>Stand alone video player utility for Dual-Vision© based cameras</span> | ||
| + | </div> | ||
| + | </a> | ||
| + | <a | ||
| + | class="category-card" | ||
| + | href="https://wiki.roscocloud.com/user:product:cyl-v_hd_recorder:software"> | ||
| + | <b id="card-header">Cyl-V Player</b> | ||
| + | <div id="card-subheader"> | ||
| + | <span>Stand alone video player utility for Cyl-V cameras</span> | ||
| + | </div> | ||
| + | </a> | ||
| + | <a | ||
| + | class="category-card" | ||
| + | href="https://wiki.roscocloud.com/_media/user:product:dual-vision_recording:dual-vision_xc4:installation_guide:dr101012_manual_v1.4.pdf"> | ||
| + | <b id="card-header">DR101 / DR102 NFC Reader</b> | ||
| + | <div id="card-subheader"> | ||
| + | <span>Manual about driver ID for Dual-Vision© XC4</span> | ||
| + | </div> | ||
| + | </a> | ||
| + | <span style="margin-top: 2rem">If you need any assistance, please don't hesitate to</span> | ||
| + | <div class="button-wrapper"> | ||
| + | <a class="cta-button" href="https://wiki.roscocloud.com/contact_us"> | ||
| + | <i class="far fa-envelope fa-2x"></i> | ||
| + | <span id="btn-text">Contact Us!</span> | ||
| + | </a> | ||
| + | </div> | ||
| + | <div class="page-divider"></div> | ||
| + | <a class="internal-link" href="https://wiki.roscocloud.com/rosco:start">Internal Link</a> | ||
| + | </div> | ||
| </body> | </body> | ||
| </html> | </html> | ||
