LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

Code
CSS
@import "https://fonts.googleapis.com/css?family=Roboto:400,700";
body {
  font-family: 'Roboto';
  font-weight: 400;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #2E294E;
  color: #36382E;
}
body #chart {
  height: 100vh;
  width: 100vw;
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #2E294E;
}

.Chart {
  height: 370px;
  width: 600px;
  background: #FFFFFF;
  box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.2);
}
.Chart .Title {
  text-align: center;
  font-weight: 700;
  padding: 30px 0;
  padding-bottom: 0;
  text-transform: uppercase;
  letter-spacing: .18rem;
}
.Chart .LineChart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  height: 225px;
  margin: 0 5px;
  margin-top: 100px;
}
.Chart .LineChart .ChartItem {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  margin: 0 4px;
  position: relative;
  height: 300px;
}
.Chart .LineChart .ChartItem .ChartBlock {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #c4142a;
}
JS

var chartData = [
	{
		id: 1,
		name: 'Sign Up',
		value: 5343
	},
	{
		id: 2,
		name: 'Checkout',
		value: 1685
	},
	{
		id: 3,
		name: 'Landing Page',
		value: 686
	},
	{
		id: 4,
		name: 'Calculator',
		value: 2741
	},
	{
		id: 5,
		name: 'App Icon',
		value: 190
	},
	{
		id: 6,
		name: 'User Profile',
		value: 2566
	},
	{
		id: 7,
		name: 'Settings',
		value: 2272
	},
	{
		id: 8,
		name: '404',
		value: 187
	},
	{
		id: 9,
		name: 'Music Player',
		value: 165
	},
	{
		id: 10,
		name: 'Social Share',
		value: 1533
	},
	{
		id: 11,
		name: 'Flash Message',
		value: 143
	},
	{
		id: 12,
		name: 'Single Product',
		value: 1688
	},
	{
		id: 13,
		name: 'Direct Messaging',
	 	value: 2113
	},
	{
		id: 14,
		name: 'Timer',
		value: 3450
	},
	{
		id: 15,
		name: 'On/Off Switch',
		value: 1407
	},
	{
		id: 16,
		name: 'Overlay / Popup',
		value: 1236
	},
	{
		id: 17,
		name: 'Email Receipt',
		value: 55
	}
];

