This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
start [2020/06/12 18:19] codyh@roscovision.com |
start [2022/09/20 12:45] (current) codyh@roscovision.com |
||
---|---|---|---|
Line 1: | Line 1: | ||
<html> | <html> | ||
- | <head> | + | <head> |
- | <style> | + | <style> |
- | body { | + | body { |
- | font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; | + | font-family: 'Red Hat Display', sans-serif; |
- | } | + | } |
- | h2.sectionHeader { | + | |
- | border-style: none none solid none; | + | .page-header { |
- | border-width: 2px; | + | display: flex; |
- | border-color: #223667; | + | align-items: center; |
- | } | + | } |
+ | |||
+ | .page-header h1{ | ||
+ | margin-left: 8;px | ||
+ | } | ||
+ | |||
+ | #rl-logo { | ||
+ | height: 70px; | ||
+ | width: 70px; | ||
+ | } | ||
+ | |||
+ | h3.sectionHeader { | ||
+ | border-bottom: 1px solid #ED1E79; | ||
+ | color: #434343; | ||
+ | } | ||
+ | |||
+ | .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; | ||
+ | } | ||
- | h3.sectionHeader { | + | .menu-list-container .category-card:hover { |
- | border: 2px solid #223667; | + | text-decoration: none; |
- | background-color: #223667; | + | box-shadow: 0 1px 1px 1px #DDD; |
- | color: #FFFFFF | + | } |
- | } | + | |
- | ul.sectionMenu { | + | .menu-list-container .category-card:visited { |
- | list-style-type: none; | + | text-decoration: none; |
- | margin: 0; | + | } |
- | padding: 0; | + | |
- | } | + | |
- | ul.sectionMenu li { | + | #card-subheader { |
- | border-color: #2980B9; | + | align-self: center; |
- | border-width: 5px; | + | color: #666; |
- | border-style: none none none solid; | + | } |
- | margin: 2px; | + | |
- | padding: 5px; | + | |
- | text-align: left; | + | |
- | } | + | |
- | </style> | + | |
- | </head> | + | |
- | <body> | + | #card-header { |
- | <h1>Geotab Partner Portal</h1> | + | color: #29A9E0; |
- | <p>This portal is for Geotab partners that are using the RoscoLive add-on and DVXC4 recorder with MyGeotab</p> | + | flex-basis: 15rem; |
- | <h2 class="sectionHeader">ROSCOLive Integration for MyGeotab</h2> | + | } |
- | <p>For instruction on RoscoLive integration with MyGeotab, please refer to the PDF document below:</p> | + | |
- | <a href="https://wiki.roscocloud.com/_media/user:product:geotab_partner:roscolivegeotab_customerintegrationinstructiondoc_aa_v1.2.pdf">ROSCOLive Geotab Customer Integration Instruction</a> | + | .button-wrapper { |
- | <h2 class="sectionHeader">How-To Guides</h2> | + | margin: 1rem; |
- | <p> | + | } |
- | These set of guides are for Geotab partners with the RoscoLive add-on. These how to guides provide a | + | |
- | simple-step-by-step overview of the features provided by the RoscoLive add-on in MyGeotab. | + | a.cta-button { |
- | </p> | + | text-decoration: none; |
- | <h3 class="sectionHeader">Topics</h3> | + | display: flex; |
- | <ul class="sectionMenu"> | + | align-items: center; |
- | <li><a href="https://wiki.roscocloud.com/user:product:geotab_partner:geotab_how_to:web_request"><b>Web Request Notification Setup for Geotab Exceptions</b></a></li> | + | width: 10rem; |
- | <li><a href="https://wiki.roscocloud.com/user:product:geotab_partner:geotab_how_to:map_addin"><b>Map Add-In</b></a></li> | + | height: 50%; |
- | <li><a href="https://wiki.roscocloud.com/user:product:geotab_partner:geotab_how_to:camera_groups"><b>Camera Grouping</b></a></li> | + | padding: 0.8rem; |
- | <li><a href="https://wiki.roscocloud.com/user:product:geotab_partner:geotab_how_to:camera_status"><b>Camera Status Page</b></a></li> | + | font-family: 'Red Hat Display', sans-serif; |
- | <li><a href="https://wiki.roscocloud.com/user:product:geotab_partner:geotab_how_to:camera_events"><b>Camera Events Page</b></a></li> | + | font-size: 17; |
- | <li><a href="https://wiki.roscocloud.com/user:product:geotab_partner:geotab_how_to:fleet_configuration"><b>Fleet Configuration Page</b></a></li> | + | font-weight: 600; |
- | <li><a href="https://wiki.roscocloud.com/user:product:geotab_partner:geotab_how_to:user_notification"><b>User Notifications Page</b></a></li> | + | background-color: #ED1E79; |
- | <li><a href="https://wiki.roscocloud.com/user:product:geotab_partner:geotab_how_to:data_usage"><b>Data Usage Page</b></a></li> | + | color: white; |
- | <li><a href="https://wiki.roscocloud.com/user:product:geotab_partner:geotab_how_to:live_streaming"><b>Live Streaming</b></a></li> | + | border: 0px solid; |
- | </ul> | + | border-radius: 8px; |
- | + | background-image: none; | |
- | </body> | + | } |
+ | |||
+ | 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> | ||
+ | <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> | ||
+ | </head> | ||
+ | <body> | ||
+ | <div class="menu-list-container"> | ||
+ | |||
+ | <div class="page-header"> | ||
+ | <img id="rl-logo" src="https://wiki.roscocloud.com/_media/user:product:roscolive2.0:rosco_lower_r_logo_blue.png"> | ||
+ | <h1>Welcome to the Rosco Vision Knowledge Base!</h1> | ||
+ | </div> | ||
+ | <p> | ||
+ | This knowledge base contains many of the answers to questions you may have about<br> | ||
+ | the Rosco Cloud and any related products! To begin select, a topic below: | ||
+ | </p> | ||
+ | |||
+ | <h3 class="sectionHeader">Rosco Live</h3> | ||
+ | <a | ||
+ | class="category-card" | ||
+ | href="https://wiki.roscocloud.com/user:product:roscolive2.0:home"> | ||
+ | <b id="card-header">RoscoLive Home</b> | ||
+ | <div id="card-subheader"> | ||
+ | <span>Latest information and how-to guides for our cloud-based service</span> | ||
+ | </div> | ||
+ | </a> | ||
+ | <a | ||
+ | class="category-card" | ||
+ | href="https://wiki.roscocloud.com/user:product:geotab_partner:home"> | ||
+ | <b id="card-header">Geotab</b> | ||
+ | <div id="card-subheader"> | ||
+ | <span>Latest information and how-to guides for our Geotab add-in customers</span> | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <h3 class="sectionHeader">Hardware</h3> | ||
+ | <a | ||
+ | class="category-card" | ||
+ | href="https://wiki.roscocloud.com/user:product:dual-vision_recording:dual-vision_6:home"> | ||
+ | <b id="card-header">Dual-Vision© 6</b> | ||
+ | <div id="card-subheader"> | ||
+ | <span><b style="color: #ED1E79">NEW</b> Latest information and guides about the DV6</span> | ||
+ | </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> | ||
</html> | </html> |