Difference between revisions of "Team:Cadets2Vets/Safety"

(Undo revision 65868 by JoshGrace (talk))
 
(20 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
{{Team:Cadets2Vets/SideMenu}}
 
{{Team:Cadets2Vets/SideMenu}}
−
{{Team:Cadets2Vets/Safety}}
 
  
 
<html>
 
<html>
 
<head>
 
<head>
 
<title>
 
<title>
−
Safety - USE THIS ONE!!!</title>
+
Safety - Home</title>
 
<!-- META -->
 
<!-- META -->
 
<meta charset="UTF-8">
 
<meta charset="UTF-8">
Line 11: Line 10:
 
 
 
 
−
<meta name="robots" content="noindex, nofollow">
 
−
 
 
 
−
 
−
<link rel="icon" type="image/png" href="https://lh3.googleusercontent.com/dd_e0xA19up9208Tv6odcjHEw6z4cKAA6fTgjZ9ynkKoSnr5R4vFxI7gZp6pnZH1Vi5T5f-fphjFsrLG=s30" />
 
−
<link rel="apple-touch-icon" href="https://lh3.googleusercontent.com/dd_e0xA19up9208Tv6odcjHEw6z4cKAA6fTgjZ9ynkKoSnr5R4vFxI7gZp6pnZH1Vi5T5f-fphjFsrLG=s30" />
 
−
 
 
 
−
+
<link href="https://2017.igem.org/Team:Cadets2Vets/css/common?action=raw&ctype=text/css" rel="stylesheet">
−
<!-- User Head Code -->
+
                <link href="https://2017.igem.org/Team:Cadets2Vets/css/all_css?action=raw&ctype=text/css" rel="stylesheet">
 +
<link rel="icon" type="image/png" href="https://static.igem.org/mediawiki/2017/7/71/Circleimage1.png" />
 +
<link rel="apple-touch-icon" href="https://static.igem.org/mediawiki/2017/7/71/Circleimage1.png" />
 +
        <link href="https://2017.igem.org/Team:Cadets2Vets/css/safety/stripe_data_css?action=raw&ctype=text/css" rel="stylesheet">
 +
<link href="https://2017.igem.org/Team:Cadets2Vets/css/stripe_data_css?action=raw&ctype=text/css" rel="stylesheet">
 +
        <link href="https://2017.igem.org/Team:Cadets2Vets/css/fonts?action=raw&ctype=text/css" rel="stylesheet">
 +
                <link href="https://2017.igem.org/Team:Cadets2Vets/css/effects?action=raw&ctype=text/css" rel="stylesheet">
 +
                <link href="https://2017.igem.org/Team:Cadets2Vets/css/lightbox?action=raw&ctype=text/css" rel="stylesheet">
 +
                <link href="https://2017.igem.org/Team:Cadets2Vets/css/spimeview?action=raw&ctype=text/css" rel="stylesheet">
 +
        <link href="https://2017.igem.org/Team:Cadets2Vets/css/safety/static_style?action=raw&ctype=text/css" rel="stylesheet">
 +
<!-- SCRIPT -->
 +
<script type="text/javascript" src="https://2017.igem.org/Team:Cadets2Vets/js/xprs_helper?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2017.igem.org/Team:Cadets2Vets/js/all_js?action=raw&ctype=text/javascript"></script>
 +
                <script type="text/javascript" src="https://2017.igem.org/Team:Cadets2Vets/js/lib/touchswipe/jquery_mobile_custom_min?action=raw&ctype=text/javascript"></script>
 +
 
 
 
 
−
 
−
<script type="text/javascript">var rowcol_arranger = {};
 
−
 
−
rowcol_arranger.init = function(container,items,whatsNext){
 
−
SpimeEngine.DebugPrint("rowcol arranger init for " + items.length + " items and container: " + container.width() + " X " + container.height());
 
−
 
−
/******************************************************************
 
−
*          HANDLING THE ELEMENTS
 
−
********************************************************************/
 
−
var elements = items.not(".element-box").first().siblings(".element-box");
 
−
elements.remove();
 
−
 
−
/******************************************************************
 
−
*          HANDLING THE ITEMS
 
−
********************************************************************/
 
−
var itemsHolder = container.find("#items-holder");
 
−
var itemsHolderWrapper = container.find("#items-holder-wrapper");
 
−
//backward compatibility
 
−
if (itemsHolder.length == 0){
 
−
items = container.find(".sub.item-box");
 
−
itemsHolder = $("<div id='items-holder' />");
 
−
itemsHolderWrapper = $("<div id='items-holder-wrapper' />");
 
−
itemsHolder.append(items);
 
−
itemsHolderWrapper.append(itemsHolder);
 
−
container.find("#children").append(itemsHolderWrapper);
 
−
}
 
−
 
−
var pagHolder = container.find("#pagination-holder");
 
−
if (pagHolder.length == 0){
 
−
rowcol_arranger.initPaginationHolder(container);
 
−
}
 
−
 
−
if (typeof  whatsNext != "undefined"){
 
−
whatsNext();
 
−
}
 
−
};
 
−
 
−
rowcol_arranger.arrange = function(items,container,whatsNext){
 
−
SpimeEngine.DebugPrint("rowcol arranger arrange for " + items.length + " items and container: " + container.width() + " X " + container.height());
 
 
 
−
/******************************************************************
 
−
*          HANDLING THE ELEMENTS
 
−
********************************************************************/
 
−
//var elementsHolder = container.find("#elements-holder");
 
−
var itemsHolder = container.find("#items-holder");
 
−
items = itemsHolder.children();
 
−
var calculatedElementsHeight = 0;
 
 
 
−
var stripe = container.closest(".master.item-box");
+
<!-- User analytics -->
−
stripe.css("min-height","initial");
+
−
var stripeType = stripe.attr("data-preset-type-id");
+
−
var isFeatures = XPRSHelper.inPresetGroup(stripeType,"FEATURES");
+
  
  
−
/******************************************************************
+
<!-- Serving analytics -->
−
*          LOADING ARRANGER SETTINGS
+
<script>
−
********************************************************************/
+
var currentDomain =  window.location.host;
−
+
if (currentDomain != "localhost:7000"){
−
var settings = container.closest(".item-wrapper").find(".arranger-settings");
+
var _gaq = _gaq || [];
−
var ratio = parseFloat(settings.attr('data-arranger_item_ratio')) ;
+
_gaq.push(['_setAccount', 'UA-58695071-1']);
−
var colsFromSettings = parseInt(settings.attr('data-arranger_cols'));
+
_gaq.push(['_setDomainName', currentDomain]);
−
colsFromSettings = isFeatures ? items.length : colsFromSettings;
+
_gaq.push(['_setAllowLinker', true]);
−
var itemsMargin =  parseInt(settings.attr('data-arranger_item_spacing'));
+
_gaq.push(['_trackPageview']);
−
var itemMinWidth = parseInt(settings.attr('data-arranger_item_min_width'));
+
−
var itemMaxWidth = parseInt(settings.attr('data-arranger_item_max_width'));
+
−
var itemsPerPage = settings.attr('data-arranger_items_per_page');
+
−
itemsPerPage = isFeatures ? items.length : itemsPerPage;
+
−
itemsPerPage = (itemsPerPage == "all") ? items.length : parseInt(itemsPerPage);
+
−
+
−
+
−
/******************************************************************
+
−
* DEFINE PARTICIPATING DIVS       
+
−
********************************************************************/
+
−
//ParentWrapper is the source for our max width
+
−
var parentWrapper = itemsHolder.closest(".gallery-wrapper");
+
−
+
−
var forcedArrange = (typeof stripe.attr("data-forced-arrange") != "undefined");
+
−
var fromHeightResize = (typeof stripe.attr("data-height-resize") != "undefined");
+
−
var fromWidthResize = forcedArrange || (typeof stripe.attr("data-width-resize") != "undefined") || (typeof stripe.attr("data-arranger_cols-from-settings") != "undefined")|| (typeof stripe.attr("data-arranger_item_spacing-from-settings") != "undefined");
+
−
stripe.removeAttr("data-forced-arrange");
+
−
var paginationWrapper =  container.find("#pagination-wrapper");
+
−
var paginationHeight = paginationWrapper.is(':visible') ? paginationWrapper.outerHeight(true) : 0;
+
−
//var stripeHeight = stripe.height() - calculatedElementsHeight - paginationHeight;//- parseInt(stripe.css("padding-top")) - parseInt(stripe.css("padding-bottom"));
+
−
+
−
/******************************************************************
+
−
* START CALCULATIONS WITH ITEM MIN WIDTH AND HEIGHT * RATIO AND COLS AS THE NUMBER OF ITEMS     
+
−
********************************************************************/
+
−
var percentagePaddingFix = 0;
+
−
if (parseInt(stripe.css("padding-left")) > 0){
+
−
percentagePaddingFix = 1;
+
−
}
+
−
var wrapperWidth = parentWrapper.width() - percentagePaddingFix;
+
−
//Min width can not be larger than  screen or the max item width
+
−
itemMinWidth = Math.min(itemMinWidth,itemMaxWidth);
+
−
itemMinWidth = Math.min(itemMinWidth,wrapperWidth);
+
−
items.find(".preview-content-holder").css("min-height","");
+
−
+
−
var cols = Math.floor((wrapperWidth + itemsMargin*2) / (itemMinWidth + itemsMargin*2));
+
−
cols = Math.min(colsFromSettings,cols);
+
−
if (fromWidthResize){
+
−
var wrapperWidthForTest = wrapperWidth - colsFromSettings*itemsMargin*2 + itemsMargin*2;
+
−
itemMinWidth =  Math.floor(wrapperWidthForTest / colsFromSettings);
+
−
itemMinWidth = Math.min(itemMinWidth,itemMaxWidth);
+
−
itemMinWidth *= 0.7;
+
−
cols = colsFromSettings;
+
−
}
+
−
//cols must be at least 1
+
−
cols =  Math.max(cols,1);
+
−
+
−
if (cols == 2 && colsFromSettings != 2 && items.length == 3){
+
−
cols = 1;
+
−
}
+
−
+
−
if (cols == 3 && items.length == 4 && colsFromSettings != 3){
+
−
cols = 2;
+
−
}
+
−
if (cols == 5 && items.length == 6 && colsFromSettings != 5){
+
−
cols = 3;
+
−
}
+
−
+
−
//The total number of rows we have
+
−
var rows = Math.ceil(items.length / cols);
+
−
//Restoring items defaults (if change during previous arrange)
+
−
items.show();
+
−
items.css({"clear":""});
+
−
var itemRow = 0;
+
−
+
−
/******************************************************************
+
−
* BREAK THE ITEMS ACCORDING TO CALCULATED COLS AND GIVE EACH ONE ROW IDENTIFIER
+
−
********************************************************************/
+
−
+
−
var maxContentHeight = 0;
+
−
items.removeClass("top-side").removeClass("bottom-side").removeClass("left-side").removeClass("right-side");;
+
−
items.each(function(idx){
+
−
if (idx % cols == 0){
+
−
$(this).css({"clear":"left"});
+
−
$(this).addClass("left-side");
+
−
itemRow++;
+
 
}
 
}
−
if (idx % cols == cols-1){
+
</script>
−
$(this).addClass("right-side");
+
−
}
+
−
if (itemRow == 1){
+
−
$(this).addClass("top-side");
+
−
}
+
−
if (itemRow == rows){
+
−
$(this).addClass("bottom-side");
+
−
}
+
−
$(this).attr("data-row",itemRow);
+
−
maxContentHeight = Math.max(maxContentHeight,$(this).find(".preview-content-holder").height());
+
−
});
+
−
//maxContentHeight = Math.max(itemsHolder.height(),maxContentHeight);
+
 
 
 +
<!-- Label config-->
 +
<script>
 +
 +
var LABEL_CONFIG = {};
 +
 +
</script></head>
 +
 +
<body class="fast-animated-bg fixed-bg " data-ecommerce-solution="NONE" data-root-id="vbid-59a5b-fnxcttvm" data-root-style-id="style-59a5b-yamofliu" data-default-currency="USD" data-osid="osid--6af0e67f-af8681d1"  data-app-version="1.4.1f" data-caller="live"  data-ecommerce-dashboard="https://dashboard.shoprocket.co" data-static-server="//www.imcreator.com" data-imos-server="https://imos004-dot-im--os.appspot.com">
 
 
−
//if we have more space we enlarge the items
+
<div id="xprs" data-website-name="Home" class="xprs-holder" >
−
var extraSpace = Math.floor(    (wrapperWidth - (cols*itemMinWidth) - (cols*itemsMargin*2) + (itemsMargin*2) ) /cols    );
+
<div class="main-page "  >
−
var calculatedItemWidth = Math.floor(itemMinWidth + extraSpace);//Math.round((wrapperWidth)/cols) - ((cols-1)*(itemsMargin*2));
+
<div id="content">
−
calculatedItemWidth = Math.min(calculatedItemWidth,itemMaxWidth);
+
<div  id="vbid-5515b55f-jgjhhkan" class="master container style-5515b55f-237hs5eh content stripes  website-style " data-itemtype="folder" data-creator="" data-itemname="Safety"  data-itemslug="safety" data-itemstyleid="style-5515b55f-237hs5eh" data-margintop="" data-arranger="stripes" data-layout="middle" data-vbid="vbid-5515b55f-jgjhhkan" data-preset-type-id="ITEMS" data-preview-style="style-5515b55f-237hs5eh" data-style="style-5a24e-kzdyurm3ju" data-absolute-path=""  >
 +
<!-- ARRANGER SETTINGS -->
 +
<div class="arranger-settings" style="display:none;"
 +
data-ARRANGER_TYPE="stripes"
 +
data-ARRANGER_COLS="0"
 +
data-ARRANGER_ITEM_MAX_WIDTH="400"
 +
data-ARRANGER_ITEM_MIN_WIDTH="230"
 +
data-ARRANGER_ITEM_RATIO="1"
 +
data-ARRANGER_ITEM_SPACING="20"
 +
data-ARRANGER_ITEMS_PER_PAGE="all"
 +
data-ARRANGER_ORDER_TYPE="regular"
 +
data-AUTO_PLAY="false"
 +
data-AUTO_PLAY_DURATION="4"
 +
data-FLEX_ELEMENT_EFFECT=""
 +
></div>
 +
<div class="layout-settings" style="display:none;" data-type="middle"></div>
 +
<div id="children">
 
 
−
setTimeout(function(){
 
−
if (wrapperWidth - parentWrapper.width() > 3){
 
−
extraSpace = Math.floor(    (parentWrapper.width() - (cols*itemMinWidth) - (cols*itemsMargin*2) + (itemsMargin*2) )  /cols    );
 
−
calculatedItemWidth = Math.floor(itemMinWidth + extraSpace);//Math.round((wrapperWidth)/cols) - ((cols-1)*(itemsMargin*2));
 
−
calculatedItemWidth = Math.min(calculatedItemWidth,itemMaxWidth);
 
−
items.width(calculatedItemWidth);
 
−
}
 
−
},10);
 
 
 
−
if (fromWidthResize){
 
−
//calculatedItemWidth = itemMinWidth;
 
−
settings.attr('data-arranger_item_min_width',itemMinWidth);
 
−
stripe.attr("data-items-min-width",itemMinWidth);
 
−
}
 
−
 
−
/******************************************************************
 
−
* CHANGE ITEMS WIDTH HEIGHT AND SPACING ACCORDING TO CALCULATIONS
 
−
********************************************************************/
 
−
items.width(calculatedItemWidth).css({"margin":itemsMargin});
 
−
items.filter(".top-side").css("margin-top",itemsMargin*2);
 
−
items.filter(".bottom-side").css("margin-bottom",itemsMargin*2);
 
−
items.filter(".left-side").css("margin-left",0);
 
−
items.filter(".right-side").css("margin-right",0);
 
 
 
−
 
+
<!-- MENUS START -->
−
itemsHolder.css({"width":"100%","text-align":""});
+
<div  id="vbid-59a5b-1xbnq2ek" class="master item-box  header-box style-59a5b-jbqq3wgo injected        " data-holder-type="header"" data-holder-type="header" data-child-type="ORIGIN"  data-styleid="style-59a5b-jbqq3wgo" data-preview-styleid='style-59a5b-jbqq3wgo' data-preset-type-id="MENUS">
−
+
<div id="no-image" class="stripe-background load-high-res " ></div>
−
items.slice(itemsPerPage,items.length).hide();
+
<div class="header-wrapper item-wrapper menus-wrapper ">
−
+
−
if (fromHeightResize && isFeatures){
+
<div class="item-content leaf menu_layout header content" data-preview-style="style-59a5b-jbqq3wgo" data-style="style-7f715-scjjarqgxu"  data-behavior-type="NOTHING" data-orig-thumb-height="" data-orig-thumb-width="" data-vbid="vbid-59a5b-1xbnq2ek" data-bgimg="">
−
ratio = (stripe.height() - itemsMargin*4) / calculatedItemWidth;
+
<div class="preview-content-wrapper">
−
stripe.attr("data-item-ratio",ratio.toFixed(2));
+
<div class="preview-content-holder">
−
settings.attr('data-arranger_item_ratio',ratio);
+
<div class="left-div">
−
}
+
<div class="benet" style="min-height:inherit;"></div>
−
var calculatedItemHeight = calculatedItemWidth*ratio;
+
<div class="logo-holder">
−
items.css({"min-height":calculatedItemHeight});
+
<!-- ICON TEMPLATE -->
−
items.find(".item-wrapper").css({"min-height":calculatedItemHeight});
+
 
 
−
+
<div class="element-placeholder" data-elementtype='ICON' style="display:none;"></div>
−
items.each(function(idx){
+
−
maxContentHeight = Math.max(maxContentHeight,$(this).find(".preview-content-holder").height());
+
−
});
+
−
//if (items.find(".helper-div.top-center").length == 0){
+
−
if (items.find(".helper-div.middle-center,.helper-div.bottom-right,.helper-div.bottom-left,.helper-div.top-left,.helper-div.top-right").length == 0){
+
−
items.find(".preview-content-holder").css("min-height",maxContentHeight);
+
−
}else{
+
−
//items.find(".vertical-aligner").css("min-height",maxContentHeight);
+
−
}
+
−
//}else{
+
−
// items.find(".text-side .vertical-aligner").css("min-height",maxContentHeight);
+
−
//}
+
−
+
−
+
−
+
−
/******************************************************************
+
−
* HANDLE PAGINATION
+
−
********************************************************************/
+
−
// If we need pagination (not all items fit the given height)
+
−
var inMoreMode = (typeof stripe.attr("data-more-clicked") != "undefined");
+
−
if (itemsPerPage < items.length ){
+
−
if (inMoreMode){
+
−
paginationWrapper.hide();
+
−
items.show();
+
−
}else{
+
−
paginationWrapper.show();
+
−
}
+
−
}else{
+
−
//Hide paginator
+
−
paginationWrapper.hide();
+
−
}
+
−
+
−
+
−
extraSpace = Math.floor(    (wrapperWidth - (cols*itemMaxWidth) - (cols*itemsMargin*2) + (itemsMargin*2) )  /cols    );
+
−
if(calculatedItemWidth == itemMaxWidth && extraSpace > 0){
+
−
itemsHolder.css("text-align","center");
+
−
var currentRowWidth = (itemMaxWidth * cols) + (cols*itemsMargin*2) - itemsMargin*2;
+
−
itemsHolder.width(currentRowWidth);
+
−
}else{
+
−
itemsHolder.css("width","");
+
−
}
+
  
−
if (typeof  whatsNext != "undefined"){
+
</div>
−
var originalItemMinWidth = parseInt(settings.attr('data-arranger_item_min_width'));
+
<div class="helper-div">
−
var actualItemMinWidth = itemMinWidth;
+
<div class="item-details menu">
−
if (actualItemMinWidth != originalItemMinWidth){
+
<!-- TITLE TEMPLATE -->
−
stripe.attr("data-items-min-width",actualItemMinWidth);
+
−
}
+
<div class="element-placeholder" data-elementtype='TITLE' style="display:none;"></div>
−
whatsNext();
+
−
}
+
  
−
};
+
<!-- SUBTITLE TEMPLATE -->
 +
 +
<div class="element-placeholder" data-elementtype='SUBTITLE' style="display:none;"></div>
  
−
rowcol_arranger.showMore = function(stripe){
+
</div>
−
+
</div>
−
var itemsHolder = stripe.find("#items-holder");
+
</div>
−
var items = itemsHolder.children();
+
<div class="right-div">
−
var paginationWrapper = stripe.find("#pagination-wrapper");
+
<div class="benet" style="min-height:inherit;"></div>
−
paginationWrapper.hide();
+
<!-- LINKS TEMPLATE -->
−
var itemsWrapper = stripe.find("#items-holder-wrapper");
+
<div class="preview-item-links ">
−
var topMargin = parseInt(itemsWrapper.css("margin-top"));
+
<ul class="preview-links-wrapper">
−
itemsWrapper.css("margin-bottom",topMargin);
+
−
items.show();
+
−
SpimeEngine.fitVideos(stripe);
+
−
stripe.attr("data-more-clicked","true");
+
−
};
+
  
−
rowcol_arranger.showLess = function(stripe){
 
−
var itemsHolder = stripe.find("#items-holder");
 
−
var items = itemsHolder.children();
 
−
var paginationWrapper = stripe.find("#pagination-wrapper");
 
−
var itemsWrapper = stripe.find("#items-holder-wrapper");
 
−
//var topMargin = parseInt(itemsWrapper.css("margin-top"));
 
−
itemsWrapper.css("margin-bottom","");
 
−
var itemsToShow = parseInt(stripe.attr("data-items-to-show"));
 
−
if (itemsToShow < items.length){
 
−
paginationWrapper.show();
 
−
}
 
−
items.hide();
 
−
items.slice(0,itemsToShow).show();
 
−
stripe.removeAttr("data-more-clicked");
 
−
};
 
  
−
 
+
−
 
+
−
rowcol_arranger.initPaginationHolder = function(container){
+
−
var paginationBtn = $("<div id='pagination-btn' />");
+
−
paginationBtn.text("More");
+
−
var paginationHolder = $("<div id='pagination-holder' />").addClass("magic-circle-holder").attr("data-menu-name","PAGINATION_SETTINGS");
+
−
var paginationHolderWrapper = $("<div id='pagination-wrapper' class='layer5' />");
+
−
paginationHolder.append(paginationBtn);
+
−
paginationHolderWrapper.append(paginationHolder);
+
−
container.find("#children").append(paginationHolderWrapper);
+
−
paginationHolder.unbind("click").bind("click",function(e){
+
−
e.stopPropagation();
+
−
var stripe = container.closest(".master.item-box");
+
−
rowcol_arranger.showMore(stripe);
+
−
});
+
−
};; var bottom_layout = {};
+
−
 
+
−
bottom_layout.init = function(container,items){
+
−
SpimeEngine.DebugPrint("bottom layout init for " + items.length + " items and container: " + container.width() + " X " + container.height());
+
−
// var originalFontSize = Math.round(parseInt(items.find(".preview-title").css("font-size")));
+
−
// items.find(".preview-title").attr("data-orig-font-size",originalFontSize);
+
−
};
+
−
 
+
−
bottom_layout.applyLayout = function(container,items,paramsFromRealTime){
+
−
var maxContentHeight = 0;
+
−
var calculatedItemHeight = 0;
+
−
var innerMaxHeight = 0;
+
−
items.find(".image-cover").css("height","");
+
−
items.find(".preview-content-holder").css("min-height","");
+
−
items.filter(":visible").each(function(){
+
−
var currentItem = $(this);
+
−
if ( typeof currentItem.attr("data-height-from-arranger") != "undefined"){
+
−
calculatedItemHeight = parseInt(currentItem.attr("data-height-from-arranger"));
+
−
}else{
+
−
calculatedItemHeight = Math.max(currentItem.height(),calculatedItemHeight);
+
−
}
+
 
 
−
var contentHolder = currentItem.find(".preview-content-holder");
+
<li class="removable-parent">
−
var contentHeight = contentHolder.outerHeight(true);
+
−
maxContentHeight = Math.max(contentHeight,maxContentHeight);
+
−
innerMaxHeight = Math.max(innerMaxHeight,$(this).find(".item-details").outerHeight());
+
−
});
+
−
var newImageHeight = calculatedItemHeight - maxContentHeight;
+
−
items.each(function(){
+
−
var currentItem = $(this);
+
−
currentItem.find(".image-cover").css("height",newImageHeight);
+
 
 
−
$(this).find(".preview-content-holder").css("min-height",maxContentHeight);
+
<a class="removable-parent" href="index.html" data-link-type="EXISTING"   target="_self" >
−
// var textElement = currentItem.find(".preview-title");
+
−
// var contentHolder = currentItem.find(".preview-content-holder");
+
−
// var contentWrapper = currentItem.find(".preview-content-wrapper");
+
−
// var originalFontSize = parseInt(textElement.attr("data-orig-font-size"));
+
−
// textElement.css("font-size",originalFontSize);
+
−
// if (contentHolder.outerWidth(true) > contentWrapper.width()){
+
−
// var newFontSize =  SpimeEngine.shrinkTextToFit(originalFontSize,contentWrapper,contentHolder,textElement,0,30);
+
−
// textElement.css("font-size",newFontSize);
+
−
// }
+
−
});
+
−
};; var dual_layout = {};
+
−
 
+
−
dual_layout.init = function(container,items){
+
−
SpimeEngine.DebugPrint("dual layout init for " + items.length + " items and container: " + container.width() + " X " + container.height());
+
−
var originalFontSize = Math.round(parseInt(items.find(".preview-title").css("font-size")));
+
−
items.find(".preview-title").attr("original-font-size",originalFontSize);
+
−
items.each(function(){
+
−
var previewContentHolder = $(this).find(".preview-content-holder");
+
−
var originalMaxWidth = parseInt(previewContentHolder.css("max-width"));
+
−
previewContentHolder.attr("data-orig-max-width", originalMaxWidth)
+
−
+
−
});
+
−
}
+
−
 
+
−
dual_layout.applyLayout = function(container,items){
+
−
SpimeEngine.DebugPrint("dual layout applyLayout for ");
+
−
//TODO: width for flip should be set in the layout settings
+
−
if (container.width() < 500){
+
−
items.each(function(){
+
−
dual_layout.flipVertically($(this));
+
−
});
+
−
}else{
+
−
items.each(function(){
+
−
dual_layout.unflip($(this));
+
−
});
+
−
}
+
−
+
−
items.each(function(){
+
−
var previewContentHolder = $(this).find(".preview-content-holder");
+
−
var margins = parseInt(previewContentHolder.css("margin-left")) + parseInt(previewContentHolder.css("margin-right")) + parseInt(previewContentHolder.css("padding-left")) + parseInt(previewContentHolder.css("padding-right"))
+
−
var previewContentWrapper = $(this).find(".item-content ");
+
−
//console.log("--------------------------- > " + previewContentWrapper.width())
+
−
var maxWidthVal = (previewContentWrapper.width() / 2) - margins;
+
−
var originalMaxWith = previewContentHolder.attr("data-orig-max-width");
+
−
maxWidthVal = Math.min(maxWidthVal,originalMaxWith)
+
−
previewContentHolder.css("max-width",maxWidthVal)
+
−
+
−
});
+
−
+
−
+
−
+
−
// var originalFontSize = parseInt(items.find(".preview-title").attr("original-font-size"));
+
−
// var shrinkPlease = true;
+
−
// if (typeof paramsFromRealTime != "undefined" ){
+
−
// if (typeof paramsFromRealTime.value != "undefined"){
+
−
// originalFontSize = parseInt(paramsFromRealTime.value);
+
−
// items.find(".preview-title").attr("original-font-size",originalFontSize);
+
−
// shrinkPlease = false;
+
−
//
+
−
// }
+
−
// }
+
−
// if (shrinkPlease){
+
−
// items.find(".preview-title").css("font-size",originalFontSize)
+
−
// var minFontSize = 9999;
+
−
// items.each(function(){
+
−
// var itemDetails = $(this).find(".item-details")//.outerHeight(true);
+
−
// var stripe = itemDetails.closest(".item-wrapper")//.outerHeight(true);
+
−
// minFontSize = Math.min(minFontSize,dual_layout.shrinker(originalFontSize,itemDetails,$(this).find(".preview-title")));
+
−
// });
+
−
// items.each(function(){
+
−
// $(this).find(".helper-div").css("padding",$(this).css("padding"));
+
−
// $(this).find(".preview-title").css("font-size",minFontSize)
+
−
// });
+
−
// //items.find(".preview-title").css("font-size",minFontSize)
+
−
// }
+
−
+
−
}
+
−
 
+
−
 
+
−
dual_layout.flipVertically = function(item){
+
−
if (typeof item.attr("data-flipped") == "undefined"){
+
−
item.attr("data-flipped","true")
+
−
var helperDiv = item.find(".helper-div");
+
−
var itemPreview = helperDiv.children(".item-preview");
+
−
var itemDetails = helperDiv.children(".item-details");
+
−
var textWrapper = $("<div id='text-wrapper' />");
+
−
var imageWrapper = $("<div id='image-wrapper' />");
+
−
textWrapper.append(itemDetails);
+
−
imageWrapper.append(itemPreview);
+
−
helperDiv.append(textWrapper);
+
−
helperDiv.append(imageWrapper);
+
−
}
+
−
}
+
−
 
+
−
dual_layout.unflip = function(item){
+
−
if (typeof item.attr("data-flipped") != "undefined"){
+
−
item.removeAttr("data-flipped","true")
+
−
var helperDiv = item.find(".helper-div");
+
−
var itemPreview = helperDiv.find(".item-preview");
+
−
var itemDetails = helperDiv.find(".item-details");
+
−
itemPreview.unwrap();
+
−
itemDetails.unwrap();
+
−
itemPreview.after(itemDetails);
+
−
}
+
−
}
+
−
 
+
−
dual_layout.shrinker = function(fontSize,parent,content){
+
−
if (content.width() > parent.width()){
+
−
//console.log("shrink please")
+
−
var previewTitle = content.find(".preview-title");
+
−
var shrinkedFontSize =  fontSize * 0.9 ;
+
−
if (shrinkedFontSize < 15){
+
−
//console.debug("cant SHRINK no more!");
+
−
}else{
+
−
content.find(".preview-title").css("font-size",shrinkedFontSize)
+
−
return dual_layout.shrinker(shrinkedFontSize,parent,content)
+
−
}
+
 
 
−
}else{
+
<span id="element-a1a56421418f7ce" class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Home</span>
−
//console.log("dont shrink")
+
</a>
−
return parseInt(content.find(".preview-title").css("font-size"));
+
−
}
+
−
}; var right_layout = {};
+
−
 
+
−
right_layout.init = function(container,items){
+
−
SpimeEngine.DebugPrint("right layout init for " + items.length + " items and container: " + container.width() + " X " + container.height());
+
−
//var originalFontSize = Math.round(parseInt(items.find(".preview-title").css("font-size")));
+
−
//items.find(".preview-title").attr("data-orig-font-size",originalFontSize);
+
−
items.each(function(){
+
−
var previewContentHolder = $(this).find(".preview-content-holder");
+
−
var originalMaxWidth = parseInt(previewContentHolder.css("max-width"));
+
−
previewContentHolder.attr("data-orig-max-width", originalMaxWidth);
+
−
});
+
−
};
+
−
 
+
−
right_layout.applyLayout = function(container,items,paramsFromRealTime){
+
−
SpimeEngine.DebugPrint("right layout applyLayout for ");
+
−
//TODO: width for flip should be set in the layout settings
+
−
if (container.width() < 500){
+
−
items.each(function(){
+
−
right_layout.flipVertically($(this));
+
−
});
+
−
}else{
+
−
items.each(function(){
+
−
right_layout.unflip($(this));
+
−
});
+
−
}
+
−
+
−
items.each(function(){
+
−
var previewContentHolder = $(this).find(".preview-content-holder");
+
−
var margins = parseInt(previewContentHolder.css("margin-left")) + parseInt(previewContentHolder.css("margin-right")) + parseInt(previewContentHolder.css("padding-left")) + parseInt(previewContentHolder.css("padding-right"));
+
−
var previewContentWrapper = $(this).find(".item-content ");
+
−
var maxWidthVal = (previewContentWrapper.width() / 2) - margins;
+
−
var originalMaxWith = previewContentHolder.attr("data-orig-max-width");
+
−
maxWidthVal = Math.min(maxWidthVal,originalMaxWith);
+
−
//previewContentHolder.css("max-width",maxWidthVal)
+
−
+
−
});
+
−
+
−
items.each(function(idx){
+
−
var currentItem = $(this);
+
−
//var textElement = currentItem.find(".preview-title");
+
−
//var contentHolder = currentItem.find(".preview-content-holder");
+
−
var contentWrapper = currentItem.find(".preview-content-wrapper");
+
−
//var originalFontSize = parseInt(textElement.attr("data-orig-font-size"));
+
−
if (typeof currentItem.attr("data-flipped") != "undefined"){
+
−
contentWrapper.removeClass("shrinker-parent");
+
−
currentItem.find(".helper-div").addClass("shrinker-parent");
+
−
}else{
+
−
contentWrapper.addClass("shrinker-parent");
+
−
currentItem.find(".helper-div").removeClass("shrinker-parent");
+
−
}
+
−
//textElement.css("font-size",originalFontSize);
+
−
//if (contentHolder.outerWidth(true) > contentWrapper.width()){
+
−
// var newFontSize = SpimeEngine.shrinkTextToFit(originalFontSize,contentWrapper,contentHolder,textElement,0,30);
+
−
// textElement.css("font-size",newFontSize);
+
−
//}
+
−
});
+
−
+
 
 
 +
</li>
  
 
 
−
};
+
−
 
+
<li class="removable-parent">
−
 
+
−
right_layout.flipVertically = function(item){
+
<a class="removable-parent" href="collaborations.html" data-link-type="EXISTING"   target="_self" >
−
if (typeof item.attr("data-flipped") == "undefined"){
+
−
item.attr("data-flipped","true");
+
<span id="element-5efad87d43e4352" class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Collaborations</span>
−
var helperDiv = item.find(".helper-div");
+
</a>
−
var itemPreview = helperDiv.children(".item-preview");
+
−
var itemDetails = helperDiv.children(".item-details");
+
−
var textWrapper = $("<div id='text-wrapper' />");
+
−
var imageWrapper = $("<div id='image-wrapper' class='preview image-cover' />");
+
−
textWrapper.append(itemDetails);
+
−
imageWrapper.append(itemPreview);
+
−
helperDiv.append(textWrapper);
+
−
helperDiv.append(imageWrapper);
+
−
}
+
−
};
+
−
 
+
−
right_layout.unflip = function(item){
+
−
if (typeof item.attr("data-flipped") != "undefined"){
+
−
item.removeAttr("data-flipped","true");
+
−
var helperDiv = item.find(".helper-div");
+
−
var itemPreview = helperDiv.find(".item-preview");
+
−
var itemDetails = helperDiv.find(".item-details");
+
−
itemPreview.unwrap();
+
−
itemDetails.unwrap();
+
−
itemPreview.after(itemDetails);
+
−
}
+
−
};; var left_layout = {};
+
−
 
+
−
left_layout.init = function(container,items){
+
−
SpimeEngine.DebugPrint("left layout init for " + items.length + " items and container: " + container.width() + " X " + container.height());
+
−
//var originalFontSize = Math.round(parseInt(items.find(".preview-title").css("font-size")));
+
−
//items.find(".preview-title").attr("data-orig-font-size",originalFontSize);
+
−
items.each(function(){
+
−
var previewContentHolder = $(this).find(".preview-content-holder");
+
−
var originalMaxWidth = parseInt(previewContentHolder.css("max-width"));
+
−
previewContentHolder.attr("data-orig-max-width", originalMaxWidth);
+
−
});
+
−
};
+
−
 
+
−
left_layout.applyLayout = function(container,items,paramsFromRealTime){
+
−
SpimeEngine.DebugPrint("left layout applyLayout for ");
+
−
//TODO: width for flip should be set in the layout settings
+
−
if (container.width() < 500){
+
−
items.each(function(){
+
−
left_layout.flipVertically($(this));
+
−
});
+
−
}else{
+
−
items.each(function(){
+
−
left_layout.unflip($(this));
+
−
});
+
−
}
+
−
+
−
+
−
items.each(function(){
+
−
var previewContentHolder = $(this).find(".preview-content-holder");
+
−
var margins = parseInt(previewContentHolder.css("margin-left")) + parseInt(previewContentHolder.css("margin-right")) + parseInt(previewContentHolder.css("padding-left")) + parseInt(previewContentHolder.css("padding-right"));
+
−
var previewContentWrapper = $(this).find(".item-content ");
+
−
var maxWidthVal = (previewContentWrapper.width() / 2) - margins;
+
−
var originalMaxWith = previewContentHolder.attr("data-orig-max-width");
+
−
maxWidthVal = Math.min(maxWidthVal,originalMaxWith);
+
−
// previewContentHolder.css("max-width",maxWidthVal);
+
−
});
+
 
 
 +
</li>
  
−
items.each(function(idx){
 
−
var currentItem = $(this);
 
−
//var textElement = currentItem.find(".preview-title");
 
−
//var contentHolder = currentItem.find(".preview-content-holder");
 
−
var contentWrapper = currentItem.find(".preview-content-wrapper");
 
−
//var originalFontSize = parseInt(textElement.attr("data-orig-font-size"));
 
−
if (typeof currentItem.attr("data-flipped") != "undefined"){
 
−
contentWrapper.removeClass("shrinker-parent");
 
−
currentItem.find(".helper-div").addClass("shrinker-parent");
 
−
}else{
 
−
contentWrapper.addClass("shrinker-parent");
 
−
currentItem.find(".helper-div").removeClass("shrinker-parent");
 
−
}
 
−
// textElement.css("font-size",originalFontSize);
 
−
// if (contentHolder.outerWidth(true) > contentWrapper.width()){
 
−
// var newFontSize =  SpimeEngine.shrinkTextToFit(originalFontSize,contentWrapper,contentHolder,textElement,0,30);
 
−
// textElement.css("font-size",newFontSize);
 
−
// }
 
−
});
 
−
};
 
−
 
−
 
−
left_layout.flipVertically = function(item){
 
−
if (typeof item.attr("data-flipped") == "undefined"){
 
−
item.attr("data-flipped","true");
 
−
var helperDiv = item.find(".helper-div");
 
−
var itemPreview = helperDiv.children(".item-preview");
 
−
var itemDetails = helperDiv.children(".item-details");
 
−
var textWrapper = $("<div id='text-wrapper' />");
 
−
var imageWrapper = $("<div id='image-wrapper' class='preview image-cover' />");
 
−
textWrapper.append(itemDetails);
 
−
imageWrapper.append(itemPreview);
 
−
helperDiv.append(textWrapper);
 
−
helperDiv.append(imageWrapper);
 
−
}
 
−
};
 
−
 
−
left_layout.unflip = function(item){
 
−
if (typeof item.attr("data-flipped") != "undefined"){
 
−
item.removeAttr("data-flipped","true");
 
−
var helperDiv = item.find(".helper-div");
 
−
var itemPreview = helperDiv.find(".item-preview");
 
−
var itemDetails = helperDiv.find(".item-details");
 
−
itemPreview.unwrap();
 
−
itemDetails.unwrap();
 
−
itemPreview.before(itemDetails);
 
−
}
 
−
};; var top_layout = {};
 
−
 
−
top_layout.init = function(container,items){
 
−
SpimeEngine.DebugPrint("top layout init for " + items.length + " items and container: " + container.width() + " X " + container.height());
 
−
//var originalFontSize = Math.round(parseInt(items.find(".preview-title").css("font-size")));
 
−
//items.find(".preview-title").attr("data-orig-font-size",originalFontSize);
 
−
};
 
−
 
−
top_layout.applyLayout = function(container,items,paramsFromRealTime){
 
−
SpimeEngine.DebugPrint("top layout applyLayout for ");
 
−
items.find(".item-details").css("height","");
 
−
items.find(".image-cover").css("height","");
 
−
items.find(".image-cover").css("min-height","");
 
 
 
−
var maxHeight = 0;
+
−
var innerMaxHeight = 0;
+
<li class="removable-parent">
−
var maxItemBoxHeight = 0;
+
−
items.each(function(){
+
<a class="removable-parent" href="description.html" data-link-type="EXISTING"  target="_self" >
−
itemDetailsHeight = $(this).find(".item-details").outerHeight(true);
+
−
maxHeight = Math.max(maxHeight,itemDetailsHeight);
+
<span id="element-e6e2afb357139e4"  class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Description</span>
−
var itemContent = $(this).find(".item-content").andSelf().filter(".item-content");
+
</a>
−
maxItemBoxHeight = Math.max(maxItemBoxHeight,itemContent.height());
+
−
innerMaxHeight = Math.max(innerMaxHeight,$(this).find(".item-details").outerHeight());
+
−
});
+
 
 
−
items.each(function(){
+
</li>
−
$(this).find(".item-details").height(innerMaxHeight);
+
−
var itemContent = $(this).find(".item-content").andSelf().filter(".item-content");
+
−
itemBoxHeight =  itemContent.height();
+
−
$(this).find(".image-cover").css("height",maxItemBoxHeight - maxHeight ).css("min-height",maxItemBoxHeight - maxHeight );
+
−
});
+
−
};; var middle_layout = {};
+
−
 
+
−
middle_layout.init = function(container,items){
+
−
//var originalFontSize = Math.round(parseInt(items.find(".preview-title").css("font-size")));
+
−
//items.find(".preview-title").attr("data-orig-font-size",originalFontSize);
+
−
items.find(".image-cover").css("min-height","inherit");
+
−
};
+
−
 
+
−
middle_layout.applyLayout = function(container,items,paramsFromRealTime){
+
−
items.find(".item-content , .item-preview").css("min-height","initial");
+
−
//container.closest(".master.item-box").removeAttr("data-min-stripe-height");
+
−
//var originalFontSize = parseInt(items.find(".preview-title").attr("data-orig-font-size"));
+
−
//var shrinkPlease = true;
+
−
// if (typeof paramsFromRealTime != "undefined" ){
+
−
// if (typeof paramsFromRealTime.value != "undefined"){
+
−
// originalFontSize = parseInt(paramsFromRealTime.value);
+
−
// items.find(".preview-title").attr("data-orig-font-size",originalFontSize);
+
−
// shrinkPlease = false;
+
−
// }
+
−
// }
+
−
// if (shrinkPlease){
+
−
// items.find(".preview-title").css("font-size",originalFontSize);
+
−
//var minFontSize = 9999;
+
−
//items.each(function(){
+
−
// var itemDetails = $(this).find(".item-details");
+
−
// var stripe = itemDetails.closest(".item-wrapper");
+
−
// var textElement = $(this).find(".preview-title");
+
−
// minFontSize = Math.min(minFontSize,SpimeEngine.shrinkTextToFit(originalFontSize,stripe,itemDetails,textElement,0,30));
+
−
//});
+
−
items.each(function(){
+
−
$(this).find(".helper-div").css("padding",$(this).css("padding"));
+
−
$(this).find(".item-content, .item-preview").css("min-height","inherit");
+
−
//$(this).find(".preview-title").css("font-size",minFontSize);
+
−
});
+
−
// }
+
−
};; var matrix_arranger = {};
+
  
−
matrix_arranger.init = function(container,items,whatsNext){
 
−
SpimeEngine.DebugPrint("rowcol arranger init for " + items.length + " items and container: " + container.width() + " X " + container.height());
 
−
var settings = container.closest(".item-wrapper").find(".arranger-settings");
 
−
/******************************************************************
 
−
*          HANDLING THE ELEMENTS
 
−
********************************************************************/
 
−
// var elements = items.not(".element-box").first().siblings(".element-box");
 
−
//var stripeHeader
 
−
// elements.remove();
 
−
 
−
/******************************************************************
 
−
*          HANDLING THE ITEMS
 
−
********************************************************************/
 
−
var itemsHolder = container.find("#items-holder");
 
−
var itemsHolderWrapper = container.find("#items-holder-wrapper");
 
−
//backward compatibility
 
−
if (itemsHolder.length == 0){
 
−
items = container.find(".sub.item-box");
 
−
itemsHolder = $("<div id='items-holder' />");
 
−
itemsHolderWrapper = $("<div id='items-holder-wrapper' />");
 
−
itemsHolder.append(items);
 
−
itemsHolderWrapper.append(itemsHolder);
 
−
container.find("#children").append(itemsHolderWrapper);
 
−
}
 
−
// var itemsHolderWrapper = container.find("#items-holder-wrapper");
 
−
//Select only children of type item
 
−
// var onlyItems = items.not(".element-box").not(".stripe_header");
 
−
// if (itemsHolder.length == 0){
 
−
// itemsHolder = $("<div id='items-holder' />");
 
−
// itemsHolderWrapper = $("<div id='items-holder-wrapper' />");
 
−
// itemsHolder.append(onlyItems);
 
−
// itemsHolderWrapper.append(itemsHolder);
 
−
// container.find("#children").append(itemsHolderWrapper);
 
−
// }
 
−
 
−
var pagHolder = container.find("#pagination-holder");
 
−
if (pagHolder.length == 0){
 
−
matrix_arranger.initPaginationHolder(container);
 
−
}
 
−
 
−
if (typeof  whatsNext != "undefined"){
 
−
whatsNext();
 
−
}
 
−
 
−
//set original height
 
−
items.find(".inner-pic").each(function(){
 
−
SpimeEngine.updateImageRealSize($(this));
 
−
});
 
−
};
 
−
 
−
matrix_arranger.arrange = function(items,container,whatsNext){
 
−
SpimeEngine.DebugPrint("rowcol arranger arrange for " + items.length + " items and container: " + container.width() + " X " + container.height());
 
 
 
−
/******************************************************************
+
−
*          HANDLING THE ELEMENTS
+
<li class="removable-parent">
−
********************************************************************/
+
−
//var elementsHolder = container.find("#elements-holder");
+
<a class="removable-parent" href="design.html" data-link-type="EXISTING"  target="_self" >
−
var itemsHolder = container.find("#items-holder");
+
−
items = itemsHolder.children();
+
<span id="element-c6287513fca8901"  class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Design</span>
−
var calculatedElementsHeight = 0;
+
</a>
 
 
−
var stripe = container.closest(".master.item-box");
+
</li>
−
stripe.css("min-height","initial");
+
−
var stripeType = stripe.attr("data-preset-type-id");
+
−
var isFeatures = false//XPRSHelper.inPresetGroup(stripeType,"FEATURES");
+
  
−
 
−
/******************************************************************
 
−
*          LOADING ARRANGER SETTINGS
 
−
********************************************************************/
 
 
 
−
var settings = container.closest(".item-wrapper").find(".arranger-settings");
+
−
var ratio = parseFloat(settings.attr('data-arranger_item_ratio')) ;
+
<li class="removable-parent">
−
var colsFromSettings = parseInt(settings.attr('data-arranger_cols'));
+
−
colsFromSettings = isFeatures ? items.length : colsFromSettings;
+
<a class="removable-parent" href="experiments.html" data-link-type="EXISTING"  target="_self" >
−
colsFromSettings = Math.min(items.length,colsFromSettings);
+
−
var itemsMargin =  parseInt(settings.attr('data-arranger_item_spacing'));
+
<span id="element-f4b485a3e8b3825"  class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Experiments</span>
−
var itemMinWidth = parseInt(settings.attr('data-arranger_item_min_width'));
+
</a>
−
var itemMaxWidth = parseInt(settings.attr('data-arranger_item_max_width'));
+
−
var itemsPerPage = settings.attr('data-arranger_items_per_page');
+
−
itemsPerPage = isFeatures ? items.length : itemsPerPage;
+
−
itemsPerPage = (itemsPerPage == "all") ? items.length : parseInt(itemsPerPage);
+
 
 
−
+
</li>
−
/******************************************************************
+
−
* DEFINE PARTICIPATING DIVS       
+
−
********************************************************************/
+
−
//ParentWrapper is the source for our max width
+
−
var parentWrapper = itemsHolder.closest(".gallery-wrapper");
+
−
+
−
var forcedArrange = (typeof stripe.attr("data-forced-arrange") != "undefined");
+
−
var fromHeightResize = (typeof stripe.attr("data-height-resize") != "undefined");
+
−
var fromWidthResize = forcedArrange || (typeof stripe.attr("data-width-resize") != "undefined") || (typeof stripe.attr("data-arranger_cols-from-settings") != "undefined")|| (typeof stripe.attr("data-arranger_item_spacing-from-settings") != "undefined");
+
−
//fromWidthResize = false
+
−
stripe.removeAttr("data-forced-arrange");
+
−
var paginationWrapper =  container.find("#pagination-wrapper");
+
−
var paginationHeight = paginationWrapper.is(':visible') ? paginationWrapper.outerHeight(true) : 0;
+
−
//var stripeHeight = stripe.height() - calculatedElementsHeight - paginationHeight;//- parseInt(stripe.css("padding-top")) - parseInt(stripe.css("padding-bottom"));
+
−
+
−
/******************************************************************
+
−
* START CALCULATIONS WITH ITEM MIN WIDTH AND HEIGHT * RATIO AND COLS AS THE NUMBER OF ITEMS     
+
−
********************************************************************/
+
−
var percentagePaddingFix = 0;
+
−
if (parseInt(stripe.css("padding-left")) > 0){
+
−
percentagePaddingFix = 1;
+
−
}
+
−
var wrapperWidth = parentWrapper.width() - percentagePaddingFix;
+
−
//Min width can not be larger than  screen or the max item width
+
−
itemMinWidth = Math.min(itemMinWidth,itemMaxWidth);
+
−
itemMinWidth = Math.min(itemMinWidth,wrapperWidth);
+
−
items.find(".preview-content-holder").css("min-height","");
+
−
+
−
var cols = Math.floor((wrapperWidth + itemsMargin*2) / (itemMinWidth + itemsMargin*2));
+
−
cols = Math.min(colsFromSettings,cols);
+
−
if (forcedArrange){//if (fromWidthResize){
+
−
var wrapperWidthForTest = wrapperWidth - colsFromSettings*itemsMargin*2 + itemsMargin*2;
+
−
itemMinWidth =  Math.floor(wrapperWidthForTest / colsFromSettings);
+
−
itemMinWidth = Math.min(itemMinWidth,itemMaxWidth);
+
−
itemMinWidth *= 0.7;
+
−
cols = colsFromSettings;
+
−
}
+
−
//cols must be at least 1
+
−
cols =  Math.max(cols,1);
+
−
+
−
if (cols == 2 && colsFromSettings != 2 && items.length == 3){
+
−
cols = 1;
+
−
}
+
−
+
−
if (cols == 3 && items.length == 4 && colsFromSettings != 3){
+
−
cols = 2;
+
−
}
+
−
if (cols == 5 && items.length == 6 && colsFromSettings != 5){
+
−
cols = 3;
+
−
}
+
−
+
−
//The total number of rows we have
+
−
var rows = Math.ceil(items.length / cols);
+
−
//Restoring items defaults (if change during previous arrange)
+
−
//items.show();
+
−
items.css({"clear":"","display":"inline-block"});
+
−
var itemRow = 0;
+
−
+
−
/******************************************************************
+
−
* BREAK THE ITEMS ACCORDING TO CALCULATED COLS AND GIVE EACH ONE ROW IDENTIFIER
+
−
********************************************************************/
+
−
+
−
var maxContentHeight = 0;
+
−
items.removeClass("top-side").removeClass("bottom-side").removeClass("left-side").removeClass("right-side");;
+
−
items.each(function(idx){
+
−
if (idx % cols == 0){
+
−
$(this).css({"clear":"left"});
+
−
$(this).addClass("left-side");
+
−
itemRow++;
+
−
}
+
−
if (idx % cols == cols-1){
+
−
$(this).addClass("right-side");
+
−
}
+
−
if (itemRow == 1){
+
−
$(this).addClass("top-side");
+
−
}
+
−
if (itemRow == rows){
+
−
$(this).addClass("bottom-side");
+
−
}
+
−
$(this).attr("data-row",itemRow);
+
−
maxContentHeight = Math.max(maxContentHeight,$(this).find(".preview-content-holder").height());
+
−
});
+
−
+
−
+
−
//maxContentHeight = Math.max(itemsHolder.height(),maxContentHeight);
+
−
+
−
+
−
//if we have more space we enlarge the items
+
−
var extraSpace = Math.floor(    (wrapperWidth - (cols*itemMinWidth) - (cols*itemsMargin*2) + (itemsMargin*2) )  /cols    );
+
−
var calculatedItemWidth = Math.floor(itemMinWidth + extraSpace);//Math.round((wrapperWidth)/cols) - ((cols-1)*(itemsMargin*2));
+
−
calculatedItemWidth = Math.min(calculatedItemWidth,itemMaxWidth);
+
−
+
−
setTimeout(function(){
+
−
if (wrapperWidth - parentWrapper.width() > 3){
+
−
extraSpace = Math.floor(    (parentWrapper.width() - (cols*itemMinWidth) - (cols*itemsMargin*2) + (itemsMargin*2) )  /cols    );
+
−
calculatedItemWidth = Math.floor(itemMinWidth + extraSpace);//Math.round((wrapperWidth)/cols) - ((cols-1)*(itemsMargin*2));
+
−
calculatedItemWidth = Math.min(calculatedItemWidth,itemMaxWidth);
+
−
items.width(calculatedItemWidth);
+
−
}
+
−
},10);
+
−
+
−
if (fromWidthResize || forcedArrange){
+
−
//calculatedItemWidth = itemMinWidth;
+
−
settings.attr('data-arranger_item_min_width',itemMinWidth);
+
−
stripe.attr("data-items-min-width",itemMinWidth);
+
−
}
+
  
−
/******************************************************************
 
−
* CHANGE ITEMS WIDTH HEIGHT AND SPACING ACCORDING TO CALCULATIONS
 
−
********************************************************************/
 
−
items.width(calculatedItemWidth).css({"margin":itemsMargin});
 
−
items.filter(".top-side").css("margin-top",itemsMargin*2);
 
−
items.filter(".bottom-side").css("margin-bottom",itemsMargin*2);
 
−
items.filter(".left-side").css("margin-left",0);
 
−
items.filter(".right-side").css("margin-right",0);
 
 
 
−
 
+
−
itemsHolder.css({"text-align":""});
+
<li class="removable-parent">
−
+
−
items.slice(itemsPerPage,items.length).hide();
+
<a class="removable-parent" href="notebook.html" data-link-type="EXISTING"   target="_self" >
 +
 +
<span id="element-603d2303312c4bd"  class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Notebook</span>
 +
</a>
 
 
 +
</li>
  
 
 
 +
 +
<li class="removable-parent">
 +
 +
<a class="removable-parent" href="notebook-august.html" data-link-type="EXISTING"  target="_self" >
 +
 +
<span id="element-e39fe0beffa33cd"  class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Notebook August</span>
 +
</a>
 
 
−
+
</li>
−
/******************************************************************
+
−
* HANDLE PAGINATION
+
−
********************************************************************/
+
−
// If we need pagination (not all items fit the given height)
+
−
var inMoreMode = (typeof stripe.attr("data-more-clicked") != "undefined");
+
−
if (itemsPerPage < items.length ){
+
−
if (inMoreMode){
+
−
paginationWrapper.hide();
+
−
items.css("display","inline-block");
+
−
}else{
+
−
paginationWrapper.show();
+
−
}
+
−
}else{
+
−
//Hide paginator
+
−
paginationWrapper.hide();
+
−
}
+
−
+
−
+
−
extraSpace = Math.floor(    (wrapperWidth - (cols*itemMaxWidth) - (cols*itemsMargin*2) + (itemsMargin*2) )  /cols    );
+
−
if(calculatedItemWidth == itemMaxWidth && extraSpace > 0){
+
−
itemsHolder.css("text-align","center");
+
−
var currentRowWidth = (itemMaxWidth * cols) + (cols*itemsMargin*2) - itemsMargin*2;
+
−
itemsHolder.width(currentRowWidth);
+
−
}else{
+
−
itemsHolder.css("width","");
+
−
}
+
−
 
+
−
if (typeof  whatsNext != "undefined"){
+
−
var originalItemMinWidth = parseInt(settings.attr('data-arranger_item_min_width'));
+
−
var actualItemMinWidth = itemMinWidth;
+
−
if (actualItemMinWidth != originalItemMinWidth){
+
−
stripe.attr("data-items-min-width",actualItemMinWidth);
+
−
}
+
−
whatsNext();
+
−
}
+
−
 
+
−
};
+
  
−
matrix_arranger.showMore = function(stripe){
 
 
 
−
var itemsHolder = stripe.find("#items-holder");
+
−
var items = itemsHolder.children();
+
<li class="removable-parent">
−
var paginationWrapper = stripe.find("#pagination-wrapper");
+
−
paginationWrapper.hide();
+
<a class="removable-parent" href="notebook-july.html" data-link-type="EXISTING"   target="_self" >
−
var itemsWrapper = stripe.find("#items-holder-wrapper");
+
−
var topMargin = parseInt(itemsWrapper.css("margin-top"));
+
<span id="element-09ca318ecaf1b2f"  class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Notebook July</span>
−
itemsWrapper.css("margin-bottom",topMargin);
+
</a>
−
items.css("display","inline-block");
+
−
SpimeEngine.fitVideos(stripe);
+
−
stripe.attr("data-more-clicked","true");
+
−
};
+
−
 
+
−
matrix_arranger.showLess = function(stripe){
+
−
var itemsHolder = stripe.find("#items-holder");
+
−
var items = itemsHolder.children();
+
−
var paginationWrapper = stripe.find("#pagination-wrapper");
+
−
var itemsWrapper = stripe.find("#items-holder-wrapper");
+
−
//var topMargin = parseInt(itemsWrapper.css("margin-top"));
+
−
itemsWrapper.css("margin-bottom","");
+
−
var itemsToShow = parseInt(stripe.attr("data-items-to-show"));
+
−
if (itemsToShow < items.length){
+
−
paginationWrapper.show();
+
−
}
+
−
items.hide();
+
−
items.slice(0,itemsToShow).css("display","inline-block")
+
−
stripe.removeAttr("data-more-clicked");
+
−
};
+
−
 
+
−
 
+
−
 
+
−
matrix_arranger.initPaginationHolder = function(container){
+
−
var paginationBtn = $("<div id='pagination-btn' />");
+
−
paginationBtn.text("More");
+
−
var paginationHolder = $("<div id='pagination-holder' />").addClass("magic-circle-holder").attr("data-menu-name","PAGINATION_SETTINGS");
+
−
var paginationHolderWrapper = $("<div id='pagination-wrapper' class='layer5' />");
+
−
paginationHolder.append(paginationBtn);
+
−
paginationHolderWrapper.append(paginationHolder);
+
−
container.find("#children").append(paginationHolderWrapper);
+
−
paginationHolder.unbind("click").bind("click",function(e){
+
−
e.stopPropagation();
+
−
var stripe = container.closest(".master.item-box");
+
−
matrix_arranger.showMore(stripe);
+
−
});
+
−
};; var stripes_arranger = {};
+
−
 
+
−
stripes_arranger.init = function(container,items,whatsNext){
+
−
SpimeEngine.DebugPrint("stripes arranger init for " + items.length + " items and container: " + container.width() + " X " + container.height());
+
−
items.each(function(){
+
−
var currentItem = $(this);
+
−
if (currentItem.hasClass("element-box")){
+
−
var textElement = currentItem.find(".text-element");
+
−
if (textElement.length > 0){
+
−
textElement.each(function(){
+
−
$(this).attr("data-orig-font-size",parseInt($(this).css("font-size")));
+
−
});
+
−
}
+
−
}
+
−
});
+
−
if (typeof  whatsNext != "undefined"){
+
−
whatsNext();
+
−
}
+
−
};
+
−
 
+
−
stripes_arranger.arrange = function(items,container){
+
−
SpimeEngine.DebugPrint("stripes arranger arrange for " + items.length + " items and container: " + container.width() + " X " + container.height());
+
−
items.each(function(idx){
+
−
var currentItem = $(this);
+
−
if (currentItem.hasClass("element-box")){
+
−
+
−
+
−
+
−
// var currentItem = $(this);
+
−
// var textElement = currentItem.find(".preview-title");
+
−
// var contentHolder = currentItem.find(".preview-content-holder");
+
−
// var contentWrapper = currentItem.find(".preview-content-wrapper");
+
−
// var originalFontSize = parseInt(textElement.attr("data-orig-font-size"));
+
−
// if (typeof currentItem.attr("data-flipped") != "undefined"){
+
−
// contentWrapper = currentItem.find(".helper-div");
+
−
// }
+
−
// textElement.css("font-size",originalFontSize);
+
−
// if (contentHolder.outerWidth(true) > contentWrapper.width()){
+
−
// var newFontSize =  SpimeEngine.shrinkTextToFit(originalFontSize,contentWrapper,contentHolder,textElement,0,30);
+
−
// textElement.css("font-size",newFontSize);
+
−
// }
+
−
+
−
+
−
+
−
var textElement = currentItem.find(".text-element");
+
−
+
−
+
−
textElement.each(function(){
+
−
var originalFontSize = parseInt($(this).attr("data-orig-font-size"));
+
−
$(this).css("font-size",originalFontSize);
+
−
var contentHolder = $(this).parent();
+
−
if ($(this).outerWidth(true) > contentHolder.width()){
+
−
//var newFontSize = stripes_arranger.shrinker(originalFontSize,currentItem,textElement);
+
−
var newFontSize = SpimeEngine.shrinkTextToFit(originalFontSize,currentItem,$(this),$(this),0,30);
+
−
$(this).css("font-size",newFontSize);
+
−
}
+
−
});
+
−
+
−
+
−
}
+
−
});
+
−
 
+
−
};
+
−
 
+
−
stripes_arranger.shrinker = function(fontSize,parent,content){
+
−
if (content.outerWidth(true) > parent.width()){
+
−
var shrinkedFontSize = fontSize * 0.9 ;
+
−
if (shrinkedFontSize < 15){
+
−
return 15;
+
−
}else{
+
−
content.css("font-size",shrinkedFontSize);
+
−
return stripes_arranger.shrinker(shrinkedFontSize,parent,content);
+
−
}
+
−
}else{
+
−
return parseInt(content.css("font-size"));
+
−
}
+
−
};; var flex_arranger = {};
+
−
 
+
−
+
−
 
+
−
flex_arranger.init = function(container,items,whatsNext,title){
+
−
SpimeEngine.DebugPrint("flex arranger init for " + items.length + " items and container: " + container.width() + " X " + container.height());
+
−
container.css("overflow","hidden")
+
−
var itemsHolder = container.find("#items-holder");
+
−
var itemsHolderWrapper = container.find("#items-holder-wrapper");
+
−
//backward compatibility
+
−
if (itemsHolder.length == 0){
+
−
items = container.find(".sub.item-box");
+
−
itemsHolder = $("<div id='items-holder' />");
+
−
itemsHolderWrapper = $("<div id='items-holder-wrapper' />");
+
−
itemsHolder.append(items);
+
−
itemsHolderWrapper.append(itemsHolder);
+
−
container.find("#children").append(itemsHolderWrapper);
+
−
}
+
−
items = itemsHolder.children();
+
−
//if we have elements in the container remove them
+
−
var elements = items.not(".element-box").first().siblings(".element-box");
+
−
elements.remove();
+
−
//create the arrows
+
−
var flexArrows = container.find(".flex-arrows");
+
−
var leftArrow = flexArrows.filter(".left");
+
−
var rightArrow = flexArrows.filter(".right");
+
−
var staticServer = XPRSHelper.getStaticServerPath();
+
−
if (flexArrows.length == 0){
+
−
rightArrow = $("<img />");
+
−
rightArrow.attr("src","https://lh3.googleusercontent.com/6zb8WwTey8418Mlgf5wJomMN_7JjY8T8ULq74HO77G1_wYJQC3o70RMGnRyP_89wZ4jQ93uNwIP82kKRz6AakfxfKA=s50");
+
−
rightArrow.addClass("flex-arrows").addClass("right").addClass("layer5");
+
−
leftArrow = $("<img />");
+
−
leftArrow.attr("src","https://lh3.googleusercontent.com/ZMARmveTg1geksYKXZKdh71KW09XrhDLg8N-XrfXCGsDBEHnuKwhmYpHd55Y2-NwuwLX8qsyx26JNyJWtr1jEcxD=s50");
+
−
leftArrow.addClass("flex-arrows").addClass("left").addClass("layer5");
+
−
itemsHolder.parent().prepend(leftArrow).prepend(rightArrow);
+
−
}
+
−
rightArrow.unbind("click").bind("click",function(event){
+
−
event.stopPropagation();
+
−
if (container.attr("data-interval-id")){
+
−
clearInterval(parseInt(container.attr("data-interval-id")));
+
−
}
+
−
flex_arranger.slide(rightArrow,"right",items,container);
+
−
});
+
−
leftArrow.unbind("click").bind("click",function(event){
+
−
event.stopPropagation();
+
−
if (container.attr("data-interval-id")){
+
−
clearInterval(parseInt(container.attr("data-interval-id")));
+
−
}
+
−
flex_arranger.slide(leftArrow,"left",items,container);
+
−
});
+
−
items.attr("data-child-type","SLIDE");
+
 
 
−
this.handlePagination(items,container);
+
</li>
−
if (typeof  whatsNext != "undefined"){
+
−
whatsNext();
+
−
}
+
−
+
−
if (typeof container.attr("start-with-slide") != "undefined"){
+
−
items.filter(".slide-" + container.attr("start-with-slide")).attr("data-visible","visible").css("left",0).addClass("play-effect");
+
−
}else{
+
−
items.first().attr("data-visible","visible").css("left",0).addClass("play-effect");
+
−
}
+
−
+
−
container.unbind("swipeleft").bind("swipeleft",function(){
+
−
if (items.length > 1){
+
−
if (container.attr("data-interval-id")){
+
−
clearInterval(parseInt(container.attr("data-interval-id")));
+
−
}
+
−
    flex_arranger.slide(rightArrow,"right",items,container);
+
−
}
+
−
});
+
−
+
−
container.unbind("swiperight").bind("swiperight",function(){
+
−
if (items.length > 1){
+
−
if (container.attr("data-interval-id")){
+
−
clearInterval(parseInt(container.attr("data-interval-id")));
+
−
}
+
−
    flex_arranger.slide(leftArrow,"left",items,container);
+
−
}
+
−
});
+
−
 
+
−
 
+
−
};
+
  
−
flex_arranger.arrange = function(items,container){
 
−
SpimeEngine.DebugPrint("flex arranger arrange for " + items.length + " items and container: " + container.width() + " X " + container.height());
 
−
var itemsHolder = container.find("#items-holder");
 
−
items = itemsHolder.children();
 
−
var stripe = container.closest(".master.item-box");
 
−
var flexArrows = container.find(".flex-arrows");
 
−
var settings = stripe.find(".arranger-settings");
 
−
if (stripe.width() < 400){
 
−
flexArrows.addClass("disabled");
 
−
}else{
 
−
flexArrows.removeClass("disabled");
 
−
}
 
−
var autoPlay = settings.attr("data-auto_play") == "AUTOPLAY";
 
−
var autoPlayDuration = parseInt(settings.attr("data-auto_play_duration"));
 
−
var allowAutoPlay = !($("#xprs").hasClass("in-editor"));
 
−
allowAutoPlay = allowAutoPlay || (typeof stripe.attr("data-auto_play-from-settings") != "undefined");
 
−
allowAutoPlay = allowAutoPlay && items.length > 1;
 
−
stripe.removeAttr("data-auto_play-from-settings");
 
 
 
−
var effectsClass = settings.attr("data-flex_element_effect");
 
−
if (effectsClass == ""){
 
−
var newClass = container.find('.preview-content-holder').attr("class").replace(/\seffect-[^\s]*|^effect-[^\s]*\s+/g,"");
 
−
container.find('.preview-content-holder').attr("class",newClass);
 
−
}else{
 
−
container.find('.preview-content-holder').addClass(effectsClass);
 
−
}
 
−
 
−
var durationSettingsChanged = stripe.attr("data-auto_play_duration-from-settings") || stripe.attr("data-forced-arrange");
 
−
stripe.removeAttr("data-forced-arrange");
 
−
if (durationSettingsChanged){
 
−
stripe.removeAttr("data-auto_play_duration-from-settings");
 
−
if (container.attr("data-interval-id")){
 
−
clearInterval(parseInt(container.attr("data-interval-id")));
 
−
container.removeAttr("data-interval-id");
 
−
}
 
−
}
 
−
if (autoPlay && !container.attr("data-interval-id")){
 
 
 
−
var rightArrow = flexArrows.filter(".right");
+
<li class="removable-parent">
−
var intervalId = setInterval(function(){
+
−
if (!stripe.hasClass("manage-mode") && allowAutoPlay){
+
<a class="removable-parent" href="notebook-june.html" data-link-type="EXISTING"  target="_self" >
−
flex_arranger.slide(rightArrow,"right",items,container);
+
−
}
+
<span id="element-367041e6445b247"  class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Notebook June</span>
−
},autoPlayDuration*1000);
+
</a>
−
container.attr("data-interval-id" , intervalId);
+
−
}else{
+
−
if (!autoPlay){
+
−
if (container.attr("data-interval-id")){
+
−
clearInterval(parseInt(container.attr("data-interval-id")));
+
−
}
+
−
}
+
−
}
+
 
 
−
if (items.length == 1 ){
+
</li>
−
container.find(".flex-arrows").hide();
+
−
}else{
+
−
container.find(".flex-arrows").show();
+
−
}
+
−
var rightArrow = container.find(".flex-arrows.right");
+
−
var leftArrow = container.find(".flex-arrows.left");
+
−
var newTop = container.height()/2 - rightArrow.height/2;
+
−
leftArrow.css({"float":"none","left":0,"top":newTop,"position":"absolute"});
+
−
rightArrow.css({"float":"none","right":0,"top":newTop,"position":"absolute"});
+
−
container.find("#paginator").css("bottom", 50);
+
−
items.each(function(){
+
−
var currentItem = $(this);
+
−
currentItem.css("width",container.width());
+
−
});
+
  
−
container.find("#items-holder").width(parseInt(container.width()) * items.length);
 
 
 
−
var visibleItem = items.filter("[data-visible='visible']");
+
−
if (visibleItem.length  == 0 ){
+
<li class="removable-parent">
−
items.removeAttr("data-visible");
+
−
visibleItem = items.first();
+
<a class="removable-parent" href="public-engagement.html" data-link-type="EXISTING"  target="_self" >
−
visibleItem.attr("data-visible","visible");
+
−
visibleItem.addClass("play-effect");
+
<span id="element-307cb61a9a844e1"  class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Public Engagement</span>
−
}
+
</a>
 
 
−
items.removeClass("before-visible after-visible")
+
</li>
−
visibleItem.nextAll().addClass("after-visible");
+
−
visibleItem.prevAll().addClass("before-visible");
+
−
+
−
var itemsNewLeft = visibleItem.index() * -1 * visibleItem.width();
+
−
items.each(function(){
+
−
var currentItem = $(this);
+
−
currentItem.css("left",itemsNewLeft);
+
−
});
+
  
 
 
−
 
−
};
 
−
 
−
flex_arranger.slide = function(btn,direction,items,container){
 
−
var currentVisible = items.filter('[data-visible="visible"]');
 
−
var nextVisible = currentVisible.prev();
 
−
if (direction=="left"){
 
−
if(nextVisible.length==0){
 
−
nextVisible = items.last();
 
−
flex_arranger.showPage(nextVisible.attr("data-page-num"),container,items);
 
−
}else{
 
−
flex_arranger.showPage(nextVisible.attr("data-page-num"),container,items);
 
−
}
 
−
}else{
 
−
nextVisible = currentVisible.next();
 
−
if(nextVisible.length==0){
 
−
nextVisible = items.first();
 
−
flex_arranger.showPage(nextVisible.attr("data-page-num"),container,items);
 
−
 
−
}else{
 
−
flex_arranger.showPage(nextVisible.attr("data-page-num"),container,items);
 
−
 
−
}
 
 
 
−
}
+
<li class="removable-parent">
−
 
+
−
 
+
<a class="removable-parent" href="safety.html" data-link-type="EXISTING"   target="_self" >
−
};
+
−
 
+
−
 
+
−
 
+
−
flex_arranger.showItem = function(container,items,itemId){
+
−
var nextVisible = items.filter("#" + itemId);
+
−
var itemToShowPageNum = nextVisible.attr("data-page-num");
+
−
flex_arranger.showPage(itemToShowPageNum,container,items);
+
−
};
+
−
 
+
−
flex_arranger.showPage = function(pageNum,container,items){
+
−
container.find(".page-navigator").removeClass("active");
+
−
//container.find(event.target).addClass("active");
+
−
+
−
container.find(".page-navigator").removeClass("active");
+
−
container.find("#nav" + pageNum).addClass("active");
+
−
+
−
var pageToShow = items.filter(".slide-" + pageNum);
+
−
items.removeAttr("data-visible");
+
−
pageToShow.attr("data-visible","visible");
+
−
items.removeClass("before-visible after-visible")
+
−
pageToShow.nextAll().addClass("after-visible");
+
−
pageToShow.prevAll().addClass("before-visible");
+
−
//var currentVisibleLeft = parseInt(pageToShow.css("left"));
+
−
var pageToShowIndex = pageToShow.index();
+
−
var itemsNewLeft = pageToShowIndex * -1 * pageToShow.width();
+
−
//if (currentVisibleLeft < 0){
+
−
items.each(function(){
+
−
var currentItem = $(this);
+
−
//var currentLeft = parseInt(currentItem.css("left"));
+
−
//var newLeft = currentLeft + (currentVisibleLeft * -1);
+
−
currentItem.css("left",itemsNewLeft);
+
−
});
+
−
items.removeClass("play-effect");
+
−
flex_arranger.emulateTransitionEnd (pageToShow,1050,function(){
+
−
pageToShow.addClass("play-effect");
+
−
});
+
 
 
−
//}else{
+
<span id="element-fa38138e1dd4fce" class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Safety</span>
−
// items.each(function(){
+
</a>
−
// var currentItem = $(this);
+
−
// var currentLeft = parseInt(currentItem.css("left"));
+
−
// var newLeft = currentLeft - currentVisibleLeft;
+
−
// currentItem.css("left",newLeft);
+
−
// });
+
−
// }
+
−
};
+
−
 
+
−
flex_arranger.handlePagination = function(items,container){
+
−
+
−
items.each(function(idx){
+
−
var currentItem = $(this);
+
−
currentItem.removeClass (function (index, className) {
+
−
    return (className.match (/(^|\s)slide-\S+/g) || []).join(' ');
+
−
});
+
−
currentItem.addClass("slide-" + (idx + 1)).attr("data-page-num",(idx + 1));
+
−
});
+
−
var numOfPages = items.length;
+
 
 
 +
</li>
  
−
container.find(".page-navigator").remove();
 
−
container.find("#paginator").remove();
 
−
var paginator = $("<div />").attr("id","paginator");
 
−
for(var i=1;i <= numOfPages; i++){
 
−
var pageNavigator = $("<div />").attr("id","nav"+i).addClass("page-navigator").attr("data-page-num",i).click(function(e){
 
−
e.stopPropagation();
 
−
if (container.attr("data-interval-id")){
 
−
clearInterval(parseInt(container.attr("data-interval-id")));
 
−
}
 
−
flex_arranger.showPage($(this).attr("data-page-num"),container,items);
 
−
});
 
−
paginator.append(pageNavigator);
 
−
}
 
 
 
−
//paginator.css("left",parseInt(container.width())/2);
 
−
//paginator.css("top",parseInt(container.height()) - 40);
 
−
 
−
 
−
container.find("#items-holder-wrapper").append(paginator);
 
−
 
−
var paginationWidth = parseInt(paginator.width());
 
−
paginatorNeMargin = paginationWidth / -2;
 
−
paginator.css("margin-left",paginatorNeMargin);
 
−
if (items.length == 1){
 
−
paginator.hide();
 
−
}else{
 
−
paginator.show();
 
−
}
 
−
 
−
container.find("#nav1").addClass("active");
 
−
 
−
};
 
−
 
−
 
−
flex_arranger.emulateTransitionEnd = function(element,duration,callbackFunc) {
 
−
  var called = false;
 
−
  element.one('webkitTransitionEnd', function() { called = true; callbackFunc();});
 
−
  var callback = function() { if (!called) element.trigger('webkitTransitionEnd'); };
 
−
  setTimeout(callback, duration);
 
−
};; var menu_layout = {};
 
−
menu_layout.LEFT_MENU_WIDTH = 270;
 
−
menu_layout.SCROLLBAR_WIDTH = 0;
 
−
 
−
menu_layout.init = function(container,items){
 
−
var currentPageId = $(".master.container").attr("id");
 
−
var currentPageSlug = $(".master.container").attr("data-itemslug");
 
−
if (XPRSHelper.isChrome()){
 
−
menu_layout.SCROLLBAR_WIDTH = 0;
 
−
//$(".master.container").addClass("chrome");
 
−
}
 
−
items.each(function(){
 
−
var currentItem = $(this);
 
 
 
−
//Mark link of the current page
+
<li class="removable-parent">
−
currentItem.find(".preview-item-links a").each(function(){
+
−
var linkStr = $(this).attr("href");
+
−
if (linkStr){
+
−
//remove query params
+
−
if (linkStr.indexOf("?") != -1){
+
−
linkStr = linkStr.substring(0,linkStr.indexOf("?"));
+
−
}
+
−
//match slug or vbid
+
−
var linkToCurrentPage = linkStr.indexOf(currentPageId, linkStr.length - currentPageId.length) !== -1;
+
−
linkToCurrentPage = linkToCurrentPage || linkStr.indexOf(currentPageSlug, linkStr.length - currentPageSlug.length) !== -1;
+
−
if (linkToCurrentPage){
+
−
$(this).addClass("current-page");
+
−
//do not mark more than one even if found
+
−
return false;
+
−
}
+
−
}
+
−
});
+
−
 
+
−
 
+
−
 
+
 
 
−
//LEFT MENU
+
<a class="removable-parent" href="team.html" data-link-type="EXISTING"   target="_self" >
−
var holder = container.closest(".master.item-box");
+
−
holder.addClass("animated-color")
+
<span id="element-8308751370782bc" class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Team</span>
−
var settings = holder.find(".layout-settings");
+
</a>
−
var menuPosition = settings.attr("data-menu_position");
+
−
var isProductPage = window.location.href.indexOf("/product/") != -1;
+
</li>
−
if(typeof window["EditorHelper"] == "undefined"){
+
−
var submenuTitles = currentItem.find(".submenu-title");
+
−
submenuTitles.each(function(){
+
−
var submenuTitle = $(this);
+
−
if (submenuTitle.parent().is("a")){
+
−
submenuTitle.unwrap()
+
−
}
+
−
submenuTitle.unbind("click").bind("click",function(e){
+
−
e.stopPropagation();
+
−
var clickedTitle = $(this);
+
−
menu_layout.toggleSubmenu(clickedTitle);
+
−
});
+
−
});
+
−
// submenuTitles.unbind("click").bind("click",function(e){
+
−
// e.stopPropagation();
+
−
// var clickedTitle = $(this);
+
−
// menu_layout.toggleSubmenu(clickedTitle);
+
−
// });
+
−
}
+
  
−
if (isProductPage && menuPosition == "none"){
+
−
menuPosition= "top";
+
−
settings.attr("data-menu_position","top")
+
−
}
+
−
holder.removeClass("hidden-menu");
+
−
if (menuPosition == "none"){
+
−
holder.css("display","none");
+
−
}else if (menuPosition == "left"){
+
−
$(".master.container").find("#children").first().css("width",$(window).innerWidth() - menu_layout.SCROLLBAR_WIDTH - menu_layout.LEFT_MENU_WIDTH);
+
−
$(".left-menu-placeholder").height($(window).height());
+
−
}else{
+
−
$(".master.container").find("#children").first().css("width","");
+
−
}
+
 
 
−
var previewTitle = currentItem.find(".preview-title");
+
<li class="removable-parent">
−
//var previewSubtitle = currentItem.find(".preview-subtitle");
+
−
var rightSideDiv = currentItem.find('.right-div');
+
−
var leftSideDiv = currentItem.find('.left-div');
+
−
var stripe = container.closest(".master.item-box");
+
−
totalLinksWidth = rightSideDiv.outerWidth(true);
+
 
 
−
//Saving the original links width for unmenufying - only if we are not centered
+
<a class="removable-parent" href="basic-parts.html" data-link-type="EXISTING"   target="_self" >
−
if (!rightSideDiv.hasClass("centerified") && settings.attr("data-menu_align") != "center" && stripe.css("display") != "none"){
+
−
stripe.attr("data-original-menu-width",totalLinksWidth);
+
−
}
+
 
 
−
//no shrink if title is not present
+
<span id="element-78fbd0423085ce2" class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Basic Parts</span>
−
var originalFontSize = "N/A";
+
</a>
−
if (currentItem.find(".element-placeholder[data-elementtype='TITLE']").length == 0){
+
−
originalFontSize = Math.round(parseInt(previewTitle.css("font-size")));
+
</li>
−
leftSideDiv.attr("data-orig-font-size",originalFontSize);
+
−
}
+
−
+
−
//If no subtitle and no title found link will be aligned to center
+
−
if (currentItem.find(".element-placeholder[data-elementtype='TITLE']").length > 0 && currentItem.find(".element-placeholder[data-elementtype='SUBTITLE']").length > 0){
+
−
currentItem.find(".helper-div").hide();
+
−
if (currentItem.find(".element-placeholder[data-elementtype='ICON']").length > 0){
+
−
menu_layout.centerifyLinks(leftSideDiv,rightSideDiv);
+
−
}else{
+
−
menu_layout.uncenterifyLinks(leftSideDiv,rightSideDiv);
+
−
}
+
−
}else{
+
−
currentItem.find(".helper-div").show();
+
−
menu_layout.uncenterifyLinks(leftSideDiv,rightSideDiv);
+
−
}
+
−
});
+
−
};
+
−
 
+
  
−
menu_layout.closeOpenedSubmenus = function(){
+
−
var openedSubmenus = $(".submenu-title.menu-opened");
+
−
var wasOpen = openedSubmenus.length > 0;
+
−
if (wasOpen){
+
−
var holder = openedSubmenus.closest(".master.item-box");
+
−
holder.css("z-index","");
+
−
}
+
−
openedSubmenus.each(function(){
+
−
var currentSubmenuTitle = $(this);
+
−
if (currentSubmenuTitle.parent().is("a")){
+
−
currentSubmenuTitle.parent().next(".submenu").hide();
+
−
}else{
+
−
currentSubmenuTitle.next(".submenu").hide();
+
−
}
+
−
currentSubmenuTitle.removeClass("menu-opened");
+
−
});
+
−
return wasOpen;
+
−
};
+
−
 
+
−
menu_layout.toggleSubmenu = function(clickedTitle){
+
−
var holder = clickedTitle.closest(".master.item-box");
+
−
var settings = holder.find(".layout-settings");
+
−
var menuPosition = settings.attr("data-menu_position");
+
−
var currentSubmenu = clickedTitle.next(".submenu");
+
−
if (clickedTitle.parent().is("a")){
+
−
currentSubmenu = clickedTitle.parent().next(".submenu");
+
−
}
+
−
var noPlaceMode = holder.find(".preview-item-links.no-place").length == 1;
+
−
var minifiyType = settings.attr("data-always_minified");
+
−
if (currentSubmenu.is(":visible")){
+
−
holder.css("z-index","")
+
−
if (menuPosition == "left" || minifiyType == "side_screen" || minifiyType == "full_screen" || noPlaceMode){
+
−
currentSubmenu.slideUp(function(){
+
−
clickedTitle.removeClass("menu-opened");
+
−
});
+
−
}else{
+
−
currentSubmenu.fadeOut(function(){
+
−
clickedTitle.removeClass("menu-opened");
+
−
});
+
−
}
+
 
 
−
}else{
+
<li class="removable-parent">
−
holder.css("z-index","1234567890")
+
−
menu_layout.calculateSubmenuBG(holder,currentSubmenu);
+
−
holder.find(".menu-opened").removeClass("menu-opened");
+
−
clickedTitle.addClass("menu-opened");
+
−
if (menuPosition == "left" || minifiyType == "side_screen" || minifiyType == "full_screen" || noPlaceMode){
+
−
holder.find(".submenu:visible").slideUp()
+
−
currentSubmenu.slideDown();
+
−
}else{
+
−
holder.find(".submenu:visible").fadeOut()
+
−
currentSubmenu.fadeIn(function(){
+
−
clickedTitle.addClass("menu-opened");
+
−
});
+
−
}
+
 
 
−
}
+
<a class="removable-parent" href="composite-parts.html" data-link-type="EXISTING"  target="_self" >
−
};
+
 +
<span id="element-24ea54f35798e9a"  class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Composite Parts</span>
 +
</a>
 +
 +
</li>
  
−
menu_layout.centerifyLinks = function(leftSideDiv,rightSideDiv){
+
−
leftSideDiv.css({"width":0,"display":"inline"});
+
−
rightSideDiv.css({"width":"100%","text-align":"center"}).addClass("centerified");
+
−
};
+
−
 
+
−
menu_layout.uncenterifyLinks = function(leftSideDiv,rightSideDiv){
+
−
leftSideDiv.css({"width":"","display":""});
+
−
rightSideDiv.css({"width":"","text-align":""}).removeClass("centerified");;
+
−
};
+
−
 
+
−
menu_layout.applyLayout = function(container,items,paramsFromRealTime){
+
−
var holder = container.closest(".master.item-box");
+
−
var masterContainer = $(".master.container");
+
−
items.each(function(){
+
−
var currentItem = $(this);
+
−
currentItem.find(".preview-item-links").css("display","");
+
−
var settings = container.closest(".master.item-box").find(".layout-settings");
+
 
 
−
var alwaysMinify = settings.attr("data-always_minified") != "false";
+
<li class="removable-parent">
−
var leftMenuPlaceHolder = masterContainer.find(".left-menu-placeholder");
+
−
var menuAlign = settings.attr("data-menu_align");
+
−
if(holder.find(".item-wrapper").innerWidth() < 400 && leftMenuPlaceHolder.length == 0 && holder.css("display") != "none"){
+
−
menuAlign = "left";
+
−
holder.addClass("force-min-height50 minimal-design");
+
−
}else{
+
−
if (!holder.is(".being-scrolled")){
+
−
holder.removeClass("force-min-height50 minimal-design");
+
−
}
+
−
}
+
−
var menuPosition = settings.attr("data-menu_position");
+
 
 
 +
<a class="removable-parent" href="parts.html" data-link-type="EXISTING"  target="_self" >
 
 
−
if (menuPosition == "none"){
+
<span id="element-8d68d4dbac38a10" class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Parts</span>
−
holder.css("display","none");
+
</a>
−
//return;
+
−
}else if (menuPosition == "left"){
+
</li>
−
holder.css("display","");
+
 
−
holder.removeClass("minimal-design");
+
−
masterContainer.find("#children").first().css("width",$(window).innerWidth() - menu_layout.SCROLLBAR_WIDTH - menu_layout.LEFT_MENU_WIDTH);
+
−
$(".left-menu-placeholder").height($(window).height());
+
−
}else{
+
−
holder.css("display","");
+
−
masterContainer.find("#children").first().css("width","");
+
−
//holder.find('.right-div').css("height",holder.find('.preview-icon-holder').height());
+
−
if (holder.find('.preview-icon-holder').length > 0){
+
−
holder.find('.right-div').css("height",holder.find('.preview-icon-holder').height());
+
−
}else{
+
−
holder.find('.right-div').css("height","");
+
−
}
+
−
}
+
 
 
 +
<li class="removable-parent">
 
 
−
var menuRatio = $(window).width()/menu_layout.LEFT_MENU_WIDTH;
+
<a class="removable-parent" href="interlab.html" data-link-type="EXISTING"   target="_self" >
−
if (menuPosition == "left" && menuRatio > 4){
+
−
menuAlign = "center";
+
−
masterContainer.addClass("left-menu-layout");
+
−
holder.find(".preview-content-holder").css("height",$(window).height());
+
−
if (leftMenuPlaceHolder.length == 0){
+
−
leftMenuPlaceHolder = $("<div />").addClass("left-menu-placeholder");
+
−
var holderHandle = holder.next(".control-handle");
+
−
leftMenuPlaceHolder.append(holder);
+
−
if (holderHandle.length > 0){
+
−
leftMenuPlaceHolder.append(holderHandle);
+
−
}
+
−
$(".master.container > #children").before(leftMenuPlaceHolder);
+
−
}
+
−
}else{
+
−
masterContainer.removeClass("left-menu-layout");
+
−
holder.find(".preview-content-holder").css("height","");
+
−
masterContainer.find("#children").first().css("width","");
+
−
menuPosition="top";
+
−
if (leftMenuPlaceHolder.length != 0){
+
−
var holderHandle = holder.next(".control-handle");
+
−
$(".master.container > #children").prepend(holder);
+
−
if (holderHandle.length > 0){
+
−
holder.after(holderHandle);
+
−
}
+
−
+
−
leftMenuPlaceHolder.remove();
+
−
}
+
−
}
+
−
if (menuAlign == "center"){
+
−
holder.addClass("center-aligned-menu");
+
−
}else{
+
−
holder.removeClass("center-aligned-menu");
+
−
}
+
−
var previewTitle = currentItem.find(".preview-title");
+
−
var previewSubtitle = currentItem.find(".preview-subtitle");
+
−
var rightSideDiv = currentItem.find('.right-div');
+
−
var leftSideDiv = currentItem.find('.left-div');
+
−
leftSideDiv.find(".helper-div").show();
+
−
if (currentItem.find(".element-placeholder[data-elementtype='TITLE']").length > 0 && currentItem.find(".element-placeholder[data-elementtype='SUBTITLE']").length > 0){
+
−
currentItem.find(".helper-div").hide();
+
−
if (currentItem.find(".element-placeholder[data-elementtype='ICON']").length > 0){
+
−
menu_layout.centerifyLinks(leftSideDiv,rightSideDiv);
+
−
}else{
+
−
menu_layout.uncenterifyLinks(leftSideDiv,rightSideDiv);
+
−
}
+
−
}else{
+
−
currentItem.find(".helper-div").show();
+
−
menu_layout.uncenterifyLinks(leftSideDiv,rightSideDiv);
+
−
}
+
 
 
−
var stripe = container.closest(".master.item-box");
+
<span id="element-c92600692c09125"  class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Interlab</span>
 +
</a>
 +
 +
</li>
 +
 
 +
 
 
−
var textElement = currentItem.find(".preview-title");
+
<li class="removable-parent">
−
var contentHolder = currentItem.find(".preview-content-holder");
+
−
var contentWrapper = currentItem.find(".preview-content-wrapper");
+
 
 
−
var originalFontSize = "N/A";
+
<a class="removable-parent" href="our-partners.html" data-link-type="EXISTING"   target="_self" >
−
if (currentItem.find(".element-placeholder[data-elementtype='TITLE']").length == 0){
+
−
originalFontSize =  parseInt(leftSideDiv.attr("data-orig-font-size"));
+
−
if (textElement.attr("data-orig-font-size")){
+
−
if (originalFontSize != textElement.attr("data-orig-font-size")){
+
−
originalFontSize = textElement.attr("data-orig-font-size");
+
−
}
+
−
}
+
−
textElement.css("font-size",originalFontSize + "px");
+
−
}
+
 
 
−
var totalLinksWidth = 0;
+
<span id="element-be35f8069be1925"  class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Our Partners</span>
 +
</a>
 +
 +
</li>
 +
 
 +
 
 
−
if (typeof stripe.attr("data-original-menu-width") != "undefined"){
+
<li class="removable-parent">
−
totalLinksWidth = parseInt(stripe.attr("data-original-menu-width"));
+
−
}else{
+
−
totalLinksWidth = currentItem.find(".preview-item-links").outerWidth(true);
+
−
if (stripe.css("display") != "none"){
+
−
stripe.attr("data-original-menu-width",totalLinksWidth)
+
−
}
+
−
}
+
 
 
 +
<a class="removable-parent" href="notebook-september.html" data-link-type="EXISTING"  target="_self" >
 
 
−
var textSpace = 0;
+
<span id="element-4d7dd9f5c90ef9b"  class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Notebook September</span>
−
if (leftSideDiv.length > 0){
+
</a>
−
textSpace = parseInt(leftSideDiv.width());
+
−
}
+
</li>
 +
 
 +
 
 
−
var shrinkerRelevantContainer = contentWrapper;
+
<li class="removable-parent">
−
if (menuAlign == "center"){
+
−
if (masterContainer.hasClass("left-menu-layout")){
+
−
totalLinksWidth = 0; //(no shrink at all)
+
−
shrinkerRelevantContainer = holder.find(".item-wrapper");
+
−
}else{
+
−
textSpace = 0; //(shrink and center)
+
−
}
+
−
}
+
 
 
−
//Shrink if needed
+
<a class="removable-parent" href="environmental-project.html" data-link-type="EXISTING"   target="_self" >
−
if (leftSideDiv.outerWidth(true) + totalLinksWidth > shrinkerRelevantContainer.width()){
+
−
var newFontSize = SpimeEngine.shrinkTextToFit(originalFontSize,shrinkerRelevantContainer,leftSideDiv,textElement,totalLinksWidth,15);
+
−
if (newFontSize != -1){
+
−
textElement.css("font-size",newFontSize);
+
−
}
+
−
}
+
−
var atLeastOneLink = holder.find("#sr-basket-widget , .preview-element.Link.item-link").length > 0
+
−
alwaysMinify = alwaysMinify && menuAlign=="left" && menuPosition=="top";
+
 
 
−
//console.log( contentHolder.width() + " " + totalLinksWidth + " " + textSpace + " " +  alwaysMinify +  " " +atLeastOneLink)
+
<span id="2d522622"  class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Environmental Project</span>
−
+
</a>
−
if ((contentHolder.width() <= totalLinksWidth + textSpace || alwaysMinify) && menuPosition=="top" && atLeastOneLink){
+
−
//if shrink is not working menufyLinks
+
−
menu_layout.menufyLinks(container,currentItem.find(".preview-item-links"));
+
−
//if menufy is not enough remove text
+
−
if (contentHolder.width() < textSpace + rightSideDiv.width()){
+
−
//console.log("still NO space ");
+
−
leftSideDiv.find(".helper-div").hide();
+
−
}
+
−
}else{
+
−
if (!alwaysMinify || !atLeastOneLink){
+
−
menu_layout.unmenufyLinks(container,container.next(".preview-item-links"));
+
−
+
−
}
+
−
}
+
−
+
−
if (!holder.hasClass("menu-open")){
+
−
if (settings.attr("data-menu_overlay") == "absolute" && !holder.is(".being-scrolled")){
+
−
holder.addClass("force-transparency");
+
−
if (settings.attr("data-menu_overlay") == "absolute" && holder.css("position")!= "absolute"){
+
−
holder.css("position","absolute");
+
−
}
+
−
}
+
−
if (settings.attr("data-menu_overlay") == "relative" && !holder.is(".being-scrolled")){
+
−
if (settings.attr("data-menu_overlay") == "relative" && holder.css("position")!= "relative"){
+
−
holder.css("position","relative");
+
−
holder.removeClass("force-transparency");
+
−
}
+
−
}
+
−
}
+
−
menu_layout.updateBurgerColor(stripe.find(".preview-item-links"));
+
−
menu_layout.adjustMenuScrolling(stripe);
+
−
});
+
 
 
−
};
+
</li>
  
−
menu_layout.forceRedraw = function(elements){
 
−
elements.each(function(){
 
−
var element = $(this)[0];
 
−
  var disp = element.style.display;
 
−
  element.style.display = 'none';
 
−
  var trick = element.offsetHeight;
 
−
  element.style.display = disp;
 
−
});
 
 
 
−
};
+
−
 
+
<li class="removable-parent">
−
menu_layout.adjustMenuScrolling = function(stripe){
+
−
var linksHolder =  stripe.find(".preview-item-links");
+
<a class="removable-parent" href="hardware.html" data-link-type="EXISTING"   target="_self" >
−
var linksWrapper = linksHolder.find(".preview-links-wrapper");
+
−
if (stripe.hasClass("full-screen-menu menu-open")){
+
<span id="8d3cfa8c" class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Hardware</span>
−
if (linksWrapper.outerHeight(true) + linksWrapper.outerHeight(true)/2 > $(window).innerHeight() - stripe.height() -50){
+
</a>
−
if (!linksHolder.hasClass("transform-disabled")){
+
−
linksHolder.addClass("transform-disabled")
+
−
linksWrapper.css({"top":stripe.height()});
+
−
//linksWrapper.closest(".preview-item-links").css({"overflow-y":"scroll","padding-right": "20px"})//.attr("id","scrolling-menu");
+
−
}
+
−
}else{
+
−
linksWrapper.css({"top":""});
+
−
//linksWrapper.closest(".preview-item-links").css({"overflow-y":"","padding-right": ""});
+
−
linksHolder.removeClass("transform-disabled")
+
−
}
+
−
}else{
+
−
if (linksHolder.hasClass("transform-disabled")){
+
−
linksHolder.removeClass("transform-disabled")
+
−
}
+
−
}
+
−
};
+
−
 
+
−
menu_layout.handleScroll = function(holder,scrollPos){
+
−
if (holder.hasClass("is-blocked")){
+
−
return;
+
−
}
+
−
var settings = holder.find(".layout-settings");
+
−
var menuAlign = settings.attr("data-menu_align");
+
−
var menuPosition = settings.attr("data-menu_position");
+
−
if(holder.find(".item-wrapper").innerWidth() < 400 && menuPosition!="left"){
+
−
menuAlign = "left";
+
−
holder.addClass("force-min-height50 minimal-design");
+
−
}else{
+
−
holder.removeClass("minimal-design");
+
−
}
+
−
if (settings.attr("data-menu_scroll") == "true"){
+
−
if (scrollPos == 0){
+
−
$("#menu-placeholder").remove();
+
−
if (menuAlign == "center"){
+
−
holder.addClass("center-aligned-menu");
+
−
}
+
−
holder.css({"position":settings.attr("data-menu_overlay")});
+
−
holder.removeClass("animated-top");
+
−
holder.css("top","");
+
−
//holder.find(".preview-subtitle-holder").show();
+
−
holder.find('.left-div').removeClass("scale-down08");
+
−
if (holder.find(".item-wrapper").innerWidth() >= 400){
+
−
holder.removeClass("force-min-height50");
+
−
}
+
−
holder.removeClass("being-scrolled");
+
−
if (!holder.is(".menufied")){
+
−
//holder.find('.right-div').css("height","");
+
−
}
+
−
if (settings.attr("data-menu_overlay") == "absolute"){
+
−
holder.addClass("force-transparency");
+
−
}
+
−
menu_layout.forceRedraw(holder.find(".item-wrapper"))
+
−
}else if(scrollPos < holder.outerHeight(true)){
+
−
//console.log("still seen")
+
−
//if(typeof window["EditorHelper"] != "undefined"){
+
−
//if (holder.is(".being-scrolled")){
+
−
// holder.css("top",scrollPos);
+
−
//}
+
−
//}
+
−
+
−
}else{
+
−
if (holder.css("position") != "fixed" ){
+
−
//Create a menu place holder to prevent the mobile scroll jump
+
−
var menuHeight = parseInt(holder.css("height"));
+
−
if (holder.parent().find("#menu-placeholder").length == 0 && !holder.is(".force-transparency")){
+
−
var menuPlaceHolder = $("<div />").attr("id","menu-placeholder").css({"height":menuHeight,"width":"100%"});
+
−
holder.after(menuPlaceHolder);
+
−
}
+
−
//holder.attr("data-orig-min-height", holder.css("min-height"));
+
−
holder.removeClass("center-aligned-menu");
+
−
holder.addClass("being-scrolled");
+
−
holder.addClass("force-min-height50");
+
−
holder.css({"position":"fixed","top":menuHeight*-1,"left":"0px"});
+
−
holder.find('.left-div').addClass("scale-down08");
+
−
holder.find('.right-div').css("height",holder.find('.left-div').height());
+
−
//holder.find(".preview-subtitle-holder").hide();
+
−
holder.addClass("animated-top");
+
−
holder.removeClass("force-transparency");
+
−
setTimeout(function(){
+
−
var offsetFix = 0;
+
−
//if(typeof window["EditorHelper"] != "undefined"){
+
−
//offsetFix = scrollPos;
+
−
// if ($(".site-thumb").lenght > 0){
+
−
// offsetFix = 0;
+
−
// }
+
−
//}
+
−
holder.css("top",offsetFix);
+
−
},10);
+
−
}else{
+
−
//if(typeof window["EditorHelper"] != "undefined" ){
+
−
// holder.removeClass("animated-top");
+
−
// holder.css("top",scrollPos);
+
−
//}
+
−
}
+
−
}
+
−
}
+
 
 
−
};
+
</li>
  
−
 
−
menu_layout.updateBurgerColor = function(linksHolder){
 
−
var linksColor = linksHolder.find(".item-link").css("color");
 
−
var styleForBurger = $("head style#for-burger");
 
−
if (styleForBurger.length == 0){
 
−
styleForBurger = $("<style>").attr("id","for-burger");
 
−
}
 
−
styleForBurger.text(".hamburger-inner:before,.hamburger-inner,.hamburger-inner:after {background-color:"+linksColor+";}")
 
−
$('head').append(styleForBurger);
 
−
};
 
−
 
−
menu_layout.menufyLinks = function(container,linksHolder){
 
−
var stripe = container.closest(".master.item-box");
 
−
var settings = stripe.find(".layout-settings");
 
−
var minifiyType = settings.attr("data-always_minified");
 
 
 
−
var menuBtn = container.find(".links-menu-btn");
 
−
//menuBtn.find(".hamburger-inner").css("background-color",linksColor);
 
−
 
−
menuBtn.addClass("shown");
 
−
if (container.next(".preview-item-links").length == 0){
 
−
var allLinks = linksHolder.children();
 
−
var menuBackground = container.find(".item-content").css("background-color");
 
−
var menuMaxWidth = container.css("max-width");
 
−
allLinks.addClass("flipped");
 
−
stripe.addClass("menufied");
 
−
if (!stripe.hasClass("menu-open")){
 
−
//linksHolder.css({"max-width":menuMaxWidth,"background-color":menuBackground});
 
−
linksHolder.hide();
 
−
}
 
 
 
−
//if (minifiyType != "false"){
+
<li class="removable-parent">
−
container.after(linksHolder);
+
−
//linksHolder.css({"background-color":stripe.css("background-color")});
+
−
//}
+
 
 
 +
<a class="removable-parent" href="demonstrate.html" data-link-type="EXISTING"  target="_self" >
 
 
−
+
<span id="1ad7c153" class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Demonstrate</span>
−
stripe.attr("data-original-stripe-height" , stripe.height());
+
</a>
−
+
−
menuBtn.unbind('click').bind('click', function(e){
+
</li>
−
e.stopPropagation();
+
−
menu_layout.burgerClick($(this),stripe,linksHolder);
+
−
});
+
−
+
−
+
−
if(typeof window["EditorHelper"] == "undefined"){
+
−
linksHolder.unbind("click").bind("click",function(e){
+
−
e.stopPropagation();
+
−
menu_layout.burgerClick(menuBtn,stripe,linksHolder);
+
−
});
+
−
}
+
−
+
−
stripe.find('.right-div').css("height",stripe.find('.preview-icon-holder').height());
+
−
}
+
−
};
+
  
−
 
−
menu_layout.burgerClick = function(burger,stripe,linksHolder){
 
−
if (!burger.hasClass("being-clicked")){
 
−
burger.addClass("being-clicked")
 
−
var settings = stripe.find(".layout-settings");
 
−
var minifiyType = settings.attr("data-always_minified");
 
−
linksHolder.removeClass("allow-bg-color");
 
−
switch(minifiyType){
 
−
case "true":
 
−
menu_layout.handleMinifiedDefault(burger,stripe,linksHolder,settings);
 
−
break;
 
−
case "full_screen":
 
−
linksHolder.addClass("allow-bg-color");
 
−
menu_layout.handleMinifiedFullScreen(burger,stripe,linksHolder,settings);
 
−
break;
 
−
case "side_screen":
 
−
linksHolder.addClass("allow-bg-color");
 
−
menu_layout.handleMinifiedSideScreen(burger,stripe,linksHolder,settings);
 
−
break;
 
−
default:
 
−
menu_layout.handleMinifiedDefault(burger,stripe,linksHolder,settings);
 
−
break;
 
−
}
 
−
menu_layout.adjustMenuScrolling(stripe);
 
−
}
 
−
};
 
−
 
−
menu_layout.handleMinifiedDefault = function(burger,stripe,linksHolder,settings){
 
−
stripe.addClass("animated");
 
−
burger.toggleClass("is-active");
 
−
if (burger.hasClass("is-active")){
 
−
stripe.removeClass("force-transparency");
 
−
linksHolder.addClass("flipped");
 
−
linksHolder.removeClass("no-place");
 
−
stripe.addClass("menu-open");
 
−
if (linksHolder.width() >=  stripe.width() && !linksHolder.is(".no-place")){
 
−
linksHolder.addClass("no-place")
 
−
}
 
−
stripe.find(".item-content").addClass("flipped");
 
−
burger.removeClass("being-clicked");
 
−
linksHolder.slideDown(function(){
 
−
 
−
});
 
−
}else{
 
−
linksHolder.slideUp(function(){
 
−
stripe.removeClass("menu-open");
 
−
if (settings.attr("data-menu_overlay") == "absolute" && !stripe.is(".being-scrolled")){
 
−
stripe.addClass("force-transparency");
 
−
}
 
−
});
 
−
burger.removeClass("being-clicked");
 
−
 
−
linksHolder.removeClass("flipped");
 
−
//linksHolder.css({"background-color":""});
 
−
}
 
 
 
−
};
 
−
 
−
menu_layout.handleMinifiedFullScreen = function(burger,stripe,linksHolder,settings){
 
−
burger.toggleClass("is-active");
 
−
if (burger.hasClass("is-active")){
 
−
//stripe.css("background-color","transparent")
 
−
var master = $(".master.container");
 
−
linksHolder.css({"margin-left":master.css("margin-left"),"margin-right":master.css("margin-right")});
 
−
if (master.is(".narrow-site")){
 
−
linksHolder.css("width","1000px");
 
−
}
 
−
$("body").addClass("noscroll");
 
−
menu_layout.disableScroll();
 
−
linksHolder.addClass("flipped");
 
−
stripe.find(".item-content").addClass("flipped");
 
−
linksHolder.fadeIn(function(){
 
−
burger.removeClass("being-clicked")
 
−
});
 
−
stripe.addClass("full-screen-menu menu-open");
 
−
}else{
 
−
//stripe.css("background-color","")
 
−
$("body").removeClass("noscroll");
 
−
menu_layout.enableScroll();
 
−
linksHolder.removeClass("flipped");
 
−
linksHolder.fadeOut(function(){
 
−
burger.removeClass("being-clicked")
 
−
stripe.removeClass("full-screen-menu menu-open");
 
−
//linksHolder.css({"background-color":""});
 
−
linksHolder.css({"margin-left":"","margin-right":"","width":""})
 
−
});
 
−
}
 
−
};
 
−
 
−
menu_layout.handleMinifiedSideScreen = function(burger,stripe,linksHolder,settings){
 
−
burger.toggleClass("is-active");
 
−
if (burger.hasClass("is-active")){
 
−
var master = $(".master.container");
 
−
linksHolder.css({"margin-right":master.css("margin-right")})
 
−
linksHolder.addClass("flipped");
 
−
stripe.find(".item-content").addClass("flipped");
 
−
stripe.addClass("side-screen-menu menu-open");
 
−
linksHolder.show();
 
−
setTimeout(function(){
 
−
burger.removeClass("being-clicked")
 
−
linksHolder.css("right","0px")
 
−
},10)
 
 
 
−
}else{
+
<li class="removable-parent">
−
linksHolder.css({"transition":"none"});
+
−
linksHolder.animate({
+
−
right:"-360px"
+
−
  }, 1000, function() {
+
−
  burger.removeClass("being-clicked")
+
−
linksHolder.hide();
+
−
stripe.removeClass("side-screen-menu menu-open");
+
−
linksHolder.css({"margin-right":"","right":"","transition":""});
+
−
  });
+
−
linksHolder.removeClass("flipped");
+
−
}
+
−
};
+
−
 
+
−
menu_layout.handleMinifiedBoxed = function(burger,stripe,linksHolder,settings){
+
−
burger.toggleClass("is-active");
+
−
if (burger.hasClass("is-active")){
+
−
stripe.removeClass("force-transparency");
+
−
linksHolder.addClass("flipped");
+
−
stripe.find(".item-content").addClass("flipped");
+
−
linksHolder.css({"top":stripe.height()})
+
−
linksHolder.fadeIn();
+
−
stripe.addClass("boxed-menu menu-open");
+
−
}else{
+
−
linksHolder.removeClass("flipped");
+
−
linksHolder.css("right","0px")
+
−
//linksHolder.fadeOut(function(){stripe.removeClass("boxed-menu menu-open");});
+
−
//if (settings.attr("data-menu_overlay") == "absolute" && !stripe.is(".being-scrolled")){
+
−
// stripe.addClass("force-transparency");
+
−
//}
+
 
 
 +
<a class="removable-parent" href="improve.html" data-link-type="EXISTING"  target="_self" >
 
 
−
}
+
<span id="d9b23d12"  class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Improve</span>
 +
</a>
 
 
−
};
+
</li>
  
−
 
+
−
menu_layout.disableScroll = function(){
+
−
var x=window.scrollX;
+
−
    var y=window.scrollY;
+
−
    window.onscroll=function(){window.scrollTo(x, y);};
+
−
};
+
−
 
+
−
menu_layout.enableScroll = function(){
+
−
window.onscroll=function(){};
+
−
};
+
−
 
+
−
menu_layout.unmenufyLinks = function(container,linksHolder){
+
−
var holder = container.closest(".master.item-box");
+
−
if (holder.hasClass("menufied")){//container.next(".preview-item-links").length > 0){
+
 
 
 +
<li class="removable-parent">
 
 
 +
<a class="removable-parent" href="results.html" data-link-type="EXISTING"  target="_self" >
 
 
−
var menuLinksHolder = linksHolder.find(".menu-links-holder");
+
<span id="7e0ed437" class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Results</span>
−
//linksHolder.find("span").css({"display":"","margin-right":"","margin-left":""});
+
</a>
−
linksHolder.css({"max-width":"","background-color":"","margin":""});
+
−
holder.removeClass("menufied");
+
−
//linksHolder.find(".links-menu-btn").removeClass("shown");
+
−
container.find(".links-menu-btn").removeClass("shown");
+
−
var allLinks = menuLinksHolder.children();
+
−
allLinks.removeClass("flipped");
+
−
container.find(".item-content").removeClass("flipped");
+
−
linksHolder.append(allLinks);
+
−
container.find(".right-div").prepend(linksHolder);
+
−
var stripe = container.closest(".master.item-box");
+
−
stripe.removeClass("animated");
+
−
linksHolder.show();
+
−
linksHolder.removeClass("flipped");
+
−
//holder.find('.right-div').css("height","");
+
−
holder.find('.right-div').css("height",holder.find('.preview-icon-holder').height());
+
−
linksHolder.removeClass("allow-bg-color");
+
−
if (holder.hasClass("menu-open")){
+
−
holder.find(".hamburger").click();
+
−
setTimeout(function(){
+
−
holder.find(".preview-item-links").css("display","");
+
−
},1500);
+
−
}
+
−
holder.find(".preview-item-links").css("display","");
+
−
}
+
−
 
+
−
};
+
−
 
+
−
 
+
−
menu_layout.calculateSubmenuBG = function(container,submenu){
+
−
var menuBackground = container.find(".item-content").css("background-color");
+
−
if (menuBackground.indexOf("rgba(") != -1 && menuBackground.indexOf(", 0)") != -1){
+
−
menuBackground = container.closest(".master.item-box").css("background-color");
+
−
}
+
−
submenu.css("background-color",menuBackground);
+
−
};; var footer_layout = {};
+
−
 
+
−
footer_layout.init = function(container,items){
+
−
items.each(function(){
+
−
var currentItem = $(this);
+
−
var links = currentItem.find(".preview-item-links").children();
+
−
links.css("clear","");
+
−
links.each(function(idx){
+
−
if (idx % 2 == 0 && idx!=0){
+
−
$(this).css("clear","left");
+
−
}
+
−
});
+
−
});
+
 
 
−
};
+
</li>
−
 
+
−
footer_layout.applyLayout = function(container,items){
+
−
items.each(function(){
+
−
var currentItem = $(this);
+
−
var stripe = container.closest(".master.item-box");
+
−
var rightDivWidth = currentItem.find(".preview-social-wrapper").width();
+
−
var leftDivWidth = currentItem.find(".helper-div").width();
+
−
var centerDivWidth = currentItem.find(".preview-item-links").innerWidth();
+
−
var stripeWidth = stripe.width();
+
−
if (rightDivWidth + leftDivWidth + centerDivWidth > stripeWidth){
+
−
footer_layout.flipVertically(currentItem);
+
−
}else{
+
−
footer_layout.unflip(currentItem);
+
−
}
+
−
});
+
−
};
+
−
 
+
−
footer_layout.flipVertically = function(item){
+
−
if (typeof item.attr("data-flipped") == "undefined"){
+
−
item.attr("data-flipped","true");
+
−
var rightDiv = item.find(".right-div");
+
−
var leftDiv = item.find(".left-div");
+
−
var centerDiv = item.find(".center-div");
+
−
rightDiv.addClass("flipped");
+
−
leftDiv.addClass("flipped");
+
−
centerDiv.addClass("flipped");
+
−
}
+
−
};
+
−
 
+
−
footer_layout.unflip = function(item){
+
−
if (typeof item.attr("data-flipped") != "undefined"){
+
−
item.removeAttr("data-flipped","true");
+
−
var rightDiv = item.find(".right-div");
+
−
var leftDiv = item.find(".left-div");
+
−
var centerDiv = item.find(".center-div");
+
−
rightDiv.removeClass("flipped");
+
−
leftDiv.removeClass("flipped");
+
−
centerDiv.removeClass("flipped");
+
−
}
+
−
};; var multi_layout = {};
+
−
 
+
−
multi_layout.init = function(container,items){
+
−
//items.find(".image-cover").css("min-height","inherit");
+
−
items = items.not(".stripe-header").not(".stripe-footer");
+
−
items.each(function(){
+
−
var helperDiv = $(this).find(".helper-div");
+
−
//there is no class to helperdiv (usually on switching to multi)
+
−
// if (helperDiv.attr("class").indexOf("top") == -1 && helperDiv.attr("class").indexOf("middle") == -1 && helperDiv.attr("class").indexOf("bottom") == -1){
+
−
// helperDiv.addClass()
+
−
// }
+
−
var picSide = $(this).find(".pic-side");
+
−
var textSide = $(this).find(".text-side");
+
−
if (helperDiv.is(".top-center")){
+
−
picSide.before(textSide);
+
−
}else{
+
−
picSide.after(textSide);
+
−
}
+
−
});
+
−
};
+
  
−
multi_layout.applyLayout = function(container,items,paramsFromRealTime){
 
−
items = items.not(".stripe-header").not(".stripe-footer");
 
−
var textVerticalAligner;//if it is bigger that the pic side we should flip?
 
−
var helperDiv = items.find(".helper-div");
 
−
var picSide = items.find(".pic-side");
 
−
var textSide = items.find(".text-side");
 
 
 
−
 
−
items.find(".image-cover , .item-preview").css("min-height","inherit");
 
−
 
−
//Handle Ratio
 
−
if (container.find(".arranger-settings").length > 0){
 
−
var arrangerSettings = container.find(".arranger-settings");
 
−
if (arrangerSettings.attr("data-arranger_type") == "matrix"){
 
−
var isMazonite = arrangerSettings.attr("data-arranger_order_type") == "mazonite";
 
−
var ratioFromArranger = parseFloat(arrangerSettings.attr("data-arranger_item_ratio")).toFixed(1);
 
−
items.each(function(){
 
−
var currentItem = $(this);
 
−
var innerPic = currentItem.find(".inner-pic");
 
−
if (isMazonite){
 
−
var origHeight = innerPic.attr("data-orig-height");
 
−
var origWidth = innerPic.attr("data-orig-width");
 
−
if (origHeight && origWidth){
 
−
ratioFromArranger = parseInt(origHeight) / parseInt(origWidth)
 
−
}else{
 
−
if (innerPic.attr("id") != "no-image"){
 
−
container.closest(".master.item-box").addClass("rearrange");
 
−
}
 
−
ratioFromArranger = 0;
 
−
}
 
−
 
−
}
 
−
var newPicHeight = currentItem.find(".pic-side").width() * ratioFromArranger;
 
−
if (currentItem.find(".video-frame").length > 0 && isMazonite){
 
−
//found video
 
−
newPicHeight = currentItem.find(".pic-side").width() * (9/16);
 
−
}
 
−
if (helperDiv.is(".top-center") || helperDiv.is(".bottom-center")){
 
−
innerPic.css({"height":newPicHeight});
 
−
currentItem.find(".helper-div").css({"min-height":""});
 
−
}else{
 
−
currentItem.find(".helper-div").css({"min-height":newPicHeight});
 
−
innerPic.css({"height":""});
 
−
}
 
−
});
 
−
 
−
}else{
 
−
items.find(".item-details").css("height","")
 
−
if (helperDiv.is(".top-center") || helperDiv.is(".bottom-center")){
 
−
items.each(function(){
 
−
var currentItem = $(this)
 
−
var textHeight = currentItem.find(".item-details").outerHeight(true);
 
−
var newHeight = currentItem.height() - textHeight
 
−
currentItem.find(".inner-pic").css("height",newHeight);
 
−
//if (currentItem.find(".inner-pic").is(".circlize")){
 
−
// console.log("here")
 
−
//}
 
−
});
 
−
}else{
 
−
picSide.find(".inner-pic").css({"height":""});
 
−
}
 
−
}
 
−
}else{
 
−
items.find(".item-details").css("height","")
 
−
if (helperDiv.is(".top-center") || helperDiv.is(".bottom-center")){
 
−
items.each(function(){
 
−
var currentItem = $(this)
 
−
var textHeight = currentItem.find(".item-details").outerHeight(true);
 
−
var newHeight = currentItem.height() - textHeight
 
−
currentItem.find(".inner-pic").not(".circlize").css("height",newHeight);
 
−
if (currentItem.find(".inner-pic").is(".circlize")){
 
−
currentItem.find(".pic-side").not(".circlize").css("height",newHeight);
 
−
}
 
−
});
 
−
}else{
 
−
picSide.find(".inner-pic").css({"height":""});
 
−
}
 
−
}
 
 
 
−
+
<li class="removable-parent">
−
+
−
+
−
if (container.width() < 500){
+
−
//if (!picSide.attr("data-prev-height")){
+
−
//picSide.attr("data-prev-height",picSide[0].style.height)
+
−
//picSide.css("min-height","");
+
−
//picSide.css("height","");
+
−
//picSide.addClass("reset")
+
−
//}
+
−
if (!helperDiv.is(".middle-center") &&  !helperDiv.is(".top-center") && !helperDiv.is(".bottom-center")){
+
−
items.each(function(){
+
−
multi_layout.flipVertically($(this));
+
−
});
+
−
}
+
−
//multi_layout.init(container,items); //cause edited text to loose focus
+
 
 
−
}else{
+
<a class="removable-parent" href="attribution.html" data-link-type="EXISTING"  target="_self" >
−
if (helperDiv.attr("data-orig-class")){
+
−
items.each(function(){
+
−
multi_layout.unflip($(this));
+
−
});
+
−
//multi_layout.init(container,items); //cause edited text to loose focus
+
 
 
−
//picSide.css("min-height",picSide.attr("data-prev-height"));
+
<span id="8a69633b" class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Attribution</span>
−
picSide.css("top","")
+
</a>
−
textSide.find(".vertical-aligner").css("min-height","")
+
−
+
−
}
+
−
//picSide.css("bottom","")
+
−
//picSide.css("height",picSide.attr("data-prev-height"));
+
−
//picSide.removeAttr("data-prev-height");
+
−
//picSide.removeClass("reset")
+
−
}
+
 
 
−
if (paramsFromRealTime && "force_redraw" in paramsFromRealTime){
+
</li>
−
multi_layout.forceRedraw($(".item-wrapper"));
+
−
}
+
−
//items.find(".background-div, .item-preview, .preview-image-holder,.text-side, .vertical-aligner , .inner-pic").css("min-height","inherit");
+
−
//, .text-side, .vertical-aligner, .inner-pic
+
−
//textSide.css("height","");
+
−
if (helperDiv.is(".top-center") || helperDiv.is(".bottom-center")){
+
−
var insideSlideshow = container.is(".flex");
+
−
//multi_layout.handleVerticalLayouts(items,insideSlideshow,helperDiv);
+
−
}
+
−
if (helperDiv.is(".middle-center")){
+
−
items.each(function(){
+
−
var currentItemDetails = $(this).find(".item-details");
+
−
var draggableImages = $(this).find(".draggable-div-holder");
+
−
if (currentItemDetails.css("text-align") == "center" || currentItemDetails.css("text-align") == "right"){
+
−
var divisor = 2;
+
−
if ( currentItemDetails.css("text-align") == "right"){
+
−
divisor = 1;
+
−
}
+
−
var textSideMaxWidth = $(this).find(".text-side").css("max-width");
+
−
if (textSideMaxWidth != "none"){
+
−
textSideMaxWidth = parseInt(textSideMaxWidth);
+
−
if (draggableImages.width() < textSideMaxWidth ){
+
−
var newMarginLeft = (textSideMaxWidth - draggableImages.width())/divisor * -1;
+
−
draggableImages.css("margin-left",newMarginLeft);
+
−
}else{
+
−
draggableImages.css("margin-left",0);
+
−
}
+
−
}
+
−
}
+
−
+
−
if ( currentItemDetails.css("vertical-align") == "top"){
+
−
draggableImages.css("margin-top",0);
+
−
}
+
−
+
−
if ( currentItemDetails.css("vertical-align") == "middle" || currentItemDetails.css("vertical-align") == "bottom"){
+
−
if (currentItemDetails.css("vertical-align") == "bottom"){
+
−
if (!draggableImages.is(".bottomized")){
+
−
draggableImages.addClass("bottomized");
+
−
draggableImages.css({"top":"auto","bottom":0});
+
−
draggableImages.css("margin-top",0);
+
−
}
+
−
}else{
+
−
if (draggableImages.is(".bottomized")){
+
−
draggableImages.css({"bottom":"","top":""});
+
−
draggableImages.removeClass("bottomized");
+
−
}
+
−
var itemDetailsHeight = parseInt(currentItemDetails.innerHeight());
+
−
var stripeHeight = parseInt($(this).closest(".master.item-box").height());
+
−
if (itemDetailsHeight <= stripeHeight ){
+
−
var newMarginTop = (stripeHeight - draggableImages.height())/2;
+
−
draggableImages.css("margin-top",newMarginTop);
+
−
}else{
+
−
draggableImages.css("margin-top",0);
+
−
}
+
−
}
+
−
}
+
−
+
−
});
+
−
}
+
  
−
};
 
−
 
−
 
−
multi_layout.forceRedraw = function(elements){
 
−
//setting body height to prevent jitter
 
−
$("body").css("height",$("body").height())
 
−
elements.each(function(){
 
−
var element = $(this)[0];
 
−
  var disp = element.style.display;
 
−
  element.style.display = 'none';
 
−
  var trick = element.offsetHeight;
 
−
  element.style.display = disp;
 
−
});
 
−
$("body").css("height","")
 
−
};
 
−
 
−
 
−
multi_layout.handleVerticalLayouts = function(items,insideSlideshow,helperDiv,fromFlip){
 
 
 
−
// var maxHeight = 0;
 
−
// var innerMaxHeight = 0;
 
−
// var maxItemBoxHeight = 0;
 
−
// if (!insideSlideshow){
 
−
// items.each(function(){
 
−
// textSideHeight = $(this).find(".text-side").outerHeight(true);
 
−
// maxHeight = Math.max(maxHeight,textSideHeight);
 
−
// var itemContent = $(this).find(".item-content").andSelf().filter(".item-content");
 
−
// maxItemBoxHeight = Math.max(maxItemBoxHeight,itemContent.height());
 
−
// innerMaxHeight = Math.max(innerMaxHeight,$(this).find(".text-side").outerHeight());
 
−
// });
 
−
// }
 
−
// var fromWidthResize = items.closest(".master.item-box[data-width-resize=true]").length > 0
 
−
// items.each(function(){
 
−
// var currentItem = $(this)
 
−
// var itemContent = currentItem.find(".item-content").andSelf().filter(".item-content");
 
−
// if (!insideSlideshow){
 
−
// //currentItem.find(".text-side").height(innerMaxHeight);
 
−
// }else{
 
−
//
 
−
// maxItemBoxHeight = itemContent.height();
 
−
// }
 
−
//
 
−
// itemBoxHeight =  itemContent.height();
 
−
// });
 
−
};
 
−
 
−
 
−
multi_layout.flipVertically = function(itemToFlip){
 
−
var helperDiv = itemToFlip.find(".helper-div");
 
−
var currentClass = helperDiv.attr("class").replace("helper-div", "").replace(" ","");
 
−
if (currentClass=="top-left" || currentClass=="middle-left" || currentClass=="bottom-left"){
 
−
helperDiv.removeClass("top-left top-center top-right middle-left middle-center middle-right bottom-left bottom-center bottom-right");
 
−
helperDiv.addClass("top-center");
 
−
helperDiv.attr("data-orig-class",currentClass);
 
−
helperDiv.addClass("flipped-image")
 
−
}
 
−
if (currentClass=="top-right" || currentClass=="middle-right" || currentClass=="bottom-right"){
 
−
helperDiv.removeClass("top-left top-center top-right middle-left middle-center middle-right bottom-left bottom-center bottom-right");
 
−
helperDiv.addClass("bottom-center");
 
−
//multi_layout.handleVerticalLayouts(itemToFlip,itemToFlip.closest(".flex").length > 0,itemToFlip.find(".helper-div"),true);
 
−
helperDiv.attr("data-orig-class",currentClass);
 
−
helperDiv.addClass("flipped-image")
 
−
}
 
−
};
 
−
 
−
multi_layout.unflip = function(itemToUnFlip){
 
−
var helperDiv = itemToUnFlip.find(".helper-div");
 
−
itemToUnFlip.find(".inner-pic").css({"height":""});
 
−
if (helperDiv.attr("data-orig-class")){
 
−
helperDiv.removeClass("top-left top-center top-right middle-left middle-center middle-right bottom-left bottom-center bottom-right");
 
−
helperDiv.addClass(helperDiv.attr("data-orig-class"));
 
−
helperDiv.removeAttr("data-orig-class")
 
−
helperDiv.removeClass("flipped-image")
 
−
}
 
−
};; var blocks_layout = {};
 
−
 
−
blocks_layout.init = function(container,items){
 
−
 
−
};
 
−
 
−
blocks_layout.applyLayout = function(container,items,paramsFromRealTime){
 
−
var helperDiv = container.find(".helper-div");
 
−
var containerHeight = container.height();
 
−
var helperDivHeight = helperDiv.height();
 
−
var center = (containerHeight/2) - (helperDivHeight/2);
 
−
center = Math.max(0,center);
 
−
helperDiv.css("top",center)
 
−
};;</script>
 
−
<script src="//xprs.imcreator.com/js/lib/touchswipe/jquery.mobile.custom.min.js"></script>
 
−
<script type="text/javascript">IMOS.pageView();</script>
 
 
 
 +
<li class="removable-parent">
 
 
−
+
<a class="removable-parent" href="notebook-october.html" data-link-type="EXISTING"  target="_self" >
−
+
−
+
−
<!-- User analytics -->
+
−
 
+
−
<script type="text/javascript">
+
−
   var _gaq = _gaq || [];
+
−
  _gaq.push(['_setAccount', '']);
+
−
  _gaq.push(['_trackPageview']);
+
−
  (function() {
+
−
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+
−
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+
−
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+
−
  })();
+
−
</script>
+
−
 
+
−
 
+
−
<!-- Label config-->
+
−
<script>
+
 
 
−
var LABEL_CONFIG = JSON.parse('{"LANDING_PAGE": "fast_homepage", "TIERS": {"silver": {"ALLOW_ECOMMERCE": "disallow", "ALLOW_BACKUPS": "allow", "ALLOW_BLOG": "allow", "PAGE_LIMIT": "unlimited"}, "gold": {"ALLOW_ECOMMERCE": "allow", "ALLOW_BACKUPS": "allow", "ALLOW_BLOG": "allow", "PAGE_LIMIT": "unlimited"}}, "BILLING": {"BUY_NOW_URL": "none", "BUY_NOW_IMAGE": "none", "PAYPAL_RECURRENCES": "1", "CUSTOM_CURRENCY": "USD", "HIDE_FREE_URL": "off", "PAYPAL_ID": "", "PAYPAL_AMOUNT": "100", "CUSTOM_TITLE": "Single Commercial License", "PAYPAL_PERIOD": "Y", "CUSTOM_EXPLAINED": "single domain connection for a single site. unlimited bandwidth, unlimited storage, premium support, e-commerce", "BILLING_TYPE": "abtest", "PAYPAL_OFFER_NAME": "Premium Subscription", "PAYPAL_EXPLAINED": "single domain connection for a single site. unlimited bandwidth, unlimited storage, premium support, e-commerce", "CUSTOM_CYCLE": "/month paid annualy", "PAYPAL_CURRENCY": "USD", "CUSTOM_PRICE": "100"}, "BRANDING": {"BRAND_THEMES_LOGO": "none", "BRAND_SECONDARY_COLOR": "rgb(255,255,255)", "BRAND_MAIN_COLOR": "#0099CC", "BRAND_BG": "https://lh3.googleusercontent.com/ZgLp2jeL7ynJJZ-aMv-LgcFLv1-wuV0E4mMxsQXqyPe9CDHiClIlQODrGLalwzQp4XNWjMBy8Z68369P4Q", "BUTTON_HOVER_COLOR": "#0099cc", "BRAND_SMALL_LOGO": "https://lh3.googleusercontent.com/PVw5qfegr3TcOhyx6UH2QShnmtTexxEIuzECuxiKnbfkzYPv28lrzSMSnelUe7nkoYjs-KLxOYzo1wgOSZk", "BRAND_LARGE_LOGO": "https://lh3.googleusercontent.com/BVPCuhW88_eSWMXpfFE8ZZh9IxRktAzfOp_rZ9vvhH2zLhLNoCJ6TjOleEnqppMxvYHdvsxDX-uXWfRrgQ"}, "SUPPORT": {"SUPPORT_URL": "http://support.imxprs.com/hc/en-us/requests/new", "VIDEO_ID": "K1ZnSLe-Rdk", "SUPPORT_ID": "", "KNOWLEDGE_CENTER_URL": "http://support.imxprs.com/hc/en-us"}, "ANALYTICS_ID": "UA-64970204-1", "META": {"OWNER": "xprsxprs", "DOMAIN": "imcreator.com", "CREATION_DATE": "28-07-2015 13:34:42", "PRODUCT_NAME": "XPRS", "NAME": "xprs"}, "DOMAIN_BILLING": {"BUY_NOW_URL": "none", "PAYPAL_RECURRENCES": "1", "CUSTOM_CURRENCY": "USD", "PAYPAL_PERIOD": "Y", "PAYPAL_AMOUNT": "100", "PAYPAL_ID": "", "CUSTOM_EXPLAINED": "1-Year domain subscription", "BILLING_TYPE": "standard", "PAYPAL_OFFER_NAME": "Premium Subscription", "PAYPAL_CURRENCY": "USD", "CUSTOM_PRICE": "100"}, "ID": "label-f6d7c", "SETTINGS": {"ALLOW_PERIPHERAL_PAGES": "allow", "LOGIN_URL": "", "ALLOW_ELEMENTS": "allow", "ALLOW_ECOMMERCE": "allow", "ALLOW_NEW_DOMAIN": "allow", "ENABLE_IMXPRT": "true", "ECOMMERCE_DASHBOARD": "http://dashboard.shoprocket.co", "INCLUDE_REGISTER_PHONE": "disallow", "CUSTOM_TEMPLATES": "default", "ALLOW_CALL_ME_CHECKBOX": "disallow", "SR_PARTNER_KEY": "N/A", "PHONE_EDIT_APP_LINK": "https://itunes.apple.com/app/apple-store/id953999749?pt=1847141&mt=8", "DEFAULT_EDITOR_LANG": "en", "CUSTOM_SECTIONS": "default", "ALLOW_PHONE_EDIT": "allow", "ALLOW_BACKUPS": "allow", "ALLOW_NEW_SITES": "allow", "REGISTER_URL": "", "BILLING_SERVER": "", "USER_PROFILE": "show", "REGISTER_STEP": "themes", "ENABLE_IMOS": "false", "ECOMMERCE_SOLUTION": "IMOS", "WEBHOOKS_SERVER": "", "ALLOW_RESELLER": "allow"}, "HIY": "false", "EMAILS": {"FORWARD_ALL_EMAILS": "off", "FORWARD_EMAIL": ""}, "SERVERS": {"HEROKU_APP": "", "S3_ACCESS": "", "S3_REGION": "", "UPLOAD_TO_S3": "off", "S3_SECRET": "", "S3_BUCKET": ""}, "TOS_URL": "http://www.imcreator.com/terms-of-service"}');
+
<span id="643d5085" class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Notebook October</span>
−
+
</a>
−
</script></head>
+
−
 
+
−
<body class="fast-animated-bg fixed-bg " data-ecommerce-solution="NONE" data-root-id="vbid-59a5b-fnxcttvm" data-root-style-id="style-59a5b-yamofliu" data-default-currency="USD" data-osid="osid--6af0e67f-af8681d1"  data-app-version="1.4.1a" data-caller="preview"  data-ecommerce-dashboard="http://dashboard.shoprocket.co" data-static-server="//xprs.imcreator.com" data-imos-server="https://imos004-dot-im--os.appspot.com">
+
 
 
−
<div id="xprs" data-website-name="USE THIS ONE!!!" class="xprs-holder" >
+
</li>
−
<div class="main-page "  >
+
−
<div id="content">
+
−
<div  id="vbid-5515b55f-jgjhhkan"  class="master container style-5515b55f-237hs5eh content stripes  website-style " data-itemtype="folder" data-creator="" data-itemname="Safety"  data-itemslug="safety" data-itemstyleid="style-5515b55f-237hs5eh" data-margintop="" data-arranger="stripes" data-layout="middle" data-vbid="vbid-5515b55f-jgjhhkan" data-preset-type-id="ITEMS" data-preview-style="style-5515b55f-237hs5eh" data-style="style-5a24e-kzdyurm3ju" data-absolute-path="https://xprs.imcreator.com/viewer"  >
+
−
<!-- ARRANGER SETTINGS -->
+
−
<div class="arranger-settings" style="display:none;"
+
−
data-ARRANGER_TYPE="stripes"
+
−
data-ARRANGER_COLS="0"
+
−
data-ARRANGER_ITEM_MAX_WIDTH="400"
+
−
data-ARRANGER_ITEM_MIN_WIDTH="230"
+
−
data-ARRANGER_ITEM_RATIO="1"
+
−
data-ARRANGER_ITEM_SPACING="20"
+
−
data-ARRANGER_ITEMS_PER_PAGE="all"
+
−
data-ARRANGER_ORDER_TYPE="regular"
+
−
data-AUTO_PLAY="false"
+
−
data-AUTO_PLAY_DURATION="4"
+
−
data-FLEX_ELEMENT_EFFECT=""
+
−
></div>
+
−
<div class="layout-settings" style="display:none;" data-type="middle"></div>
+
−
<div id="children">
+
−
+
−
+
−
+
−
<!-- MENUS START -->
+
−
<div  id="vbid-59a5b-1xbnq2ek"  class="master item-box  header-box style-59a5b-jbqq3wgo injected        " data-holder-type="header"" data-holder-type="header"  data-child-type="ORIGIN"  data-styleid="style-59a5b-jbqq3wgo" data-preview-styleid='style-59a5b-jbqq3wgo' data-preset-type-id="MENUS">
+
−
<div id="no-image" class="stripe-background load-high-res " ></div>
+
−
<div class="header-wrapper item-wrapper menus-wrapper ">
+
−
+
−
<div class="item-content leaf menu_layout header content" data-preview-style="style-59a5b-jbqq3wgo" data-style="style-7f715-scjjarqgxu"  data-behavior-type="NOTHING" data-orig-thumb-height="" data-orig-thumb-width="" data-vbid="vbid-59a5b-1xbnq2ek" data-bgimg="">
+
−
<div class="preview-content-wrapper">
+
−
<div class="preview-content-holder">
+
−
<div class="left-div">
+
−
<div class="benet" style="min-height:inherit;"></div>
+
−
<div class="logo-holder">
+
−
<!-- ICON TEMPLATE -->
+
−
+
−
<div class="element-placeholder" data-elementtype='ICON' style="display:none;"></div>
+
−
 
+
−
</div>
+
−
<div class="helper-div">
+
−
<div class="item-details menu">
+
−
<!-- TITLE TEMPLATE -->
+
−
+
−
<div class="element-placeholder" data-elementtype='TITLE' style="display:none;"></div>
+
−
 
+
−
<!-- SUBTITLE TEMPLATE -->
+
−
+
−
<div class="element-placeholder" data-elementtype='SUBTITLE' style="display:none;"></div>
+
−
 
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<div class="right-div">
+
−
<div class="benet" style="min-height:inherit;"></div>
+
−
<!-- LINKS TEMPLATE -->
+
−
<div class="preview-item-links ">
+
−
<ul class="preview-links-wrapper">
+
−
 
+
  
 
 
Line 2,542: Line 394:
 
<li class="removable-parent">
 
<li class="removable-parent">
 
 
−
<a class="removable-parent" href="https://xprs.imcreator.com/viewer/vbid-59a5b-fnxcttvm/vbid-466a74f8-j2jzxizg" data-link-type="EXISTING"  target="_self" >
+
<a class="removable-parent" href="silver-hp.html" data-link-type="EXISTING"  target="_self" >
 
 
−
<span id="b951bd16"  class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Notebook</span>
+
<span id="element-563894f97a8ebaf"  class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Silver HP</span>
 
</a>
 
</a>
 
 
Line 2,553: Line 405:
 
<li class="removable-parent">
 
<li class="removable-parent">
 
 
−
<a class="removable-parent" href="https://xprs.imcreator.com/viewer/vbid-59a5b-fnxcttvm/vbid-5515b55f-jgjhhkan" data-link-type="EXISTING"  target="_self" >
+
<a class="removable-parent" href="integrated-and-gold.html" data-link-type="EXISTING"  target="_self" >
 
 
−
<span id="928ba103"  class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Safety</span>
+
<span id="element-874635e92416b44"  class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Integrated and Gold</span>
 
</a>
 
</a>
 
 
Line 2,601: Line 453:
 
<div class="gallery-wrapper item-wrapper promo-wrapper ">
 
<div class="gallery-wrapper item-wrapper promo-wrapper ">
 
 
−
<!-- CACHED VERSION (7) OF vbid-5515b55f-rb7yoimx FROM  24-07-2017 22:42:52 --><div  class="sub container style-5515b55f-fxthsnhw content flex  " data-itemtype="folder" data-creator="" data-itemname="LOADING Copy"  data-itemslug="loading-copy" data-itemstyleid="style-5515b55f-fxthsnhw" data-margintop="" data-arranger="flex" data-layout="multi" data-vbid="vbid-5515b55f-rb7yoimx" data-preset-type-id="PROMO" data-preview-style="style-5515b55f-fxthsnhw" data-style="style-f3095-j0xhjgzynh" data-absolute-path="https://xprs.imcreator.com/viewer"  >
+
<div  class="sub container style-5515b55f-fxthsnhw content flex  " data-itemtype="folder" data-creator="" data-itemname="LOADING Copy"  data-itemslug="loading-copy" data-itemstyleid="style-5515b55f-fxthsnhw" data-margintop="" data-arranger="flex" data-layout="multi" data-vbid="vbid-5515b55f-rb7yoimx" data-preset-type-id="PROMO" data-preview-style="style-5515b55f-fxthsnhw" data-style="style-f3095-j0xhjgzynh" data-absolute-path=""  >
 
<!-- ARRANGER SETTINGS -->
 
<!-- ARRANGER SETTINGS -->
 
<div class="arranger-settings" style="display:none;"
 
<div class="arranger-settings" style="display:none;"
Line 2,630: Line 482:
 
<div class="page-wrapper item-wrapper ">
 
<div class="page-wrapper item-wrapper ">
 
 
−
<div class="item-content leaf multi_layout page content -container" data-self="vbid-5515b55f-syatz3mm" data-preview-style="style-5515b55f-fxthsnhw" data-style="style-f3095-yq39oaomol" data-orig-thumb-height="800" data-orig-thumb-width="1200" data-vbid="vbid-5515b55f-syatz3mm" data-bgimg="https://lh3.googleusercontent.com/yOK8x6SQ6gm628gjf-EEYdVHYoHJp9234_JMiF-dHqGEcSVsdLs8J6mY4ZhoHM-muBTRnw1-7SusROPoYw">
+
<div class="item-content leaf multi_layout page content -container" data-self="vbid-5515b55f-syatz3mm" data-preview-style="style-5515b55f-fxthsnhw" data-style="style-f3095-yq39oaomol" data-orig-thumb-height="3024" data-orig-thumb-width="4032" data-vbid="vbid-5515b55f-syatz3mm" data-bgimg="https://static.igem.org/mediawiki/2017/9/9a/C2V_Safety_Header.jpg">
 
<div  class="multi-container preview image-cover" >
 
<div  class="multi-container preview image-cover" >
 
<div class="Picture item-preview">
 
<div class="Picture item-preview">
Line 2,642: Line 494:
 
<div id="vbid-5515b55f-09a8dz2z-holder"  class="preview-image-holder inner-pic-holder" data-menu-name="PREVIEW_INLINE_IMAGE_HOLDER">
 
<div id="vbid-5515b55f-09a8dz2z-holder"  class="preview-image-holder inner-pic-holder" data-menu-name="PREVIEW_INLINE_IMAGE_HOLDER">
  
−
<div  id="vbid-5515b55f-09a8dz2z" class="inner-pic preview-element  magic-circle-holder  load-high-res " data-menu-name="PREVIEW_INLINE_IMAGE" style="background-image:url(https://lh3.googleusercontent.com/yOK8x6SQ6gm628gjf-EEYdVHYoHJp9234_JMiF-dHqGEcSVsdLs8J6mY4ZhoHM-muBTRnw1-7SusROPoYw=s300);"  data-orig-width="1200" data-orig-height="800" >
+
<div  id="vbid-5515b55f-09a8dz2z" class="inner-pic preview-element  magic-circle-holder  load-high-res " data-menu-name="PREVIEW_INLINE_IMAGE" style="background-image:url(https://static.igem.org/mediawiki/2017/8/88/J3HeMDYw7wui_jPNV26_P06wRITQSYi-kYtge8OXeN5_nGimvhtyj5HliKPrHkK33UVjRjLM1LQZeZYkzw.jpg);"  data-orig-width="4032" data-orig-height="3024" >
 
<!-- VIDEO TEMPLATE -->
 
<!-- VIDEO TEMPLATE -->
 
 
Line 2,693: Line 545:
 
 
 
<div id="vbid-5515b55f-4qmf0kdx" class="preview-element preview-body magic-circle-holder text-element quick-text-style-menu  allow-mobile-hide" data-menu-name="PREVIEW_BODY">
 
<div id="vbid-5515b55f-4qmf0kdx" class="preview-element preview-body magic-circle-holder text-element quick-text-style-menu  allow-mobile-hide" data-menu-name="PREVIEW_BODY">
−
<p class="MsoNormal"><span style="font-size:16.5pt;line-height:115%;font-family:
+
<p class="MsoNormal"><span style="font-size:18px;"><span style="line-height:2em;"><span id="docs-internal-guid-1b7da29c-fd03-79be-db00-39ec8eeebe81"><span style="font-family: Arial; color: rgb(0, 0, 0); background-color: transparent; vertical-align: baseline; white-space: pre-wrap;">The experiments we have performed were done at Biosafety Level 1, meaning that the microbes we used are not known to consistently cause disease in healthy adults and present minimal potential hazard to lab researchers and the environment. </span></span></span></span><span style="font-size:18px;"><span style="line-height:2em;"><span><span style="font-family: Arial; color: rgb(0, 0, 0); background-color: transparent; vertical-align: baseline; white-space: pre-wrap;">Our protocols require that we wear protective equipment and make sure not to wear our clothes or hairstyle in a way that it might contaminate our work. The two elements of our experiments that required the most caution were utilizing a UV light to view our circuit's GFP fluorescence and the use of arsenic experiment preparation.</span></span></span></span></p>
−
&quot;Georgia&quot;,&quot;serif&quot;;color:black">We designed our project specifically because of the safety hazard presented by arsenic pollution, and Tacoma's reputation of being a city with a relatively high level of Arsenic contamination.</span><span style="font-size:8.0pt;line-height:115%;
+
−
font-family:&quot;Times New Roman&quot;,&quot;serif&quot;"><o:p>​</o:p></span></p>
+
 
</div>
 
</div>
 
 
Line 2,707: Line 557:
 
 
 
 
 +
 +
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<!-- LAYOUT SETTINGS -->
 +
<div class="layout-settings" style="display:none;" data-type="multi"></div>
 +
 +
</div>
 +
</div>
 +
 +
 +
 +
 +
 +
</div>
 +
</div>
 +
 +
 +
 +
</div>
 +
</div>
 +
 +
</div>
 +
</div>
 +
<!-- PROMO END -->
 +
 +
 +
 +
 +
<!-- TEXT_BLOCK START -->
 +
<div  id="vbid-c0c60978-qqcb9mt2"  class="master item-box  gallery-box style-c0c60978-6rkb49z5    button-effects btn_hover3      " data-holder-type="gallery"" data-holder-type="gallery"  data-child-type="STYLE"  data-styleid="style-c0c60978-6rkb49z5" data-preview-styleid='style-c0c60978-6rkb49z5' data-preset-type-id="TEXT_BLOCK">
 +
<div id="no-image" class="stripe-background load-high-res " ></div>
 +
<div class="gallery-wrapper item-wrapper text_block-wrapper ">
 +
 +
<div  class="sub container style-c0c60978-6rkb49z5 content flex  " data-itemtype="folder" data-creator="" data-itemname="LOADING Copy"  data-itemslug="loading-copy" data-itemstyleid="style-c0c60978-6rkb49z5" data-margintop="" data-arranger="flex" data-layout="multi" data-vbid="vbid-c0c60978-qqcb9mt2" data-preset-type-id="TEXT_BLOCK" data-preview-style="style-c0c60978-6rkb49z5" data-style="style-4e411-j0xhjgzynh" data-absolute-path=""  >
 +
<!-- ARRANGER SETTINGS -->
 +
<div class="arranger-settings" style="display:none;"
 +
data-ARRANGER_TYPE="flex"
 +
data-ARRANGER_COLS="0"
 +
data-ARRANGER_ITEM_MAX_WIDTH="400"
 +
data-ARRANGER_ITEM_MIN_WIDTH="230"
 +
data-ARRANGER_ITEM_RATIO="1"
 +
data-ARRANGER_ITEM_SPACING="20"
 +
data-ARRANGER_ITEMS_PER_PAGE="all"
 +
data-ARRANGER_ORDER_TYPE="regular"
 +
data-AUTO_PLAY="true"
 +
data-AUTO_PLAY_DURATION="4"
 +
data-FLEX_ELEMENT_EFFECT="effect-fadein"
 +
></div>
 +
<div class="layout-settings" style="display:none;" data-type="multi"></div>
 +
<div id="children">
 +
 +
 +
<div id="items-holder-wrapper">
 +
<div id="items-holder">
 +
 +
 +
 +
 +
<div  id="vbid-c0c60978-3icuax6a"  class="sub item-box  page-box style-c0c60978-6rkb49z5          " data-holder-type="page"" data-holder-type="page"  data-child-type="STYLE"  data-styleid="style-c0c60978-6rkb49z5" data-preview-styleid='style-c0c60978-6rkb49z5' data-preset-type-id="UNRESOLVED">
 +
 +
<div class="page-wrapper item-wrapper ">
 +
 +
<div class="item-content leaf multi_layout page content -container" data-self="vbid-c0c60978-3icuax6a" data-preview-style="style-c0c60978-6rkb49z5" data-style="style-4e411-yq39oaomol" data-orig-thumb-height="1024" data-orig-thumb-width="768" data-vbid="vbid-c0c60978-3icuax6a" data-bgimg="https://static.igem.org/mediawiki/2017/7/75/C2V_Safety_UV.jpg">
 +
<div  class="multi-container preview image-cover" >
 +
<div class="Picture item-preview">
 +
<div class="preview-image-holder">
 +
<div id="no-image" class="background-image-div preview-element image-source magic-circle-holder unfold-left load-high-res" data-menu-name="BACKGROUND_IMAGE" style="">
 +
</div>
 +
<div class="helper-div middle-left" >
 +
<!-- <div class="benet" style="min-height:inherit;"></div> -->
 +
<div class="pic-side">
 +
<div class="vertical-aligner">
 +
<div id="element-4f3ca22a7216222-holder"  class="preview-image-holder inner-pic-holder" data-menu-name="PREVIEW_INLINE_IMAGE_HOLDER">
 +
 +
<div  id="element-4f3ca22a7216222" class="inner-pic preview-element  magic-circle-holder  load-high-res " data-menu-name="PREVIEW_INLINE_IMAGE" style="background-image:url(https://static.igem.org/mediawiki/2017/7/75/C2V_Safety_UV.jpg);"  data-orig-width="768" data-orig-height="1024" >
 +
<!-- VIDEO TEMPLATE -->
 +
 +
 +
<div class="element-placeholder" data-elementtype='VIDEO' style="display:none;"></div>
 +
 +
 +
<!-- MAP TEMPLATE -->
 +
 +
<div class="element-placeholder" data-elementtype='MAP' style="display:none;"></div>
 +
 +
<!-- RAW TEMPLATE -->
 +
 +
<div class="element-placeholder" data-elementtype='RAW' style="display:none;"></div>
 +
 +
</div>
 +
 +
</div>
 +
 +
 +
</div>
 +
</div>
 +
<div class="text-side shrinker-parent">
 +
<div class="vertical-aligner">
 +
<div class="item-details preview-content-wrapper  multi" style="position:relative;">
 +
<div class="draggable-div-holder"></div>
 +
<div class="preview-content-holder shrinker-content">
 +
 +
<!--  BY SPECIFIC ORDER -->
 
 
 
 
 
 
−
<div class="preview-item-links order-handle removable-parent" style="display:inline-block;">
+
−
 
+
<br class="upper-line-break" />
−
<span id="vbid-5515b55f-jizfjywl" class="preview-element Link item-link magic-circle-holder text-element " data-menu-name="PREVIEW_LINK" >Lab Safety Biosafety Level 1 (BSL-1)Safety Guidelines If you work in a lab that is designated a BSL-1, the microbes there are not known to consistently cause disease in healthy adults and present minimal potential hazard to laboratory staff and the environment. An example of a microbe that is typically worked with at a BSL-1 is a nonpathogenic strain of E. coli</span>
+
<div class="preview-title-holder removable-parent order-handle">
 +
 +
<h2 id="vbid-c0c60978-7tigyyyk" class="preview-element preview-title magic-circle-holder inner-page text-element quick-text-style-menu  allow-mobile-hide" data-menu-name="PREVIEW_TITLE" >Overview</h2>
 +
 +
</div>
 +
<br class="lower-line-break" />
  
 +
 +
 +
 +
 +
 +
 +
<br class="upper-line-break" />
 +
<div class="preview-body-holder removable-parent order-handle">
 +
 +
<div id="vbid-c0c60978-rouzmtxs" class="preview-element preview-body magic-circle-holder text-element quick-text-style-menu  allow-mobile-hide" data-menu-name="PREVIEW_BODY">
 +
<p><span style="font-size:12px;"><span style="color: rgb(42, 42, 42); letter-spacing: 1.95px; text-align: center;">UV light exposure in our experiments comes from 3 different places:</span></span></p><ul><li><span style="font-size:12px;"><span style="color: rgb(42, 42, 42); letter-spacing: 1.95px; text-align: center;">The gel imager that we used to take pictures of our DNA gels and paper tickets.</span></span></li><li><span style="font-size:12px;"><span style="color: rgb(42, 42, 42); letter-spacing: 1.95px; text-align: center;">The handheld UV lamp we used to preview the results of our tickets before imaging.</span></span></li><li><span style="font-size:12px;"><span style="color: rgb(42, 42, 42); letter-spacing: 1.95px; text-align: center;">The UV LEDs that we used in our imaging chamber with the VK3 camera.</span></span></li></ul><p><span style="font-size:12px;">​To combat these issues:</span></p><ul><li style="text-align: left;"><span style="font-size:12px;"><span style="text-align: center;">T</span><span style="color: rgb(42, 42, 42); letter-spacing: 1.95px; text-align: center;">he gel imager was enclosed in a box with internal imaging capabilities to avoid exposure to UV light. We also had an orange filter that was used to protect our eyes if we wanted to look at the gel directly.</span></span></li><li><span style="font-size:12px;"><span style="color: rgb(42, 42, 42); letter-spacing: 1.95px; text-align: center;">The handheld UV lamp was not enclosed in a box, so we wore a protective face mask when using it. We also made sure to point the lamp away from ourselves and our skin.</span></span></li><li><span style="font-size:12px;"><span style="color: rgb(42, 42, 42); letter-spacing: 1.95px; text-align: center;">The UV LEDs in the VK3 camera were assembled inside a box to limit the exposure it had on our skin. This means turning off the LEDs when we were working on the assembly and making sure the box was closed when we tested the imaging design.</span></span></li></ul><p><span style="font-size:12px;"><span style="color: rgb(42, 42, 42); letter-spacing: 1.95px; text-align: center;">We understand the dangers of arsenic, so we always wore gloves when weighing out the chemicals and handling the arsenic solution. Any waste product or used tickets were placed in a container and disposed of through the environmental health chemical waste disposal program. </span></span></p>
 +
</div>
 +
 
</div>
 
</div>
 +
<br class="lower-line-break" />
 +
 +
 +
 +
 +
 
 
 
 
Line 2,748: Line 733:
 
</div>
 
</div>
 
</div>
 
</div>
−
<!-- PROMO END -->
+
<!-- TEXT_BLOCK END -->
 
 
 
 
Line 2,758: Line 743:
 
<div class="gallery-wrapper item-wrapper features-wrapper ">
 
<div class="gallery-wrapper item-wrapper features-wrapper ">
 
 
−
<!-- CACHED VERSION (7) OF vbid-5515b55f-vfaninoc FROM  24-07-2017 22:42:53 --><div  class="sub container style-5515b55f-18irqn7a content matrix  " data-itemtype="folder" data-creator="" data-itemname="LOADING"  data-itemslug="loading" data-itemstyleid="style-5515b55f-18irqn7a" data-margintop="" data-arranger="matrix" data-layout="multi" data-vbid="vbid-5515b55f-vfaninoc" data-preset-type-id="FEATURES" data-preview-style="style-5515b55f-18irqn7a" data-style="style-8ec4c-t1avbp6mmi" data-absolute-path="https://xprs.imcreator.com/viewer"  >
+
<div  class="sub container style-5515b55f-18irqn7a content matrix  " data-itemtype="folder" data-creator="" data-itemname="LOADING"  data-itemslug="loading" data-itemstyleid="style-5515b55f-18irqn7a" data-margintop="" data-arranger="matrix" data-layout="multi" data-vbid="vbid-5515b55f-vfaninoc" data-preset-type-id="FEATURES" data-preview-style="style-5515b55f-18irqn7a" data-style="style-8ec4c-t1avbp6mmi" data-absolute-path=""  >
 
<!-- ARRANGER SETTINGS -->
 
<!-- ARRANGER SETTINGS -->
 
<div class="arranger-settings" style="display:none;"
 
<div class="arranger-settings" style="display:none;"
Line 2,764: Line 749:
 
data-ARRANGER_COLS="2"
 
data-ARRANGER_COLS="2"
 
data-ARRANGER_ITEM_MAX_WIDTH="1000"
 
data-ARRANGER_ITEM_MAX_WIDTH="1000"
−
data-ARRANGER_ITEM_MIN_WIDTH="323.4"
+
data-ARRANGER_ITEM_MIN_WIDTH="477.4"
−
data-ARRANGER_ITEM_RATIO="0.6"
+
data-ARRANGER_ITEM_RATIO="0.1"
−
data-ARRANGER_ITEM_SPACING="38"
+
data-ARRANGER_ITEM_SPACING="10"
 
data-ARRANGER_ITEMS_PER_PAGE="all"
 
data-ARRANGER_ITEMS_PER_PAGE="all"
 
data-ARRANGER_ORDER_TYPE="regular"
 
data-ARRANGER_ORDER_TYPE="regular"
Line 3,577: Line 1,562:
 
 
 
<div id="vbid-5515b55f-9fm7qwsn" class="preview-element preview-body magic-circle-holder text-element quick-text-style-menu  allow-mobile-hide" data-menu-name="PREVIEW_BODY">
 
<div id="vbid-5515b55f-9fm7qwsn" class="preview-element preview-body magic-circle-holder text-element quick-text-style-menu  allow-mobile-hide" data-menu-name="PREVIEW_BODY">
−
<p class="MsoNormal" style="text-align: center;"><span style="font-family:montserrat;"><span style="font-size:16px;"><span style="line-height: 115%;"></span></span></span><span style="font-family: montserrat; font-size: 16px;">• Decontaminate all work surfaces after completion of work and after any spill or splash of potentially infectious or viable recombinant material with appropriate disinfectant. Suitable disinfectants include: 10% bleach solution, 70% ethanol solution or 2% wescodyne solution.</span><span style="font-family:montserrat;"><span style="font-size:16px;"><span style="line-height: 115%;"></span></span></span><span style="font-size:8.0pt;line-height:115%;font-family:
+
<p class="MsoNormal" style="text-align: center;"><span style="font-family: montserrat; font-size: 16px;">• Decontaminate all work surfaces with appropriate disinfectant after completion of work and after any spill or splash of potentially infectious or viable recombinant material. Suitable disinfectants include: 10% bleach solution, 70% ethanol solution or 2% wescodyne solution.</span><span style="font-size:8.0pt;line-height:115%;font-family:
 
&quot;Times New Roman&quot;,&quot;serif&quot;"><o:p></o:p></span></p>
 
&quot;Times New Roman&quot;,&quot;serif&quot;"><o:p></o:p></span></p>
 
</div>
 
</div>
Line 3,711: Line 1,696:
 
 
 
<div id="vbid-5515b55f-2bsbtfch" class="preview-element preview-body magic-circle-holder text-element quick-text-style-menu  allow-mobile-hide" data-menu-name="PREVIEW_BODY">
 
<div id="vbid-5515b55f-2bsbtfch" class="preview-element preview-body magic-circle-holder text-element quick-text-style-menu  allow-mobile-hide" data-menu-name="PREVIEW_BODY">
−
<p class="MsoNormal" style="text-align: center;"><span style="font-family:montserrat;"><span style="font-size:16px;"><span style="line-height: 115%;"></span></span></span><span style="font-family: montserrat; font-size: 16px;">• Decontaminate all cultures, stocks, and other potentially infectious or recombinant materials before disposal using an effective method.</span><span style="font-family:montserrat;"><span style="font-size:16px;"><span style="line-height: 115%;"></span></span></span><span style="font-size:8.0pt;line-height:115%;font-family:
+
<p class="MsoNormal" style="text-align: center;"><span style="font-family: montserrat; font-size: 16px;">• Using an effective method, decontaminate all cultures, stocks, and other potentially infectious or recombinant materials before disposal.</span><span style="font-size:8.0pt;line-height:115%;font-family:
 
&quot;Times New Roman&quot;,&quot;serif&quot;"><o:p></o:p></span></p>
 
&quot;Times New Roman&quot;,&quot;serif&quot;"><o:p></o:p></span></p>
 
</div>
 
</div>
Line 3,761: Line 1,746:
 
 
 
 
−
 
−
 
−
</div>
 
−
</div>
 
−
 
−
 
−
 
−
</div>
 
−
</div>
 
−
 
−
</div>
 
−
</div>
 
−
<!-- FEATURES END -->
 
−
 
−
 
−
 
−
 
−
<!-- APPS START -->
 
−
<div  id="vbid-5515b55f-95himyhu"  class="master item-box  gallery-box style-5515b55f-wulennwl          " data-holder-type="gallery"" data-holder-type="gallery"  data-child-type="STYLE"  data-styleid="style-5515b55f-wulennwl" data-preview-styleid='style-5515b55f-wulennwl' data-preset-type-id="APPS">
 
−
<div id="no-image" class="stripe-background load-high-res " ></div>
 
−
<div class="gallery-wrapper item-wrapper apps-wrapper ">
 
−
 
−
<div  class="sub container style-5515b55f-wulennwl content flex  " data-itemtype="folder" data-creator="" data-itemname="LOADING Copy"  data-itemslug="loading-copy" data-itemstyleid="style-5515b55f-wulennwl" data-margintop="" data-arranger="flex" data-layout="multi" data-vbid="vbid-5515b55f-95himyhu" data-preset-type-id="APPS" data-preview-style="style-5515b55f-wulennwl" data-style="style-89a8e-bbtqrmxrkr" data-absolute-path="https://xprs.imcreator.com/viewer"  >
 
−
<!-- ARRANGER SETTINGS -->
 
−
<div class="arranger-settings" style="display:none;"
 
−
data-ARRANGER_TYPE="flex"
 
−
data-ARRANGER_COLS="0"
 
−
data-ARRANGER_ITEM_MAX_WIDTH="400"
 
−
data-ARRANGER_ITEM_MIN_WIDTH="230"
 
−
data-ARRANGER_ITEM_RATIO="1"
 
−
data-ARRANGER_ITEM_SPACING="20"
 
−
data-ARRANGER_ITEMS_PER_PAGE="all"
 
−
data-ARRANGER_ORDER_TYPE="regular"
 
−
data-AUTO_PLAY="true"
 
−
data-AUTO_PLAY_DURATION="4"
 
−
data-FLEX_ELEMENT_EFFECT="effect-fadein"
 
−
></div>
 
−
<div class="layout-settings" style="display:none;" data-type="multi"></div>
 
−
<div id="children">
 
−
 
−
 
−
<div id="items-holder-wrapper">
 
−
<div id="items-holder">
 
−
 
 
 
 
 
 
 
−
<div  id="vbid-5515b55f-1cfgommi"  class="sub item-box  page-box style-5515b55f-wulennwl         " data-holder-type="page"" data-holder-type="page"  data-child-type="STYLE"  data-styleid="style-5515b55f-wulennwl" data-preview-styleid='style-5515b55f-wulennwl' data-preset-type-id="UNRESOLVED">
+
<div  id="vbid-34087dec-sac0ikep"  class="sub item-box  page-box style-5515b55f-18irqn7a         " data-holder-type="page"" data-holder-type="page"  data-child-type="STYLE"  data-styleid="style-5515b55f-18irqn7a" data-preview-styleid='style-5515b55f-18irqn7a' data-preset-type-id="UNRESOLVED">
 
 
 
<div class="page-wrapper item-wrapper ">
 
<div class="page-wrapper item-wrapper ">
 
 
−
<div class="item-content leaf multi_layout page content -container" data-self="vbid-5515b55f-1cfgommi" data-preview-style="style-5515b55f-wulennwl" data-style="style-89a8e-q4q4gr5nhr" data-orig-thumb-height="" data-orig-thumb-width="" data-vbid="vbid-5515b55f-1cfgommi" data-bgimg="">
+
<div class="item-content leaf multi_layout page content -container" data-self="vbid-34087dec-sac0ikep" data-preview-style="style-5515b55f-18irqn7a" data-style="style-8ec4c-ed91kjv1sl" data-orig-thumb-height="" data-orig-thumb-width="" data-vbid="vbid-34087dec-sac0ikep" data-bgimg="">
 
<div  class="multi-container preview image-cover" >
 
<div  class="multi-container preview image-cover" >
 
<div class="Picture item-preview">
 
<div class="Picture item-preview">
Line 3,824: Line 1,765:
 
<div id="no-image-holder"  class="preview-image-holder inner-pic-holder" data-menu-name="PREVIEW_INLINE_IMAGE_HOLDER">
 
<div id="no-image-holder"  class="preview-image-holder inner-pic-holder" data-menu-name="PREVIEW_INLINE_IMAGE_HOLDER">
  
−
<div  id="no-image" class="inner-pic preview-element  magic-circle-holder square load-high-res " data-menu-name="PREVIEW_INLINE_IMAGE" style=""  data-orig-width="" data-orig-height="" >
+
<div  id="no-image" class="inner-pic preview-element  magic-circle-holder load-high-res " data-menu-name="PREVIEW_INLINE_IMAGE" style=""  data-orig-width="" data-orig-height="" >
 
<!-- VIDEO TEMPLATE -->
 
<!-- VIDEO TEMPLATE -->
 
 
Line 3,837: Line 1,778:
 
<!-- RAW TEMPLATE -->
 
<!-- RAW TEMPLATE -->
 
 
−
<div class="preview-raw-wrapper dynamic-height" >
+
<div class="element-placeholder" data-elementtype='RAW' style="display:none;"></div>
−
<div id="vbid-5515b55f-q985izs1" class="preview-element preview-raw-holder html-source magic-circle-holder stripe_pdf_app stripe-app" data-menu-name="PREVIEW_RAW" data-json-name="RAW">
+
−
<div class="preview-raw-container" id="vbid-5515b55f-q985izs1-raw" data-static="true" data-raw-content-url="/html_src/static-7f052eacb949498" >
+
−
+
−
+
−
<iframe src="https://drive.google.com/file/d/0B-3D5fy0s_kLbGZwbDZYSHdjd3ppRDNLcTdGdXBSNkFEWGFZ/preview" width="100%" height="100%"></iframe>
+
−
+
−
+
−
</div>
+
−
</div>
+
−
</div>
+
  
 
</div>
 
</div>
Line 3,862: Line 1,793:
 
<div class="preview-content-holder shrinker-content">
 
<div class="preview-content-holder shrinker-content">
 
 
−
<!--  BY SPECIFIC ORDER -->
 
 
 
 +
<!--  BY NATIVE ORDER -->
 
 
 
 
 +
<div class="element-placeholder" data-elementtype='ICON' style="display:none;"></div>
 +
 +
 +
 +
<br class="upper-line-break" />
 +
<div class="preview-title-holder removable-parent order-handle">
 +
 +
<h2 id="vbid-34087dec-zx3i8hxb" class="preview-element preview-title magic-circle-holder inner-page text-element quick-text-style-menu  allow-mobile-hide" data-menu-name="PREVIEW_TITLE" >Practice #8</h2>
 +
 +
</div>
 +
<br class="lower-line-break" />
 +
 +
 +
 +
 +
<div class="element-placeholder" data-elementtype='SUBTITLE' style="display:none;"></div>
 +
 +
 +
 +
 +
<br class="upper-line-break" />
 +
<div class="preview-divider-holder removable-parent order-handle">
 +
<div id="vbid-34087dec-tmoueju9" class="preview-element preview-divider magic-circle-holder quick-text-style-menu" data-menu-name="PREVIEW_DIVIDER">
 +
</div>
 +
</div>
 +
<br class="lower-line-break" />
 +
 +
 +
 +
<br class="upper-line-break" />
 +
<div class="preview-body-holder removable-parent order-handle">
 +
 +
<div id="vbid-34087dec-f4wflyh7" class="preview-element preview-body magic-circle-holder text-element quick-text-style-menu  allow-mobile-hide" data-menu-name="PREVIEW_BODY">
 +
<p class="MsoNormal" style="text-align: center;"><span style="line-height:1em;"><span style="font-size: 16px;">• </span><span id="docs-internal-guid-1b7da29c-f967-56fe-35c7-85a31760a18d"><span style="font-size: 12pt; background-color: transparent; vertical-align: baseline; white-space: pre-wrap;">Anyone working in the lab needs to wear closed toe shoes, clothing covering down to at least the knee, and proper protective equipment as needed. </span></span></span><span style="font-size:8.0pt;line-height:115%;font-family:
 +
&quot;Times New Roman&quot;,&quot;serif&quot;"><o:p></o:p></span></p>
 +
</div>
 +
 +
</div>
 +
<br class="lower-line-break" />
 +
 +
 +
 +
<div class="element-placeholder" data-elementtype='PRICE' style="display:none;"></div>
 +
 +
 +
<div class="preview-form order-handle">
 +
 +
<div class="element-placeholder" data-elementtype='FIELD' style="display:none;"></div>
 +
</div>
 +
 +
<div class="preview-item-links order-handle ">
 +
<div class="preview-links-wrapper">
 +
 +
<div class="element-placeholder" data-elementtype='LINK' style="display:none;"></div>
 +
 +
</div>
 +
</div>
 +
 +
 +
 +
<div class="element-placeholder" data-elementtype='SOCIAL' style="display:none;"></div>
 +
 +
 
 
 
 
Line 3,898: Line 1,892:
 
</div>
 
</div>
 
</div>
 
</div>
−
<!-- APPS END -->
+
<!-- FEATURES END -->
 
 
 
 
Line 3,979: Line 1,973:
 
<div id="vbid-59a5b-xmkwjkjw" class="preview-element preview-social-holder magic-circle-holder" data-menu-name="PREVIEW_SOCIAL" data-theme="7" >
 
<div id="vbid-59a5b-xmkwjkjw" class="preview-element preview-social-holder magic-circle-holder" data-menu-name="PREVIEW_SOCIAL" data-theme="7" >
 
 
−
<div id="FACEBOOK" class='link-entry' data-menu-name="PREVIEW_SOCIAL" style='display:inline-block;' data-title="FACEBOOK" data-img-url="//xprs.imcreator.com/images/socialmedia/7facebook.png">
+
<div id="FACEBOOK" class='link-entry' data-menu-name="PREVIEW_SOCIAL" style='display:inline-block;' data-title="FACEBOOK" data-img-url="https://static.igem.org/mediawiki/2017/a/a4/FacebookImage.png">
−
<a class='social-link-url' href="https://www.facebook.com/RAINIncubator" target='_blank'><img class='preview-link-img ' src="//xprs.imcreator.com/images/socialmedia/7facebook.png" ></a>
+
<a class='social-link-url' href="https://www.facebook.com/RAINIncubator" target='_blank'><img class='preview-link-img ' src="https://static.igem.org/mediawiki/2017/a/a4/FacebookImage.png" ></a>
 
</div>
 
</div>
 
 
−
<div id="TWITTER" class='link-entry' data-menu-name="PREVIEW_SOCIAL" style='display:inline-block;' data-title="TWITTER" data-img-url="//xprs.imcreator.com/images/socialmedia/7twitter.png">
+
<div id="TWITTER" class='link-entry' data-menu-name="PREVIEW_SOCIAL" style='display:inline-block;' data-title="TWITTER" data-img-url="https://static.igem.org/mediawiki/2017/5/59/TwitterImage.png">
−
<a class='social-link-url' href="https://twitter.com/RAINincubator" target='_blank'><img class='preview-link-img ' src="//xprs.imcreator.com/images/socialmedia/7twitter.png" ></a>
+
<a class='social-link-url' href="https://twitter.com/RAINincubator" target='_blank'><img class='preview-link-img ' src="https://static.igem.org/mediawiki/2017/5/59/TwitterImage.png" ></a>
 
</div>
 
</div>
 
 
−
<div id="INSTAGRAM" class='link-entry' data-menu-name="PREVIEW_SOCIAL" style='display:inline-block;' data-title="INSTAGRAM" data-img-url="//xprs.imcreator.com/images/socialmedia/7instagram.png">
+
<div id="INSTAGRAM" class='link-entry' data-menu-name="PREVIEW_SOCIAL" style='display:inline-block;' data-title="INSTAGRAM" data-img-url="https://static.igem.org/mediawiki/2017/8/86/InstagramImage.png">
−
<a class='social-link-url' href="https://www.linkedin.com/in/rain-network" target='_blank'><img class='preview-link-img ' src="//xprs.imcreator.com/images/socialmedia/7instagram.png" ></a>
+
<a class='social-link-url' href="https://www.linkedin.com/in/rain-network" target='_blank'><img class='preview-link-img ' src="https://static.igem.org/mediawiki/2017/8/86/InstagramImage.png" ></a>
 
</div>
 
</div>
 
 
−
<div id="YOUTUBE" class='link-entry' data-menu-name="PREVIEW_SOCIAL" style='display:inline-block;' data-title="YOUTUBE" data-img-url="//xprs.imcreator.com/images/socialmedia/7youtube.png">
+
<div id="YOUTUBE" class='link-entry' data-menu-name="PREVIEW_SOCIAL" style='display:inline-block;' data-title="YOUTUBE" data-img-url="https://static.igem.org/mediawiki/2017/3/34/YoutubeImage.png">
−
<a class='social-link-url' href="https://www.youtube.com/channel/UCuVc4cKxuUzpjZfywBgoT9w" target='_blank'><img class='preview-link-img ' src="//xprs.imcreator.com/images/socialmedia/7youtube.png" ></a>
+
<a class='social-link-url' href="https://www.youtube.com/channel/UCuVc4cKxuUzpjZfywBgoT9w" target='_blank'><img class='preview-link-img ' src="https://static.igem.org/mediawiki/2017/3/34/YoutubeImage.png" ></a>
 
</div>
 
</div>
 
 
−
<div id="GOOGLE_PLUS" class='link-entry' data-menu-name="PREVIEW_SOCIAL" style='display:inline-block;' data-title="GOOGLE_PLUS" data-img-url="//xprs.imcreator.com/images/socialmedia/7googleplus.png">
+
<div id="GOOGLE_PLUS" class='link-entry' data-menu-name="PREVIEW_SOCIAL" style='display:inline-block;' data-title="GOOGLE_PLUS" data-img-url="https://static.igem.org/mediawiki/2017/f/fa/GooglePlusImage.png">
−
<a class='social-link-url' href="https://plus.google.com/u/0/+RainincubatorOrg" target='_blank'><img class='preview-link-img ' src="//xprs.imcreator.com/images/socialmedia/7googleplus.png" ></a>
+
<a class='social-link-url' href="https://plus.google.com/u/0/+RainincubatorOrg" target='_blank'><img class='preview-link-img ' src="https://static.igem.org/mediawiki/2017/f/fa/GooglePlusImage.png" ></a>
 
</div>
 
</div>
 
 
Line 4,042: Line 2,036:
 
</div>
 
</div>
 
</div>
 
</div>
−
    <img src="https://lh3.googleusercontent.com/EWqW7DEI4kOTRMLjK2-ObFHp-EYBt5apFYZ1LVFAhLtTLjigCRfx5hCCTKbIjIm68VQ00p9twloHJ9w8=s50" class="download-gallery-btn clickable" style="display: none;">
+
    <img src="https://static.igem.org/mediawiki/2017/d/db/Arrow1.png" class="download-gallery-btn clickable" style="display: none;">
−
<img src="https://lh3.googleusercontent.com/TgRyMQvJ3_h9RmOnu7AlhIE7NLOOBsRoBounARrs8fQv8HCRPaFtpBneSqJOSZpI6l7He_bAZKN179JBig=s50" class="close-lightbox-btn clickable" style="opacity: 1;">
+
<img src="https://static.igem.org/mediawiki/2017/9/9e/XImage1.png" class="close-lightbox-btn clickable" style="opacity: 1;">
−
<img src="https://lh3.googleusercontent.com/43-pXHjwrpmVO8Oean-6BD0uzARvcqUQrpdi7Yw2bxaXwEoP21UdN5kW6Ks9pdOxf7ropMUrh0djgYPwYPU=s50" class="lightbox-arrow lightbox-left clickable top-layer" >
+
<img src="https://2017.igem.org/File:Thing5.png" class="lightbox-arrow lightbox-left clickable top-layer" >
−
<img src="https://lh3.googleusercontent.com/9rwgVnDglPdPFugSu98fhDmxzjXC9KovZ_7BuHkXPIv6jvg9S96flGnhL_e4y8mIpPpZQstfqEV-WitY=s50" class="lightbox-arrow lightbox-right clickable top-layer" >
+
<img src="https://2017.igem.org/File:Thing4.png" class="lightbox-arrow lightbox-right clickable top-layer" >
 
</div>
 
</div>
  
 
</div>
 
</div>
 
 
−
<script src="//xprs.imcreator.com/js/lightbox.js?v=1.4.1a"  type="text/javascript"></script>
+
<script type="text/javascript" src="https://2017.igem.org/Team:Cadets2Vets/js/lightbox?action=raw&ctype=text/javascript"></script>
−
<script src="//xprs.imcreator.com/js/spimeengine.js?v=1.4.1a"  type="text/javascript"></script>
+
<script type="text/javascript" src="https://2017.igem.org/Team:Cadets2Vets/js/spimeengine?action=raw&ctype=text/javascript"></script>
 
 
 
 
Line 4,063: Line 2,057:
 
</body>
 
</body>
  
−
 
−
<div id="user-pref" style="display:none;" data-lang="en"></div>
 
−
<div style="display:none;" id="lightbox-menus-holder">
 
−
 
−
<div  class="login-dialog-wrapper white_content delay-anim" style="text-align:center;">
 
−
 
−
<div class="login dialog-holder">
 
−
<div  class="login-title"><span class="im-text form-type  t-t">Login</span></div>
 
−
<form id="login-form">
 
−
<img id="user-gravatar" src="https://www.gravatar.com/avatar/?d=mm" /><br/>
 
−
<input name="name" type="text" placeholder="nickname/email" data-placeholder="nickname/email" /><br/>
 
−
<input name="password" type="password" placeholder="password" data-placeholder="password" autocomplete="off" /><br/>
 
−
<input id="login-btn" class="clickable" type="button" class="input-btn" value="LOGIN">
 
−
<div id="goto-register" class="clickable t-t">Create a new account</div>
 
−
<div id="forgot-password" class="clickable t-t">Forgot Password?</div>
 
−
</form>
 
−
</div>
 
−
 
−
<div class="register dialog-holder" style="display:none;">
 
−
<div  class="login-title"><span class="im-text form-type  t-t">Login</span></div>
 
−
<form id="register-form" class="hide-phone">
 
−
<img id="user-gravatar" src="https://www.gravatar.com/avatar/?d=mm" /><br/>
 
−
<input name="email" type="text" placeholder="email" data-placeholder="email"  /><br/>
 
−
 
−
<input name="name" type="text" placeholder="nickname" data-placeholder="nickname" /><br/>
 
−
<input name="password" type="password"  placeholder="password" data-placeholder="password" autocomplete="off" /><br/>
 
−
 
−
<input id="terms" type="checkbox" checked="checked" disabled /><span class="form-label"><a href="http://www.imcreator.com/terms-of-service" target="_blank" class="terms-link  t-t">Terms and Conditions</a></span><br/>
 
−
<input id="register-btn" class="clickable" type="button" class="input-btn" value="JOIN">
 
−
<div id="goto-login" class="clickable t-t">Already a member?</div>
 
−
</form>
 
−
</div>
 
−
 
−
<div class="forgot-pass dialog-holder" style="display:none;">
 
−
<div  class="login-title"><span class="im-text form-type t-t">Login</span></div>
 
−
<form id="forgot-pass-form">
 
−
<img id="user-gravatar" src="https://www.gravatar.com/avatar/?d=mm" /><br/>
 
−
<input name="email" type="text" placeholder="email" data-placeholder="email" /><br/>
 
−
<input id="forgot-pass-btn" class="clickable" type="button" class="input-btn" value="SEND">
 
−
<div id="goto-login" class="clickable t-t">Back</div>
 
−
</form>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
<div id="fade" class="black_overlay fadein-noscript" style="display:none;"></div>
 
 
 
 
</html>
 
</html>

Latest revision as of 05:47, 31 October 2017

HOME
TEAM
PROJECT
Description
Design
Experiments
Notebook
Notebook Overview
June Notebook
July Notebook
August Notebook
September Notebook
October Notebook
InterLab
Results
Demonstrate
Improve
Attributions
PARTS
Parts
Basic Parts
Composite Parts
SAFETY
HUMAN PRACTICES
Silver HP
Integrated and Gold
Public Engagement
AWARDS
Hardware
Environmental Project
JUDGING FORM

Safety - Home


SAFETY



The experiments we have performed were done at Biosafety Level 1, meaning that the microbes we used are not known to consistently cause disease in healthy adults and present minimal potential hazard to lab researchers and the environment. Our protocols require that we wear protective equipment and make sure not to wear our clothes or hairstyle in a way that it might contaminate our work. The two elements of our experiments that required the most caution were utilizing a UV light to view our circuit's GFP fluorescence and the use of arsenic experiment preparation.



Overview



UV light exposure in our experiments comes from 3 different places:

  • The gel imager that we used to take pictures of our DNA gels and paper tickets.
  • The handheld UV lamp we used to preview the results of our tickets before imaging.
  • The UV LEDs that we used in our imaging chamber with the VK3 camera.

​To combat these issues:

  • The gel imager was enclosed in a box with internal imaging capabilities to avoid exposure to UV light. We also had an orange filter that was used to protect our eyes if we wanted to look at the gel directly.
  • The handheld UV lamp was not enclosed in a box, so we wore a protective face mask when using it. We also made sure to point the lamp away from ourselves and our skin.
  • The UV LEDs in the VK3 camera were assembled inside a box to limit the exposure it had on our skin. This means turning off the LEDs when we were working on the assembly and making sure the box was closed when we tested the imaging design.

We understand the dangers of arsenic, so we always wore gloves when weighing out the chemicals and handling the arsenic solution. Any waste product or used tickets were placed in a container and disposed of through the environmental health chemical waste disposal program.



Lab Practices



Practice #1





• Individuals must wash their hands: (a) after working with potentially hazardous materials, recombinant materials and animals; (b) after removing gloves; and (c) before leaving the laboratory.



Practice #2





• Eating, drinking, smoking, handling contact lenses and applying cosmetics are not permitted in laboratory areas.



Practice #3





• Mouth pipetting is prohibited; mechanical pipetting devices must be used.



Practice #4





• All procedures should be performed in such a way that minimizes splashes and/or aerosols.



Practice #5





• Work can be performed on an open lab bench or table.



Practice #6





• Decontaminate all work surfaces with appropriate disinfectant after completion of work and after any spill or splash of potentially infectious or viable recombinant material. Suitable disinfectants include: 10% bleach solution, 70% ethanol solution or 2% wescodyne solution.



Practice #7





• Using an effective method, decontaminate all cultures, stocks, and other potentially infectious or recombinant materials before disposal.



Practice #8





• Anyone working in the lab needs to wear closed toe shoes, clothing covering down to at least the knee, and proper protective equipment as needed.


Follow us on Social Media!


2304 Jefferson Ave, Tacoma, WA 98402