let Chart = React.createClass({
	render: function() {
		return (
			
<LineChart data={chartData} /> </div> ); } }) let LineChart = React.createClass({ render: function() { let highPoint = this.props.data.reduce(function(prev, cur) { console.log(prev); if(cur.value > prev.value) { return cur; } else { return prev; } }); let chartItems = this.props.data.map(function(dataPoint, i) { // if(dataPoint.value > highPoint) { // highPoint = dataPoint.value; // console.log(highPoint); // } let percent = (dataPoint.value / highPoint.value) * 100 + '%'; return <ChartItem value={percent} name={dataPoint.name} amount={dataPoint.value} /> }); // Load all data points // Treat highest as 100% // Scale others as percentages of the highest value // Render return( <div className="LineChart"> {chartItems} </div> ); } }) let ChartItem = React.createClass({ render: function() { return ( <div className="ChartItem"> <ChartBlock value={this.props.value} /> </div> ); } }) let ChartBlock = React.createClass({ render: function() { return <div className="ChartBlock" style={{ height: this.props.value }}></div> } }) let Title = React.createClass({ render: function() { return ( <div className="Title"> {this.props.title} </div> ); } }) // Render stuff ReactDOM.render( <Chart />, document.getElementById('chart') );</pre></div> </div> </div> </div> </div></div> </div> </div> <div class="col-md-4 radix-layouts-sidebar panel-panel"> <div class="panel-panel-inner"> <div class="block-region-sidebar"> <!--Set background video/image/color from block type content <div id="bgndVideo" class="player block-block-content2679051c-ace8-4ac1-a550-a182878a181b" data-property="{videoURL:'http://youtu.be/7eM1wb_Sc3E',containment:'.block-block-content2679051c-ace8-4ac1-a550-a182878a181b',autoPlay:true, mute:true, startAt:0, opacity:1, showControls: 0}" style='z-index: 0; padding: 25px 10px 20px; position: relative; clear:both; background-size: cover; margin: 0 -15px;'> --> <div class="block block-social-share-block block-socialshare row"> <div class="wrap-container"> <div class="content"> <div class="brand-icons"> <a class="icon-link round facebook fill" href="https://www.facebook.com/sharer/sharer.php?u=unlockcampus.org/code/tutoring/react-dailyui-018-analytics-chart&t=React DailyUI - 018 - Analytics Chart" target="_blank" title="Share on Facebook"><i class="fa fa-facebook"></i></a> <a class="icon-link round tumblr fill" href="http://www.tumblr.com/share?v=3&u=unlockcampus.org/code/tutoring/react-dailyui-018-analytics-chart&t=React DailyUI - 018 - Analytics Chart" target="_blank" title="Share on Tumblr"><i class="fa fa-tumblr"></i></a> <a class="icon-link round linkedin fill" href="https://www.linkedin.com/shareArticle?mini=true&url=unlockcampus.org/code/tutoring/react-dailyui-018-analytics-chart&title=React DailyUI - 018 - Analytics Chart&source=&summary=" target="_blank" title="Share on Linkedin"><i class="fa fa-linkedin"></i></a> <a class="icon-link round twitter fill" href="https://twitter.com/intent/tweet?source=unlockcampus.org/code/tutoring/react-dailyui-018-analytics-chart&text=React DailyUI - 018 - Analytics Chart:unlockcampus.org/code/tutoring/react-dailyui-018-analytics-chart&via=" target="_blank" title="Tweet"><i class="fa fa-twitter"></i></a> <a class="icon-link round google-plus fill" href="https://plus.google.com/share?url=unlockcampus.org/code/tutoring/react-dailyui-018-analytics-chart" target="_blank" title="Share on Google+"><i class="fa fa-google-plus"></i></a> <a class="icon-link round envelope fill" href="mailto:?&subject=&body=unlockcampus.org/code/tutoring/react-dailyui-018-analytics-chart" title="Mail This Page To Someone"><i class="fa fa-envelope"></i></a> </div> </div> </div> </div> <!--Set background video/image/color from block type content <div id="bgndVideo" class="player block-block-content2679051c-ace8-4ac1-a550-a182878a181b" data-property="{videoURL:'http://youtu.be/7eM1wb_Sc3E',containment:'.block-block-content2679051c-ace8-4ac1-a550-a182878a181b',autoPlay:true, mute:true, startAt:0, opacity:1, showControls: 0}" style='z-index: 0; padding: 25px 10px 20px; position: relative; clear:both; background-size: cover; margin: 0 -15px;'> --> <div class="block block-block-content block-block-contentd953385b-8d32-4161-b85f-2cdfb9b76514 row"> <div class="wrap-container"> <div class="content"> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><a href="http://hostinstantly.com/drag-and-drop-website-builder"><img alt="Host Instantly Drag and Drop Website Builder" data-entity-type="file" data-entity-uuid="e0bcb93c-dfb3-46a9-b668-903cc74486a4" src="/sites/default/files/inline-images/hostinstantly-website-builder.png" class="align-center" /></a> <p> </p> </div> </div> </div> </div> <!--Set background video/image/color from block type content <div id="bgndVideo" class="player block-block-content2679051c-ace8-4ac1-a550-a182878a181b" data-property="{videoURL:'http://youtu.be/7eM1wb_Sc3E',containment:'.block-block-content2679051c-ace8-4ac1-a550-a182878a181b',autoPlay:true, mute:true, startAt:0, opacity:1, showControls: 0}" style='z-index: 0; padding: 25px 10px 20px; position: relative; clear:both; background-size: cover; margin: 0 -15px;'> --> <div class="block block-ctools-block block-entity-fieldnodebody row"> <div class="wrap-container"> <div class="block-title"> <h2>Description</h2> </div> <div class="content"> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item">Day 18 of 100 of the React DailyUI project. Today is an Analytics Chart. Something simple. Never made a chart before and wanted to do it without a library. :D</div> </div> </div> </div> <!--Set background video/image/color from block type content <div id="bgndVideo" class="player block-block-content2679051c-ace8-4ac1-a550-a182878a181b" data-property="{videoURL:'http://youtu.be/7eM1wb_Sc3E',containment:'.block-block-content2679051c-ace8-4ac1-a550-a182878a181b',autoPlay:true, mute:true, startAt:0, opacity:1, showControls: 0}" style='z-index: 0; padding: 25px 10px 20px; position: relative; clear:both; background-size: cover; margin: 0 -15px;'> --> <div class="block block-ctools-block block-entity-fieldnodefield-code-file row"> <div class="wrap-container"> <div class="content"> <!-- Media Adv --> <!--Code highlighted --> <!--End code highlighted --> <div class="field field--name-field-code-file field--type-file field--label-inline"> <div class="field__label">Code File</div> <div class="field__items"> <div class="field__item"> <span class="file file--mime-application-zip file--package-x-generic"> <a href="http://unlockcampus.org/sites/default/files/code_zipped_files/unlockcampus.org---react-dailyui-018-analytics-chart.zip" type="application/zip; length=4788">unlockcampus.org---react-dailyui-018-analytics-chart.zip</a></span> </div> </div> </div> </div> </div> </div> <!--Set background video/image/color from block type content <div id="bgndVideo" class="player block-block-content2679051c-ace8-4ac1-a550-a182878a181b" data-property="{videoURL:'http://youtu.be/7eM1wb_Sc3E',containment:'.block-block-content2679051c-ace8-4ac1-a550-a182878a181b',autoPlay:true, mute:true, startAt:0, opacity:1, showControls: 0}" style='z-index: 0; padding: 25px 10px 20px; position: relative; clear:both; background-size: cover; margin: 0 -15px;'> --> <div class="block block-ctools-block block-entity-fieldnodefield-term row"> <div class="wrap-container"> <div class="content"> <!-- Media Adv --> <!--Code highlighted --> <!--End code highlighted --> <div class="field field--name-field-term field--type-entity-reference field--label-inline"> <div class="field__label">Term</div> <div class="field__item"><a href="/taxonomy/term/15" hreflang="en">popup</a></div> </div> </div> </div> </div> <!--Set background video/image/color from block type content <div id="bgndVideo" class="player block-block-content2679051c-ace8-4ac1-a550-a182878a181b" data-property="{videoURL:'http://youtu.be/7eM1wb_Sc3E',containment:'.block-block-content2679051c-ace8-4ac1-a550-a182878a181b',autoPlay:true, mute:true, startAt:0, opacity:1, showControls: 0}" style='z-index: 0; padding: 25px 10px 20px; position: relative; clear:both; background-size: cover; margin: 0 -15px;'> --> <div class="block block-ctools-block block-entity-fieldnodecreated row"> <div class="wrap-container"> <div class="content"> <span class="field field--name-created field--type-created field--label-hidden">Wed, 11/29/2017 - 11:20</span> </div> </div> </div> <!--Set background video/image/color from block type content <div id="bgndVideo" class="player block-block-content2679051c-ace8-4ac1-a550-a182878a181b" data-property="{videoURL:'http://youtu.be/7eM1wb_Sc3E',containment:'.block-block-content2679051c-ace8-4ac1-a550-a182878a181b',autoPlay:true, mute:true, startAt:0, opacity:1, showControls: 0}" style='z-index: 0; padding: 25px 10px 20px; position: relative; clear:both; background-size: cover; margin: 0 -15px;'> --> <div class="views-element-container block block-views block-views-blocksource-code-main-block-block-1 row"> <div class="wrap-container"> <div class="block-title"> <h2>Related Codes</h2> </div> <div class="content"> <div class="wrap-container"><div class="view view-source-code-main-block view-id-source_code_main_block view-display-id-block_1 js-view-dom-id-509618e75f9471a11cff6418f360324b0c00f61953e6ac064ae7cce8f9e8e473"> <div class="view-content"> <div class="col-sm-6 col-md-3 code-thumbnails views-row"> <div class="field field--name-field-pen-id field--type-string field--label-above"> <div class="field__label">Pen ID</div> <div class="field__item wrap"> <iframe class="field__item wrap frame lazy" data-src="http://unlockcampus.org/sites/default/files/code_extracted_files/hovers-with-popups-495024"></iframe> </div> <!-- Large modal --> <div class="modal fade hovers-with-popups-495024" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg code-modal"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">hovers-with-popups-495024</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <iframe class="field__item wrap frame lazy" data-src="http://unlockcampus.org/sites/default/files/code_extracted_files/hovers-with-popups-495024"></iframe> </div> </div> </div> <div class='code-preview'> <a type="button" class="btn sec ico fa fa-desktop fa fa-desktop" data-toggle="modal" data-target=".hovers-with-popups-495024" style="padding-left:50px;font-size: 20px;">Live Preview</a> </div> </div> <div class="field-content code-title"><a href="/code/tutoring/hovers-popups" hreflang="en">Hovers with popups</a></div> </div> <div class="col-sm-6 col-md-3 code-thumbnails views-row"> <div class="field field--name-field-pen-id field--type-string field--label-above"> <div class="field__label">Pen ID</div> <div class="field__item wrap"> <iframe class="field__item wrap frame lazy" data-src="http://unlockcampus.org/sites/default/files/code_extracted_files/super-animated-popup-sci-fi-495020"></iframe> </div> <!-- Large modal --> <div class="modal fade super-animated-popup-sci-fi-495020" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg code-modal"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">super-animated-popup-sci-fi-495020</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <iframe class="field__item wrap frame lazy" data-src="http://unlockcampus.org/sites/default/files/code_extracted_files/super-animated-popup-sci-fi-495020"></iframe> </div> </div> </div> <div class='code-preview'> <a type="button" class="btn sec ico fa fa-desktop fa fa-desktop" data-toggle="modal" data-target=".super-animated-popup-sci-fi-495020" style="padding-left:50px;font-size: 20px;">Live Preview</a> </div> </div> <div class="field-content code-title"><a href="/code/tutoring/super-animated-popup-sci-fi" hreflang="en">Super animated popup Sci-fi</a></div> </div> <div class="col-sm-6 col-md-3 code-thumbnails views-row"> <div class="field field--name-field-pen-id field--type-string field--label-above"> <div class="field__label">Pen ID</div> <div class="field__item wrap"> <iframe class="field__item wrap frame lazy" data-src="http://unlockcampus.org/sites/default/files/code_extracted_files/popup-495030"></iframe> </div> <!-- Large modal --> <div class="modal fade popup-495030" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg code-modal"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">popup-495030</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <iframe class="field__item wrap frame lazy" data-src="http://unlockcampus.org/sites/default/files/code_extracted_files/popup-495030"></iframe> </div> </div> </div> <div class='code-preview'> <a type="button" class="btn sec ico fa fa-desktop fa fa-desktop" data-toggle="modal" data-target=".popup-495030" style="padding-left:50px;font-size: 20px;">Live Preview</a> </div> </div> <div class="field-content code-title"><a href="/code/tutoring/popup-70" hreflang="en">Popup</a></div> </div> </div> </div> </div> </div> </div> </div></div> </div> </div> </div> </div> <div class="row"> <div class="col-md-12 radix-layouts-footer panel-panel"> <div class="panel-panel-inner"> <div class="block-region-footer"> <!--Set background video/image/color from block type content <div id="bgndVideo" class="player block-block-content2679051c-ace8-4ac1-a550-a182878a181b" data-property="{videoURL:'http://youtu.be/7eM1wb_Sc3E',containment:'.block-block-content2679051c-ace8-4ac1-a550-a182878a181b',autoPlay:true, mute:true, startAt:0, opacity:1, showControls: 0}" style='z-index: 0; padding: 25px 10px 20px; position: relative; clear:both; background-size: cover; margin: 0 -15px;'> --> <div class="block block-block-content block-block-content006a061c-705b-4c23-be48-039235f48368 row"> <div class="wrap-container"> <div class="content"> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><a href="https://codecanyon.net/item/restaurant-responsive-dragdrop-website-builder/19981994?ref=bknn0922"><img alt="Unlock Campus Themeforest adv" data-entity-type="file" data-entity-uuid="76189ed1-fd9d-4608-b65c-a99cd5522a5b" src="/sites/default/files/inline-images/theme_forest_728x90.jpg" class="align-center" /></a> <p> </p> </div> </div> </div> </div></div> </div> </div> </div> </div> </div><!-- /.moscone-flipped --> </div> </article> </div> </div> </div> </div> <aside class="layout-sidebar-second " role="complementary"> </aside> </div> </div> </div> </div> <footer id="footer" role="contentinfo" class="clearfix"> <div class="container-fluid"> <div class="row"> <div class="wrap-container"> <div class="col-md-12"> <div class="col-md-4"> <div class="region region-footer-column-1"> <!--Set background video/image/color from block type content <div id="bgndVideo" class="player block-block-content2679051c-ace8-4ac1-a550-a182878a181b" data-property="{videoURL:'http://youtu.be/7eM1wb_Sc3E',containment:'.block-block-content2679051c-ace8-4ac1-a550-a182878a181b',autoPlay:true, mute:true, startAt:0, opacity:1, showControls: 0}" style='z-index: 0; padding: 25px 10px 20px; position: relative; clear:both; background-size: cover; margin: 0 -15px;'> --> <div id="block-footermenu" class="block block-block-content block-block-content444d6406-8fe2-4edd-872f-fea191e8a94e row"> <div class="wrap-container"> <div class="content"> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><div class="row"> <div class="col-sm-6"> <h2 class="dark-orange">Links</h2> <ul><li><i class="fa fa-angle-right dark-orange padding-right"></i><a href="menu" style="color:#d3d3d3;">Menu</a></li> <li><i class="fa fa-angle-right dark-orange padding-right"></i><a href="gallery" style="color:#d3d3d3;">Gallery</a></li> <li><i class="fa fa-angle-right dark-orange padding-right"></i><a href="special-offers" style="color:#d3d3d3;">Special Offers</a></li> <li><i class="fa fa-angle-right dark-orange padding-right"></i><a href="about-us" style="color:#d3d3d3;">About Us</a></li> <li><i class="fa fa-angle-right dark-orange padding-right"></i><a href="contact-us" style="color:#d3d3d3;">Contact Us</a></li> </ul></div> <div class="col-sm-6"> </div> </div> </div> </div> </div> </div> </div> </div> <div class="col-md-4"> </div> <div class="col-md-4"> </div> </div> </div> </div> </div> </footer> <div id="copyright" class="clearfix"> <div class="container-fluid"> <div class="wrap-container"> <div class="row"> <div class="col-md-12"> <div class="region region-copyright"> <!--Set background video/image/color from block type content <div id="bgndVideo" class="player block-block-content2679051c-ace8-4ac1-a550-a182878a181b" data-property="{videoURL:'http://youtu.be/7eM1wb_Sc3E',containment:'.block-block-content2679051c-ace8-4ac1-a550-a182878a181b',autoPlay:true, mute:true, startAt:0, opacity:1, showControls: 0}" style='z-index: 0; padding: 25px 10px 20px; position: relative; clear:both; background-size: cover; margin: 0 -15px;'> --> <div id="block-hostinstantly-restaurant-theme-powered" role="complementary" class="block block-system block-system-powered-by-block row"> <div class="wrap-container"> <div class="content"> <span>Powered by <a href="https://www.drupal.org">Drupal</a></span> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div id="scrollToTop"><span class="glyphicon glyphicon-chevron-up"></span></div> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","scriptPath":null,"pathPrefix":"","currentPath":"node\/22579","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"en"},"pluralDelimiter":"\u0003","ajaxPageState":{"libraries":"ckeditor_buttons\/ckeditor_buttons,ckeditor_price_templates\/price_template,classy\/base,classy\/file,classy\/messages,core\/html5shiv,core\/normalize,feature_advanced_text_block\/youtube_bg,google_analytics\/google_analytics,hostinstantly_layouts\/hostinstantly_layouts,hostinstantly_restaurant_theme\/animate,hostinstantly_restaurant_theme\/bootstrap,hostinstantly_restaurant_theme\/css-styling,hostinstantly_restaurant_theme\/font-awesome,hostinstantly_restaurant_theme\/scrollToTop,hostinstantly_restaurant_theme\/syntaxhighlighter,panelizer\/panels_ipe,simple_color_field\/simple_color_field,system\/base,views\/views.ajax,views\/views.module,youtube_caption\/youtubecaption","theme":"hostinstantly_restaurant_theme","theme_token":null},"ajaxTrustedUrl":{"\/search\/node":true},"google_analytics":{"trackOutbound":true,"trackMailto":true,"trackDownload":true,"trackDownloadExtensions":"7z|aac|arc|arj|asf|asx|avi|bin|csv|doc(x|m)?|dot(x|m)?|exe|flv|gif|gz|gzip|hqx|jar|jpe?g|js|mp(2|3|4|e?g)|mov(ie)?|msi|msp|pdf|phps|png|ppt(x|m)?|pot(x|m)?|pps(x|m)?|ppam|sld(x|m)?|thmx|qtm?|ra(m|r)?|sea|sit|tar|tgz|torrent|txt|wav|wma|wmv|wpd|xls(x|m|b)?|xlt(x|m)|xlam|xml|z|zip"},"panelizer":{"entity":{"entity_type_id":"node","entity_id":"22579","view_mode":"full","revision_id":null,"panelizer_default_storage_id":false,"panelizer_field_storage_id":false,"panelizer_default_real_storage_id":"node:code:full:default"}},"panels_ipe":{"panels_display":{"storage_id":"*node:22579:full:default"}},"views":{"ajax_path":"\/views\/ajax","ajaxViews":{"views_dom_id:509618e75f9471a11cff6418f360324b0c00f61953e6ac064ae7cce8f9e8e473":{"view_name":"source_code_main_block","view_display_id":"block_1","view_args":"15","view_path":"\/code\/tutoring\/react-dailyui-018-analytics-chart","view_base_path":null,"view_dom_id":"509618e75f9471a11cff6418f360324b0c00f61953e6ac064ae7cce8f9e8e473","pager_element":0}}},"user":{"uid":0,"permissionsHash":"0b1ec61866b0b3d8dfaf3c14552a109f4a23fb8da89e2df2b70f8771f9acfded"}}</script> <script src="/core/assets/vendor/domready/ready.min.js?v=1.0.8"></script> <script src="/core/assets/vendor/jquery/jquery.min.js?v=2.2.3"></script> <script src="/core/assets/vendor/underscore/underscore-min.js?v=1.8.3"></script> <script src="/core/assets/vendor/jquery-once/jquery.once.min.js?v=2.1.1"></script> <script src="/core/assets/vendor/backbone/backbone-min.js?v=1.2.3"></script> <script src="/core/misc/drupalSettingsLoader.js?v=8.2.2"></script> <script src="/core/misc/drupal.js?v=8.2.2"></script> <script src="/core/assets/vendor/jquery.ui/ui/core-min.js?v=1.11.4"></script> <script src="/core/assets/vendor/jquery.ui/ui/widget-min.js?v=1.11.4"></script> <script src="/profiles/hostinstantly/modules/contrib/google_analytics/js/google_analytics.js?v=8.2.2"></script> <script src="/profiles/hostinstantly/themes/hostinstantly_restaurant_theme/libraries/bootstrap/js/bootstrap.min.js?v=8.2.2"></script> <script src="/profiles/hostinstantly/themes/hostinstantly_restaurant_theme/libraries/page_loader/js/page_loader.js?v=8.2.2"></script> <script src="/profiles/hostinstantly/themes/hostinstantly_restaurant_theme/libraries/smart-menu/js/jquery.smartmenus.min.js?v=8.2.2"></script> <script src="/profiles/hostinstantly/themes/hostinstantly_restaurant_theme/libraries/smart-menu/js/sm-custom.js?v=8.2.2"></script> <script src="/profiles/hostinstantly/themes/hostinstantly_restaurant_theme/libraries/jquery.cookie.js?v=8.2.2"></script> <script src="/profiles/hostinstantly/themes/hostinstantly_restaurant_theme/libraries/swift/swift.js?v=8.2.2"></script> <script src="/profiles/hostinstantly/themes/hostinstantly_restaurant_theme/js/custom.js?v=8.2.2"></script> <script src="/profiles/hostinstantly/themes/hostinstantly_restaurant_theme/js/shortcodes.js?v=8.2.2"></script> <script src="/profiles/hostinstantly/themes/hostinstantly_restaurant_theme/js/shortcodes_sliders.js?v=8.2.2"></script> <script src="/profiles/hostinstantly/themes/hostinstantly_restaurant_theme/libraries/sticky/sticky.js?v=8.2.2"></script> <script src="/profiles/hostinstantly/themes/hostinstantly_restaurant_theme/libraries/counter/jquery.counterup.min.js?v=8.2.2"></script> <script src="/profiles/hostinstantly/themes/hostinstantly_restaurant_theme/libraries/counter/waypoints.min.js?v=8.2.2"></script> <script src="/profiles/hostinstantly/themes/hostinstantly_restaurant_theme/libraries/owl-carousel/js/owl.carousel.min.js?v=8.2.2"></script> <script src="/profiles/hostinstantly/themes/hostinstantly_restaurant_theme/libraries/filter/isotope.pkgd.min.js?v=8.2.2"></script> <script src="/profiles/hostinstantly/themes/hostinstantly_restaurant_theme/libraries/revolution/js/jquery.themepunch.tools.min.js?v=8.2.2"></script> <script src="/profiles/hostinstantly/themes/hostinstantly_restaurant_theme/libraries/revolution/js/jquery.themepunch.revolution.min.js?v=8.2.2"></script> <script src="/profiles/hostinstantly/themes/hostinstantly_restaurant_theme/libraries/revolution/js/extensions/revolution.extension.actions.min.js?v=8.2.2"></script> <script src="/profiles/hostinstantly/themes/hostinstantly_restaurant_theme/libraries/revolution/js/extensions/revolution.extension.carousel.min.js?v=8.2.2"></script> <script src="/profiles/hostinstantly/themes/hostinstantly_restaurant_theme/libraries/revolution/js/extensions/revolution.extension.kenburn.min.js?v=8.2.2"></script> <script src="/profiles/hostinstantly/themes/hostinstantly_restaurant_theme/libraries/revolution/js/extensions/revolution.extension.layeranimation.min.js?v=8.2.2"></script> <script src="/profiles/hostinstantly/themes/hostinstantly_restaurant_theme/libraries/revolution/js/extensions/revolution.extension.migration.min.js?v=8.2.2"></script> <script src="/profiles/hostinstantly/themes/hostinstantly_restaurant_theme/libraries/revolution/js/extensions/revolution.extension.navigation.min.js?v=8.2.2"></script> <script src="/profiles/hostinstantly/themes/hostinstantly_restaurant_theme/libraries/revolution/js/extensions/revolution.extension.parallax.min.js?v=8.2.2"></script> <script src="/profiles/hostinstantly/themes/hostinstantly_restaurant_theme/libraries/revolution/js/extensions/revolution.extension.slideanims.min.js?v=8.2.2"></script> <script src="/profiles/hostinstantly/themes/hostinstantly_restaurant_theme/libraries/revolution/js/extensions/revolution.extension.video.min.js?v=8.2.2"></script> <script src="/profiles/hostinstantly/themes/hostinstantly_restaurant_theme/libraries/magnific-popup/js/jquery.magnific-popup.min.js?v=8.2.2"></script> <script src="/profiles/hostinstantly/themes/hostinstantly_restaurant_theme/libraries/recliner/recliner.js?v=8.2.2"></script> <script src="/profiles/hostinstantly/themes/hostinstantly_restaurant_theme/libraries/css3animated/js/jquery.viewportchecker.min.js?v=8.2.2"></script> <script src="/profiles/hostinstantly/themes/hostinstantly_restaurant_theme/libraries/syntaxhighlighter/scripts/shCore.js?v=8.2.2"></script> <script src="/profiles/hostinstantly/themes/hostinstantly_restaurant_theme/libraries/syntaxhighlighter/scripts/shBrushPlain.js?v=8.2.2"></script> <script src="/profiles/hostinstantly/themes/hostinstantly_restaurant_theme/libraries/syntaxhighlighter/scripts/shBrushJScript.js?v=8.2.2"></script> <script src="/profiles/hostinstantly/themes/hostinstantly_restaurant_theme/libraries/syntaxhighlighter/scripts/shBrushCss.js?v=8.2.2"></script> <script src="/profiles/hostinstantly/themes/hostinstantly_restaurant_theme/libraries/syntaxhighlighter/scripts/shAutoloader.js?v=8.2.2"></script> <script src="/profiles/hostinstantly/themes/hostinstantly_restaurant_theme/libraries/syntaxhighlighter/scripts/shBrushPhp.js?v=8.2.2"></script> <script src="/profiles/hostinstantly/themes/hostinstantly_restaurant_theme/libraries/syntaxhighlighter/scripts/shBrushXml.js?v=8.2.2"></script> <script src="/profiles/hostinstantly/modules/features/feature_advanced_text_block/libraries/background_video/jquery.mb.YTPlayer.min.js?v=8.2.2"></script> <script src="/core/assets/vendor/jquery.ui/ui/mouse-min.js?v=1.11.4"></script> <script src="/core/assets/vendor/jquery.ui/ui/draggable-min.js?v=1.11.4"></script> <script src="/core/assets/vendor/jquery.ui/ui/droppable-min.js?v=1.11.4"></script> <script src="/core/misc/debounce.js?v=8.2.2"></script> <script src="/core/assets/vendor/jquery.cookie/jquery.cookie.min.js?v=1.4.1"></script> <script src="/core/misc/form.js?v=8.2.2"></script> <script src="/core/misc/progress.js?v=8.2.2"></script> <script src="/core/misc/ajax.js?v=8.2.2"></script> <script src="/profiles/hostinstantly/modules/contrib/panels/panels_ipe/js/panels_ipe.js?v=8.2.2"></script> <script src="/profiles/hostinstantly/modules/contrib/panels/panels_ipe/js/models/AppModel.js?v=8.2.2"></script> <script src="/profiles/hostinstantly/modules/contrib/panels/panels_ipe/js/models/BlockContentTypeModel.js?v=8.2.2"></script> <script src="/profiles/hostinstantly/modules/contrib/panels/panels_ipe/js/models/BlockModel.js?v=8.2.2"></script> <script src="/profiles/hostinstantly/modules/contrib/panels/panels_ipe/js/models/BlockPluginModel.js?v=8.2.2"></script> <script src="/profiles/hostinstantly/modules/contrib/panels/panels_ipe/js/models/RegionModel.js?v=8.2.2"></script> <script src="/profiles/hostinstantly/modules/contrib/panels/panels_ipe/js/models/TabModel.js?v=8.2.2"></script> <script src="/profiles/hostinstantly/modules/contrib/panels/panels_ipe/js/models/LayoutModel.js?v=8.2.2"></script> <script src="/profiles/hostinstantly/modules/contrib/panels/panels_ipe/js/views/AppView.js?v=8.2.2"></script> <script src="/profiles/hostinstantly/modules/contrib/panels/panels_ipe/js/views/BlockView.js?v=8.2.2"></script> <script src="/profiles/hostinstantly/modules/contrib/panels/panels_ipe/js/views/CategoryView.js?v=8.2.2"></script> <script src="/profiles/hostinstantly/modules/contrib/panels/panels_ipe/js/views/BlockPicker.js?v=8.2.2"></script> <script src="/profiles/hostinstantly/modules/contrib/panels/panels_ipe/js/views/LayoutPicker.js?v=8.2.2"></script> <script src="/profiles/hostinstantly/modules/contrib/panels/panels_ipe/js/views/LayoutView.js?v=8.2.2"></script> <script src="/profiles/hostinstantly/modules/contrib/panels/panels_ipe/js/views/TabsView.js?v=8.2.2"></script> <script src="/profiles/hostinstantly/modules/contrib/panelizer/js/panels_ipe/panels_ipe.js?v=8.2.2"></script> <script src="/profiles/hostinstantly/modules/contrib/panelizer/js/panels_ipe/views/SaveTabView.js?v=8.2.2"></script> <script src="/core/assets/vendor/jquery-form/jquery.form.min.js?v=3.51"></script> <script src="/core/modules/views/js/base.js?v=8.2.2"></script> <script src="/core/modules/views/js/ajax_view.js?v=8.2.2"></script> <script src="/profiles/hostinstantly/modules/core/simple_color_field/js/colorpicker-addon.js?v=8.2.2"></script> <script src="/profiles/hostinstantly/modules/core/simple_color_field/colorpicker/js/colorpicker.js?v=8.2.2"></script> <script src="/profiles/hostinstantly/modules/codepen/youtube_caption/js/youtube.js?p6emuz"></script> <script src="/profiles/hostinstantly/modules/codepen/youtube_caption/bootstrap/js/bootstrapvalidator.min.js?p6emuz"></script> <script src="/profiles/hostinstantly/themes/hostinstantly_restaurant_theme/js/scrollToTop.js?v=8.2.2"></script> </body> </html>