Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision | ||
|
user:product:geotab_partner:home [2020/06/08 04:43] codyh@roscovision.com |
user:product:geotab_partner:home [2022/11/01 18:18] (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: 8px; | ||
| + | } | ||
| + | |||
| + | 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: 300px; |
| - | <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> | + | .page-divider { |
| - | <h2 class="sectionHeader">How-To Guides</h2> | + | width: 100%; |
| - | <p> | + | border-bottom: 1px solid #808080; |
| - | 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. | + | |
| - | </p> | + | a.internal-link { |
| - | <h3 class="sectionHeader">Topics</h3> | + | text-decoration: none; |
| - | <ul class="sectionMenu"> | + | color: #29A9E0; |
| - | <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> | + | } |
| - | <li><a href="https://wiki.roscocloud.com/user:product:geotab_partner:geotab_how_to:map_addin"><b>Map Add-In</b></a></li> | + | </style> |
| - | <li><a href="https://wiki.roscocloud.com/user:product:geotab_partner:geotab_how_to:camera_groups"><b>Camera Grouping</b></a></li> | + | <link rel="preconnect" href="https://fonts.googleapis.com"> |
| - | <li><a href="https://wiki.roscocloud.com/user:product:geotab_partner:geotab_how_to:camera_status"><b>Camera Status Page</b></a></li> | + | <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> |
| - | <li><a href="https://wiki.roscocloud.com/user:product:roscolive2.0:how_to_guide:gps_tracking:event_and_alert_search"><b>Camera Events Page</b></a></li> | + | <link href="https://fonts.googleapis.com/css2?family=Red+Hat+Display&display=swap" rel="stylesheet"> |
| - | <li><a href="https://wiki.roscocloud.com/user:product:geotab_partner:geotab_how_to:fleet_configuration"><b>Fleet Configuration Page</b></a></li> | + | <script src="https://kit.fontawesome.com/502f3f033d.js" crossorigin="anonymous"></script> |
| - | <li><a href="https://wiki.roscocloud.com/user:product:geotab_partner:geotab_how_to:user_notification"><b>User Notifications Page</b></a></li> | + | </head> |
| - | <li><a href="https://wiki.roscocloud.com/user:product:geotab_partner:geotab_how_to:data_usage"><b>Data Usage Page</b></a></li> | + | |
| - | <li><a href="https://wiki.roscocloud.com/user:product:geotab_partner:geotab_how_to:live_streaming"><b>Live Streaming</b></a></li> | + | |
| - | </ul> | + | |
| - | </body> | + | <body> |
| + | <div class="menu-list-container"> | ||
| + | <div class="page-header"> | ||
| + | <h1>Geotab Partner Portal</h1> | ||
| + | </div> | ||
| + | <p>This portal is for Geotab partners that are using the RoscoLive add-on and DVXC4 recorder with MyGeotab</p> | ||
| + | <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.3.pdf"> | ||
| + | ROSCOLive Geotab Customer Integration Instruction | ||
| + | </a> | ||
| + | <h2 class="sectionHeader">How-To Guides</h2> | ||
| + | <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. | ||
| + | </p> | ||
| + | <h3 class="sectionHeader">Topics</h3> | ||
| + | <a | ||
| + | class="category-card" | ||
| + | href="https://wiki.roscocloud.com/user:product:geotab_partner:geotab_how_to:web_request"> | ||
| + | <b id="card-header">Web Request Notification Setup</b> | ||
| + | <div id="card-subheader"> | ||
| + | <span>How to setup Rules to upload video</span> | ||
| + | </div> | ||
| + | </a> | ||
| + | <a | ||
| + | class="category-card" | ||
| + | href="https://wiki.roscocloud.com/user:product:geotab_partner:geotab_how_to:map_addin"> | ||
| + | <b id="card-header">Map Add-In</b> | ||
| + | <div id="card-subheader"> | ||
| + | <span>Side panel Rosco Live map add-in</span> | ||
| + | </div> | ||
| + | </a> | ||
| + | <a | ||
| + | class="category-card" | ||
| + | href="https://wiki.roscocloud.com/user:product:geotab_partner:geotab_how_to:camera_groups"> | ||
| + | <b id="card-header">Camera Groupings</b> | ||
| + | <div id="card-subheader"> | ||
| + | <span>How to use MyGeotab Groups with your cameras</span> | ||
| + | </div> | ||
| + | </a> | ||
| + | <a | ||
| + | class="category-card" | ||
| + | href="https://wiki.roscocloud.com/user:product:geotab_partner:geotab_how_to:company_key"> | ||
| + | <b id="card-header">Company Key</b> | ||
| + | <div id="card-subheader"> | ||
| + | <span>What a company key is and how to use it</span> | ||
| + | </div> | ||
| + | </a> | ||
| + | <a | ||
| + | class="category-card" | ||
| + | href="https://wiki.roscocloud.com/user:product:geotab_partner:geotab_how_to:camera_status"> | ||
| + | <b id="card-header">Camera Admin Page</b> | ||
| + | <div id="card-subheader"> | ||
| + | <span>View and manage your cameras and profiles</span> | ||
| + | </div> | ||
| + | </a> | ||
| + | <a | ||
| + | class="category-card" | ||
| + | href="https://wiki.roscocloud.com/user:product:geotab_partner:geotab_how_to:camera_events"> | ||
| + | <b id="card-header">Camera Events Page</b> | ||
| + | <div id="card-subheader"> | ||
| + | <span>View Exception videos</span> | ||
| + | </div> | ||
| + | </a> | ||
| + | <a | ||
| + | class="category-card" | ||
| + | href="https://wiki.roscocloud.com/user:product:geotab_partner:geotab_how_to:fleet_configuration"> | ||
| + | <b id="card-header">Fleet Configuration Page</b> | ||
| + | <div id="card-subheader"> | ||
| + | <span>Create, edit, and save custom camera settings</span> | ||
| + | </div> | ||
| + | </a> | ||
| + | <a | ||
| + | class="category-card" | ||
| + | href="https://wiki.roscocloud.com/user:product:geotab_partner:geotab_how_to:user_notification"> | ||
| + | <b id="card-header">User Notification Page</b> | ||
| + | <div id="card-subheader"> | ||
| + | <span>Sign up for camera reports and notifications to your email</span> | ||
| + | </div> | ||
| + | </a> | ||
| + | <a | ||
| + | class="category-card" | ||
| + | href="https://wiki.roscocloud.com/user:product:geotab_partner:geotab_how_to:live_streaming"> | ||
| + | <b id="card-header">Live Streaming</b> | ||
| + | <div id="card-subheader"> | ||
| + | <span>View a live stream from your cameras</span> | ||
| + | </div> | ||
| + | </a> | ||
| + | </div> | ||
| + | </body> | ||
| </html> | </html> | ||
