Javascript
Default Javascript Files
Some JS files are loaded by default. The files are listed down below:
1. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/video.js/7.6.6/video.js"></script>
2. <script type="text/javascript" src="https://src.litix.io/videojs/4/videojs-mux.js"></script>
3. <script type="text/javascript" src="https://player.live-video.net/1.3.1/amazon-ivs-videojs-tech.js"></script>
4. <script type="text/javascript" src="https://player.live-video.net/1.3.1/amazon-ivs-quality-plugin.js"></script>
5. <script type="text/javascript" src="https://mozilla.github.io/pdf.js/build/pdf.js"></script>
6. <script type="text/javascript" src="https://cdn.syncfusion.com/ej2/dist/ej2.js"></script>
7. <script type="text/javascript" src="https://venues-sdk-dev.gevme.com/scripts/venue-video.js"></script>
8. <script type="text/javascript" src="https://venues-sdk-dev.gevme.com/scripts/venue-carousel.js"></script>
CSS
Default CSS Files
Some CSS files are loaded by default. The files are listed down below:
1. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/video.js/7.6.6/video-js.css">
2. <link rel="stylesheet" href="https://cdn.syncfusion.com/ej2/ej2-base/styles/material.css">
3. <link rel="stylesheet" href="https://cdn.syncfusion.com/ej2/ej2-navigations/styles/material.css">
4. <link rel="stylesheet" href="https://cdn.syncfusion.com/ej2/ej2-dropdowns/styles/material.css">
5. <link rel="stylesheet" href="https://cdn.syncfusion.com/ej2/ej2-layouts/styles/material.css">
6. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/froala-editor/css/froala_editor.pkgd.css">
7. <link rel="stylesheet" href="https://venues-sdk.gevme.com/styles/venue-carousel.n.css">
8. <link rel="stylesheet" href="https://venues-sdk.gevme.com/styles/venue-base.css">
Naming Convention
- All our CSS classes begin with a
.gevme-
prefix. - All our CSS selectors for content blocks follow this pattern:
.gevme-${x}-block
, where “x” is lower case string value of the block type.
Eg:
.gevme-meeting-block {
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
border-radius: 4px;
background-color: transparent;
overflow: auto;
}