Pre-Built Theme?

installation
5

It is built-in, no special plugins required.

Code Academy is using this logic (in </body> in Theme Customization)

<script type="text/javascript">
    Ember.Router.reopen({
      UrlChangeEventHandler: function() {
        Ember.run.schedule('afterRender', this, function () {
            if(['/', '/categories', '/latest', '/new', '/unread', '/bookmarks'].indexOf(window.location.pathname) >= 0 || window.location.pathname.split('/')[1] === 'top') {
                jQuery('#banner').show();
            } else {
                jQuery('#banner').hide();
            }
        });
      }.on('didTransition')
    });
</script>

#banner refers to (which is pasted in the After Header in Theme Customization)

<div id="banner">
	<div id="circle-img-welcome" style=""></div>
	<div id="welcome-message" style="">
		<h2>Codecademy Discuss</h2>
		
		<div id="welcome-text">
			<p>Welcome to Codecademy Discuss, the official forums for Codecademy!  These forums are a place for learning, helping, and sharing experiences with all things Codecademy and coding in general.  Note that this is a public forum - anyone can view the discussions here.</p>
			<p>Get started: <a href="https://discuss.codecademy.com/c/Codecademy-Community-Lounge/new-users?utm_source=Forum_on-platform_FTUE&amp;utm_medium=homepage_banner">New User Resources</a>, <a href="https://discuss.codecademy.com/guidelines?utm_source=Forum_on-platform_FTUE&amp;utm_medium=homepage_banner">Community Guidelines</a>, <a href="https://discuss.codecademy.com/t/how-to-use-the-codecademy-discuss-forums/78832?utm_source=Forum_on-platform_FTUE&amp;utm_medium=homepage_banner">Forum How-To Guide</a></p>
		</div>
		
		<div id="welcome-resources">
			<p>Additional Resources:</p>
			<ul>
				<li><a href="https://help.codecademy.com/hc/en-us?utm_source=Forum_on-platform_FTUE&amp;utm_medium=homepage_banner">Support Site &amp; Knowledge Base</a></li>
				<li><a href="https://discuss.codecademy.com/t/local-community-groups/79204?utm_source=Forum_on-platform_FTUE&amp;utm_medium=homepage_banner">Local Community Meetup Groups</a></li>
				<li><a href="https://www.facebook.com/codecademy?utm_source=Forum_on-platform_FTUE&amp;utm_medium=homepage_banner">Codecademy on Facebook</a></li>
				<li><a href="https://twitter.com/codecademy?utm_source=Forum_on-platform_FTUE&amp;utm_medium=homepage_banner">Codecademy on Twitter</a></li>
			</ul>
		</div>
	</div>
</div>
7 Likes