|
|
|
|
|
|
|
|
|
|
|
|
|
<!doctype html>
<html lang="en">
<head>
<title></title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="//fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,700,600" rel="stylesheet" type="text/css" />
<meta name="google-site-verification" content="LQLLn9dwNbtTdmbzIBtrjoG_9viQ5dSph_YsAYrnMP8" />
<link href="https://fonts.googleapis.com/css?family=Calligraffitti" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" />
<link rel="stylesheet" href="/media/website_designs/6/css/bootstrap.min.css" />
<link rel="stylesheet" href="/media/website_designs/6/css/flickity.css" media="screen"/>
<link rel="stylesheet" href="/media/website_designs/6/css/style.css" />
<link rel="apple-touch-icon" sizes="57x57" href="/media/website_designs/6/img/favi/apple-icon-57x57.png" />
<link rel="apple-touch-icon" sizes="60x60" href="/media/website_designs/6/img/favi/apple-icon-60x60.png" />
<link rel="apple-touch-icon" sizes="72x72" href="/media/website_designs/6/img/favi/apple-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="76x76" href="/media/website_designs/6/img/favi/apple-icon-76x76.png" />
<link rel="apple-touch-icon" sizes="114x114" href="/media/website_designs/6/img/favi/apple-icon-114x114.png" />
<link rel="apple-touch-icon" sizes="120x120" href="/media/website_designs/6/img/favi/apple-icon-120x120.png" />
<link rel="apple-touch-icon" sizes="144x144" href="/media/website_designs/6/img/favi/apple-icon-144x144.png" />
<link rel="apple-touch-icon" sizes="152x152" href="/media/website_designs/6/img/favi/apple-icon-152x152.png" />
<link rel="apple-touch-icon" sizes="180x180" href="/media/website_designs/6/img/favi/apple-icon-180x180.png" />
<link rel="icon" type="image/png" sizes="192x192" href="/media/website_designs/6/img/favi/android-icon-192x192.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/media/website_designs/6/img/favi/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="96x96" href="/media/website_designs/6/img/favi/favicon-96x96.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/media/website_designs/6/img/favi/favicon-16x16.png" />
<link rel="manifest" href="/media/website_designs/6/img/favi/manifest.json" />
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/media/website_designs/6/img/favi/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<script src="/media/website_designs/6/js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
<script src="/media/website_designs/6/js/main.js"></script>
<script src="/media/website_designs/6/js/jquery.flexisel.js"></script>
<script>
jQuery(function($) {
//caches a jQuery object containing the header element
var header = $(".logoContainer");
$(window).scroll(function() {
var scroll = $(window).scrollTop();
if (scroll >= 5) {
header.addClass("shrink");
} else {
header.removeClass("shrink");
}
});
});
</script>
</head>
<body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = 'https://connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v3.0';
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<ss:navigation:mobile id="mobile_nav" autopopulatelevel="2">
<ss:navigation:item at="start" page="/">
<i class="fa fa-home"></i>
</ss:navigation:item>
<ss:navigation:item at="end" page="/commerce/order/" autopopulatelevel="0" >
<i class="fa fa-shopping-cart"></i>
</ss:navigation:item>
<ss:navigation:item at="end" autopopulatelevel="0" >
<ss:standard:link opendialogid="search_popup">
<i class="fa fa-search"></i>
</ss:standard:link>
</ss:navigation:item>
</ss:navigation:mobile>
<ss:logic:if test="\Components\Website\Pages::currentPageId() == '/commerce/order/success/'">
<!---->
</ss:logic:if>
<ss:forms:dialogbox id="newsletter_popup" width="60%">
<ss:logic:include page="/design-elements/receive-newsletter/" />
</ss:forms:dialogbox>
<ss:forms:dialogbox id="search_popup" width="60%">
<h3>Search</h3>
<form method="get" action="/search/">
<ss:forms:row type="one_column">
<ss:forms:editbox class="searchBox col-xs-12" name="query" type="text" placeholder="Search" transformations="tolower" />
</ss:forms:row>
<ss:forms:row type="one_column" align="center">
<ss:forms:submitbutton value="Go!" />
</ss:forms:row>
</form>
</ss:forms:dialogbox>
<ss:forms:dialogbox id="login_popup" width="60%">
<ss:logic:if test="!(\Components\Customers\Contacts::currentIsLoggedIn())">
<h3 style="text-align: center;">Existing Member?</h3>
<p style="text-align: center;">
If you already have an account with us, you can login below.
</p>
<ss:forms:form norefresh="true" contactmode="login"></ss:forms:form>
<small>- <a href="/community/lost_password/">Forgot / Lost Password</a></small>
</ss:logic:if>
<ss:logic:else>
<h3 style="text-align: center;">Bonjour!</h3>
<p style="text-align: center;">
You are currently logged in as <strong><ss:personalisation:fullname /></strong>. <br/>
If you would like to change your login information, please choose from the options below.
</p>
<p style="text-align: center;">
<a href="/community/profile/"><span class="glyphicon glyphicon-user" aria-hidden="true"></span> My Profile</a><br />
<a href="/community/logout/" onclick="return confirm('Are you sure you wish to logout?\n\nYou only need to logout if you are using a public computer and are concerned about your privacy.\nUnlike some sites, this site does not require you to logout after each session.');"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span> Logout</a>
</p>
</ss:logic:else>
</ss:forms:dialogbox>
<div id="main-content-area">
<div class="container-fluid navbar-fixed-top border-bottom white-bg">
<div class="container marginHeader">
<div class="row">
<div class="logoContainer" id="logoContainer">
<a href="/"><img src="/media/website_designs/6/img/logo.png" class="logo" /></a>
</div>
<div class="rightHeader">
<div class="topTopNav col-sm-12">
<!-- <nav class="navbar" role="navigation"> -->
<div class="MobileMenuTopRight visible-sm visible-xs">
<ss:navigation:mobilelink class="first" opens="mobile_nav">
<img src="/media/website_designs/6/img/mobile-button-large.png" class="menuMobile" alt="mobile menu" />
</ss:navigation:mobilelink>
</div>
<!-- </nav> -->
<div class="login hidden-xs hidden-sm">
<ss:standard:link opendialogid="login_popup">
<ss:logic:if test="!(\Components\Customers\Contacts::currentIsLoggedIn())">
Login
</ss:logic:if>
<ss:logic:else>
Bonjour <ss:personalisation:firstname /><span class="caret"></span>
</ss:logic:else>
</ss:standard:link>
</div>
<div class="login visible-xs-block visible-sm-block">
<ss:standard:link opendialogid="login_popup">
<span class="glyphicon glyphicon-user" aria-hidden="true"></span>
</ss:standard:link>
</div>
<div class="newsletter hidden-xs hidden-sm">
<ss:standard:link opendialogid="newsletter_popup">
Receive Our Newsletter
</ss:standard:link>
</div>
<div class="newsletter visible-xs-block visible-sm-block">
<ss:standard:link opendialogid="newsletter_popup">
<span class="glyphicon glyphicon-envelope" aria-hidden="true"></span>
</ss:standard:link>
</div>
<div class="socialIconsContainerAll">
<div class="socialIconsContainer img-circle">
<a href="https://www.youtube.com/channel/UC1gKk2BoS-PgsBJ5JIsHmSQ" target="_blank"><img src="/media/website_designs/6/img/youtube.png" class="socialIcons" /></a>
</div>
<div class="socialIconsContainer img-circle">
<a href="https://twitter.com/afsanfrancisco" target="_blank"><img src="/media/website_designs/6/img/twitter.png" class="socialIcons" /></a>
</div>
<div class="socialIconsContainer img-circle">
<a href="https://www.linkedin.com/in/alliance-francaise-san-francisco-21039037" target="_blank"><img src="/media/website_designs/6/img/linkedin.png" class="socialIcons" /></a>
</div>
<div class="socialIconsContainer img-circle">
<a href="https://www.instagram.com/afsanfrancisco/" target="_blank"><img src="/media/website_designs/6/img/insta.png" class="socialIcons" /></a>
</div>
<div class="socialIconsContainer img-circle">
<a href="https://www.facebook.com/afsanfran" target="_blank"><img src="/media/website_designs/6/img/fb.png" class="socialIcons" /></a>
</div>
</div>
</div>
<nav class="navbar" role="navigation">
<!--<div class="MobileMenuTopRight visible-sm visible-xs">
<ss:navigation:mobilelink class="first" opens="mobile_nav">
<img src="/media/website_designs/6/img/mobile-button-large.png" class="menuMobile" alt="mobile menu" />
</ss:navigation:mobilelink>
</div> -->
<div class="topNavigation visible-lg visible-md">
<ss:navigation:primary openonhover="true" class="horNav" id="mainMenu" autopopulatelevel="2" classlicurrent="selected" orientation="horizontal" includeparentpagelevel="0" rootpage="/">
<ss:navigation:item at="start" autopopulatelevel="0" page="/"><i class="fa fa-home"></i></ss:navigation:item>
<ss:navigation:item at="end" page="/commerce/order/" autopopulatelevel="0" >
<i class="fa fa-shopping-cart"></i>
</ss:navigation:item>
<ss:navigation:item at="end" autopopulatelevel="0" >
<ss:standard:link opendialogid="search_popup">
<i class="fa fa-search"></i>
</ss:standard:link>
</ss:navigation:item>
</ss:navigation:primary>
<!---->
</div>
</nav>
</div>
</div>
</div>
</div>
<!---->
<ss:logic:if test="\Components\Website\Pages::currentPageId() == '/'">
<div id="slideshow">
<div class="container banner">
<ss:layout:rotator class="bannerRotator" transition="fade" movenextid="bannerMoveNext" movepreviousid="bannerMovePrevious">
<ul>
<ss:data:repeater parsenow="datafilter" datasource="\Components\Website\Posts::getAllForCategory(8)" as="post" datafilter="array(array('post_is_offline', '=', 0))">
<li>
<a href="[? $post['post_content_url'] ?]">
<ss:standard:image src="'/media/website_posts/' + $post['post_id'] + '/' + $post['post_icon']" alt="$post['post_title']" parsenow="src,alt" class="img-slide" />
</a>
<ss:logic:if test="!$post['post_hide_title_on_slideshow_homepage_']">
<a href="[? $post['post_content_url'] ?]">
<div class="bannerText">
<h3>[? $post['post_title'] ?]</h3>
<p>[? $post['post_content_short'] ?]</p>
</div>
</a>
</ss:logic:if>
</li>
</ss:data:repeater>
</ul>
</ss:layout:rotator>
<a id="bannerMovePrevious" href="#">
<img alt="Previous Item" src="/media/website_designs/6/img/left-arrow2.png" />
</a>
<a id="bannerMoveNext" href="#">
<img alt="Next Item" src="/media/website_designs/6/img/right-arrow2.png" />
</a>
</div>
</div>
</ss:logic:if>
<!---->
<ss:logic:variable as="headerimages" value="determineHeaderImages()" parsenow="value" />
<ss:logic:if test="count($headerimages)">
<div id="slideshow">
<div class="container banner topBanner">
<ss:layout:rotator id="header_rotator" startatrandom="false" movenextid="TopbannerMoveNext" movepreviousid="TopbannerMovePrevious">
<ul>
<ss:data:repeater as="file" datasource="$headerimages">
<li>
<ss:standard:image alt="" src="$file['media_link']" parsenow="src" class="img-rounded img-responsive" />
</li>
</ss:data:repeater>
</ul>
</ss:layout:rotator>
<a id="TopbannerMovePrevious" href="#">
<img alt="Previous Item" src="/media/website_designs/6/img/left-arrow2.png" />
</a>
<a id="TopbannerMoveNext" href="#">
<img alt="Next Item" src="/media/website_designs/6/img/right-arrow2.png" />
</a>
</div>
</div>
</ss:logic:if>
<!---->
<div class="container mainContent">
<ss:regions:content />
<ss:logic:if test="\Components\Website\Pages::currentPageId() != '/'">
<ss:logic:if test="youMayAlsoLikeGeneral()">
<!---->
</ss:logic:if>
</ss:logic:if>
</div>
<div class="container">
<hr />
<div class="row margin-bottom20" id="footersize">
<div class="col-xs-6 col-sm-6 col-md-4">
<ss:logic:include page="/design-elements/left-infos/" />
</div>
<div class="col-xs-6 col-sm-6 col-md-4">
<ss:logic:include page="/design-elements/middle-infos/" />
</div>
<div class="col-xs-6 col-sm-6 col-md-4">
<ss:logic:include page="/design-elements/right-infos/" />
</div>
</div>
<span class="credit"> Design by <a href="http://monsieurgraphic.com/" target="_blank">Monsieur Graphic</a></span>
</div>
</div>
<script src="/media/website_designs/6/js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
<script src="/media/website_designs/6/js/vendor/bootstrap.min.js"></script>
<ss:logic:if test="!(\Framework\DOM\CurrentContext::getIsInEditMode())">
<ss:standard:script at="head" includejquery="true" />
<script type="text/javascript">
window.$ = jQuery;
$(window).load(function() {
$("#flexiselDemo1").flexisel();
$("#flexiselDemo2").flexisel({
visibleItems: 4,
itemsToScroll: 3,
animationSpeed: 200,
infinite: true,
navigationTargetSelector: null,
autoPlay: {
enable: false,
interval: 5000,
pauseOnHover: true
},
responsiveBreakpoints: {
portrait: {
changePoint:480,
visibleItems: 1,
itemsToScroll: 1
},
landscape: {
changePoint:640,
visibleItems: 2,
itemsToScroll: 2
},
tablet: {
changePoint:768,
visibleItems: 3,
itemsToScroll: 3
}
},
loaded: function(object) {
console.log('Slider loaded...');
},
before: function(object){
console.log('Before transition...');
},
after: function(object) {
console.log('After transition...');
},
resize: function(object){
console.log('After resize...');
}
});
$("#flexiselDemo3").flexisel({
visibleItems: 5,
itemsToScroll: 1,
autoPlay: {
enable: true,
interval: 5000,
pauseOnHover: true
}
});
$("#flexiselDemo4").flexisel({
infinite: false
});
});
</script>
<script src="/media/website_designs/6/js/vendor/bootstrap.min.js"></script>
<script src="/media/website_designs/6/js/main.js"></script>
<script src="/media/website_designs/6/js/jquery.flexisel.js"></script>
</ss:logic:if>
<ss:standard:script at="head" includejquery="true" />
<script src="/media/website_designs/6/js/vendor/bootstrap.min.js"></script>
<script src="/media/website_designs/6/js/main.js"></script>
<script src="/media/website_designs/6/js/flickity.pkgd.min.js"></script>
<script>
jQuery('.commerceProductsOrderBox').insertBefore('div.mainContent > h1')
</script>
<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '311308299366105');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=311308299366105&ev=PageView&noscript=1" />
</noscript>
<!-- End Facebook Pixel Code -->
<ss:logic:if test="\Components\Website\Pages::currentPageId() == '/commerce/order/success/'">
<script>
fbq('track', 'CompleteRegistration');
</script>
</ss:logic:if>
</body>
</html>
<!doctype html>
<html lang="en">
<head>
<title></title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="//fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,700,600" rel="stylesheet" type="text/css" />
<meta name="google-site-verification" content="LQLLn9dwNbtTdmbzIBtrjoG_9viQ5dSph_YsAYrnMP8" />
<link href="https://fonts.googleapis.com/css?family=Calligraffitti" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" />
<link rel="stylesheet" href="/media/website_designs/6/css/bootstrap.min.css" />
<link rel="stylesheet" href="/media/website_designs/6/css/flickity.css" media="screen"/>
<link rel="stylesheet" href="/media/website_designs/6/css/style.css" />
<link rel="apple-touch-icon" sizes="57x57" href="/media/website_designs/6/img/favi/apple-icon-57x57.png" />
<link rel="apple-touch-icon" sizes="60x60" href="/media/website_designs/6/img/favi/apple-icon-60x60.png" />
<link rel="apple-touch-icon" sizes="72x72" href="/media/website_designs/6/img/favi/apple-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="76x76" href="/media/website_designs/6/img/favi/apple-icon-76x76.png" />
<link rel="apple-touch-icon" sizes="114x114" href="/media/website_designs/6/img/favi/apple-icon-114x114.png" />
<link rel="apple-touch-icon" sizes="120x120" href="/media/website_designs/6/img/favi/apple-icon-120x120.png" />
<link rel="apple-touch-icon" sizes="144x144" href="/media/website_designs/6/img/favi/apple-icon-144x144.png" />
<link rel="apple-touch-icon" sizes="152x152" href="/media/website_designs/6/img/favi/apple-icon-152x152.png" />
<link rel="apple-touch-icon" sizes="180x180" href="/media/website_designs/6/img/favi/apple-icon-180x180.png" />
<link rel="icon" type="image/png" sizes="192x192" href="/media/website_designs/6/img/favi/android-icon-192x192.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/media/website_designs/6/img/favi/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="96x96" href="/media/website_designs/6/img/favi/favicon-96x96.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/media/website_designs/6/img/favi/favicon-16x16.png" />
<link rel="manifest" href="/media/website_designs/6/img/favi/manifest.json" />
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/media/website_designs/6/img/favi/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<script src="/media/website_designs/6/js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
<script src="/media/website_designs/6/js/main.js"></script>
<script src="/media/website_designs/6/js/jquery.flexisel.js"></script>
<script>
jQuery(function($) {
//caches a jQuery object containing the header element
var header = $(".logoContainer");
$(window).scroll(function() {
var scroll = $(window).scrollTop();
if (scroll >= 5) {
header.addClass("shrink");
} else {
header.removeClass("shrink");
}
});
});
</script>
</head>
<body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = 'https://connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v3.0';
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<ss:navigation:mobile id="mobile_nav" autopopulatelevel="2">
<ss:navigation:item at="start" page="/">
<i class="fa fa-home"></i>
</ss:navigation:item>
<ss:navigation:item at="end" page="/commerce/order/" autopopulatelevel="0" >
<i class="fa fa-shopping-cart"></i>
</ss:navigation:item>
<ss:navigation:item at="end" autopopulatelevel="0" >
<ss:standard:link opendialogid="search_popup">
<i class="fa fa-search"></i>
</ss:standard:link>
</ss:navigation:item>
</ss:navigation:mobile>
<ss:logic:if test="\Components\Website\Pages::currentPageId() == '/commerce/order/success/'">
<!---->
</ss:logic:if>
<ss:forms:dialogbox id="newsletter_popup" width="60%">
<ss:logic:include page="/design-elements/receive-newsletter/" />
</ss:forms:dialogbox>
<ss:forms:dialogbox id="search_popup" width="60%">
<h3>Search</h3>
<form method="get" action="/search/">
<ss:forms:row type="one_column">
<ss:forms:editbox class="searchBox col-xs-12" name="query" type="text" placeholder="Search" transformations="tolower" />
</ss:forms:row>
<ss:forms:row type="one_column" align="center">
<ss:forms:submitbutton value="Go!" />
</ss:forms:row>
</form>
</ss:forms:dialogbox>
<ss:forms:dialogbox id="login_popup" width="60%">
<ss:logic:if test="!(\Components\Customers\Contacts::currentIsLoggedIn())">
<h3 style="text-align: center;">Existing Member?</h3>
<p style="text-align: center;">
If you already have an account with us, you can login below.
</p>
<ss:forms:form norefresh="true" contactmode="login"></ss:forms:form>
<small>- <a href="/community/lost_password/">Forgot / Lost Password</a></small>
</ss:logic:if>
<ss:logic:else>
<h3 style="text-align: center;">Bonjour!</h3>
<p style="text-align: center;">
You are currently logged in as <strong><ss:personalisation:fullname /></strong>. <br/>
If you would like to change your login information, please choose from the options below.
</p>
<p style="text-align: center;">
<a href="/community/profile/"><span class="glyphicon glyphicon-user" aria-hidden="true"></span> My Profile</a><br />
<a href="/community/logout/" onclick="return confirm('Are you sure you wish to logout?\n\nYou only need to logout if you are using a public computer and are concerned about your privacy.\nUnlike some sites, this site does not require you to logout after each session.');"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span> Logout</a>
</p>
</ss:logic:else>
</ss:forms:dialogbox>
<div id="main-content-area">
<div class="container-fluid navbar-fixed-top border-bottom white-bg">
<div class="container marginHeader">
<div class="row">
<div class="logoContainer" id="logoContainer">
<a href="/"><img src="/media/website_designs/6/img/logo.png" class="logo" /></a>
</div>
<div class="rightHeader">
<div class="topTopNav col-sm-12">
<!-- <nav class="navbar" role="navigation"> -->
<div class="MobileMenuTopRight visible-sm visible-xs">
<ss:navigation:mobilelink class="first" opens="mobile_nav">
<img src="/media/website_designs/6/img/mobile-button-large.png" class="menuMobile" alt="mobile menu" />
</ss:navigation:mobilelink>
</div>
<!-- </nav> -->
<div class="login hidden-xs hidden-sm">
<ss:standard:link opendialogid="login_popup">
<ss:logic:if test="!(\Components\Customers\Contacts::currentIsLoggedIn())">
Login
</ss:logic:if>
<ss:logic:else>
Bonjour <ss:personalisation:firstname /><span class="caret"></span>
</ss:logic:else>
</ss:standard:link>
</div>
<div class="login visible-xs-block visible-sm-block">
<ss:standard:link opendialogid="login_popup">
<span class="glyphicon glyphicon-user" aria-hidden="true"></span>
</ss:standard:link>
</div>
<div class="newsletter hidden-xs hidden-sm">
<ss:standard:link opendialogid="newsletter_popup">
Receive Our Newsletter
</ss:standard:link>
</div>
<div class="newsletter visible-xs-block visible-sm-block">
<ss:standard:link opendialogid="newsletter_popup">
<span class="glyphicon glyphicon-envelope" aria-hidden="true"></span>
</ss:standard:link>
</div>
<div class="socialIconsContainerAll">
<div class="socialIconsContainer img-circle">
<a href="https://www.youtube.com/channel/UC1gKk2BoS-PgsBJ5JIsHmSQ" target="_blank"><img src="/media/website_designs/6/img/youtube.png" class="socialIcons" /></a>
</div>
<div class="socialIconsContainer img-circle">
<a href="https://twitter.com/afsanfrancisco" target="_blank"><img src="/media/website_designs/6/img/twitter.png" class="socialIcons" /></a>
</div>
<div class="socialIconsContainer img-circle">
<a href="https://www.linkedin.com/in/alliance-francaise-san-francisco-21039037" target="_blank"><img src="/media/website_designs/6/img/linkedin.png" class="socialIcons" /></a>
</div>
<div class="socialIconsContainer img-circle">
<a href="https://www.instagram.com/afsanfrancisco/" target="_blank"><img src="/media/website_designs/6/img/insta.png" class="socialIcons" /></a>
</div>
<div class="socialIconsContainer img-circle">
<a href="https://www.facebook.com/afsanfran" target="_blank"><img src="/media/website_designs/6/img/fb.png" class="socialIcons" /></a>
</div>
</div>
</div>
<nav class="navbar" role="navigation">
<!--<div class="MobileMenuTopRight visible-sm visible-xs">
<ss:navigation:mobilelink class="first" opens="mobile_nav">
<img src="/media/website_designs/6/img/mobile-button-large.png" class="menuMobile" alt="mobile menu" />
</ss:navigation:mobilelink>
</div> -->
<div class="topNavigation visible-lg visible-md">
<ss:navigation:primary openonhover="true" class="horNav" id="mainMenu" autopopulatelevel="2" classlicurrent="selected" orientation="horizontal" includeparentpagelevel="0" rootpage="/">
<ss:navigation:item at="start" autopopulatelevel="0" page="/"><i class="fa fa-home"></i></ss:navigation:item>
<ss:navigation:item at="end" page="/commerce/order/" autopopulatelevel="0" >
<i class="fa fa-shopping-cart"></i>
</ss:navigation:item>
<ss:navigation:item at="end" autopopulatelevel="0" >
<ss:standard:link opendialogid="search_popup">
<i class="fa fa-search"></i>
</ss:standard:link>
</ss:navigation:item>
</ss:navigation:primary>
<!---->
</div>
</nav>
</div>
</div>
</div>
</div>
<!---->
<ss:logic:if test="\Components\Website\Pages::currentPageId() == '/'">
<div id="slideshow">
<div class="container banner">
<ss:layout:rotator class="bannerRotator" transition="fade" movenextid="bannerMoveNext" movepreviousid="bannerMovePrevious">
<ul>
<ss:data:repeater parsenow="datafilter" datasource="\Components\Website\Posts::getAllForCategory(8)" as="post" datafilter="array(array('post_is_offline', '=', 0))">
<li>
<a href="[? $post['post_content_url'] ?]">
<ss:standard:image src="'/media/website_posts/' + $post['post_id'] + '/' + $post['post_icon']" alt="$post['post_title']" parsenow="src,alt" class="img-slide" />
</a>
<ss:logic:if test="!$post['post_hide_title_on_slideshow_homepage_']">
<a href="[? $post['post_content_url'] ?]">
<div class="bannerText">
<h3>[? $post['post_title'] ?]</h3>
<p>[? $post['post_content_short'] ?]</p>
</div>
</a>
</ss:logic:if>
</li>
</ss:data:repeater>
</ul>
</ss:layout:rotator>
<a id="bannerMovePrevious" href="#">
<img alt="Previous Item" src="/media/website_designs/6/img/left-arrow2.png" />
</a>
<a id="bannerMoveNext" href="#">
<img alt="Next Item" src="/media/website_designs/6/img/right-arrow2.png" />
</a>
</div>
</div>
</ss:logic:if>
<!---->
<ss:logic:variable as="headerimages" value="determineHeaderImages()" parsenow="value" />
<ss:logic:if test="count($headerimages)">
<div id="slideshow">
<div class="container banner topBanner">
<ss:layout:rotator id="header_rotator" startatrandom="false" movenextid="TopbannerMoveNext" movepreviousid="TopbannerMovePrevious">
<ul>
<ss:data:repeater as="file" datasource="$headerimages">
<li>
<ss:standard:image alt="" src="$file['media_link']" parsenow="src" class="img-rounded img-responsive" />
</li>
</ss:data:repeater>
</ul>
</ss:layout:rotator>
<a id="TopbannerMovePrevious" href="#">
<img alt="Previous Item" src="/media/website_designs/6/img/left-arrow2.png" />
</a>
<a id="TopbannerMoveNext" href="#">
<img alt="Next Item" src="/media/website_designs/6/img/right-arrow2.png" />
</a>
</div>
</div>
</ss:logic:if>
<!---->
<div class="container mainContent">
<ss:regions:content />
<ss:logic:if test="\Components\Website\Pages::currentPageId() != '/'">
<ss:logic:if test="youMayAlsoLikeGeneral()">
<!---->
</ss:logic:if>
</ss:logic:if>
</div>
<div class="container">
<hr />
<div class="row margin-bottom20" id="footersize">
<div class="col-xs-6 col-sm-6 col-md-4">
<ss:logic:include page="/design-elements/left-infos/" />
</div>
<div class="col-xs-6 col-sm-6 col-md-4">
<ss:logic:include page="/design-elements/middle-infos/" />
</div>
<div class="col-xs-6 col-sm-6 col-md-4">
<ss:logic:include page="/design-elements/right-infos/" />
</div>
</div>
<span class="credit"> Design by <a href="http://monsieurgraphic.com/" target="_blank">Monsieur Graphic</a></span>
</div>
</div>
<script src="/media/website_designs/6/js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
<script src="/media/website_designs/6/js/vendor/bootstrap.min.js"></script>
<ss:logic:if test="!(\Framework\DOM\CurrentContext::getIsInEditMode())">
<ss:standard:script at="head" includejquery="true" />
<script type="text/javascript">
window.$ = jQuery;
$(window).load(function() {
$("#flexiselDemo1").flexisel();
$("#flexiselDemo2").flexisel({
visibleItems: 4,
itemsToScroll: 3,
animationSpeed: 200,
infinite: true,
navigationTargetSelector: null,
autoPlay: {
enable: false,
interval: 5000,
pauseOnHover: true
},
responsiveBreakpoints: {
portrait: {
changePoint:480,
visibleItems: 1,
itemsToScroll: 1
},
landscape: {
changePoint:640,
visibleItems: 2,
itemsToScroll: 2
},
tablet: {
changePoint:768,
visibleItems: 3,
itemsToScroll: 3
}
},
loaded: function(object) {
console.log('Slider loaded...');
},
before: function(object){
console.log('Before transition...');
},
after: function(object) {
console.log('After transition...');
},
resize: function(object){
console.log('After resize...');
}
});
$("#flexiselDemo3").flexisel({
visibleItems: 5,
itemsToScroll: 1,
autoPlay: {
enable: true,
interval: 5000,
pauseOnHover: true
}
});
$("#flexiselDemo4").flexisel({
infinite: false
});
});
</script>
<script src="/media/website_designs/6/js/vendor/bootstrap.min.js"></script>
<script src="/media/website_designs/6/js/main.js"></script>
<script src="/media/website_designs/6/js/jquery.flexisel.js"></script>
</ss:logic:if>
<ss:standard:script at="head" includejquery="true" />
<script src="/media/website_designs/6/js/vendor/bootstrap.min.js"></script>
<script src="/media/website_designs/6/js/main.js"></script>
<script src="/media/website_designs/6/js/flickity.pkgd.min.js"></script>
<script>
jQuery('.commerceProductsOrderBox').insertBefore('div.mainContent > h1')
</script>
<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '311308299366105');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=311308299366105&ev=PageView&noscript=1" />
</noscript>
<!-- End Facebook Pixel Code -->
<ss:logic:if test="\Components\Website\Pages::currentPageId() == '/commerce/order/success/'">
<script>
fbq('track', 'CompleteRegistration');
</script>
</ss:logic:if>
</body>
</html>
|
|
@brand-primary:#425893;
@font-face {
font-family:'loveloblack';
src:url('/media/website_designs/2/fonts/loveloblack-webfont.eot');
src:url('/media/website_designs/2/fonts/loveloblack-webfont.eot?#iefix') format('embedded-opentype'),url('/media/website_designs/2/fonts/loveloblack-webfont.woff2') format('woff2'),url('/media/website_designs/2/fonts/loveloblack-webfont.woff') format('woff'),url('/media/website_designs/2/fonts/loveloblack-webfont.ttf') format('truetype'),url('/media/website_designs/2/fonts/loveloblack-webfont.svg#loveloblack') format('svg');
font-weight:normal;
font-style:normal;
}
@font-face {
font-family: 'oratoregular';
src: url('/media/website_designs/2/fonts/orato-webfont.eot');
src: url('/media/website_designs/2/fonts/orato-webfont.eot?#iefix') format('embedded-opentype'),
url('/media/website_designs/2/fonts/orato-webfont.woff2') format('woff2'),
url('/media/website_designs/2/fonts/orato-webfont.woff') format('woff'),
url('/media/website_designs/2/fonts/orato-webfont.ttf') format('truetype'),
url('/media/website_designs/2/fonts/orato-webfont.svg#oratoregular') format('svg');
font-weight: normal;
font-style: normal;
}
body {
font-family:'Source Sans Pro',sans-serif;
color:#414141;
padding-top: 94px;
font-weight:300;
font-size:20px;
}
#mobile_nav{
Z-index:1000000;
}
a {
color:#e21837;
}
.red{
color:#e21837;
}
.noRedLink a, .noRedLink {
color:#414141;
}
a:hover, a:focus {
text-decoration:none;
}
hr {
border: 1px solid #cee8e3;
}
.border-bottom {
border-bottom: 2px solid #cee8e3;
}
img {
/*display: block;*/
max-width: 100%;
/* height: auto!important; */
}
.anchor {
padding-top: 96px;
}
:target:before {
content:"";
display:block;
height:96px; /* fixed header height*/
margin:-96px 0 0; /* negative fixed header height */
}
.imagePostheight {
overflow: hidden;
}
.imagePostheight img {
width:100%;
}
small {
font-size: 13px;
}
.vague {
border: 0px solid transparent;
height: 16px;
background : url('/media/website_designs/2/img/hr.png') 50% 0 no-repeat;
}
big{
font-family: "loveloblack";
font-size: 28px;
line-height:32px;
}
.vcenter {
display: inline-block;
vertical-align: middle;
float: none;
}
.vertical-align {
display: flex;
align-items: center;
}
.blue-div {
background-color:#425893;
color:white;
padding: 40px 0;
}
.yellow-bg {
background-color: #fffde7;
}
.row-eq-height {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.clearfix {
clear:both;
}
.img-rounded {
border-radius: 4px;
}
.white-bg{
background-color:white;
}
.marginHeader {
padding-top: 12px;
background-color:white;
}
.margin-bottom, .margin-bottom40 {
margin-bottom: 40px;
}
.margin-top20{
margin-top: 20px!important;
}
.margin-top40{
margin-top: 40px!important;
}
.margin-bottom20 {
margin-bottom: 20px!important;
}
.margin-top-bottom40 {
margin-top: 40px;
margin-bottom: 40px;
}
.logo{
/* margin-bottom: -40%; */
/* margin-left:10px; */
width:100%;
margin-top: 7px;
/* width: 77%; */
/* box-shadow: 0px 3px 12px rgba(0,0,0,0.25); */
}
.logoContainer {
z-index: 10;
float:left;
height:0px;
width:274px;
padding-right: 15px;
padding-left: 15px;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.afsf-hero-text-container {
background-color: #ffffffd9;
/*border-radius: 10px;*/
padding: 15px;
min-height: 250px;
margin: 20px auto;
margin-top: 0px;
text-align: center;
max-width: 378px;
}
.rightHeader{
width:75%;
float:right;
padding-right: 15px;
padding-left: 15px;
}
.socialIcons {
width:100%;
}
.socialIconsContainer{
width:24px;
margin-right:5px;
background-color:#414141;
float:right;
border-radius: 50%;
}
.socialIconsContainerAll{
float:right;
}
.socialIconsContainer:hover{
background-color: #e21837;
cursor: pointer;
border-radius: 50%;
}
.newsletter, .login {
float:right;
font-weight:400;
display:block;
margin-top: 5px;
margin-bottom:5px;
}
.login {
margin-left:15px;
}
.newsletter{
margin-left:10px;
}
.ui-widget-content {
color:#425893 ;
}
.MobileMenuTopRight{
float: right;
margin-top: -6px;
margin-left: 13px;
margin-bottom: 5px;
clear:both;
}
.menuMobile {
width:40px;
}
.topNavigation{
float: right;
padding-top: 13px;
}
.mainContent {
margin-top:25px;
}
h1, .h1, h2, .h2, h3, .h3{
margin-top:0;
}
#main-content-area h1, h1 {
font-size:65px;
text-transform:uppercase;
font-family:'loveloblack';
}
.h1smaller {
font-size:45px!important;
}
#main-content-area h2, h2 {
font-size:45px;
font-family:'Calligraffitti';
margin:30px 0;
}
#main-content-area h3, h3 {
font-family: "loveloblack";
font-size: 28px;
line-height:32px;
}
#main-content-area h4, h4 {
font-size:32px;
font-family:'oratoregular';
}
#main-content-area h5, h5 {
font-weight:700;
font-style: italic;
font-size:24px;
margin-bottom:20px;
line-height:22px;
}
#main-content-area p, p {
margin-bottom:20px;
line-height:22px;
}
#main-content-area li{
font-weight:300;
font-size:20px;
margin-bottom:10px;
line-height:22px;
}
#main-content-area ul{
/*margin-bottom:20px; */
}
#mainMenu{
float:left;
font-size:14px!important;
}
#mainMenu li, #mainMenu ul {
font-size: 14px!important;
font-weight:400;
margin-bottom:0!important;
}
#mainMenu li a{
padding: 10px;
}
#mainMenu li a:hover{
background-color: #cee8e3;
}
#mainMenu ul li a:hover{
background-color: #414141;
color: #cee8e3;
}
#mainMenu ul li{
text-align: left;
}
#mainMenu ul {
margin-top:0px;
box-shadow: 0px 2px 5px #908f8f;
}
#mainMenu ul li{
background-color:#cee8e3;
}
.navbar {
margin-bottom:-2px;
margin-top:20px;
position:static;
}
.navbar-header {
height: 65px;
}
.navbar a{
color:#414141;
}
.navbar-toggle {
border:2px solid #cee8e3;
border-radius:7px;
clear:both;
}
.navbar-toggle .icon-bar {
background-color:#414141;
}
.topTopNav{
font-size: 14px;
}
.topTopNav a {
color:#414141;
}
.topNav{
margin-top:50px;
}
.navbar-nav>li>a {
text-align: center;
}
.belowHeaderLine {
margin-top:0;
}
/* slideshow */
.slideshow{
}
.img-slide {
display: block;
width: 100%;
height: auto;
}
a .banner .bannerText {
color:#414042;
}
.bannerRotator{
max-height:400px;
overflow:hidden;
}
.banner {
position:relative;
max-height:500px;
overflow:hidden;
}
.banner .bannerText{
position:absolute;
color: white;
top:160px;
left:80px;
background:#414141;
padding: 19px;
z-index:10;
}
.banner .bannerText h3 {
padding:0px;
margin:0px;
}
.banner .bannerText p {
padding:0px;
margin:0;
margin-bottom:0!important;
}
.positionRelative{
position:relative;
}
.positionAbsolute{
position:absolute;
top:0;
}
#bannerMovePrevious, #bannerMoveNext, #TopbannerMovePrevious, #TopbannerMoveNext{
top:40%;
position:absolute;
opacity:0;
transition: all 0.1s ease 0.1s;
}
.banner:hover #bannerMovePrevious, .banner:hover #bannerMoveNext, .topBanner:hover #TopbannerMovePrevious, .topBanner:hover #TopbannerMoveNext {
opacity:0.5;
}
.banner:hover #bannerMovePrevious:hover, .banner:hover #bannerMoveNext:hover, .topBanner:hover #TopbannerMovePrevious:hover, .topBanner:hover #TopbannerMoveNext:hover {
opacity:1;
}
#bannerMovePrevious, #TopbannerMovePrevious{
left:20px;
}
#bannerMoveNext, #TopbannerMoveNext{
right:20px;
}
#bannerMovePrevious img, #bannerMoveNext img, #TopbannerMovePrevious img, #TopbannerMoveNext img {
width:35px;
}
.topBanner, .banner {
margin-bottom: -25px;
margin-top: 25px;
}
.breadcrumbNavigation, .breadcrumbNavigation a {
text-align:right;
color:#c4c4c4;
}
.center-img {
margin:auto;
}
.icon-post70{
width:70%;
margin:auto;
}
.icon-post-wlf{
width:60%;
margin:auto;
}
.icon-post{
margin: 0 auto;
}
.postNav{
margin-bottom:20px;
}
.tag {
font-weight:700;
font-size:21px;
font-style: italic;
margin-bottom:20px;
line-height:23px;
display: block;
float: left;
width: auto;
border: 2px solid #cee8e3;
border-left:0;
border-right:0;
padding: 10px 30px 10px 0;
background: url('/media/website_designs/2/img/tag-right.png') no-repeat top right;
background-size: auto 100%;
}
.boxed {
box-shadow: 0px 0px 15px #ececec;
padding-bottom:40px;
overflow:auto;
}
.boxed:hover{
box-shadow: 0px 0px 15px #b5b5b5;
}
.boxed p, .boxed h3, .boxed .btn-red {
margin:20px;
}
.boxed .btn-red {
margin-bottom:50px;
}
.blue-bg {
background-color: #425893;
color:#FFFCD9;
}
.blue-bg hr {
border: 1px solid #4e9ca5;
}
.animButton {
width:auto;
padding:20px;
padding-left:100px;
border: 1px solid #FFFCD9;
font-size:45px;
text-transform:uppercase;
font-family:'loveloblack';
color:#FFFCD9;
overflow: hidden;
position: relative;
}
.animButton:hover {
color:#414141;
background-color: #FFFCD9;
}
.animButton img{
width:62px;
margin-right:10px;
position:absolute;
bottom:0px;
left:18px;
}
.animButton2 {
width:auto;
padding:20px;
padding-left:100px;
border: 2px solid #414141;
font-size:45px;
text-transform:uppercase;
font-family:'loveloblack';
color:#414141;
overflow: hidden;
position: relative;
}
.animButton2:hover {
color:#FFFCD9;
background-color: #414141;
}
.animButton2 img{
width:62px;
margin-right:10px;
position:absolute;
bottom:0px;
left:18px;
}
.levelImg {
bottom:23%!important;
}
dialogboxclose {
right: 7px;
}
.centered {
margin-left:auto;
margin-right:auto;
}
/*---------------- flexisel ------------- */
.nbs-flexisel-inner {
background:none;
border:none;
}
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
padding: 3px 10px;
}
/*---------------- end flexisel ------------- */
/*---------------- Video container -------------
------------------------------------------- */
.embed-container {
position: relative;
padding-bottom: 56.25%; /* 16/9 ratio */
padding-top: 30px; /* IE6 workaround*/
height: 0;
overflow: hidden;
margin-bottom:40px;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.embed-container50 {
position: relative;
padding-bottom: 56.25%; /*16/9 ratio */
padding-top: 30px; /* IE6 workaround*/
height: 0;
overflow: hidden;
}
.embed-container50 iframe,
.embed-container50 object,
.embed-container50 embed {
position: absolute;
top: 0;
left: 0;
width: 50%;
height: 50%;
}
/*---------------- Video container end -------------
------------------------------------------- */
#footersize {
min-height: 150px;
}
#footersize p{
font-weight:400;
font-size:14px;
line-height:16px;
}
.partnerBanner {
margin-left:auto;
margin-right:auto;
}
.credit, .credit a {
color:#b6b6b6;
font-size:12px;
padding-bottom:10px;
}
/*---------------- FORM STYLES -------------
------------------------------------------- */
input, textarea{
padding: 10px 12px;
font-size: 15px;
font-family: 'Source Sans Pro',sans-serif;
}
button[type=submit], .btn-red, .red-btn, .rouge {
margin-top: 0;
background-color: #d91f2f;
border: 1px solid #d91f2f;
padding: 10px 30px;
font-size: 23px;
font-family: 'Source Sans Pro',sans-serif;
color: #ffffff;
}
.btn-red, .red-btn, .rouge {
margin-top:20px;
position:relative;
}
.btn-red:hover, .red-btn:hover, .rouge:hover {
color: #ffffff;
background-color: #be1a28;
}
.btn-red:visited, .red-btn:visited, .rouge:visited {
color: #ffffff;
}
.btn-red:focus, .red-btn:focus, .rouge:focus {
color: #ffffff;
}
.dataShowMore {
color: #ffffff;
background-color: #d91f2f;
border: 0px;
font-family: "loveloblack";
font-size: 28px;
line-height:32px;
padding-top: 14px;
padding-bottom: 14px;
}
.dataShowMore:visited{
color: #ffffff;
}
.dataShowMore:hover {
color: #ffffff;
background-color: #b21e2b;
}
.dataShowMore::before, .dataShowMore::after {
background-image: url('/media/website_designs/2/img/arrow2.png');
}
div.formRow {
/*background: none;
font-size: 1.25em;
color:#425893;*/
font-size: 1.25em;
color: #414141;
margin-bottom: 5px;
background-color: #e9f6f3;
padding: 10px;
border-radius: 5px;
}
.dialogBoxOpen, div.navigationMobileOverlay{
z-index:100000!important;
}
#search_popup{
z-index:1000000!important;
}
#newsletter_popup div.formRow, #login_popup div.formRow, #search_popup div.formRow {
background: none;
}
#newsletter_popup, #login_popup, #search_popup {
margin-right:auto;
margin-left:auto;
}
#newsletter_popup a, #login_popup a, #search_popup a {
color:#e21837;
}
.ui-dialog {
max-width: 880px;
width:50% !important;
}
.formRowCol2 input[type=text], .formRowCol2 input[type=password], .formRowCol2 textarea {
margin-bottom:5px;
}
.eventbrite-container
{
width: 100%;
background: #F8F8FA;
color: #414141;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.eventbrite-image-price
{
min-width: 200px;
flex-shrink: 0;
flex-grow: 1;
flex-basis: 0;
background: #EEF2F5;
}
.eventbrite-price
{
text-align: center;
padding: 0.5em;
}
.eventbrite-details
{
padding: 1em;
font-size: 0.8em;
flex-grow: 1;
min-width: 200px;
width: 50%;
overflow: hidden;
}
.eventbrite-date
{
text-transform: uppercase;
}
.eventbrite-title
{
max-height: 40px;
margin: 0 auto;
overflow: hidden;
text-overflow: ellipsis;
color: #282C35;
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
font-size: 18px;
line-height: 20px;
max-height: 2.5em;
font-weight: 500;
-webkit-font-smoothing: antialiased;
letter-spacing: 0;
padding: 0;
height: 40px;
margin-bottom: 2px;
}
/*----- RESPONSIVE BREAKPOINT STYLES ----------
------------------------------------------- */
@media screen and (min-width:768px){
.navMain, .navbar-nav{
float:right;
}
.imagePostheight {
height: 200px;
}
/*.shrink{
width:172px;
}*/
}
@media screen and (min-width:500px) and (max-width:767px){
.imagePostheight {
height: 150px;
}
}
@media screen and (min-width:400px) and (max-width:599px){
.imagePostheight {
height: 100px;
}
}
@media screen and (min-width:767px) and (max-width:991px){
.logoContainer{
width:240px;
}
body{
padding-top: 82px;
}
}
@media screen and (min-width:400px) and (max-width:767px){
body{
padding-top: 73px;
}
.logoContainer{
width:200px;
}
.socialIconsContainer{
width:22px;
height:22px;
}
}
@media screen and (max-width:400px) {
.logoContainer{
width:160px;
}
.navbar {
min-height: 38px;
}
body {
padding-top: 61px;
}
.MobileMenuTopRight{
width: 32px;
margin-left: 10px;
}
.newsletter {
margin-left: 3px;
}
.login {
margin-left: 8px;
}
.socialIconsContainer {
width: 19px;
height: 19px;
}
}
@media screen and (max-width:991px){
button[type=submit], .btn-red {
padding: 5px 13px;
font-size: 18px;
}
.topTopNav {
margin-top:10px;
}
}
@media screen and (max-width:399px){
.imagePostheight {
height: 85px;
}
.boxed p, .boxed h3, .boxed .btn-red {
margin:10px;
}
.btn-red {
padding: 3px 6px;
}
}
@media screen and (max-width:767px){
#bannerMovePrevious, #bannerMoveNext, #TopbannerMovePrevious, #TopbannerMoveNext{
opacity:0.7;
bottom: 32%;
}
.navbar {
margin-top: 0px;
}
big {
font-size: 17px;
line-height: 19px;
}
.mainContent {
margin-top: 3px;
}
.socialIcons {
margin-top: -4px;
}
.topNav{
margin-top:0;
}
#newsletter_popup, #login_popup, #search_popup {
width:80%!important;
}
.margin-bottom {
margin-bottom:10px;
}
.animButton {
font-size:23px;
padding-left:75px;
}
.animButton img {
width:50px;
}
#main-content-area h1, h1 {
font-size:23px;
}
.h1smaller {
font-size:18px!important;
}
#main-content-area h2, h2 {
font-size:24px;
}
#main-content-area h3, h3 {
font-size: 19px;
line-height: 21px;
}
#main-content-area h4, h4 {
font-size:20px;
}
#main-content-area h5, h5 {
font-size:20px;
}
#main-content-area p, p {
font-size:15px;
line-height:19px;
}
small {
font-size: 11px;
}
.ui-dialog {
width:90% !important;
}
#slideshow .container{
margin-left:0px;
margin-right:0px;
}
#slideshow .img-rounded{
border-radius:0;
}
.container-fluid {
padding-right: 0px;
padding-left: 0px;
}
.navbar-collapse {
border-top: 2px solid #cee8e3;
margin-left:-15px;
margin-right:-15px;
}
#footersize p{
font-size:11px;
line-height:14px;
}
.banner .bannerText{
top:40%;
max-width:200px;
}
#bannerMovePrevious, #TopbannerMovePrevious{
left:10px;
}
#bannerMoveNext, #TopbannerMoveNext{
right:10px;
}
.banner .bannerText {
left: 55px;
}
.banner .bannerText{
padding: 10px;
}
.img-slide{
/*min-width: 100vh;
min-height:350px;
margin-left:auto;
margin-right:auto; */
}
}
@media screen and (max-width:470px){
.newsletter{
/*visibility: hidden;*/
}
}
@brand-primary:#425893;
@font-face {
font-family:'loveloblack';
src:url('/media/website_designs/2/fonts/loveloblack-webfont.eot');
src:url('/media/website_designs/2/fonts/loveloblack-webfont.eot?#iefix') format('embedded-opentype'),url('/media/website_designs/2/fonts/loveloblack-webfont.woff2') format('woff2'),url('/media/website_designs/2/fonts/loveloblack-webfont.woff') format('woff'),url('/media/website_designs/2/fonts/loveloblack-webfont.ttf') format('truetype'),url('/media/website_designs/2/fonts/loveloblack-webfont.svg#loveloblack') format('svg');
font-weight:normal;
font-style:normal;
}
@font-face {
font-family: 'oratoregular';
src: url('/media/website_designs/2/fonts/orato-webfont.eot');
src: url('/media/website_designs/2/fonts/orato-webfont.eot?#iefix') format('embedded-opentype'),
url('/media/website_designs/2/fonts/orato-webfont.woff2') format('woff2'),
url('/media/website_designs/2/fonts/orato-webfont.woff') format('woff'),
url('/media/website_designs/2/fonts/orato-webfont.ttf') format('truetype'),
url('/media/website_designs/2/fonts/orato-webfont.svg#oratoregular') format('svg');
font-weight: normal;
font-style: normal;
}
body {
font-family:'Source Sans Pro',sans-serif;
color:#414141;
padding-top: 94px;
font-weight:300;
font-size:20px;
}
#mobile_nav{
Z-index:1000000;
}
a {
color:#e21837;
}
.red{
color:#e21837;
}
.noRedLink a, .noRedLink {
color:#414141;
}
a:hover, a:focus {
text-decoration:none;
}
hr {
border: 1px solid #cee8e3;
}
.border-bottom {
border-bottom: 2px solid #cee8e3;
}
img {
/*display: block;*/
max-width: 100%;
/* height: auto!important; */
}
.anchor {
padding-top: 96px;
}
:target:before {
content:"";
display:block;
height:96px; /* fixed header height*/
margin:-96px 0 0; /* negative fixed header height */
}
.imagePostheight {
overflow: hidden;
}
.imagePostheight img {
width:100%;
}
small {
font-size: 13px;
}
.vague {
border: 0px solid transparent;
height: 16px;
background : url('/media/website_designs/2/img/hr.png') 50% 0 no-repeat;
}
big{
font-family: "loveloblack";
font-size: 28px;
line-height:32px;
}
.vcenter {
display: inline-block;
vertical-align: middle;
float: none;
}
.vertical-align {
display: flex;
align-items: center;
}
.blue-div {
background-color:#425893;
color:white;
padding: 40px 0;
}
.yellow-bg {
background-color: #fffde7;
}
.row-eq-height {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.clearfix {
clear:both;
}
.img-rounded {
border-radius: 4px;
}
.white-bg{
background-color:white;
}
.marginHeader {
padding-top: 12px;
background-color:white;
}
.margin-bottom, .margin-bottom40 {
margin-bottom: 40px;
}
.margin-top20{
margin-top: 20px!important;
}
.margin-top40{
margin-top: 40px!important;
}
.margin-bottom20 {
margin-bottom: 20px!important;
}
.margin-top-bottom40 {
margin-top: 40px;
margin-bottom: 40px;
}
.logo{
/* margin-bottom: -40%; */
/* margin-left:10px; */
width:100%;
margin-top: 7px;
/* width: 77%; */
/* box-shadow: 0px 3px 12px rgba(0,0,0,0.25); */
}
.logoContainer {
z-index: 10;
float:left;
height:0px;
width:274px;
padding-right: 15px;
padding-left: 15px;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.afsf-hero-text-container {
background-color: #ffffffd9;
/*border-radius: 10px;*/
padding: 15px;
min-height: 250px;
margin: 20px auto;
margin-top: 0px;
text-align: center;
max-width: 378px;
}
.rightHeader{
width:75%;
float:right;
padding-right: 15px;
padding-left: 15px;
}
.socialIcons {
width:100%;
}
.socialIconsContainer{
width:24px;
margin-right:5px;
background-color:#414141;
float:right;
border-radius: 50%;
}
.socialIconsContainerAll{
float:right;
}
.socialIconsContainer:hover{
background-color: #e21837;
cursor: pointer;
border-radius: 50%;
}
.newsletter, .login {
float:right;
font-weight:400;
display:block;
margin-top: 5px;
margin-bottom:5px;
}
.login {
margin-left:15px;
}
.newsletter{
margin-left:10px;
}
.ui-widget-content {
color:#425893 ;
}
.MobileMenuTopRight{
float: right;
margin-top: -6px;
margin-left: 13px;
margin-bottom: 5px;
clear:both;
}
.menuMobile {
width:40px;
}
.topNavigation{
float: right;
padding-top: 13px;
}
.mainContent {
margin-top:25px;
}
h1, .h1, h2, .h2, h3, .h3{
margin-top:0;
}
#main-content-area h1, h1 {
font-size:65px;
text-transform:uppercase;
font-family:'loveloblack';
}
.h1smaller {
font-size:45px!important;
}
#main-content-area h2, h2 {
font-size:45px;
font-family:'Calligraffitti';
margin:30px 0;
}
#main-content-area h3, h3 {
font-family: "loveloblack";
font-size: 28px;
line-height:32px;
}
#main-content-area h4, h4 {
font-size:32px;
font-family:'oratoregular';
}
#main-content-area h5, h5 {
font-weight:700;
font-style: italic;
font-size:24px;
margin-bottom:20px;
line-height:22px;
}
#main-content-area p, p {
margin-bottom:20px;
line-height:22px;
}
#main-content-area li{
font-weight:300;
font-size:20px;
margin-bottom:10px;
line-height:22px;
}
#main-content-area ul{
/*margin-bottom:20px; */
}
#mainMenu{
float:left;
font-size:14px!important;
}
#mainMenu li, #mainMenu ul {
font-size: 14px!important;
font-weight:400;
margin-bottom:0!important;
}
#mainMenu li a{
padding: 10px;
}
#mainMenu li a:hover{
background-color: #cee8e3;
}
#mainMenu ul li a:hover{
background-color: #414141;
color: #cee8e3;
}
#mainMenu ul li{
text-align: left;
}
#mainMenu ul {
margin-top:0px;
box-shadow: 0px 2px 5px #908f8f;
}
#mainMenu ul li{
background-color:#cee8e3;
}
.navbar {
margin-bottom:-2px;
margin-top:20px;
position:static;
}
.navbar-header {
height: 65px;
}
.navbar a{
color:#414141;
}
.navbar-toggle {
border:2px solid #cee8e3;
border-radius:7px;
clear:both;
}
.navbar-toggle .icon-bar {
background-color:#414141;
}
.topTopNav{
font-size: 14px;
}
.topTopNav a {
color:#414141;
}
.topNav{
margin-top:50px;
}
.navbar-nav>li>a {
text-align: center;
}
.belowHeaderLine {
margin-top:0;
}
/* slideshow */
.slideshow{
}
.img-slide {
display: block;
width: 100%;
height: auto;
}
a .banner .bannerText {
color:#414042;
}
.bannerRotator{
max-height:400px;
overflow:hidden;
}
.banner {
position:relative;
max-height:500px;
overflow:hidden;
}
.banner .bannerText{
position:absolute;
color: white;
top:160px;
left:80px;
background:#414141;
padding: 19px;
z-index:10;
}
.banner .bannerText h3 {
padding:0px;
margin:0px;
}
.banner .bannerText p {
padding:0px;
margin:0;
margin-bottom:0!important;
}
.positionRelative{
position:relative;
}
.positionAbsolute{
position:absolute;
top:0;
}
#bannerMovePrevious, #bannerMoveNext, #TopbannerMovePrevious, #TopbannerMoveNext{
top:40%;
position:absolute;
opacity:0;
transition: all 0.1s ease 0.1s;
}
.banner:hover #bannerMovePrevious, .banner:hover #bannerMoveNext, .topBanner:hover #TopbannerMovePrevious, .topBanner:hover #TopbannerMoveNext {
opacity:0.5;
}
.banner:hover #bannerMovePrevious:hover, .banner:hover #bannerMoveNext:hover, .topBanner:hover #TopbannerMovePrevious:hover, .topBanner:hover #TopbannerMoveNext:hover {
opacity:1;
}
#bannerMovePrevious, #TopbannerMovePrevious{
left:20px;
}
#bannerMoveNext, #TopbannerMoveNext{
right:20px;
}
#bannerMovePrevious img, #bannerMoveNext img, #TopbannerMovePrevious img, #TopbannerMoveNext img {
width:35px;
}
.topBanner, .banner {
margin-bottom: -25px;
margin-top: 25px;
}
.breadcrumbNavigation, .breadcrumbNavigation a {
text-align:right;
color:#c4c4c4;
}
.center-img {
margin:auto;
}
.icon-post70{
width:70%;
margin:auto;
}
.icon-post-wlf{
width:60%;
margin:auto;
}
.icon-post{
margin: 0 auto;
}
.postNav{
margin-bottom:20px;
}
.tag {
font-weight:700;
font-size:21px;
font-style: italic;
margin-bottom:20px;
line-height:23px;
display: block;
float: left;
width: auto;
border: 2px solid #cee8e3;
border-left:0;
border-right:0;
padding: 10px 30px 10px 0;
background: url('/media/website_designs/2/img/tag-right.png') no-repeat top right;
background-size: auto 100%;
}
.boxed {
box-shadow: 0px 0px 15px #ececec;
padding-bottom:40px;
overflow:auto;
}
.boxed:hover{
box-shadow: 0px 0px 15px #b5b5b5;
}
.boxed p, .boxed h3, .boxed .btn-red {
margin:20px;
}
.boxed .btn-red {
margin-bottom:50px;
}
.blue-bg {
background-color: #425893;
color:#FFFCD9;
}
.blue-bg hr {
border: 1px solid #4e9ca5;
}
.animButton {
width:auto;
padding:20px;
padding-left:100px;
border: 1px solid #FFFCD9;
font-size:45px;
text-transform:uppercase;
font-family:'loveloblack';
color:#FFFCD9;
overflow: hidden;
position: relative;
}
.animButton:hover {
color:#414141;
background-color: #FFFCD9;
}
.animButton img{
width:62px;
margin-right:10px;
position:absolute;
bottom:0px;
left:18px;
}
.animButton2 {
width:auto;
padding:20px;
padding-left:100px;
border: 2px solid #414141;
font-size:45px;
text-transform:uppercase;
font-family:'loveloblack';
color:#414141;
overflow: hidden;
position: relative;
}
.animButton2:hover {
color:#FFFCD9;
background-color: #414141;
}
.animButton2 img{
width:62px;
margin-right:10px;
position:absolute;
bottom:0px;
left:18px;
}
.levelImg {
bottom:23%!important;
}
dialogboxclose {
right: 7px;
}
.centered {
margin-left:auto;
margin-right:auto;
}
/*---------------- flexisel ------------- */
.nbs-flexisel-inner {
background:none;
border:none;
}
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
padding: 3px 10px;
}
/*---------------- end flexisel ------------- */
/*---------------- Video container -------------
------------------------------------------- */
.embed-container {
position: relative;
padding-bottom: 56.25%; /* 16/9 ratio */
padding-top: 30px; /* IE6 workaround*/
height: 0;
overflow: hidden;
margin-bottom:40px;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.embed-container50 {
position: relative;
padding-bottom: 56.25%; /*16/9 ratio */
padding-top: 30px; /* IE6 workaround*/
height: 0;
overflow: hidden;
}
.embed-container50 iframe,
.embed-container50 object,
.embed-container50 embed {
position: absolute;
top: 0;
left: 0;
width: 50%;
height: 50%;
}
/*---------------- Video container end -------------
------------------------------------------- */
#footersize {
min-height: 150px;
}
#footersize p{
font-weight:400;
font-size:14px;
line-height:16px;
}
.partnerBanner {
margin-left:auto;
margin-right:auto;
}
.credit, .credit a {
color:#b6b6b6;
font-size:12px;
padding-bottom:10px;
}
/*---------------- FORM STYLES -------------
------------------------------------------- */
input, textarea{
padding: 10px 12px;
font-size: 15px;
font-family: 'Source Sans Pro',sans-serif;
}
button[type=submit], .btn-red, .red-btn, .rouge {
margin-top: 0;
background-color: #d91f2f;
border: 1px solid #d91f2f;
padding: 10px 30px;
font-size: 23px;
font-family: 'Source Sans Pro',sans-serif;
color: #ffffff;
}
.btn-red, .red-btn, .rouge {
margin-top:20px;
position:relative;
}
.btn-red:hover, .red-btn:hover, .rouge:hover {
color: #ffffff;
background-color: #be1a28;
}
.btn-red:visited, .red-btn:visited, .rouge:visited {
color: #ffffff;
}
.btn-red:focus, .red-btn:focus, .rouge:focus {
color: #ffffff;
}
.dataShowMore {
color: #ffffff;
background-color: #d91f2f;
border: 0px;
font-family: "loveloblack";
font-size: 28px;
line-height:32px;
padding-top: 14px;
padding-bottom: 14px;
}
.dataShowMore:visited{
color: #ffffff;
}
.dataShowMore:hover {
color: #ffffff;
background-color: #b21e2b;
}
.dataShowMore::before, .dataShowMore::after {
background-image: url('/media/website_designs/2/img/arrow2.png');
}
div.formRow {
/*background: none;
font-size: 1.25em;
color:#425893;*/
font-size: 1.25em;
color: #414141;
margin-bottom: 5px;
background-color: #e9f6f3;
padding: 10px;
border-radius: 5px;
}
.dialogBoxOpen, div.navigationMobileOverlay{
z-index:100000!important;
}
#search_popup{
z-index:1000000!important;
}
#newsletter_popup div.formRow, #login_popup div.formRow, #search_popup div.formRow {
background: none;
}
#newsletter_popup, #login_popup, #search_popup {
margin-right:auto;
margin-left:auto;
}
#newsletter_popup a, #login_popup a, #search_popup a {
color:#e21837;
}
.ui-dialog {
max-width: 880px;
width:50% !important;
}
.formRowCol2 input[type=text], .formRowCol2 input[type=password], .formRowCol2 textarea {
margin-bottom:5px;
}
.eventbrite-container
{
width: 100%;
background: #F8F8FA;
color: #414141;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.eventbrite-image-price
{
min-width: 200px;
flex-shrink: 0;
flex-grow: 1;
flex-basis: 0;
background: #EEF2F5;
}
.eventbrite-price
{
text-align: center;
padding: 0.5em;
}
.eventbrite-details
{
padding: 1em;
font-size: 0.8em;
flex-grow: 1;
min-width: 200px;
width: 50%;
overflow: hidden;
}
.eventbrite-date
{
text-transform: uppercase;
}
.eventbrite-title
{
max-height: 40px;
margin: 0 auto;
overflow: hidden;
text-overflow: ellipsis;
color: #282C35;
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
font-size: 18px;
line-height: 20px;
max-height: 2.5em;
font-weight: 500;
-webkit-font-smoothing: antialiased;
letter-spacing: 0;
padding: 0;
height: 40px;
margin-bottom: 2px;
}
/*----- RESPONSIVE BREAKPOINT STYLES ----------
------------------------------------------- */
@media screen and (min-width:768px){
.navMain, .navbar-nav{
float:right;
}
.imagePostheight {
height: 200px;
}
/*.shrink{
width:172px;
}*/
}
@media screen and (min-width:500px) and (max-width:767px){
.imagePostheight {
height: 150px;
}
}
@media screen and (min-width:400px) and (max-width:599px){
.imagePostheight {
height: 100px;
}
}
@media screen and (min-width:767px) and (max-width:991px){
.logoContainer{
width:240px;
}
body{
padding-top: 82px;
}
}
@media screen and (min-width:400px) and (max-width:767px){
body{
padding-top: 73px;
}
.logoContainer{
width:200px;
}
.socialIconsContainer{
width:22px;
height:22px;
}
}
@media screen and (max-width:400px) {
.logoContainer{
width:160px;
}
.navbar {
min-height: 38px;
}
body {
padding-top: 61px;
}
.MobileMenuTopRight{
width: 32px;
margin-left: 10px;
}
.newsletter {
margin-left: 3px;
}
.login {
margin-left: 8px;
}
.socialIconsContainer {
width: 19px;
height: 19px;
}
}
@media screen and (max-width:991px){
button[type=submit], .btn-red {
padding: 5px 13px;
font-size: 18px;
}
.topTopNav {
margin-top:10px;
}
}
@media screen and (max-width:399px){
.imagePostheight {
height: 85px;
}
.boxed p, .boxed h3, .boxed .btn-red {
margin:10px;
}
.btn-red {
padding: 3px 6px;
}
}
@media screen and (max-width:767px){
#bannerMovePrevious, #bannerMoveNext, #TopbannerMovePrevious, #TopbannerMoveNext{
opacity:0.7;
bottom: 32%;
}
.navbar {
margin-top: 0px;
}
big {
font-size: 17px;
line-height: 19px;
}
.mainContent {
margin-top: 3px;
}
.socialIcons {
margin-top: -4px;
}
.topNav{
margin-top:0;
}
#newsletter_popup, #login_popup, #search_popup {
width:80%!important;
}
.margin-bottom {
margin-bottom:10px;
}
.animButton {
font-size:23px;
padding-left:75px;
}
.animButton img {
width:50px;
}
#main-content-area h1, h1 {
font-size:23px;
}
.h1smaller {
font-size:18px!important;
}
#main-content-area h2, h2 {
font-size:24px;
}
#main-content-area h3, h3 {
font-size: 19px;
line-height: 21px;
}
#main-content-area h4, h4 {
font-size:20px;
}
#main-content-area h5, h5 {
font-size:20px;
}
#main-content-area p, p {
font-size:15px;
line-height:19px;
}
small {
font-size: 11px;
}
.ui-dialog {
width:90% !important;
}
#slideshow .container{
margin-left:0px;
margin-right:0px;
}
#slideshow .img-rounded{
border-radius:0;
}
.container-fluid {
padding-right: 0px;
padding-left: 0px;
}
.navbar-collapse {
border-top: 2px solid #cee8e3;
margin-left:-15px;
margin-right:-15px;
}
#footersize p{
font-size:11px;
line-height:14px;
}
.banner .bannerText{
top:40%;
max-width:200px;
}
#bannerMovePrevious, #TopbannerMovePrevious{
left:10px;
}
#bannerMoveNext, #TopbannerMoveNext{
right:10px;
}
.banner .bannerText {
left: 55px;
}
.banner .bannerText{
padding: 10px;
}
.img-slide{
/*min-width: 100vh;
min-height:350px;
margin-left:auto;
margin-right:auto; */
}
}
@media screen and (max-width:470px){
.newsletter{
/*visibility: hidden;*/
}
}
|
|
|
|
<?php
function determineHeaderImages()
{
$strPage = \Components\Website\Pages::currentPageId();
while($strPage)
{
if(file_exists('media/website_pages' . $strPage . 'header-images/'))
{
$arrFiles = \Components\Website\Media::getChildren('website_pages' . $strPage . 'header-images/');
if(count($arrFiles))
{
return $arrFiles;
}
}
$strPage = \Framework\Components\TextualIds::getParent($strPage);
}
return array();
}
function youMayAlsoLikeGeneral()
{
$strCurrentPageId = \Components\Website\Pages::currentPageId();
$arrNoSideNavPages = array();
$arrNoSideNavPages[] = '/community/profile/';
$arrNoSideNavPages[] = '/placement-tests/';
$arrNoSideNavPages[] = '/af/';
$arrNoSideNavPages[] = '/commerce/';
$arrNoSideNavPages[] = '/products/';
$arrNoSideNavPages[] = '/order-a-course/';
foreach($arrNoSideNavPages as $strPageId)
{
if(strpos($strCurrentPageId, $strPageId) === 0)
{
return false;
}
}
return true;
}
function getEventbriteEvents()
{
if (\Framework\Caching\FileBased::isCached('Eventbrite', 'events', 600))
{
return \Framework\Caching\FileBased::get('Eventbrite', 'events');
}
$strURL = 'https://www.eventbriteapi.com/v3/events/search/?organizer.id=9836209845&expand=ticket_classes&token=ESKTXW6JDXLZMJP6DW7Z';
$strResult = @makeHTTPRequest($strURL);
if (!$strResult)
{
return [];
}
$arrResult = @json_decode($strResult, true);
if (!$arrResult || !isset($arrResult['events']))
{
return [];
}
\Framework\Caching\FileBased::save('Eventbrite', 'events', $arrResult['events']);
return $arrResult['events'];
}
?>
<?php
function determineHeaderImages()
{
$strPage = \Components\Website\Pages::currentPageId();
while($strPage)
{
if(file_exists('media/website_pages' . $strPage . 'header-images/'))
{
$arrFiles = \Components\Website\Media::getChildren('website_pages' . $strPage . 'header-images/');
if(count($arrFiles))
{
return $arrFiles;
}
}
$strPage = \Framework\Components\TextualIds::getParent($strPage);
}
return array();
}
function youMayAlsoLikeGeneral()
{
$strCurrentPageId = \Components\Website\Pages::currentPageId();
$arrNoSideNavPages = array();
$arrNoSideNavPages[] = '/community/profile/';
$arrNoSideNavPages[] = '/placement-tests/';
$arrNoSideNavPages[] = '/af/';
$arrNoSideNavPages[] = '/commerce/';
$arrNoSideNavPages[] = '/products/';
$arrNoSideNavPages[] = '/order-a-course/';
foreach($arrNoSideNavPages as $strPageId)
{
if(strpos($strCurrentPageId, $strPageId) === 0)
{
return false;
}
}
return true;
}
function getEventbriteEvents()
{
if (\Framework\Caching\FileBased::isCached('Eventbrite', 'events', 600))
{
return \Framework\Caching\FileBased::get('Eventbrite', 'events');
}
$strURL = 'https://www.eventbriteapi.com/v3/events/search/?organizer.id=9836209845&expand=ticket_classes&token=ESKTXW6JDXLZMJP6DW7Z';
$strResult = @makeHTTPRequest($strURL);
if (!$strResult)
{
return [];
}
$arrResult = @json_decode($strResult, true);
if (!$arrResult || !isset($arrResult['events']))
{
return [];
}
\Framework\Caching\FileBased::save('Eventbrite', 'events', $arrResult['events']);
return $arrResult['events'];
}
?>
|
|
|
|
|
|
|
|
|
|
|