This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
start [2020/10/07 16:08] codyh@roscovision.com |
start [2022/09/20 12:45] (current) 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/user:product:roscolive2.0: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" |
- | <h4>Cameras</h4> | + | href="https://wiki.roscocloud.com/user:product:roscolive2.0:home"> |
- | <ul class="sectionMenu"> | + | <b id="card-header">RoscoLive Home</b> |
- | <li><a href="https://wiki.roscocloud.com/user:product:dual-vision_recording:dual-vision_xc4:home"><b>Dual-Vision© XC4</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> |
- | </ul> | + | </div> |
- | + | </a> | |
- | <h3 class="sectionHeader"><i class="fas fa-toolbox"></i> Installation Guides</h3> | + | <a |
- | <ul class="sectionMenu"> | + | class="category-card" |
- | <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> | + | href="https://wiki.roscocloud.com/user:product:geotab_partner:home"> |
- | <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> | + | <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> |
- | </ul> | + | <a |
- | + | class="category-card" | |
- | <h3 class="sectionHeader"><i class="fas fa-envelope"></i> Contact Us</h3> | + | href="https://wiki.roscocloud.com/user:product:dual-vision_recording:dual-vision_6:home"> |
- | <p>If you need any assistance, please don't hesitate to <a href="https://wiki.roscocloud.com/contact_us">Contact Us!</a></p> | + | <b id="card-header">Dual-Vision© 6</b> |
- | <br> | + | <div id="card-subheader"> |
- | <a href="https://wiki.roscocloud.com/rosco:start">Internal Link</a> | + | <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> | </body> | ||
</html> | </html> |