1245 lines
No EOL
112 KiB
Text
1245 lines
No EOL
112 KiB
Text
{
|
||
"settings": {
|
||
"name": "Hack@WPI 2021",
|
||
"currentPage": "index.html",
|
||
"theme": {
|
||
"name": "mobirise5",
|
||
"title": "Mobirise 5",
|
||
"styling": {
|
||
"primaryColor": "#fdf0d5",
|
||
"secondaryColor": "#ff8a8a",
|
||
"successColor": "#40b0bf",
|
||
"infoColor": "#47b5ed",
|
||
"warningColor": "#ffffff",
|
||
"dangerColor": "#ff9966",
|
||
"mainFont": "Jost",
|
||
"display1Font": "Jost",
|
||
"display1Size": 4.6,
|
||
"display2Font": "Jost",
|
||
"display2Size": 3,
|
||
"display5Font": "Merriweather Sans",
|
||
"display5Size": 2,
|
||
"display7Font": "Jost",
|
||
"display7Size": 1.2,
|
||
"display4Font": "Montserrat",
|
||
"display4Size": 1.1,
|
||
"isRoundedButtons": false,
|
||
"isGhostButtonBorder": false,
|
||
"underlinedLinks": false,
|
||
"isAnimatedOnScroll": false,
|
||
"isScrollToTopButton": false
|
||
},
|
||
"additionalSetColors": [
|
||
"#003049",
|
||
"#f05165",
|
||
"#fdf0d5",
|
||
"#669bbc",
|
||
"#c1121f",
|
||
"#ac2b37",
|
||
"#780000"
|
||
]
|
||
},
|
||
"path": "@PROJECT_PATH@",
|
||
"versionFirst": "5.2.0",
|
||
"siteFonts": [
|
||
{
|
||
"css": "'Jost', sans-serif",
|
||
"name": "Jost",
|
||
"url": "https://fonts.googleapis.com/css?family=Jost:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i"
|
||
},
|
||
{
|
||
"css": "'Playfair Display', serif",
|
||
"name": "Playfair Display",
|
||
"url": "https://fonts.googleapis.com/css?family=Playfair+Display:400,500,600,700,800,900,400i,500i,600i,700i,800i,900i"
|
||
},
|
||
{
|
||
"css": "'Anton', sans-serif",
|
||
"name": "Anton",
|
||
"url": "https://fonts.googleapis.com/css?family=Anton:400"
|
||
},
|
||
{
|
||
"css": "'Merriweather Sans', sans-serif",
|
||
"name": "Merriweather Sans",
|
||
"url": "https://fonts.googleapis.com/css?family=Merriweather+Sans:300,400,500,600,700,800,300i,400i,500i,600i,700i,800i"
|
||
},
|
||
{
|
||
"css": "'Roboto', sans-serif",
|
||
"name": "Roboto",
|
||
"url": "https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i"
|
||
},
|
||
{
|
||
"css": "'Montserrat', sans-serif",
|
||
"name": "Montserrat",
|
||
"url": "https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i"
|
||
}
|
||
],
|
||
"imageResize": true,
|
||
"favicon": "@PROJECT_PATH@/assets/images/sticker-logo-sqr-cut-128x128.png",
|
||
"robotsSwitcher": false,
|
||
"sitemapSwitcher": false,
|
||
"sitemapSwitcherAuto": false,
|
||
"siteUrl": false,
|
||
"cookiesAlert": false,
|
||
"gdpr": false,
|
||
"uniqCompNum": 33,
|
||
"versionPublish": "5.3.5",
|
||
"screenshot": "screenshot.png",
|
||
"mbrsiteDomain": "trk4h3nzrc"
|
||
},
|
||
"pages": {
|
||
"index.html": {
|
||
"settings": {
|
||
"main": true,
|
||
"title": "Home",
|
||
"meta_descr": "",
|
||
"header_custom": "",
|
||
"footer_custom": "",
|
||
"html_before": ""
|
||
},
|
||
"components": [
|
||
{
|
||
"alias": false,
|
||
"_styles": {
|
||
"& when not (@sticky)": {
|
||
".navbar-dropdown": {
|
||
"position": "relative !important"
|
||
},
|
||
"& when (@transparent)": {
|
||
".navbar-dropdown": {
|
||
"position": "absolute !important"
|
||
}
|
||
}
|
||
},
|
||
"& when (@sticky)": {
|
||
"z-index": "1000",
|
||
"width": "100%",
|
||
"& when not (@transparent)": {
|
||
"position": "relative",
|
||
"min-height": "60px"
|
||
},
|
||
"nav.navbar": {
|
||
"position": "fixed"
|
||
}
|
||
},
|
||
".dropdown-item:before": {
|
||
"font-family": "Moririse2 !important",
|
||
"content": "\"\\e966\"",
|
||
"display": "inline-block",
|
||
"width": "0",
|
||
"position": "absolute",
|
||
"left": "1rem",
|
||
"top": "0.5rem",
|
||
"margin-right": "0.5rem",
|
||
"line-height": "1",
|
||
"font-size": "inherit",
|
||
"vertical-align": "middle",
|
||
"text-align": "center",
|
||
"overflow": "hidden",
|
||
"transform": "scale(0, 1)",
|
||
"transition": "all 0.25s ease-in-out"
|
||
},
|
||
".dropdown-menu": {
|
||
"padding": "0",
|
||
"border-radius": "4px",
|
||
"box-shadow": "0 1px 3px 0 rgba(0, 0, 0, 0.1)"
|
||
},
|
||
".dropdown-item": {
|
||
"border-bottom": "1px solid #e6e6e6",
|
||
"&:hover, &:focus": {
|
||
"background": "@primaryColor !important",
|
||
"color": "white !important"
|
||
},
|
||
"&:first-child": {
|
||
"border-top-left-radius": "4px",
|
||
"border-top-right-radius": "4px"
|
||
},
|
||
"&:last-child": {
|
||
"border-bottom": "none",
|
||
"border-bottom-left-radius": "4px",
|
||
"border-bottom-right-radius": "4px"
|
||
}
|
||
},
|
||
".nav-dropdown .link": {
|
||
"padding": "0 0.3em !important",
|
||
"margin": "0.667em 1em !important"
|
||
},
|
||
".nav-dropdown .link.dropdown-toggle::after": {
|
||
"margin-left": "0.5rem",
|
||
"margin-top": "0.2rem"
|
||
},
|
||
".nav-link": {
|
||
"position": "relative"
|
||
},
|
||
".container": {
|
||
"display": "flex",
|
||
"margin": "auto"
|
||
},
|
||
".iconfont-wrapper": {
|
||
"color": "@iconsColor !important",
|
||
"font-size": "1.5rem",
|
||
"padding-right": "0.5rem"
|
||
},
|
||
".navbar-caption": {},
|
||
".navbar-nav": {},
|
||
".dropdown-menu, .navbar.opened": {
|
||
"background": "@menuBgColor !important"
|
||
},
|
||
".nav-item:focus, .nav-link:focus": {
|
||
"outline": "none"
|
||
},
|
||
".dropdown .dropdown-menu .dropdown-item": {
|
||
"width": "auto",
|
||
"transition": "all 0.25s ease-in-out",
|
||
"&::after": {
|
||
"right": "0.5rem"
|
||
},
|
||
".mbr-iconfont": {
|
||
"margin-right": "0.5rem",
|
||
"vertical-align": "sub",
|
||
"&:before": {
|
||
"display": "inline-block",
|
||
"transform": "scale(1, 1)",
|
||
"transition": "all 0.25s ease-in-out"
|
||
}
|
||
}
|
||
},
|
||
".collapsed": {
|
||
".dropdown-menu .dropdown-item:before": {
|
||
"display": "none"
|
||
},
|
||
".dropdown .dropdown-menu .dropdown-item": {
|
||
"padding": "0.235em 1.5em 0.235em 1.5em !important",
|
||
"transition": "none",
|
||
"margin": "0 !important"
|
||
}
|
||
},
|
||
".navbar": {
|
||
"min-height": "70px",
|
||
"transition": "all 0.3s",
|
||
"border-bottom": "1px solid transparent",
|
||
"&:not(.navbar-short)": {},
|
||
"& when not (@transparent)": {
|
||
"box-shadow": "0 1px 3px 0 rgba(0, 0, 0, 0.1)",
|
||
"background": "@menuBgColor"
|
||
},
|
||
"& when (@transparent)": {
|
||
"background": "rgba(red(@menuBgColor), green(@menuBgColor), blue(@menuBgColor), @opacity)"
|
||
},
|
||
"&.opened": {
|
||
"transition": "all 0.3s"
|
||
},
|
||
".dropdown-item": {
|
||
"padding": "0.5rem 1.8rem"
|
||
},
|
||
".navbar-logo img": {
|
||
"width": "auto"
|
||
},
|
||
".navbar-collapse": {
|
||
"justify-content": "flex-end",
|
||
"z-index": "1"
|
||
},
|
||
"&.collapsed": {
|
||
"justify-content": "center",
|
||
".nav-item .nav-link::before": {
|
||
"display": "none"
|
||
},
|
||
"&.opened": {
|
||
".dropdown-menu": {
|
||
"top": "0"
|
||
},
|
||
"@media (min-width: 992px)": {
|
||
"&:not(.navbar-short) .navbar-collapse when (@showLogo)": {
|
||
"max-height": "~\"calc(98.5vh - @{logoSize}rem)\""
|
||
}
|
||
}
|
||
},
|
||
".dropdown-menu": {
|
||
".dropdown-submenu": {
|
||
"left": "0 !important"
|
||
},
|
||
".dropdown-item:after": {
|
||
"right": "auto"
|
||
},
|
||
".dropdown-toggle[data-toggle=\"dropdown-submenu\"]:after": {
|
||
"margin-left": "0.5rem",
|
||
"margin-top": "0.2rem",
|
||
"border-top": "0.35em solid",
|
||
"border-right": "0.35em solid transparent",
|
||
"border-left": "0.35em solid transparent",
|
||
"border-bottom": "0",
|
||
"top": "41%"
|
||
}
|
||
},
|
||
"ul.navbar-nav": {
|
||
"li": {
|
||
"margin": "auto"
|
||
}
|
||
},
|
||
".dropdown-menu .dropdown-item": {
|
||
"padding": "0.25rem 1.5rem",
|
||
"text-align": "center"
|
||
},
|
||
".icons-menu": {
|
||
"padding-left": "0",
|
||
"padding-right": "0",
|
||
"padding-top": "0.5rem",
|
||
"padding-bottom": "0.5rem"
|
||
}
|
||
},
|
||
"@media (max-width: 991px)": {
|
||
".nav-item .nav-link::before": {
|
||
"display": "none"
|
||
},
|
||
"&.opened": {
|
||
".dropdown-menu": {
|
||
"top": "0"
|
||
}
|
||
},
|
||
".dropdown-menu": {
|
||
".dropdown-submenu": {
|
||
"left": "0 !important"
|
||
},
|
||
".dropdown-item:after": {
|
||
"right": "auto"
|
||
},
|
||
".dropdown-toggle[data-toggle=\"dropdown-submenu\"]:after": {
|
||
"margin-left": "0.5rem",
|
||
"margin-top": "0.2rem",
|
||
"border-top": "0.35em solid",
|
||
"border-right": "0.35em solid transparent",
|
||
"border-left": "0.35em solid transparent",
|
||
"border-bottom": "0",
|
||
"top": "40%"
|
||
}
|
||
},
|
||
".navbar-logo": {
|
||
"img": {
|
||
"height": "3rem !important"
|
||
}
|
||
},
|
||
"ul.navbar-nav": {
|
||
"li": {
|
||
"margin": "auto"
|
||
}
|
||
},
|
||
".dropdown-menu .dropdown-item": {
|
||
"padding": "0.25rem 1.5rem !important",
|
||
"text-align": "center"
|
||
},
|
||
".navbar-brand": {
|
||
"flex-shrink": "initial",
|
||
"flex-basis": "auto",
|
||
"word-break": "break-word",
|
||
"padding-right": "2rem"
|
||
},
|
||
".navbar-toggler": {
|
||
"flex-basis": "auto"
|
||
},
|
||
".icons-menu": {
|
||
"padding-left": "0",
|
||
"padding-top": "0.5rem",
|
||
"padding-bottom": "0.5rem"
|
||
}
|
||
},
|
||
"&.navbar-short": {
|
||
"min-height": "60px",
|
||
".navbar-logo": {
|
||
"img": {
|
||
"height": "2.5rem !important"
|
||
}
|
||
},
|
||
".navbar-brand": {
|
||
"min-height": "60px",
|
||
"padding": "0"
|
||
}
|
||
}
|
||
},
|
||
".navbar-brand": {
|
||
"min-height": "70px",
|
||
"flex-shrink": "0",
|
||
"align-items": "center",
|
||
"margin-right": "0",
|
||
"padding": "0",
|
||
"transition": "all 0.3s",
|
||
"word-break": "break-word",
|
||
"z-index": "1",
|
||
".navbar-caption": {
|
||
"line-height": "inherit !important"
|
||
},
|
||
".navbar-logo a": {
|
||
"outline": "none"
|
||
}
|
||
},
|
||
".dropdown-item.active, .dropdown-item:active": {
|
||
"background-color": "transparent"
|
||
},
|
||
".navbar-expand-lg .navbar-nav .nav-link": {
|
||
"padding": "0"
|
||
},
|
||
".nav-dropdown .link.dropdown-toggle": {
|
||
"margin-right": "1.667em",
|
||
"&[aria-expanded=\"true\"]": {
|
||
"margin-right": "0",
|
||
"padding": "0.667em 1.667em"
|
||
}
|
||
},
|
||
".navbar.navbar-expand-lg .dropdown": {
|
||
".dropdown-menu": {
|
||
"background": "@menuBgColor",
|
||
".dropdown-submenu": {
|
||
"margin": "0",
|
||
"left": "100%"
|
||
}
|
||
}
|
||
},
|
||
".navbar .dropdown.open > .dropdown-menu": {
|
||
"display": "block"
|
||
},
|
||
"ul.navbar-nav": {
|
||
"flex-wrap": "wrap"
|
||
},
|
||
".navbar-buttons": {
|
||
"text-align": "center",
|
||
"min-width": "170px"
|
||
},
|
||
"button.navbar-toggler": {
|
||
"outline": "none",
|
||
"width": "31px",
|
||
"height": "20px",
|
||
"cursor": "pointer",
|
||
"transition": "all 0.2s",
|
||
"position": "relative",
|
||
"align-self": "center",
|
||
".hamburger span": {
|
||
"position": "absolute",
|
||
"right": "0",
|
||
"width": "30px",
|
||
"height": "2px",
|
||
"border-right": "5px",
|
||
"background-color": "@hamburgerColor",
|
||
"&:nth-child(1)": {
|
||
"top": "0",
|
||
"transition": "all 0.2s"
|
||
},
|
||
"&:nth-child(2)": {
|
||
"top": "8px",
|
||
"transition": "all 0.15s"
|
||
},
|
||
"&:nth-child(3)": {
|
||
"top": "8px",
|
||
"transition": "all 0.15s"
|
||
},
|
||
"&:nth-child(4)": {
|
||
"top": "16px",
|
||
"transition": "all 0.2s"
|
||
}
|
||
}
|
||
},
|
||
"nav.opened .hamburger span": {
|
||
"&:nth-child(1)": {
|
||
"top": "8px",
|
||
"width": "0",
|
||
"opacity": "0",
|
||
"right": "50%",
|
||
"transition": "all 0.2s"
|
||
},
|
||
"&:nth-child(2)": {
|
||
"transform": "rotate(45deg)",
|
||
"transition": "all 0.25s"
|
||
},
|
||
"&:nth-child(3)": {
|
||
"transform": "rotate(-45deg)",
|
||
"transition": "all 0.25s"
|
||
},
|
||
"&:nth-child(4)": {
|
||
"top": "8px",
|
||
"width": "0",
|
||
"opacity": "0",
|
||
"right": "50%",
|
||
"transition": "all 0.2s"
|
||
}
|
||
},
|
||
".navbar-dropdown": {
|
||
"padding": "0 1rem",
|
||
"& when (@sticky)": {
|
||
"position": "fixed"
|
||
}
|
||
},
|
||
"a.nav-link": {
|
||
"display": "flex",
|
||
"align-items": "center",
|
||
"justify-content": "center"
|
||
},
|
||
".icons-menu": {
|
||
"flex-wrap": "nowrap",
|
||
"display": "flex",
|
||
"justify-content": "center",
|
||
"padding-left": "1rem",
|
||
"padding-right": "1rem",
|
||
"padding-top": "0.3rem",
|
||
"text-align": "center"
|
||
},
|
||
"@media screen and (~'-ms-high-contrast: active'), (~'-ms-high-contrast: none')": {
|
||
".navbar": {
|
||
"height": "70px",
|
||
"&.opened": {
|
||
"height": "auto"
|
||
}
|
||
},
|
||
".nav-item .nav-link:hover::before": {
|
||
"width": "175%",
|
||
"max-width": "calc(100% ~\"+\" 2rem)",
|
||
"left": "-1rem"
|
||
}
|
||
}
|
||
},
|
||
"_name": "menu3",
|
||
"_sourceTheme": "mobirise5",
|
||
"_customHTML": "<section data-bs-version=\"5.1\" class=\"menu menu3\" group=\"Menu\" plugins=\"DropDown, TouchSwipe\" always-top global once=\"menu\" not-draggable position-absolute>\n <mbr-parameters>\n <header>Size</header>\n <input type=\"checkbox\" name=\"fullWidth\" title=\"Full Width\">\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Logo\" name=\"showLogo\" checked>\n <input type=\"range\" title=\"Logo Size\" inline name=\"logoSize\" min=\"3\" max=\"8\" step=\"0.1\" value=\"3\" condition=\"showLogo\">\n <input type=\"checkbox\" title=\"Brand Name\" name=\"showBrand\" checked>\n <input type=\"checkbox\" title=\"Menu Items\" name=\"showItems\" checked>\n <input type=\"checkbox\" title=\"Icons\" name=\"showIcons\" checked>\n <select title=\"Amount\" name=\"iconsAmount\" condition=\"showIcons\">\n <option value=\"1\" selected>1</option>\n <option value=\"2\">2</option>\n <option value=\"3\">3</option>\n <option value=\"4\">4</option>\n </select>\n <input type=\"color\" title=\"Icons Color\" name=\"iconsColor\" value=\"#fdf0d5\" condition=\"showIcons\">\n <input type=\"checkbox\" title=\"Button\" name=\"showButtons\">\n <header>Styles</header>\n <input type=\"checkbox\" title=\"Sticky\" name=\"sticky\" checked>\n <input type=\"checkbox\" title=\"Collapsed\" name=\"collapsed\">\n <input type=\"checkbox\" title=\"Transparent\" name=\"transparent\">\n <input type=\"range\" title=\"Opacity\" name=\"opacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.2\" condition=\"transparent\">\n <input type=\"color\" title=\"Color\" name=\"menuBgColor\" value=\"#780000\">\n <input type=\"color\" title=\"Hamburger\" name=\"hamburgerColor\" value=\"#ffffff\">\n </mbr-parameters>\n <nav class=\"navbar navbar-dropdown\" mbr-class=\"{'navbar-fixed-top':sticky,\n 'navbar-expand-lg':!collapsed,\n 'collapsed':collapsed}\">\n <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n <div class=\"navbar-brand\">\n <span mbr-if=\"showLogo\" class=\"navbar-logo\">\n <a href=\"https://hack.wpi.edu\">\n <img src=\"@PROJECT_PATH@/assets/images/website-logo-317x317.png\" alt=\"Hack@WPI 2021\" mbr-style=\"{'height': logoSize + 'rem'}\">\n </a>\n </span>\n <span mbr-if=\"showBrand\" mbr-buttons mbr-theme-style=\"display-7\" class=\"navbar-caption-wrap\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd,-mbrBtnRemove,-iconFont\"><a class=\"navbar-caption text-primary\" data-app-selector=\".navbar-caption\" href=\"#top\" data-app-placeholder=\"Type Text\">Hack@WPI 2022</a></span>\n </div>\n <button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-bs-toggle=\"collapse\" data-target=\"#navbarSupportedContent\" data-bs-target=\"#navbarSupportedContent\" aria-controls=\"navbarNavAltMarkup\" aria-expanded=\"false\" aria-label=\"Toggle navigation\" mbr-if=\"showItems || showIcons || showButtons\">\n <div class=\"hamburger\">\n <span></span>\n <span></span>\n <span></span>\n <span></span>\n </div>\n </button>\n <div class=\"collapse navbar-collapse\" id=\"navbarSupportedContent\" mbr-if=\"showItems || showIcons || showButtons\">\n <ul mbr-menu class=\"navbar-nav nav-dropdown\" mbr-theme-style=\"display-4\" mbr-if=\"showItems\" mbr-class=\"{'nav-right': !showButtons,'navbar-nav-top-padding': isPublish && !showBrand && !showLogo}\"><li class=\"nav-item\"><a class=\"nav-link link text-primary\" href=\"index.html#content15-w\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Register</a></li><li class=\"nav-item\"><a class=\"nav-link link text-primary show\" href=\"index.html#team1-6\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Event Partners</a></li><li class=\"nav-item\"><a class=\"nav-link link text-primary show\" href=\"index.html#features1-c\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Sponsor Benefits</a></li><li class=\"nav-item\"><a class=\"nav-link link text-primary show\" href=\"index.html#content14-n\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">FAQ</a></li></ul>\n <div class=\"icons-menu\" mbr-if=\"showIcons\">\n <a class=\"iconfont-wrapper\" href=\"https://join.slack.com/t/wpi-rqw4180/shared_invite/zt-1089kvjx1-3b6v152r6a_fX7NS8EGL9g\" target=\"_blank\">\n <span mbr-icon class=\"p-2 mbr-iconfont socicon-slack socicon\"></span>\n </a>\n <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"iconsAmount > 1\">\n <span mbr-icon class=\"p-2 mbr-iconfont socicon-twitter socicon\"></span>\n </a>\n <a class=\"iconfont-wrapper\" href=\"https://instagram.com/wpiacm\" target=\"_blank\" mbr-if=\"iconsAmount > 2\">\n <span mbr-icon class=\"p-2 mbr-iconfont socicon-instagram socicon\"></span>\n </a>\n <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"iconsAmount > 3\">\n <span mbr-icon class=\"p-2 mbr-iconfont socicon-linkedin socicon\"></span>\n </a>\n </div>\n <div mbr-if=\"showButtons\" mbr-buttons mbr-theme-style=\"display-4\" class=\"navbar-buttons mbr-section-btn\"><a class=\"btn btn-primary\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">\n Sign up</a></div>\n </div>\n </div>\n </nav>\n</section>",
|
||
"_cid": "sgPI0rTtnd",
|
||
"_anchor": "menu3-0",
|
||
"_protectedParams": [],
|
||
"_global": true,
|
||
"_once": "menu",
|
||
"_params": {}
|
||
},
|
||
{
|
||
"alias": false,
|
||
"_styles": {
|
||
"& when not (@fullScreen)": {
|
||
"padding-top": "(@paddingTop * 1rem)",
|
||
"padding-bottom": "(@paddingBottom * 1rem)"
|
||
},
|
||
"& when (@bg-type = 'color')": {
|
||
"background-color": "@bg-value"
|
||
},
|
||
"& when (@bg-type = 'image')": {
|
||
"background-image": "url(@bg-value)"
|
||
},
|
||
"@media (max-width: 991px)": {
|
||
".image-wrapper": {
|
||
"margin-bottom": "1rem"
|
||
}
|
||
},
|
||
".row": {
|
||
"flex-direction": "row-reverse"
|
||
},
|
||
"img": {
|
||
"width": "100%"
|
||
},
|
||
".mbr-description": {
|
||
"color": "#fdf0d5",
|
||
"text-align": "center"
|
||
}
|
||
},
|
||
"_name": "image3",
|
||
"_sourceTheme": "mobirise5",
|
||
"_customHTML": "<section data-bs-version=\"5.1\" class=\"image3\" group=\"Images & Videos\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-fullscreen': fullScreen,\n 'mbr-parallax-background': bg.parallax}\">\n <mbr-parameters>\n <header>Size</header>\n <input type=\"checkbox\" title=\"Full Screen\" name=\"fullScreen\">\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"4\" condition=\"fullScreen == false\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"3\" condition=\"fullScreen == false\">\n <input type=\"range\" name=\"textWidth\" title=\"Image\" min=\"4\" max=\"12\" step=\"1\" value=\"8\">\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Text\" name=\"showText\" checked>\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax>\n <input type=\"image\" title=\"Image\" value=\"../_images/background1.jpg\">\n <input type=\"color\" title=\"Color\" value=\"#003049\" selected>\n <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n </fieldset>\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#ffffff\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.7\" condition=\"overlay && bg.type !== 'color'\">\n </mbr-parameters>\n\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n </div>\n\n <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n <div class=\"row justify-content-center\">\n <div class=\"col-12 col-lg-{{textWidth}}\">\n <div class=\"image-wrapper\">\n <img src=\"@PROJECT_PATH@/assets/images/website-logo-white-text-1-1274x571.png\" alt=\"Hack@WPI\">\n <p class=\"mbr-description mbr-fonts-style mt-2 align-center\" mbr-theme-style=\"display-5\" mbr-if=\"showText\" data-app-selector=\".mbr-description\"><i>\n </i><br><i>January 14 - 16th, 2022</i></p>\n </div>\n </div>\n </div>\n </div>\n</section>",
|
||
"_cid": "sgPJ0TKe9q",
|
||
"_anchor": "image3-1",
|
||
"_protectedParams": [],
|
||
"_global": false,
|
||
"_once": false,
|
||
"_params": {}
|
||
},
|
||
{
|
||
"alias": false,
|
||
"_styles": {
|
||
"& when not (@fullScreen)": {
|
||
"padding-top": "(@paddingTop * 1rem)",
|
||
"padding-bottom": "(@paddingBottom * 1rem)"
|
||
},
|
||
"& when (@bg-type = \"color\")": {
|
||
"background-color": "@bg-value"
|
||
},
|
||
"& when (@bg-type = \"image\")": {
|
||
"background-image": "url(@bg-value)"
|
||
},
|
||
".card-wrapper": {
|
||
"background": "@wrapBgColor",
|
||
"border-radius": "4px",
|
||
"@media (max-width: 767px)": {
|
||
"padding": "1rem"
|
||
},
|
||
"@media (min-width: 768px) and (max-width: 991px)": {
|
||
"padding": "2rem"
|
||
},
|
||
"@media (min-width: 992px)": {
|
||
"padding": "4rem"
|
||
}
|
||
},
|
||
".card-title": {
|
||
"color": "#fdf0d5"
|
||
},
|
||
".mbr-text, .mbr-section-btn": {
|
||
"color": "#ffffff",
|
||
"text-align": "center"
|
||
}
|
||
},
|
||
"_name": "header12",
|
||
"_sourceTheme": "mobirise5",
|
||
"_customHTML": "<section data-bs-version=\"5.1\" class=\"header12\" group=\"Headers\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{\n 'mbr-fullscreen': fullScreen,\n 'mbr-parallax-background': bg.parallax}\">\n\n <mbr-parameters>\n <header>Size</header>\n <input type=\"checkbox\" title=\"Full Screen\" name=\"fullScreen\">\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\" checked>\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"0\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"5\">\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n <input type=\"checkbox\" title=\"Text\" name=\"showText\" checked>\n <input type=\"checkbox\" title=\"Buttons\" name=\"showButtons\" checked>\n <input type=\"color\" title=\"Wrap Bg\" name=\"wrapBgColor\" value=\"#f05165\">\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax>\n <input type=\"image\" title=\"Image\" value=\"../_images/background8.jpg\" parallax>\n <input type=\"color\" title=\"Color\" value=\"#003049\" selected>\n <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n </fieldset>\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#ffffff\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.3\" condition=\"overlay && bg.type !== 'color'\">\n </mbr-parameters>\n\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n </div>\n <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n <div class=\"row justify-content-center\">\n <div class=\"card col-12 col-md-12 col-lg-9\">\n <div class=\"card-wrapper\">\n <div class=\"card-box align-center\">\n <h1 class=\"card-title mbr-fonts-style mb-3\" mbr-theme-style=\"display-2\" mbr-if=\"showTitle\" data-app-selector=\".card-title\">\n <b>Register here!</b></h1>\n <p class=\"mbr-text mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".mbr-text, .mbr-section-btn\"><b><i><u>ATTENTION HACKERS<br></u></i>Due to COVID-19 restrictions, the event will now be virtual-first and in-person participation will be limited to WPI students that are part of the testing protocol. Non-WPI hackers, and WPI students not cleared to be on campus are invited to participate virtually<br></b>If you have any questions, please don't hesitate to reach out to us at <a href=\"mailto:hack@wpi.edu\" class=\"text-info\">hack@wpi.edu</a><br><br>This event will be run according to the <a href=\"https://static.mlh.io/docs/mlh-code-of-conduct.pdf\" class=\"text-info text-primary\" target=\"_blank\">MLH Code of Conduct</a>.<br><br>After clicking the link below, keep filling out all of the fields until you reach the end. <br>You should also join our <a href=\"https://join.slack.com/t/wpi-rqw4180/shared_invite/zt-1089kvjx1-3b6v152r6a_fX7NS8EGL9g\" class=\"text-info\" target=\"_blank\">Slack</a> once you've registered!<br><br>If you have any questions or are interested in sponsoring Hack@WPI 2022, please reach out to our organizer team at <a href=\"mailto:hack@wpi.edu\" class=\"text-info\">hack@wpi.edu</a>! There's also an <a href=\"index.html#content14-n\" class=\"text-info\">FAQ section</a> at the bottom of this page.</p>\n <div mbr-buttons mbr-theme-style=\"display-4\" class=\"mbr-section-btn mt-3\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove\"><a class=\"btn btn-info\" href=\"http://hack.wpi.edu/register\" data-app-placeholder=\"Type Text\" target=\"_blank\">Click here to register through MLH</a></div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>",
|
||
"_cid": "sgPJIlmBEv",
|
||
"_anchor": "header12-2",
|
||
"_protectedParams": [],
|
||
"_global": false,
|
||
"_once": false,
|
||
"_params": {}
|
||
},
|
||
{
|
||
"alias": false,
|
||
"_styles": {
|
||
"padding-top": "(@paddingTop * 1rem)",
|
||
"padding-bottom": "(@paddingBottom * 1rem)",
|
||
"& when (@bg-type = 'color')": {
|
||
"background-color": "@bg-value"
|
||
},
|
||
"& when (@bg-type = 'image')": {
|
||
"background-image": "url(@bg-value)"
|
||
},
|
||
"& when not (@spacing)": {
|
||
".row": {
|
||
"margin-left": "0",
|
||
"margin-right": "0"
|
||
},
|
||
".item": {
|
||
"padding-left": "0",
|
||
"padding-right": "0"
|
||
}
|
||
},
|
||
"& when (@spacing)": {
|
||
".item": {
|
||
"padding-bottom": "2rem"
|
||
}
|
||
},
|
||
".item-wrapper": {
|
||
"& when (@autoSize)": {
|
||
"& when not (@showItemSubtitle)": {
|
||
"height": "100%"
|
||
},
|
||
"& when (@showItemSubtitle)": {
|
||
"height": "(@imageHeight * 100px)"
|
||
},
|
||
"img": {
|
||
"height": "100%",
|
||
"object-fit": "cover"
|
||
}
|
||
},
|
||
"position": "relative",
|
||
".icon-wrapper": {
|
||
"pointer-events": "none",
|
||
"position": "absolute",
|
||
"width": "60px",
|
||
"height": "60px",
|
||
"font-size": "22px",
|
||
"left": "50%",
|
||
"top": "50%",
|
||
"display": "flex",
|
||
"align-items": "center",
|
||
"justify-content": "center",
|
||
"border": "2px solid #ffffff",
|
||
"border-radius": "50%",
|
||
"opacity": "0",
|
||
"color": "#ffffff",
|
||
"transform": "translateX(-50%) translateY(-50%)",
|
||
"background-color": "#1b1b1b",
|
||
"transition": "0.2s"
|
||
},
|
||
"&:hover": {
|
||
".icon-wrapper": {
|
||
"opacity": "0.7"
|
||
}
|
||
}
|
||
},
|
||
".carousel-control, .close": {
|
||
"background": "#1b1b1b"
|
||
},
|
||
".carousel-control-prev": {
|
||
"margin-left": "2.5rem",
|
||
"span": {
|
||
"margin-right": "5px"
|
||
}
|
||
},
|
||
".carousel-control-next": {
|
||
"margin-right": "2.5rem",
|
||
"span": {
|
||
"margin-left": "5px"
|
||
}
|
||
},
|
||
".close": {
|
||
"position": "fixed",
|
||
"opacity": "0.5",
|
||
"font-size": "22px",
|
||
"font-weight": "300",
|
||
"width": "60px",
|
||
"height": "60px",
|
||
"border-radius": "50%",
|
||
"color": "#fff",
|
||
"top": "2.5rem",
|
||
"right": "2.5rem",
|
||
"border": "2px solid #fff",
|
||
"text-shadow": "none",
|
||
"z-index": "5",
|
||
"transition": "opacity 0.3s ease",
|
||
"font-family": "'Moririse2'",
|
||
"align-items": "center",
|
||
"justify-content": "center",
|
||
"display": "flex",
|
||
"&::before": {
|
||
"content": "'\\e91a'"
|
||
},
|
||
"&:hover": {
|
||
"opacity": "1",
|
||
"background": "#000",
|
||
"color": "#fff"
|
||
}
|
||
},
|
||
".carousel-control": {
|
||
"display": "flex",
|
||
"top": "50%",
|
||
"width": "60px",
|
||
"height": "60px",
|
||
"margin-top": "-1.5rem",
|
||
"font-size": "22px",
|
||
"background-color": "rgba(0, 0, 0, 0.5)",
|
||
"border": "2px solid #fff",
|
||
"border-radius": "50%",
|
||
"transition": "all 0.3s",
|
||
"&.carousel-control-prev": {
|
||
"left": "0",
|
||
"margin-left": "2.5rem"
|
||
},
|
||
"&.carousel-control-next": {
|
||
"right": "0",
|
||
"margin-right": "2.5rem"
|
||
},
|
||
"@media (max-width: 767px)": {
|
||
"top": "auto",
|
||
"bottom": "1rem"
|
||
}
|
||
},
|
||
".carousel-indicators": {
|
||
"position": "absolute",
|
||
"bottom": "0",
|
||
"margin-bottom": "3px",
|
||
"li": {
|
||
"max-width": "15px",
|
||
"height": "15px",
|
||
"width": "15px",
|
||
"max-height": "15px",
|
||
"margin": "3px",
|
||
"background-color": "rgba(0, 0, 0, 0.5)",
|
||
"border": "2px solid #fff",
|
||
"border-radius": "50%",
|
||
"opacity": "0.5",
|
||
"transition": "all 0.3s",
|
||
"&.active, &:hover": {
|
||
"opacity": "0.9"
|
||
},
|
||
"&::after, &::before": {
|
||
"content": "none"
|
||
}
|
||
},
|
||
"&.ie-fix": {
|
||
"left": "50%",
|
||
"display": "block",
|
||
"width": "60%",
|
||
"margin-left": "-30%",
|
||
"text-align": "center"
|
||
},
|
||
"@media (max-width: 768px)": {
|
||
"display": "none !important"
|
||
},
|
||
"@media (max-width: 991px)": {
|
||
"margin-bottom": "3.625rem !important",
|
||
"padding-left": "2.5rem",
|
||
"padding-right": "2.5rem"
|
||
},
|
||
"@media (max-width: 767px)": {
|
||
"display": "none"
|
||
}
|
||
},
|
||
".carousel-inner": {
|
||
"display": "flex",
|
||
"align-items": "center"
|
||
},
|
||
".carousel-inner > .active": {
|
||
"display": "block"
|
||
},
|
||
".carousel-control.left": {
|
||
"left": "0",
|
||
"margin-left": "2.5rem"
|
||
},
|
||
".carousel-control.right": {
|
||
"right": "0",
|
||
"margin-right": "2.5rem"
|
||
},
|
||
".carousel-control:hover": {
|
||
"background": "#1b1b1b",
|
||
"color": "#fff",
|
||
"opacity": "1"
|
||
},
|
||
"@media (max-width: 768px)": {
|
||
".carousel-control, .carousel-indicators, .modal .close": {
|
||
"position": "fixed"
|
||
}
|
||
},
|
||
"@media (max-width: 767px)": {
|
||
".mbr-slider .carousel-control": {
|
||
"top": "auto",
|
||
"bottom": "20px"
|
||
},
|
||
".mbr-slider > .container .carousel-control": {
|
||
"margin-bottom": "0"
|
||
}
|
||
},
|
||
".carousel-indicators .active, .carousel-indicators li": {
|
||
"width": "7px",
|
||
"height": "7px",
|
||
"margin": "3px",
|
||
"background": "#000000",
|
||
"opacity": "0.5",
|
||
"border": "4px solid #000000"
|
||
},
|
||
".carousel-indicators .active": {
|
||
"background": "#fff"
|
||
},
|
||
".carousel-indicators li": {
|
||
"max-width": "15px",
|
||
"max-height": "15px",
|
||
"border-radius": "50%"
|
||
},
|
||
".modal": {
|
||
"padding-left": "0 !important",
|
||
"position": "fixed",
|
||
"overflow": "hidden",
|
||
"padding-right": "0 !important"
|
||
},
|
||
".modal-dialog": {
|
||
"margin": "0 auto",
|
||
"max-width": "100%",
|
||
"padding-left": "1rem",
|
||
"padding-right": "1rem"
|
||
},
|
||
".modal-content": {
|
||
"border-radius": "0",
|
||
"border": "none",
|
||
"background": "transparent"
|
||
},
|
||
".modal-body": {
|
||
"padding": "0",
|
||
"display": "flex",
|
||
"align-items": "center",
|
||
"img": {
|
||
"width": "100%",
|
||
"object-fit": "contain",
|
||
"max-height": "~\"calc(100vh - 1.75rem)\""
|
||
}
|
||
},
|
||
".carousel": {
|
||
"width": "100%"
|
||
},
|
||
".modal-backdrop.in": {
|
||
"opacity": "0.8"
|
||
},
|
||
".modal.fade .modal-dialog": {
|
||
"transition": "margin-top 0.3s ease-out"
|
||
},
|
||
".modal.fade .modal-dialog, .modal.in .modal-dialog": {
|
||
"transform": "none"
|
||
},
|
||
".mbr-gallery .item-wrapper": {
|
||
"cursor": "pointer"
|
||
},
|
||
"H6": {
|
||
"text-align": "center"
|
||
},
|
||
"H3": {
|
||
"color": "#fdf0d5"
|
||
}
|
||
},
|
||
"_name": "gallery6",
|
||
"_sourceTheme": "mobirise5",
|
||
"_customHTML": "<section data-bs-version=\"5.1\" class=\"gallery6 mbr-gallery\" group=\"Sliders & Galleries\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\">\n <mbr-parameters>\n <input type=\"id\" name=\"idGallery\">\n <header>Size</header>\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\" checked>\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"3\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"6\">\n <select title=\"Columns\" name=\"cardsWidth\">\n <option value=\"12\">1</option>\n <option value=\"6\">2</option>\n <option value=\"4\">3</option>\n <option value=\"3\" selected>4</option>\n </select>\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n <header>Images</header>\n <input type=\"checkbox\" title=\"Auto Size\" name=\"autoSize\" checked>\n <input type=\"range\" name=\"imageHeight\" title=\"Height\" min=\"1\" max=\"5\" step=\"1\" value=\"3\" condition=\"autoSize && showItemSubtitle\">\n <input type=\"checkbox\" title=\"Spacing\" name=\"spacing\">\n <input type=\"checkbox\" title=\"Caption\" name=\"showItemSubtitle\">\n <header>Popup Slider</header>\n <input type=\"checkbox\" title=\"Fade Effect\" name=\"fade\">\n <input type=\"checkbox\" title=\"Autoplay\" name=\"autoplay\">\n <input type=\"range\" title=\"Interval\" name=\"interval\" min=\"3\" max=\"10\" value=\"5\" step=\"1\" condition=\"autoplay\">\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax>\n <input type=\"image\" title=\"Image\" value=\"../_images/background1.jpg\" parallax>\n <input type=\"color\" title=\"Color\" value=\"#f05165\" selected>\n <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n </fieldset>\n <header condition=\"bg.type!=='color'\">Overlay</header>\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type !== 'color'\">\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#fafafa\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.8\" condition=\"overlay && bg.type !== 'color'\">\n </mbr-parameters>\n\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n </div>\n\n <div mbr-class=\"{'container': !fullWidth,\n 'container-fluid': fullWidth}\">\n <div class=\"mbr-section-head\" mbr-if=\"showTitle || showSubtitle\">\n <h3 class=\"mbr-section-title mbr-fonts-style align-center m-0\" mbr-theme-style=\"display-2\" mbr-if=\"showTitle\"><b>Hack@WPI in previous years</b></h3>\n <h4 class=\"mbr-section-subtitle mbr-fonts-style align-center mb-0 mt-2\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\">Gallery Subtitle</h4>\n </div>\n <div class=\"row mbr-gallery mt-4\">\n <div class=\"col-12 col-md-6 col-lg-{{cardsWidth}} item gallery-image\">\n <div class=\"item-wrapper\" data-toggle=\"modal\" data-bs-toggle=\"modal\" data-target=\"#{{idGallery}}-modal\" data-bs-target=\"#{{idGallery}}-modal\">\n <img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/00000img-00000-burst20190118180814712-cover-886x665.jpg\" alt data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"0\" data-bs-slide-to=\"0\">\n <div class=\"icon-wrapper\">\n <span class=\"mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn\"></span>\n </div>\n </div>\n <h6 class=\"mbr-item-subtitle mbr-fonts-style align-center mb-2 mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showItemSubtitle\">\n Image Caption and <a href=\"#\" class=\"text-primary\">Link</a>\n </h6>\n </div>\n <div class=\"col-12 col-md-6 col-lg-{{cardsWidth}} item gallery-image\">\n <div class=\"item-wrapper\" data-toggle=\"modal\" data-bs-toggle=\"modal\" data-target=\"#{{idGallery}}-modal\" data-bs-target=\"#{{idGallery}}-modal\">\n <img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/00000img-00000-burst20190120082557945-cover-886x665.jpeg\" alt data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"1\" data-bs-slide-to=\"1\">\n <div class=\"icon-wrapper\">\n <span class=\"mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn\"></span>\n </div>\n </div>\n <h6 class=\"mbr-item-subtitle mbr-fonts-style align-center mb-2 mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showItemSubtitle\">\n Image Caption and <a href=\"#\" class=\"text-primary\">Link</a>\n </h6>\n </div>\n <div class=\"col-12 col-md-6 col-lg-{{cardsWidth}} item gallery-image\">\n <div class=\"item-wrapper\" data-toggle=\"modal\" data-bs-toggle=\"modal\" data-target=\"#{{idGallery}}-modal\" data-bs-target=\"#{{idGallery}}-modal\">\n <img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/img-20190118-181611-886x665.jpg\" alt data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"2\" data-bs-slide-to=\"2\">\n <div class=\"icon-wrapper\">\n <span class=\"mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn\"></span>\n </div>\n </div>\n <h6 class=\"mbr-item-subtitle mbr-fonts-style align-center mb-2 mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showItemSubtitle\">\n Image Caption and <a href=\"#\" class=\"text-primary\">Link</a>\n </h6>\n </div>\n <div class=\"col-12 col-md-6 col-lg-{{cardsWidth}} item gallery-image\">\n <div class=\"item-wrapper\" data-toggle=\"modal\" data-bs-toggle=\"modal\" data-target=\"#{{idGallery}}-modal\" data-bs-target=\"#{{idGallery}}-modal\">\n <img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/00000img-00000-burst20190118180709510-cover-886x665.jpg\" alt data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"3\" data-bs-slide-to=\"3\">\n <div class=\"icon-wrapper\">\n <span class=\"mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn\"></span>\n </div>\n </div>\n <h6 class=\"mbr-item-subtitle mbr-fonts-style align-center mb-2 mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showItemSubtitle\">\n Image Caption and <a href=\"#\" class=\"text-primary\">Link</a>\n </h6>\n </div>\n </div>\n\n <div class=\"modal mbr-slider\" id=\"{{idGallery}}-modal\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\">\n <div class=\"modal-dialog\" role=\"document\">\n <div class=\"modal-content\">\n <div class=\"modal-body\">\n <div id=\"lb-{{idGallery}}\" class=\"carousel slide\" mbr-class=\"{'carousel-fade': fade}\" data-ride=\"{{autoplay ? 'carousel' : false}}\" data-bs-ride=\"{{autoplay ? 'carousel' : false}}\" data-interval=\"{{interval*1000}}\" data-bs-interval=\"{{interval*1000}}\">\n <div class=\"carousel-inner\">\n <div class=\"carousel-item active\">\n <img class=\"d-block w-100\" src=\"../_images/features/features1.jpg\" alt>\n </div>\n <div class=\"carousel-item\">\n <img class=\"d-block w-100\" src=\"../_images/features/features2.jpg\" alt>\n </div>\n <div class=\"carousel-item\">\n <img class=\"d-block w-100\" src=\"../_images/features/features3.jpg\" alt>\n </div>\n <div class=\"carousel-item\">\n <img class=\"d-block w-100\" src=\"../_images/features/features4.jpg\" alt>\n </div>\n </div>\n <ol class=\"carousel-indicators\">\n <li data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"0\" data-bs-slide-to=\"0\" class=\"active\"></li>\n <li data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"1\" data-bs-slide-to=\"1\"></li>\n <li data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"2\" data-bs-slide-to=\"2\"></li>\n <li data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"3\" data-bs-slide-to=\"3\"></li>\n </ol>\n <a role=\"button\" href class=\"close\" data-dismiss=\"modal\" data-bs-dismiss=\"modal\" aria-label=\"Close\">\n </a>\n <a class=\"carousel-control-prev carousel-control\" href=\"#lb-{{idGallery}}\" role=\"button\" data-slide=\"prev\" data-bs-slide=\"prev\">\n <span class=\"mobi-mbri mobi-mbri-arrow-prev\" aria-hidden=\"true\"></span>\n <span class=\"sr-only visually-hidden\">Previous</span>\n </a>\n <a class=\"carousel-control-next carousel-control\" href=\"#lb-{{idGallery}}\" role=\"button\" data-slide=\"next\" data-bs-slide=\"next\">\n <span class=\"mobi-mbri mobi-mbri-arrow-next\" aria-hidden=\"true\"></span>\n <span class=\"sr-only visually-hidden\">Next</span>\n </a>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>",
|
||
"_cid": "sQWA1vWyr1",
|
||
"_anchor": "gallery6-m",
|
||
"_protectedParams": [],
|
||
"_global": false,
|
||
"_once": false,
|
||
"_params": {}
|
||
},
|
||
{
|
||
"alias": false,
|
||
"_styles": {
|
||
"padding-top": "(@paddingTop * 1rem)",
|
||
"padding-bottom": "(@paddingBottom * 1rem)",
|
||
"& when (@bg-type = \"color\")": {
|
||
"background": "@bg-value"
|
||
},
|
||
"& when (@bg-type = \"image\")": {
|
||
"background-image": "url(@bg-value)"
|
||
},
|
||
".team-card": {
|
||
"margin-bottom": "2rem",
|
||
"transition": "all 0.3s",
|
||
"&:hover": {
|
||
"transform": "translateY(-10px)"
|
||
}
|
||
},
|
||
".card-wrap": {
|
||
"background": "@cardBg",
|
||
"border-radius": "4px",
|
||
"@media (max-width: 991px)": {
|
||
"margin-bottom": "2rem"
|
||
},
|
||
".image-wrap img": {
|
||
"width": "100%"
|
||
},
|
||
".content-wrap": {
|
||
"@media (min-width: 768px)": {
|
||
"padding": "2rem"
|
||
},
|
||
"@media (max-width: 767px)": {
|
||
"padding": "1rem"
|
||
}
|
||
}
|
||
},
|
||
".social-row": {
|
||
"text-align": "center",
|
||
".soc-item": {
|
||
"display": "inline-block",
|
||
"text-align": "center",
|
||
"border-radius": "50%",
|
||
"margin-right": "0.6rem",
|
||
"margin-bottom": "1rem",
|
||
"padding": "0.5rem",
|
||
"border": "2px solid @socialIconColor",
|
||
"transition": "all 0.3s",
|
||
".mbr-iconfont": {
|
||
"transition": "all 0.3s",
|
||
"display": "flex",
|
||
"justify-content": "center",
|
||
"align-content": "center",
|
||
"color": "@socialIconColor",
|
||
"font-size": "1.5rem"
|
||
},
|
||
"&:hover": {
|
||
"background-color": "@socialIconColor",
|
||
".mbr-iconfont": {
|
||
"color": "contrast(@socialIconColor)"
|
||
}
|
||
}
|
||
}
|
||
},
|
||
".mbr-section-title": {
|
||
"color": "#fdf0d5"
|
||
},
|
||
".card-title, .social-row": {
|
||
"text-align": "center"
|
||
}
|
||
},
|
||
"_name": "team1",
|
||
"_sourceTheme": "mobirise5",
|
||
"_customHTML": "<section data-bs-version=\"5.1\" class=\"team1\" group=\"Team\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background':bg.parallax}\">\n <mbr-parameters>\n <header>Size</header>\n <input type=\"checkbox\" name=\"fullWidth\" title=\"Full Width\" checked>\n <input inline type=\"range\" title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"4\">\n <input inline type=\"range\" title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"2\">\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n <input type=\"checkbox\" title=\"Text\" name=\"showText\">\n <select title=\"Cards\" name=\"cardsAmount\">\n <option value=\"1\" selected>1</option>\n <option value=\"2\">2</option>\n <option value=\"3\">3</option>\n <option value=\"4\">4</option>\n </select>\n <header>Card</header>\n <input type=\"checkbox\" title=\"Name\" name=\"showName\" checked>\n <input type=\"checkbox\" title=\"Role\" name=\"showRole\">\n <input type=\"checkbox\" title=\"Text\" name=\"showCardText\">\n <input type=\"checkbox\" title=\"Buttons\" name=\"showCardButtons\">\n <input type=\"color\" title=\"BG\" name=\"cardBg\" value=\"#003049\">\n <header condition=\"showSocial\">Social</header>\n <input type=\"checkbox\" title=\"Social\" name=\"showSocial\">\n <input type=\"range\" name=\"socialCount\" title=\"Count\" min=\"1\" max=\"5\" step=\"1\" value=\"3\" condition=\"showSocial\">\n <input type=\"color\" title=\"Color\" name=\"socialIconColor\" value=\"#6592e6\" condition=\"showSocial\">\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax>\n <input type=\"image\" title=\"Image\" value=\"@PROJECT_PATH@/assets/images/background1.jpg\" parallax>\n <input type=\"color\" title=\"Color\" value=\"#003049\" selected>\n <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n </fieldset>\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type !== 'color'\">\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#000000\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.5\" condition=\"overlay && bg.type !== 'color'\">\n </mbr-parameters>\n\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n </div>\n <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n <div class=\"row justify-content-center\">\n <div class=\"col-12\" mbr-if=\"showTitle || showSubtitle\">\n <h3 class=\"mbr-section-title mbr-fonts-style align-center mb-4\" mbr-theme-style=\"display-2\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\"><i><b>Hosted by:</b><br></i><b><br></b></h3>\n <p class=\"mbr-section-subtitle mbr-fonts-style align-center mb-5\" mbr-theme-style=\"display-5\" mbr-if=\"showText\" data-app-selector=\".mbr-section-subtitle\">\n Meet our team\n </p>\n </div>\n <div class=\"col-sm-6\" mbr-class=\"{'col-lg-3': cardsAmount == 4, 'col-lg-4': cardsAmount != 4}\">\n <div class=\"card-wrap\">\n <div class=\"image-wrap\">\n <a href=\"https://www.statestreet.com/home.html\" target=\"_blank\"><img src=\"@PROJECT_PATH@/assets/images/ssc-typeonly-ko-739x100.png\" alt></a>\n </div>\n <div class=\"content-wrap\">\n <h5 class=\"mbr-section-title card-title mbr-fonts-style align-center m-0\" mbr-theme-style=\"display-7\" mbr-if=\"showName\" data-app-selector=\".card-title, .social-row\"><b><a href=\"https://www.statestreet.com/home.html\" class=\"text-primary\" target=\"_blank\">State Street Corporation</a></b></h5>\n <h6 class=\"mbr-role mbr-fonts-style align-center mb-3\" mbr-theme-style=\"display-4\" mbr-if=\"showRole\" data-app-selector=\".mbr-role, .social-row\">\n <b>Programmer</b>\n </h6>\n <p class=\"card-text mbr-fonts-style align-center\" data-app-selector=\".card-text, .mbr-section-btn, .social-row\" mbr-theme-style=\"display-7\" mbr-if=\"showCardText\">\n No special actions required, all sites you make with Mobirise are mobile-friendly.\n </p>\n <div class=\"social-row display-7\" mbr-if=\"showSocial\">\n <div class=\"soc-item\">\n <a href=\"https://www.facebook.com/Mobirise/\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon socicon-facebook\"></span>\n </a>\n </div>\n <div class=\"soc-item\" mbr-if=\"socialCount>1\">\n <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon socicon-twitter\"></span>\n </a>\n </div>\n <div class=\"soc-item\" mbr-if=\"socialCount>2\">\n <a href=\"https://instagram.com/mobirise\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon socicon-instagram\"></span>\n </a>\n </div>\n <div class=\"soc-item\" mbr-if=\"socialCount>3\">\n <a href=\"https://www.youtube.com/c/mobirise\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon socicon-youtube\"></span>\n </a>\n </div>\n <div class=\"soc-item\" mbr-if=\"socialCount>4\">\n <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon socicon-telegram\"></span>\n </a>\n </div>\n </div>\n <div class=\"mbr-section-btn card-btn align-center\" mbr-buttons data-toolbar=\"-mbrBtnMove\" mbr-if=\"showCardButtons\" mbr-theme-style=\"display-4\">\n <a class=\"btn btn-primary\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">View\n Profile</a>\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"col-sm-6\" mbr-class=\"{'col-lg-3': cardsAmount == 4, 'col-lg-4': cardsAmount != 4}\" mbr-if=\"cardsAmount > 1\">\n <div class=\"card-wrap\">\n <div class=\"image-wrap\">\n <img src=\"@PROJECT_PATH@/assets/images/ssc-typeonly-ko-739x100.png\" alt=\"Cengage\">\n </div>\n <div class=\"content-wrap\">\n <h5 class=\"mbr-section-title card-title mbr-fonts-style align-center m-0\" mbr-theme-style=\"display-7\" mbr-if=\"showName\" data-app-selector=\".card-title, .social-row\"><b>State Street</b></h5>\n <h6 class=\"mbr-role mbr-fonts-style align-center mb-3\" mbr-theme-style=\"display-4\" mbr-if=\"showRole\" data-app-selector=\".mbr-role, .social-row\">\n <b>Manager</b>\n </h6>\n <p class=\"card-text mbr-fonts-style align-center\" data-app-selector=\".card-text, .mbr-section-btn, .social-row\" mbr-theme-style=\"display-7\" mbr-if=\"showCardText\">\n Use Mobirise website building software to create multiple sites for your clients.\n </p>\n <div class=\"social-row display-7\" mbr-if=\"showSocial\">\n <div class=\"soc-item\">\n <a href=\"https://www.facebook.com/Mobirise/\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon socicon-facebook\"></span>\n </a>\n </div>\n <div class=\"soc-item\" mbr-if=\"socialCount>1\">\n <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon socicon-twitter\"></span>\n </a>\n </div>\n <div class=\"soc-item\" mbr-if=\"socialCount>2\">\n <a href=\"https://instagram.com/mobirise\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon socicon-instagram\"></span>\n </a>\n </div>\n <div class=\"soc-item\" mbr-if=\"socialCount>3\">\n <a href=\"https://www.youtube.com/c/mobirise\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon socicon-youtube\"></span>\n </a>\n </div>\n <div class=\"soc-item\" mbr-if=\"socialCount>4\">\n <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon socicon-telegram\"></span>\n </a>\n </div>\n </div>\n <div class=\"mbr-section-btn card-btn align-center\" mbr-buttons data-toolbar=\"-mbrBtnMove\" mbr-if=\"showCardButtons\" mbr-theme-style=\"display-4\">\n <a class=\"btn btn-primary\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">View\n Profile</a>\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"col-sm-6\" mbr-class=\"{'col-lg-3': cardsAmount == 4, 'col-lg-4': cardsAmount != 4}\" mbr-if=\"cardsAmount > 2\">\n <div class=\"card-wrap\">\n <div class=\"image-wrap\">\n <img src=\"@PROJECT_PATH@/assets/images/everquote-506x253.png\" alt=\"Everquote\">\n </div>\n <div class=\"content-wrap\">\n <h5 class=\"mbr-section-title card-title mbr-fonts-style align-center m-0\" mbr-theme-style=\"display-7\" mbr-if=\"showName\" data-app-selector=\".card-title, .social-row\"><b>Everquote</b></h5>\n <h6 class=\"mbr-role mbr-fonts-style align-center mb-3\" mbr-theme-style=\"display-4\" mbr-if=\"showRole\" data-app-selector=\".mbr-role, .social-row\">\n <b>Analyst</b>\n </h6>\n <p class=\"card-text mbr-fonts-style align-center\" data-app-selector=\".card-text, .mbr-section-btn, .social-row\" mbr-theme-style=\"display-7\" mbr-if=\"showCardText\">\n Create multiple pages. Don't forget to set links to your pages after creating them.\n </p>\n <div class=\"social-row display-7\" mbr-if=\"showSocial\">\n <div class=\"soc-item\">\n <a href=\"https://www.facebook.com/Mobirise/\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon socicon-facebook\"></span>\n </a>\n </div>\n <div class=\"soc-item\" mbr-if=\"socialCount>1\">\n <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon socicon-twitter\"></span>\n </a>\n </div>\n <div class=\"soc-item\" mbr-if=\"socialCount>2\">\n <a href=\"https://instagram.com/mobirise\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon socicon-instagram\"></span>\n </a>\n </div>\n <div class=\"soc-item\" mbr-if=\"socialCount>3\">\n <a href=\"https://www.youtube.com/c/mobirise\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon socicon-youtube\"></span>\n </a>\n </div>\n <div class=\"soc-item\" mbr-if=\"socialCount>4\">\n <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon socicon-telegram\"></span>\n </a>\n </div>\n </div>\n <div class=\"mbr-section-btn card-btn align-center\" mbr-buttons data-toolbar=\"-mbrBtnMove\" mbr-if=\"showCardButtons\" mbr-theme-style=\"display-4\">\n <a class=\"btn btn-primary\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">View\n Profile</a>\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"col-sm-6\" mbr-class=\"{'col-lg-3': cardsAmount == 4, 'col-lg-4': cardsAmount != 4}\" mbr-if=\"cardsAmount > 3\">\n <div class=\"card-wrap\">\n <div class=\"image-wrap\">\n <img src=\"@PROJECT_PATH@/assets/images/william-506x253.png\" alt=\"William L. Hebert '05\">\n </div>\n <div class=\"content-wrap\">\n <h5 class=\"mbr-section-title card-title mbr-fonts-style align-center m-0\" mbr-theme-style=\"display-7\" mbr-if=\"showName\" data-app-selector=\".card-title, .social-row\"><b>William L. Hebert '05</b></h5>\n <h6 class=\"mbr-role mbr-fonts-style align-center mb-3\" mbr-theme-style=\"display-4\" mbr-if=\"showRole\" data-app-selector=\".mbr-role, .social-row\">\n <b>Designer</b>\n </h6>\n <p class=\"card-text mbr-fonts-style align-center\" data-app-selector=\".card-text, .mbr-section-btn, .social-row\" mbr-theme-style=\"display-7\" mbr-if=\"showCardText\">\n Each theme in the Mobirise site builder contains a set of unique blocks.\n </p>\n <div class=\"social-row display-7\" mbr-if=\"showSocial\">\n <div class=\"soc-item\">\n <a href=\"https://www.facebook.com/Mobirise/\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon socicon-facebook\"></span>\n </a>\n </div>\n <div class=\"soc-item\" mbr-if=\"socialCount>1\">\n <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon socicon-twitter\"></span>\n </a>\n </div>\n <div class=\"soc-item\" mbr-if=\"socialCount>2\">\n <a href=\"https://instagram.com/mobirise\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon socicon-instagram\"></span>\n </a>\n </div>\n <div class=\"soc-item\" mbr-if=\"socialCount>3\">\n <a href=\"https://www.youtube.com/c/mobirise\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon socicon-youtube\"></span>\n </a>\n </div>\n <div class=\"soc-item\" mbr-if=\"socialCount>4\">\n <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon socicon-telegram\"></span>\n </a>\n </div>\n </div>\n <div class=\"mbr-section-btn card-btn align-center\" mbr-buttons data-toolbar=\"-mbrBtnMove\" mbr-if=\"showCardButtons\" mbr-theme-style=\"display-4\">\n <a class=\"btn btn-primary\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">View\n Profile</a>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>",
|
||
"_anchor": "team1-6",
|
||
"_isUserblock": true,
|
||
"_cid": "sgPNsNQCBF",
|
||
"_protectedParams": [],
|
||
"_global": false,
|
||
"_once": false,
|
||
"_params": {}
|
||
},
|
||
{
|
||
"alias": false,
|
||
"_styles": {
|
||
"& when not (@fullScreen)": {
|
||
"padding-top": "(@paddingTop * 1rem)",
|
||
"padding-bottom": "(@paddingBottom * 1rem)"
|
||
},
|
||
"& when (@bg-type = \"image\")": {
|
||
"background-image": "url(@bg-value)"
|
||
},
|
||
"& when (@bg-type = \"color\")": {
|
||
"& when not (@gradientBg)": {
|
||
"background-color": "@bg-value"
|
||
},
|
||
"& when (@gradientBg)": {
|
||
"background-image": "linear-gradient(~\"@{gradientAngle}deg\", @gradientColor2 10%, @bg-value 100%) !important"
|
||
}
|
||
},
|
||
".mbr-section-subtitle": {
|
||
"color": "#fdf0d5"
|
||
}
|
||
},
|
||
"_name": "header18",
|
||
"_sourceTheme": "mobirise5",
|
||
"_customHTML": "<section data-bs-version=\"5.1\" class=\"header18\" group=\"Headers\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{\n 'mbr-fullscreen': fullScreen,\n 'mbr-parallax-background': bg.parallax}\">\n\n <mbr-parameters>\n <header>Size</header>\n <input type=\"checkbox\" title=\"Full Screen\" name=\"fullScreen\">\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"3\" condition=\"fullScreen == false\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"0\" condition=\"fullScreen == false\">\n <input type=\"range\" inline name=\"textWidth\" title=\"Width\" min=\"4\" max=\"12\" value=\"9\" step=\"1\">\n <select title=\"Align\" name=\"contentAlign\">\n <option value>Left</option>\n <option value=\"justify-content-center\" selected>Center</option>\n <option value=\"justify-content-end\">Right</option>\n </select>\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubitle\" checked>\n <input type=\"checkbox\" title=\"Text\" name=\"showText\">\n <input type=\"checkbox\" title=\"Buttons\" name=\"showButtons\">\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax>\n <input type=\"image\" title=\"Image\" value=\"../_images/background6.jpg\">\n <input type=\"color\" title=\"Color\" value=\"#003049\" selected>4479d9\n <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n </fieldset>\n <input type=\"checkbox\" title=\"Gradient Bg\" name=\"gradientBg\" condition=\"bg.type == 'color'\">\n <input type=\"color\" title=\"Color 2\" name=\"gradientColor2\" value=\"#e43f3f\" condition=\"gradientBg && bg.type == 'color'\">\n <input type=\"range\" inline name=\"gradientAngle\" title=\"Gradient Angle\" min=\"0\" max=\"360\" value=\"135\" step=\"1\">\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#4479d9\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.2\" condition=\"overlay && bg.type !== 'color'\">\n </mbr-parameters>\n\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\" opacity=\"{{overlayOpacity}}\" bg-color=\"{{overlayColor}}\"></div>\n\n <div class=\"align-center\" mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n <div class=\"row {{contentAlign}}\">\n <div class=\"col-12 col-lg-{{textWidth}}\">\n <h1 class=\"mbr-section-title mbr-fonts-style mbr-white mb-3\" data-app-selector=\".mbr-section-title\" mbr-theme-style=\"display-1\" mbr-if=\"showTitle\"><b>Intro with gradient background</b></h1>\n <h2 class=\"mbr-section-subtitle mbr-fonts-style mbr-white mb-3\" data-app-selector=\".mbr-section-subtitle\" mbr-theme-style=\"display-2\" mbr-if=\"showSubitle\"><b><i>\n Gold Sponsors</i></b></h2>\n <p class=\"mbr-text mbr-fonts-style mbr-white\" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".mbr-text, .mbr-section-btn\">\n Mobirise is a free offline app for Windows and Mac to easily create small/medium websites, landing\n pages, portfolios. 3500+ beautiful website blocks, templates and themes help you to start easily.\n </p>\n <div mbr-buttons mbr-theme-style=\"display-4\" class=\"mbr-section-btn mt-3\" mbr-if=\"showButtons\"><a class=\"btn btn-primary\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">Create\n Your Website!</a></div>\n </div>\n </div>\n </div>\n</section>",
|
||
"_cid": "sRwlkSPSnQ",
|
||
"_anchor": "header18-s",
|
||
"_protectedParams": [],
|
||
"_global": false,
|
||
"_once": false,
|
||
"_params": {}
|
||
},
|
||
{
|
||
"alias": false,
|
||
"_styles": {
|
||
"padding-top": "(@paddingTop * 1rem)",
|
||
"padding-bottom": "(@paddingBottom * 1rem)",
|
||
"& when (@bg-type = 'color')": {
|
||
"background-color": "@bg-value"
|
||
},
|
||
"& when (@bg-type = 'image')": {
|
||
"background-image": "url(@bg-value)"
|
||
},
|
||
".img-wrapper": {
|
||
"text-align": "center"
|
||
},
|
||
"img": {
|
||
"margin": "auto",
|
||
"width": "140px",
|
||
"padding-bottom": "2rem"
|
||
},
|
||
".row": {
|
||
"align-items": "flex-start"
|
||
},
|
||
".card-wrapper": {
|
||
"border-radius": "4px",
|
||
"background": "@cardColor",
|
||
"@media (max-width: 992px)": {
|
||
"margin-bottom": "2rem"
|
||
},
|
||
"@media (min-width: 768px)": {
|
||
"padding": "2rem"
|
||
},
|
||
"@media (max-width: 767px)": {
|
||
"padding": "1rem"
|
||
}
|
||
},
|
||
".card-title": {
|
||
"color": "#fdf0d5"
|
||
},
|
||
".mbr-text, .mbr-section-btn": {
|
||
"color": "#ffffff"
|
||
}
|
||
},
|
||
"_name": "clients2",
|
||
"_sourceTheme": "mobirise5",
|
||
"_customHTML": "<section data-bs-version=\"5.1\" class=\"clients2\" group=\"Clients\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\" plugins=\"mobirise-icons2\">\n\n <mbr-parameters>\n <header>Size</header>\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"1\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"0\">\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n <input type=\"checkbox\" title=\"Text\" name=\"showText\">\n <input type=\"checkbox\" title=\"Buttons\" name=\"showButtons\">\n <header>Cards</header>\n <input type=\"color\" title=\"BG\" name=\"cardColor\" value=\"#003049\" selected>\n <select title=\"Amount\" name=\"cardsAmount\">\n <option value=\"1\" selected>1</option>\n <option value=\"2\">2</option>\n <option value=\"3\">3</option>\n <option value=\"4\">4</option>\n </select>\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax>\n <input type=\"image\" title=\"Image\" value=\"../_images/background3.jpg\">\n <input type=\"color\" title=\"Color\" value=\"#003049\" selected>\n <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n </fieldset>\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#ffffff\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.5\" condition=\"overlay && bg.type !== 'color'\">\n </mbr-parameters>\n\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n </div>\n <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n <div class=\"row justify-content-center\">\n <div class=\"card col-12 col-md-6\" mbr-class=\"{'col-lg-4': cardsAmount < 4,\n 'col-lg-3': cardsAmount == 4}\">\n <div class=\"card-wrapper\">\n <div class=\"img-wrapper\">\n <a href=\"https://www.wpi.edu/academics/departments/computer-science\" target=\"_blank\"><img src=\"@PROJECT_PATH@/assets/images/wpi-inst-prim-white-rev-1-280x91.png\" alt=\"Mobirise\"></a>\n </div>\n <div class=\"card-box align-center\">\n <h6 class=\"card-subtitle mbr-fonts-style mb-0\" mbr-theme-style=\"display-4\" mbr-if=\"showSubtitle\" data-app-selector=\".card-subtitle\">\n Our Clients\n </h6>\n <h5 class=\"card-title mbr-fonts-style mb-3\" mbr-theme-style=\"display-7\" mbr-if=\"showTitle\" data-app-selector=\".card-title\">\n <i><a href=\"https://cs.wpi.edu\" class=\"text-primary\" target=\"_blank\" style>WPI CS Department</a><br><a href=\"https://sga.wpi.edu/\" class=\"text-primary\">WPI Student Government</a></i></h5>\n <p class=\"mbr-text mbr-fonts-style mb-4\" mbr-theme-style=\"display-4\" mbr-if=\"showText\" data-app-selector=\".mbr-text, .mbr-section-btn\">\n No special actions required, all sites you make with Mobirise are mobile-friendly.</p>\n <div mbr-buttons mbr-theme-style=\"display-4\" data-toolbar=\"-mbrBtnAdd, -mbrBtnMove, -mbrBtnRemove\" class=\"mbr-section-btn mt-3\" mbr-if=\"showButtons\">\n <a class=\"btn btn-primary-outline\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">Learn More</a>\n </div>\n </div>\n </div>\n </div>\n <div class=\"card col-12 col-md-6\" mbr-if=\"cardsAmount > 1\" mbr-class=\"{'col-lg-4': cardsAmount < 4,\n 'col-lg-3': cardsAmount == 4}\">\n <div class=\"card-wrapper\">\n <div class=\"img-wrapper\">\n <img src=\"../_images/clients/1.png\" alt=\"Mobirise\">\n </div>\n <div class=\"card-box align-center\">\n <h6 class=\"card-subtitle mbr-fonts-style mb-0\" mbr-theme-style=\"display-4\" mbr-if=\"showSubtitle\" data-app-selector=\".card-subtitle\">\n Our Clients\n </h6>\n <h5 class=\"card-title mbr-fonts-style mb-3\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".card-title\">\n <b>Our partner</b>\n </h5>\n <p class=\"mbr-text mbr-fonts-style mb-4\" mbr-theme-style=\"display-4\" mbr-if=\"showText\" data-app-selector=\".mbr-text, .mbr-section-btn\">\n Use Mobirise website building software to create multiple sites for your clients.</p>\n <div mbr-buttons mbr-theme-style=\"display-4\" data-toolbar=\"-mbrBtnAdd, -mbrBtnMove, -mbrBtnRemove\" class=\"mbr-section-btn mt-3\" mbr-if=\"showButtons\">\n <a class=\"btn btn-primary-outline\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">Learn More</a>\n </div>\n </div>\n </div>\n </div>\n <div class=\"card col-12 col-md-6\" mbr-if=\"cardsAmount > 2\" mbr-class=\"{'col-lg-4': cardsAmount < 4,\n 'col-lg-3': cardsAmount == 4}\">\n <div class=\"card-wrapper\">\n <div class=\"img-wrapper\">\n <img src=\"../_images/clients/1.png\" alt=\"Mobirise\">\n </div>\n <div class=\"card-box align-center\">\n <h6 class=\"card-subtitle mbr-fonts-style mb-0\" mbr-theme-style=\"display-4\" mbr-if=\"showSubtitle\" data-app-selector=\".card-subtitle\">\n Our Clients\n </h6>\n <h5 class=\"card-title mbr-fonts-style mb-3\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".card-title\">\n <b>Our partner</b>\n </h5>\n <p class=\"mbr-text mbr-fonts-style mb-4\" mbr-theme-style=\"display-4\" mbr-if=\"showText\" data-app-selector=\".mbr-text, .mbr-section-btn\">\n Create multiple pages. Don't forget to set links to your pages after creating them.</p>\n <div mbr-buttons mbr-theme-style=\"display-4\" data-toolbar=\"-mbrBtnAdd, -mbrBtnMove, -mbrBtnRemove\" class=\"mbr-section-btn mt-3\" mbr-if=\"showButtons\">\n <a class=\"btn btn-primary-outline\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">Learn More</a>\n </div>\n </div>\n </div>\n </div>\n <div class=\"card col-12 col-md-6\" mbr-if=\"cardsAmount > 3\" mbr-class=\"{'col-lg-4': cardsAmount < 4,\n 'col-lg-3': cardsAmount == 4}\">\n <div class=\"card-wrapper\">\n <div class=\"img-wrapper\">\n <img src=\"../_images/clients/1.png\" alt=\"Mobirise\">\n </div>\n <div class=\"card-box align-center\">\n <h6 class=\"card-subtitle mbr-fonts-style mb-0\" mbr-theme-style=\"display-4\" mbr-if=\"showSubtitle\" data-app-selector=\".card-subtitle\">\n Our Clients\n </h6>\n <h5 class=\"card-title mbr-fonts-style mb-3\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".card-title\">\n <b>Our partner</b>\n </h5>\n <p class=\"mbr-text mbr-fonts-style mb-4\" mbr-theme-style=\"display-4\" mbr-if=\"showText\" data-app-selector=\".mbr-text, .mbr-section-btn\">\n Each theme in the Mobirise site builder contains a set of unique blocks.</p>\n <div mbr-buttons mbr-theme-style=\"display-4\" data-toolbar=\"-mbrBtnAdd, -mbrBtnMove, -mbrBtnRemove\" class=\"mbr-section-btn mt-3\" mbr-if=\"showButtons\">\n <a class=\"btn btn-primary-outline\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">Learn More</a>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>",
|
||
"_cid": "sRwiqxgIXo",
|
||
"_anchor": "clients2-q",
|
||
"_protectedParams": [],
|
||
"_global": false,
|
||
"_once": false,
|
||
"_params": {}
|
||
},
|
||
{
|
||
"alias": false,
|
||
"_styles": {
|
||
"padding-top": "(@paddingTop * 1rem)",
|
||
"padding-bottom": "(@paddingBottom * 1rem)",
|
||
"background-color": "@bgColor",
|
||
".line": {
|
||
"background-color": "@lineColor",
|
||
"align": "center",
|
||
"height": "2px",
|
||
"margin": "0 auto"
|
||
},
|
||
".mbr-text": {
|
||
"color": "#ffffff"
|
||
}
|
||
},
|
||
"_name": "content6",
|
||
"_sourceTheme": "mobirise5",
|
||
"_customHTML": "<section data-bs-version=\"5.1\" class=\"content6\" group=\"Content\">\n <mbr-parameters>\n <header>Size</header>\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"2\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"1\">\n <input type=\"range\" name=\"textWidth\" title=\"Width\" min=\"4\" max=\"12\" value=\"12\" step=\"1\">\n \n <input type=\"color\" name=\"lineColor\" title=\"Color\" value=\"#003049\">\n <header>Background</header>\n <input type=\"color\" title=\"Color\" name=\"bgColor\" value=\"#003049\">\n </mbr-parameters>\n <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n <div class=\"row justify-content-center\">\n <div class=\"col-md-12 col-lg-{{textWidth}}\">\n <hr class=\"line\">\n <p class=\"mbr-text align-center mbr-fonts-style my-4\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-text\">\n <i><b>Bronze Sponsors</b></i></p>\n <hr class=\"line\">\n </div>\n </div>\n </div>\n</section>",
|
||
"_cid": "sSbzGEQBii",
|
||
"_anchor": "content6-v",
|
||
"_protectedParams": [],
|
||
"_global": false,
|
||
"_once": false,
|
||
"_params": {}
|
||
},
|
||
{
|
||
"alias": false,
|
||
"_styles": {
|
||
"& when not (@fullScreen)": {
|
||
"padding-top": "(@paddingTop * 1rem)",
|
||
"padding-bottom": "(@paddingBottom * 1rem)"
|
||
},
|
||
"& when (@bg-type = 'color')": {
|
||
"background-color": "@bg-value"
|
||
},
|
||
"& when (@bg-type = 'image')": {
|
||
"background-image": "url(@bg-value)"
|
||
},
|
||
"@media (max-width: 991px)": {
|
||
".image-wrapper": {
|
||
"margin-bottom": "1rem"
|
||
}
|
||
},
|
||
".row": {
|
||
"flex-direction": "row-reverse"
|
||
},
|
||
"img": {
|
||
"width": "100%"
|
||
},
|
||
".mbr-description": {
|
||
"color": "#ffffff"
|
||
}
|
||
},
|
||
"_name": "image3",
|
||
"_sourceTheme": "mobirise5",
|
||
"_customHTML": "<section data-bs-version=\"5.1\" class=\"image3\" group=\"Images & Videos\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-fullscreen': fullScreen,\n 'mbr-parallax-background': bg.parallax}\">\n <mbr-parameters>\n <header>Size</header>\n <input type=\"checkbox\" title=\"Full Screen\" name=\"fullScreen\">\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"1\" condition=\"fullScreen == false\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"3\" condition=\"fullScreen == false\">\n <input type=\"range\" name=\"textWidth\" title=\"Image\" min=\"4\" max=\"12\" step=\"1\" value=\"4\">\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Text\" name=\"showText\" checked>\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax>\n <input type=\"image\" title=\"Image\" value=\"../_images/background1.jpg\">\n <input type=\"color\" title=\"Color\" value=\"#003049\" selected>\n <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n </fieldset>\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#ffffff\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.7\" condition=\"overlay && bg.type !== 'color'\">\n </mbr-parameters>\n\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n </div>\n\n <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n <div class=\"row justify-content-center\">\n <div class=\"col-12 col-lg-{{textWidth}}\">\n <div class=\"image-wrapper\">\n <a href=\"http://hackp.ac/mlh-stickermule-hackathons\" target=\"_blank\"><img src=\"@PROJECT_PATH@/assets/images/sticker-mule-logo-white-1024x141.png\" alt=\"Mobirise\"></a>\n <p class=\"mbr-description mbr-fonts-style mt-2 align-center\" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".mbr-description\"><br>Sticker Mule</p>\n </div>\n </div>\n </div>\n </div>\n</section>",
|
||
"_cid": "sSbz0cYySb",
|
||
"_anchor": "image3-u",
|
||
"_protectedParams": [],
|
||
"_global": false,
|
||
"_once": false,
|
||
"_params": {}
|
||
},
|
||
{
|
||
"alias": false,
|
||
"_styles": {
|
||
"padding-top": "(@paddingTop * 1rem)",
|
||
"padding-bottom": "(@paddingBottom * 1rem)",
|
||
"& when (@bg-type = \"color\")": {
|
||
"background-color": "@bg-value"
|
||
},
|
||
"& when (@bg-type = \"image\")": {
|
||
"background-image": "url(@bg-value)"
|
||
},
|
||
"@media (min-width: 1500px)": {
|
||
".container": {
|
||
"max-width": "1400px"
|
||
}
|
||
},
|
||
".mbr-iconfont": {
|
||
"display": "block",
|
||
"font-size": "5rem",
|
||
"color": "@iconColor",
|
||
"margin-bottom": "2rem"
|
||
},
|
||
".card-wrapper": {
|
||
"margin-top": "3rem"
|
||
},
|
||
".row": {
|
||
"justify-content": "center"
|
||
},
|
||
".card-text": {
|
||
"color": "#fdf0d5"
|
||
},
|
||
".card-title, .iconfont-wrapper": {
|
||
"color": "#fdf0d5"
|
||
},
|
||
".mbr-section-title": {
|
||
"color": "#fdf0d5"
|
||
},
|
||
".mbr-section-subtitle": {
|
||
"color": "#fdf0d5"
|
||
}
|
||
},
|
||
"_name": "features1",
|
||
"_sourceTheme": "mobirise5",
|
||
"_customHTML": "<section data-bs-version=\"5.1\" class=\"features1\" group=\"Features\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n <mbr-parameters>\n <header>Size</header>\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"9\" step=\"1\" value=\"4\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"9\" step=\"1\" value=\"4\">\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showMainTitle\" checked>\n <input type=\"checkbox\" title=\"Subtitle\" name=\"showMainSubtitle\" checked>\n <header>Card</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n <input type=\"checkbox\" title=\"Text\" name=\"showText\" checked>\n <input type=\"checkbox\" title=\"Icons\" name=\"showIcon\" checked>\n <input type=\"color\" title=\"Icon Color\" name=\"iconColor\" value=\"#000000\" selected condition=\"showIcon\">\n <select title=\"Cards\" name=\"cardsAmount\">\n <option value=\"1\">1</option>\n <option value=\"2\">2</option>\n <option value=\"3\">3</option>\n <option value=\"4\" selected>4</option>\n </select>\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax>\n <input type=\"image\" title=\"Image\" value=\"../_images/background4.jpg\" parallax>\n <input type=\"color\" title=\"Color\" value=\"#f05165\" selected>\n <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n </fieldset>\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#ffffff\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.5\" condition=\"overlay && bg.type !== 'color'\">\n </mbr-parameters>\n\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n </div>\n <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n <div class=\"row\">\n <div class=\"col-12\" mbr-if=\"showMainTitle || showMainSubtitle\" mbr-class=\"{'col-lg-9': cardsAmount == '3'}\">\n <h3 class=\"mbr-section-title mbr-fonts-style align-center mb-0\" mbr-theme-style=\"display-2\" mbr-if=\"showMainTitle\" data-app-selector=\".mbr-section-title\"><b>Sponsor Benefits</b><b><br></b></h3>\n <h5 class=\"mbr-section-subtitle mbr-fonts-style align-center mb-0 mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showMainSubtitle\" data-app-selector=\".mbr-section-subtitle\">\n <br>Want to sponsor Hack@WPI 2022? Contact us at <a href=\"mailto:hack@wpi.edu\" class=\"text-info\">hack@wpi.edu</a> or find more information in our Sponsorship Package <a href=\"http://hack.wpi.edu/sponsor\" class=\"text-info\" target=\"_blank\">here</a>.<br><a href=\"mailto:hack@wpi.edu\" class=\"text-primary\"><br></a></h5>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"card col-12 col-md-6 col-lg-3\">\n <div class=\"card-wrapper\">\n <div class=\"card-box align-center\">\n <div class=\"iconfont-wrapper\" mbr-if=\"showIcon\">\n <span mbr-icon class=\"mbr-iconfont mbrib-hearth\" style=\"color: rgb(176, 141, 87); fill: rgb(176, 141, 87);\"></span>\n </div>\n <h5 class=\"card-title mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showTitle\" data-app-selector=\".card-title, .iconfont-wrapper\"><b>Bronze<br>$200</b><br><b><br></b></h5>\n <p class=\"card-text mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".card-text\">Logo on marketing materials<br><br>Logo on merchandise (small)<br>\n<br>Access to student resumes<br><br>Send mentors and host workshops*<br></p>\n </div>\n </div>\n </div>\n <div class=\"card col-12 col-md-6 col-lg-3\" mbr-if=\"cardsAmount > 1\">\n <div class=\"card-wrapper\">\n <div class=\"card-box align-center\">\n <div class=\"iconfont-wrapper\" mbr-if=\"showIcon\">\n <span mbr-icon class=\"mbr-iconfont mbrib-hearth\" style=\"color: rgb(187, 187, 187); fill: rgb(187, 187, 187);\"></span>\n </div>\n <h5 class=\"card-title mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showTitle\" data-app-selector=\".card-title, .iconfont-wrapper\"><b>Silver</b><div><b>$500</b></div><div><b><br></b></div></h5>\n <p class=\"card-text mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".card-text\"><i>Everything from <b>Bronze</b>, plus...</i><br><br>Send recruiters*<br></p>\n </div>\n </div>\n </div>\n <div class=\"card col-12 col-md-6 col-lg-3\" mbr-if=\"cardsAmount > 2\">\n <div class=\"card-wrapper\">\n <div class=\"card-box align-center\">\n <div class=\"iconfont-wrapper\" mbr-if=\"showIcon\">\n <span mbr-icon class=\"mbr-iconfont mbrib-hearth\" style=\"color: rgb(255, 215, 0); fill: rgb(255, 215, 0);\"></span>\n </div>\n <h5 class=\"card-title mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showTitle\" data-app-selector=\".card-title, .iconfont-wrapper\"><b>Gold</b><div><b>$1000</b></div><div><b><br></b></div></h5>\n <p class=\"card-text mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".card-text\"><i>Everything from <b>Silver</b>, plus...</i><br><br>Sponsor table*<br><br>Spot on judging panel</p>\n </div>\n </div>\n </div>\n <div class=\"card col-12 col-md-6 col-lg-3\" mbr-if=\"cardsAmount > 3\">\n <div class=\"card-wrapper\">\n <div class=\"card-box align-center\">\n <div class=\"iconfont-wrapper\" mbr-if=\"showIcon\">\n <span mbr-icon class=\"mbr-iconfont mbrib-hearth\" style=\"color: rgb(102, 155, 188); fill: rgb(102, 155, 188);\"></span>\n </div>\n <h5 class=\"card-title mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showTitle\" data-app-selector=\".card-title, .iconfont-wrapper\"><b>Title Sponsor</b><br><b>$2000</b></h5>\n <p class=\"card-text mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".card-text\"><br><i>Everything from <b>Gold</b>, plus...</i><br><br>Opening keynote<br><br>Present top three prizes<br><br>\"Hosted by [your company name]\" </p>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>",
|
||
"_cid": "sjARbWRr21",
|
||
"_anchor": "features1-c",
|
||
"_protectedParams": [],
|
||
"_global": false,
|
||
"_once": false,
|
||
"_params": {}
|
||
},
|
||
{
|
||
"alias": false,
|
||
"_styles": {
|
||
"padding-top": "(@paddingTop * 1rem)",
|
||
"padding-bottom": "(@paddingBottom * 1rem)",
|
||
"background-color": "@bgColor"
|
||
},
|
||
"_name": "content11",
|
||
"_sourceTheme": "mobirise5",
|
||
"_customHTML": "<section data-bs-version=\"5.1\" class=\"content11\" group=\"Content\">\n <mbr-parameters>\n <header>Size</header>\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\" checked>\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"0\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"0\">\n <input type=\"range\" name=\"textWidth\" title=\"Width\" min=\"4\" max=\"12\" value=\"10\" step=\"1\">\n <header>Background</header>\n <input type=\"color\" title=\"Color\" name=\"bgColor\" value=\"#f05165\">\n </mbr-parameters>\n <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n <div class=\"row justify-content-center\">\n <div class=\"col-md-12 col-lg-{{textWidth}}\">\n <div class=\"mbr-section-btn align-center\" mbr-buttons mbr-theme-style=\"display-4\" data-toolbar=\"-mbrBtnMove\"><a class=\"btn btn-info\" href=\"https://hack.wpi.edu/sponsor\" data-app-placeholder=\"Type Text\" target=\"_blank\">Click Here for Sponsor Packet</a></div>\n </div>\n </div>\n </div>\n</section>",
|
||
"_cid": "sRGUH9LKRU",
|
||
"_anchor": "content11-t",
|
||
"_protectedParams": [],
|
||
"_global": false,
|
||
"_once": false,
|
||
"_params": {}
|
||
},
|
||
{
|
||
"alias": false,
|
||
"_styles": {
|
||
"padding-top": "(@paddingTop * 15px)",
|
||
"padding-bottom": "(@paddingBottom * 15px)",
|
||
"& when (@bg-type = 'image')": {
|
||
"background-image": "url(@bg-value)"
|
||
},
|
||
"& when (@bg-type = 'color')": {
|
||
"background-color": "@bg-value"
|
||
},
|
||
"overflow": "hidden",
|
||
".media-container-row .mbr-text": {
|
||
"color": "#fdf0d5"
|
||
}
|
||
},
|
||
"_name": "footer7",
|
||
"_sourceTheme": "mobirise5",
|
||
"_customHTML": "<section data-bs-version=\"5.1\" class=\"footer7\" group=\"Footers\" global once=\"footers\" mbr-class=\"{'mbr-reveal': reveal, 'mbr-parallax-background': bg.parallax}\">\n\n <mbr-parameters>\n <!-- Block parameters controls (Blue \"Gear\" panel) -->\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"2\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"2\">\n <input type=\"checkbox\" title=\"Reveal effect\" name=\"reveal\">\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax>\n <input type=\"image\" title=\"Image\" value=\"../_images/background5.jpg\">\n <input type=\"color\" title=\"Color\" value=\"#f05165\" selected>\n </fieldset>\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#232323\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.6\" condition=\"overlay && bg.type !== 'color'\">\n <!-- End block parameters -->\n </mbr-parameters>\n\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\" opacity=\"{{overlayOpacity}}\" bg-color=\"{{overlayColor}}\"></div>\n\n <div class=\"container\">\n <div class=\"media-container-row align-center mbr-white\">\n <div class=\"col-12\">\n <p class=\"mbr-text mb-0 mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".media-container-row .mbr-text\" data-app-placeholder=\"Type Text\">\n *<b>If your company is unable to send in-person representatives for any reason, the Hack@WPI planning team will be\n<br>sure to provide reasonable remote alternatives and work with you to ensure the success of your company’s recruiting\n<br>efforts!</b></p>\n </div>\n </div>\n </div>\n</section>",
|
||
"_cid": "sQWu9A76C9",
|
||
"_anchor": "footer7-f",
|
||
"_protectedParams": [],
|
||
"_global": true,
|
||
"_once": "footers",
|
||
"_params": {}
|
||
},
|
||
{
|
||
"alias": false,
|
||
"_styles": {
|
||
"& when not (@fullScreen)": {
|
||
"padding-top": "(@paddingTop * 1rem)",
|
||
"padding-bottom": "(@paddingBottom * 1rem)"
|
||
},
|
||
"& when (@bg-type = \"image\")": {
|
||
"background-image": "url(@bg-value)"
|
||
},
|
||
"& when (@bg-type = \"color\")": {
|
||
"background-color": "@bg-value"
|
||
},
|
||
"ul": {
|
||
"list-style": "none",
|
||
"margin": "0",
|
||
"padding-left": "2.5rem"
|
||
},
|
||
"li": {
|
||
"position": "relative",
|
||
"margin-bottom": "1rem"
|
||
},
|
||
"ul li::before": {
|
||
"position": "absolute",
|
||
"left": "-1.6rem",
|
||
"content": "\"\\2022\"",
|
||
"color": "@primaryColor",
|
||
"font-weight": "bold",
|
||
"font-size": "2rem",
|
||
"width": "1.6rem"
|
||
},
|
||
"H3": {
|
||
"text-align": "center"
|
||
},
|
||
".list": {
|
||
"color": "#000000"
|
||
}
|
||
},
|
||
"_name": "content14",
|
||
"_sourceTheme": "mobirise5",
|
||
"_customHTML": "<section data-bs-version=\"5.1\" group=\"Content\" class=\"content14\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{\n 'mbr-fullscreen': fullScreen,\n 'mbr-parallax-background': bg.parallax}\">\n <mbr-parameters>\n <header>Size</header>\n <input type=\"checkbox\" title=\"Full Screen\" name=\"fullScreen\">\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"5\" condition=\"fullScreen == false\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"5\" condition=\"fullScreen == false\">\n <input type=\"range\" name=\"textWidth\" title=\"Width\" min=\"4\" max=\"12\" value=\"10\" step=\"1\">\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax>\n <input type=\"image\" title=\"Image\" value=\"../_images/background1.jpg\" parallax>\n <input type=\"color\" title=\"Color\" value=\"#fdf0d5\" selected>\n <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n </fieldset>\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#ffffff\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.8\" condition=\"overlay && bg.type !== 'color'\">\n </mbr-parameters>\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\" opacity=\"{{overlayOpacity}}\" bg-color=\"{{overlayColor}}\"></div>\n \n <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n <div class=\"row justify-content-center\">\n <div class=\"col-md-12 col-lg-{{textWidth}}\">\n <h3 class=\"mbr-section-title mbr-fonts-style mb-4\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\">\n <b>FAQ</b></h3>\n <ul class=\"list mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".list\" data-multiline mbr-article>\n <li><b>Who can attend in person?</b><br>WPI students can attend the event in-person in the top floor of the Rubin Campus Center. External participants (e.g. participants from other schools, states, etc.) can only participate in Hack@WPI 2022 virtually due to COVID-19 restrictions.</li><li><b>Do I need to know how to code in order to participate?</b><br>You do not need to know how to code in order to participate! Hack@WPI 2022 is open to all kinds of STEM majors, and we encourage both software <i>and</i> hardware hacks. This means the event isn't limited to just CS majors or programmers -- practically anybody can participate.</li>\n <li><b>Will hardware and tools be offered?</b><br>Tools, hardware and machines are available to WPI students in the Makerspace in the Innovation Studio; students should see <a href=\"http://makerspace.wpi.edu\" class=\"text-success\">makerspace.wpi.edu</a> for more details.<br><br>Virtual participants will need to find their own tools, hardware, and machines to utilize for the hackathon.</li>\n <li><b>How big can the teams be?</b><br>Teams can range anywhere from 1 to 5 people.</li>\n <li><b>What if I'm a WPI student living off-campus and wish to participate the event overnight?</b><br>Due to updated COVID-19 protocols, we are no longer able to provide food for the event.</li>\n <li><b>Will there be food or refreshments?</b><br>Due to updated COVID-19 protocols, we are no longer able to provide food at the event - we are currently looking into alternatives and will be providing additional information prior to the start of the event<br><br>There will also be snacks, water, and other refreshments provided throughout the event. We will also be adhering to food-specific COVID-19 guidelines to ensure everyone's safety.</li>\n </ul>\n </div>\n </div>\n </div>\n</section>",
|
||
"_cid": "sQWE0mFSqm",
|
||
"_anchor": "content14-n",
|
||
"_protectedParams": [],
|
||
"_global": false,
|
||
"_once": false,
|
||
"_params": {}
|
||
}
|
||
]
|
||
}
|
||
}
|
||
} |