Google Git
Sign in
apache / cassandra-website / refs/heads/asf-staging / . / content / _ / events / organizer-handbook.html
blob: 112792fd017bb3517c07920ee107f5cb0d5cae73 [file] [log] [blame]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>Apache Cassandra | Apache Cassandra Documentation</title>
<link rel="stylesheet" href="../../assets/css/site.css">
<meta name="description" content="Your handbook for organizing a local Apache Cassandra meetup.">
<link rel="schema.dcterms" href="https://purl.org/dc/terms/">
<meta name="dcterms.subject" content="_">
<meta name="dcterms.identifier" content="master">
<meta name="generator" content="Antora 2.3.4">
<link rel="icon" href="../../assets/img/favicon.ico" type="image/x-icon">
<script>
const script = document.createElement("script");
const domain = window.location.hostname;
script.type = "text/javascript";
script.src = "https://plausible.cassandra.apache.org/js/plausible.js";
script.setAttribute("data-domain",domain);
script.setAttribute("defer",'true');
script.setAttribute("async",'true');
document.getElementsByTagName("head")[0].appendChild(script);
</script> </head>
<body class="basic ">
<div class="container mx-auto relative">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<meta property="og:type" content="website" />
<meta property="og:description" content="" />
<meta property="og:url" content="/" />
<meta property="og:site_name" content="Apache Cassandra" />
<header id="top-nav">
<div class="inner relative">
<div class="header-social-icons text-right">
<a href="https://twitter.com/cassandra?lang=en" target="_blank" styles="margin-left: 20px;"><img src="../../assets/img/twitter-icon-circle-white.svg" alt="twitter icon" width="24"></a>
<a href="https://www.linkedin.com/company/apache-cassandra/" target="_blank" styles="margin-left: 20px;"><img src="../../assets/img/LI-In-Bug.png" alt="linked-in icon" width="24"></a>
<a href="https://www.youtube.com/c/PlanetCassandra" target="_blank" styles="margin-left: 20px;"><img src="../../assets/img/youtube-icon.png" alt="youtube icon" width="24"></a>
</div>
<div class="cf">
<div class="logo left"><a href="/"><img src="../../assets/img/logo-white-r.png" alt="cassandra logo"></a></div>
<div class="mobile-nav-icon right">
<img class="toggle-icon" src="../../assets/img/hamburger-nav.svg">
</div>
<ul class="main-nav nav-links right flex flex-vert-center flex-space-between">
<li>
<a class="nav-link hide-mobile">Get Started</a>
<ul class="sub-menu bg-white">
<li class="pa-micro">
<a href="/_/cassandra-basics.html">
<div class="sub-nav-icon">
<img src="../../assets/img/sub-menu-basics.png" alt="cassandra basics icon">
</div>
<div class="sub-nav-text teal py-small">
Cassandra Basics
</div>
</a>
</li>
<li class="pa-micro">
<a href="/_/quickstart.html">
<div class="sub-nav-icon">
<img src="../../assets/img/sub-menu-rocket.png" alt="cassandra basics icon">
</div>
<div class="sub-nav-text teal py-small">
Quickstart
</div>
</a>
</li>
<li class="pa-micro">
<a href="/_/ecosystem.html">
<div class="sub-nav-icon">
<img src="../../assets/img/sub-menu-ecosystem.png" alt="cassandra basics icon">
</div>
<div class="sub-nav-text teal py-small">
Ecosystem
</div>
</a>
</li>
</ul>
</li>
<li><a class="nav-link" href="/doc/latest/">Documentation</a></li>
<li>
<a class="nav-link" href="/_/community.html">Community</a>
<ul class="sub-menu bg-white">
<li class="pa-micro">
<a href="/_/community.html#code-of-conduct">
<div class="sub-nav-icon">
<img src="../../assets/img/sub-menu-welcome.png" alt="welcome icon">
</div>
<div class="sub-nav-text teal py-small">
Welcome
</div>
</a>
</li>
<li class="pa-micro hide-mobile">
<a href="/_/community.html#discussions">
<div class="sub-nav-icon">
<img src="../../assets/img/sub-menu-discussions.png" alt="discussions icon">
</div>
<div class="sub-nav-text teal py-small">
Discussions
</div>
</a>
</li>
<li class="pa-micro hide-mobile">
<a href="/_/community.html#project-governance">
<div class="sub-nav-icon">
<img src="../../assets/img/sub-menu-governance.png" alt="Governance icon">
</div>
<div class="sub-nav-text teal py-small">
Governance
</div>
</a>
</li>
<li class="pa-micro hide-mobile">
<a href="/_/community.html#how-to-contribute">
<div class="sub-nav-icon">
<img src="../../assets/img/sub-menu-contribute.png" alt="Contribute icon">
</div>
<div class="sub-nav-text teal py-small">
Contribute
</div>
</a>
</li>
<li class="pa-micro hide-mobile">
<a href="/_/community.html#meet-the-community">
<div class="sub-nav-icon">
<img src="../../assets/img/sub-menu-community.png" alt="Meet the Community icon">
</div>
<div class="sub-nav-text teal py-small">
Meet the Community
</div>
</a>
</li>
<li class="pa-micro hide-mobile">
<a href="/_/cassandra-catalyst-program.html">
<div class="sub-nav-icon">
<img src="../../assets/img/sub-menu-catalyst.png" alt="Catalyst icon">
</div>
<div class="sub-nav-text teal py-small">
Catalyst Program
</div>
</a>
</li>
<li class="pa-micro hide-mobile">
<a href="/_/events.html">
<div class="sub-nav-icon">
<img src="../../assets/img/sub-menu-events.png" alt="Events icon">
</div>
<div class="sub-nav-text teal py-small">
Events
</div>
</a>
</li>
</ul>
</li>
<li>
<a class="nav-link hide-mobile">Learn</a>
<ul class="sub-menu bg-white">
<li class="pa-micro">
<a href="/_/Apache-Cassandra-5.0-Moving-Toward-an-AI-Driven-Future.html">
<div class="sub-nav-icon">
<img src="../../assets/img/sub-menu-basics.png" alt="Basics icon">
</div>
<div class="sub-nav-text teal py-small">
Cassandra 5.0
</div>
</a>
</li>
<li class="pa-micro">
<a href="/_/case-studies.html">
<div class="sub-nav-icon">
<img src="../../assets/img/sub-menu-case-study.png" alt="Case Studies icon">
</div>
<div class="sub-nav-text teal py-small">
Case Studies
</div>
</a>
</li>
<li class="pa-micro">
<a href="/_/resources.html">
<div class="sub-nav-icon">
<img src="../../assets/img/sub-menu-resources.png" alt="Resources icon">
</div>
<div class="sub-nav-text teal py-small">
Resources
</div>
</a>
</li>
<li class="pa-micro">
<a href="/_/blog.html">
<div class="sub-nav-icon">
<img src="../../assets/img/sub-menu-blog.png" alt="Blog icon">
</div>
<div class="sub-nav-text teal py-small">
Blog
</div>
</a>
</li>
</ul>
</li>
<li><a class="nav-link btn btn--filled" href="/_/download.html">Download Now</a></li>
</ul>
</div>
</div>
</header>
<div class="hero hero--home grad">
<div class="eye"></div>
<div id="home-content" class="text-center flex flex-center flex-column relative z2 ma-xlarge">
<h1>Meetup Organizer Handbook</h1>
</div>
</div>
<div class="flex-center py-large arrow">
<div class="inner inner--narrow">
<div id="preamble">
<div class="sectionbody">
<div class="paragraph">
<p>Organising events for your local Apache Cassandra® meetup is a rewarding experience and a great way of giving back to your local community while enhancing your own learning. Anyone can organise local Cassandra events so long as they are familiar with using Cassandra and follow these guidelines.</p>
</div>
</div>
</div>
<div class="sect2">
<h3 id="the-prime-directive"><a class="anchor" href="#the-prime-directive"></a>The Prime Directive</h3>
<div class="paragraph">
<p>The overarching principle that informs these guidelines is simple: <strong>Community events are all about the Cassandra community</strong>. This is our Prime Directive.</p>
</div>
<div class="paragraph">
<p>While that may feel obvious to say, it’s an important point that will underpin all of the decisions you will make as an organiser - keep the community at the forefront, and everything else will fall into place.</p>
</div>
<div class="paragraph">
<p>Three key guidelines emerge from this Prime Directive:</p>
</div>
<div class="olist arabic">
<ol class="arabic">
<li>
<p>All actions taken as an event organiser are with the best interest of the community in mind.</p>
<div class="ulist">
<ul>
<li>
<p><em>Example: Speaker spots are not for sale. Sponsors do not automatically get to speak - all speakers are selected based on their experience, the merit of their topic, and the value it will provide to the community.</em></p>
</li>
</ul>
</div>
</li>
<li>
<p>Membership in the local meetup group is open to all who wish to join, regardless of ability, skill, financial status or any other criteria.</p>
<div class="ulist">
<ul>
<li>
<p><em>Example: People don’t need any prior knowledge, skills or technology to attend local Cassandra events.</em></p>
</li>
</ul>
</div>
</li>
<li>
<p>Local meetup groups allow events to be organised by any reliable/trusted member of the community.</p>
<div class="ulist">
<ul>
<li>
<p><em>Example: If someone in the community expresses an interest in organising events, they should be encouraged and empowered to do so.</em></p>
</li>
</ul>
</div>
</li>
</ol>
</div>
</div>
<div class="sect2">
<h3 id="become-an-organiser"><a class="anchor" href="#become-an-organiser"></a>Become an Organiser</h3>
<div class="paragraph">
<p>Any community member can organise events for their local Cassandra meetup. Organisers need to have some familiarity with Apache Cassandra, and they need to agree to the guidelines and expectations outlined below. Anyone interested in starting a new local Cassandra meetup group must fill in <a href="https://docs.google.com/forms/d/e/1FAIpQLSfFN7n6RI6Oy4CzLD7MpoHatjzeZX-8tEVVeI3ilLyNAHOp3A/viewform" target="_blank" rel="noopener">the application form</a>. If you are already a member of a local Cassandra meetup group and would like to get involved as an organiser, talk to the current organisers, and they will gladly accept your assistance. Organising team members cannot all be from the same company (see the <em>Building an Organising Team section below</em>).</p>
</div>
<div class="paragraph">
<p>Once your meetup group is live, we will add your group to the Cassandra meetup directory. See the Promoting Events section below for more information about promoting individual events.</p>
</div>
</div>
<div class="sect2">
<h3 id="organising-cassandra-events-in-an-external-group"><a class="anchor" href="#organising-cassandra-events-in-an-external-group"></a>Organising Cassandra Events in an External Group</h3>
<div class="paragraph">
<p>If you are an organiser for another meetup group that isn’t exclusively about Cassandra but you are facilitating Cassandra-focused topics, then we would still love to promote your events to the Cassandra community. You can submit event details via <a href="https://docs.google.com/forms/d/e/1FAIpQLSeKY6FG27OlcF2jsUxs0-JyxtWWpYOTZnq7-78ZCTzgw-sVgg/viewform" target="_blank" rel="noopener">this form</a>, and we will add them to the central events calendar.</p>
</div>
</div>
<div class="sect2">
<h3 id="building-an-organising-team"><a class="anchor" href="#building-an-organising-team"></a>Building an Organising Team</h3>
<div class="paragraph">
<p>A diverse organising team is important for building a diverse and inclusive community; it also helps distribute the work of organising amongst more people. Remember the Prime Directive - Cassandra events are organised for the benefit of the community and not a single person or organisation.</p>
</div>
<div class="paragraph">
<p>You can find additional organisers for your team in the #cassandra, #cassandra-events, and #cassandra-dev <a href="https://the-asf.slack.com/ssb/redirect" target="_blank" rel="noopener">ASF slack</a> channels, as well as the in Planet Cassandra Discord, by posting on social media, or by asking people you know who are interested in Apache Cassandra.</p>
</div>
</div>
<div class="sect2">
<h3 id="promoting-events"><a class="anchor" href="#promoting-events"></a>Promoting Events</h3>
<div class="paragraph">
<p>It is strongly recommended that you finalise your event details (date, venue, speakers, etc.) at least one month before the event. The earlier you can start promoting your event, the better, so it’s best to get those details finalised well in advance.</p>
</div>
<div class="paragraph">
<p>You can use any platform you like for your group’s local events. If the platform incurs fees, then you should find local sponsors to cover your costs (see the <em>Finding Sponsors</em> section below). You may use any advertising platform or format you like for promoting your event, provided you <a href="https://www.apache.org/foundation/marks/guide#naming" target="_blank" rel="noopener">use the correct Cassandra and sponsor branding where appropriate</a>.</p>
</div>
<div class="paragraph">
<p>Once your event is published on your platform of choice, submit the details via <a href="https://docs.google.com/forms/d/e/1FAIpQLSeKY6FG27OlcF2jsUxs0-JyxtWWpYOTZnq7-78ZCTzgw-sVgg/viewform" target="_blank" rel="noopener">this form</a> to be added to the central Cassandra calendar. If the platform allows for automated posting, then we will look into enabling that so you don’t need to submit each event individually.</p>
</div>
</div>
<div class="sect2">
<h3 id="selecting-speakers"><a class="anchor" href="#selecting-speakers"></a>Selecting Speakers</h3>
<div class="paragraph">
<p>Anyone can apply to speak at a local Cassandra event. Organisers can publish a formal Call For Papers (CFP) or just make sure the community knows they can reach out to apply at any time. Speakers and topics can be anything relevant to the local community, and organisers can select what they like, so long as it is in the best interests of the community.</p>
</div>
<div class="paragraph">
<p>After you launch your local meetup group, we will review your first three events before you announce them - that will ensure that the content remains relevant and follows the program’s guidelines. After that, you won’t need to check in with us before announcing any events, but we will continue to support you and answer any questions you may have.</p>
</div>
<div class="paragraph">
<p>Here are some things to consider when selecting speakers and topics:</p>
</div>
<div class="ulist">
<ul>
<li>
<p>Speaking spots cannot be bought by sponsors under any circumstances - speakers on selected solely on their merit and the value of their content.</p>
</li>
<li>
<p>Sessions must never be purely a sales pitch.</p>
</li>
<li>
<p>Focus on new content - if something is already published elsewhere, it will be less attractive to community members.</p>
</li>
<li>
<p>Favour new speakers where possible - new voices are interesting to listen to, provide new points of view, and facilitate diversity in the community.</p>
</li>
<li>
<p>Make an effort to find and encourage speakers from underrepresented groups where possible - diverse viewpoints make everyone richer.</p>
</li>
<li>
<p>Speakers don’t have to be active in the local community, and they can be from out-of-town, but familiarity with existing community members generally means they will be more well-received than others.</p>
</li>
<li>
<p>Sessions can be presented in any format that is relevant or useful for the topic - we encourage you to be creative and mix up your event formats.</p>
</li>
<li>
<p>Slides must use a plain Cassandra deck that doesn’t include excessive vendor info and branding - if you aren’t sure whether slides are appropriate, please contact Planet Cassandra staff to ask about it.</p>
</li>
</ul>
</div>
</div>
<div class="sect2">
<h3 id="finding-sponsors"><a class="anchor" href="#finding-sponsors"></a>Finding Sponsors</h3>
<div class="paragraph">
<p>If you need a sponsor for your events, any company can come on board as a sponsor for your local Cassandra meetup; however, it is best to select sponsors that offer relevant products or services to Cassandra community members. Sponsors can come on board to cover any financial costs related to your events - venue hire, refreshments, etc. - or they can provide material sponsorship - venue, workshop materials, etc.</p>
</div>
<div class="paragraph">
<p>In return for sponsorship, sponsors should receive some benefits. Some ideas for this are:</p>
</div>
<div class="ulist">
<ul>
<li>
<p>Promotion in event communications</p>
</li>
<li>
<p>Branding posted at the event</p>
</li>
<li>
<p>Discount codes for products/services provided to attendees</p>
</li>
<li>
<p>Distribution of company swag</p>
</li>
</ul>
</div>
<div class="paragraph">
<p>Organisers can be creative with the benefits they provide to sponsors, but please bear in mind the following non-negotiable restrictions:</p>
</div>
<div class="ulist">
<ul>
<li>
<p>Speaking spots are not provided to sponsors in return for their sponsorship under any circumstances.</p>
</li>
<li>
<p>A list of attendee names or contact details may not be given to sponsors (or anyone else) - aggregate demographic data is fine to share, but specific details about attendees are not.</p>
</li>
</ul>
</div>
</div>
<div class="sect2">
<h3 id="finding-a-venue"><a class="anchor" href="#finding-a-venue"></a>Finding a Venue</h3>
<div class="paragraph">
<p>Organisers can use any venue that is appropriate for the event and the people attending it. Here are some things to consider when selecting a venue:</p>
</div>
<div class="ulist">
<ul>
<li>
<p>Ensure that the venue has adequate accessibility features for all potential attendees.</p>
</li>
<li>
<p>The venue should be able to accommodate the number of expected attendees with seating for everyone, as well as include any features that are required for the format of the event (e.g. desks/tables for workshops that require attendees to use their laptops)</p>
</li>
<li>
<p>Avoid venues that could be potentially problematic for some attendees - this could include political or religious venues.</p>
</li>
</ul>
</div>
</div>
<div class="sect2">
<h3 id="running-online-events"><a class="anchor" href="#running-online-events"></a>Running Online Events</h3>
<div class="paragraph">
<p>Organisers may choose to run online events. The same guidelines apply to online events as to in-person ones. When selecting a platform to use for online events, ensure you select a platform that has adequate accessibility features for all attendees, as well as any features that the event format requires.</p>
</div>
</div>
<div class="sect2">
<h3 id="producing-swag"><a class="anchor" href="#producing-swag"></a>Producing Swag</h3>
<div class="paragraph">
<p>You may produce event or community-related swag for community members, provided it adheres to the <a href="https://www.apache.org/foundation/marks/" target="_blank" rel="noopener">ASF Trademark Policy</a>. You can check with the Apache Cassandra PMC to ensure compliance. This applies to all event materials, e.g. social graphics, flyers, banners, etc. Here are some guidelines to help organisers make good choices:</p>
</div>
<div class="ulist">
<ul>
<li>
<p>Only produce swag that you are certain will be useful to the majority of attendees - conference and event swag is routinely discarded into landfills, so be conscious of the environment when selecting swag. You could even poll your local community on what swag they want in order to ensure real interest in the items.</p>
</li>
<li>
<p>If you are producing t-shirts as swag, make sure to select a vendor that provides shirts in fitted and straight cuts from size XS to 5XL - this ensures that you will be able to cater to all members of the community.</p>
</li>
<li>
<p>Also, if you are producing t-shirts, experience has shown that people generally don’t want to continue wearing shirts that are covered in sponsor logos. It is better to stick to designs related to Cassandra or the community.</p>
</li>
</ul>
</div>
</div>
<div class="sect2">
<h3 id="recording-content"><a class="anchor" href="#recording-content"></a>Recording Content</h3>
<div class="paragraph">
<p>Organisers are encouraged to record sessions at their local Cassandra meetups and publish the recordings online, either as audio or video (or both). All recorded content is licensed under the <a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank" rel="noopener">Creative Commons Attribution-ShareAlike 4.0 License</a> - in practice, this means that anyone can redistribute the content, provided they provide attribution to the Cassandra community, use the same licence (and link to it), and indicate any changes they may have made.</p>
</div>
</div>
<div class="sect1">
<h2 id="code-of-conduct"><a class="anchor" href="#code-of-conduct"></a>Code of Conduct</h2>
<div class="sectionbody">
<div class="paragraph">
<p>The Apache Software Foundation code of conduct applies to all Cassandra community spaces, including events: <a href="https://www.apache.org/foundation/policies/conduct" target="_blank" rel="noopener">https://www.apache.org/foundation/policies/conduct</a></p>
</div>
</div>
</div>
</div>
</div>
<footer class="grad grad--two flex-center pb-xlarge">
<div class="inner text-center z2 relative">
<h2 class="white py-small">Get started with Cassandra, fast.</h2>
<a id="footer-cta" href="/_/quickstart.html" class="btn btn--filled ma-medium">Quickstart Guide</a>
</div>
<div class="inner flex flex-distribute-items mt-xlarge z2 relative">
<div class="col-2">
<div id="footer-logo" class="logo logo--footer mb-medium"><img src="../../assets/img/logo-white-r.png" alt="Cassandra Logo"></div>
<p>Apache Cassandra<img src="../../assets/img/registered.svg" alt="®" style="width:18px;"> powers mission-critical deployments with improved performance and unparalleled levels of scale in the cloud.</p>
<div class="footer-social-icons">
<a href="https://twitter.com/cassandra?lang=en" target="_blank"><img src="../../assets/img/twitter-icon-circle-white.svg" alt="twitter icon" width="24"></a>
<a href="https://www.linkedin.com/company/apache-cassandra/" target="_blank"><img src="../../assets/img/LI-In-Bug.png" alt="linked-in icon" width="24"></a>
<a href="https://www.youtube.com/c/PlanetCassandra" target="_blank"><img src="../../assets/img/youtube-icon.png" alt="youtube icon" width="24"></a>
</div>
</div>
<div class="col-2 flex flex-center">
<ul class="columns-2">
<li class="mb-small"><a href="/">Home</a></li>
<li class="mb-small"><a href="/_/cassandra-basics.html">Cassandra Basics</a></li>
<li class="mb-small"><a href="/_/quickstart.html">Quickstart</a></li>
<li class="mb-small"><a href="/_/ecosystem.html">Ecosystem</a></li>
<li class="mb-small"><a href="/doc/latest/">Documentation</a></li>
<li class="mb-small"><a href="/_/community.html">Community</a></li>
<li class="mb-small"><a href="/_/case-studies.html">Case Studies</a></li>
<li class="mb-small"><a href="/_/resources.html">Resources</a></li>
<li class="mb-small"><a href="/_/blog.html">Blog</a></li>
</ul>
</div>
</div>
</footer>
<div class="lower-footer bg-white pa-medium">
<div class="flex flex-row flex-vert-center">
<div class="pr-medium"><img src="../../assets/img//feather-small.png" alt="ASF" width="20"></div>
<div class="pr-medium"><a href="http://www.apache.org/" target="_blank">Foundation</a></div>
<div class="pr-medium"><a href="https://www.apache.org/events/current-event.html" target="_blank">Events</a></div>
<div class="pr-medium"><a href="https://www.apache.org/licenses/" target="_blank">License</a></div>
<div class="pr-medium"><a href="https://www.apache.org/foundation/thanks" target="_blank">Thanks</a></div>
<div class="pr-medium"><a href="https://www.apache.org/security" target="_blank">Security</a></div>
<div class="pr-medium"><a href="https://privacy.apache.org/policies/privacy-policy-public.html" target="_blank">Privacy</a></div>
<div class="pr-medium"><a href="https://www.apache.org/foundation/sponsorship" target="_blank">Sponsorship</a></div>
</div>
<p class="my-medium">© 2009-<script>document.write(new Date().getFullYear())</script> <a href="https://apache.org" target="_blank">The Apache Software Foundation</a> under the terms of the Apache License 2.0. Apache, the Apache feather logo, Apache Cassandra, Cassandra, and the Cassandra logo, are either registered trademarks or trademarks of The Apache Software Foundation.</p>
</div>
<div id="fade" class="hidden"></div>
<div id="modal" class="hidden">
<div id="close-modal" class="cursor-pointer"><svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></div>
<div id="mod-content" class="vid-mod-content resp-container"></div>
</div>
<script>
jQuery(function(){
var windowW = $(window).width();
$(document)
.on('click','.mobile-nav-icon',function(){
$('.main-nav').fadeIn();
})
.on('click','.main-nav',function(){
if(windowW <= 1000){
$(this).fadeOut();
}
})
.on('click','#version-toggle',function(){
$(this).toggleClass('active');
$(this).next().fadeToggle();
})
.on('click','#mobile-docs-nav-burger', function(){
$(this).toggleClass('active');
$('.docs-nav').toggleClass('active');
});
var url = window.location.pathname;
var isQuickstart = url.includes('quickstart.html');
if(isQuickstart){
var footerCTA = document.getElementById('footer-cta');
footerCTA.innerHTML = 'Get latest updates';
footerCTA.setAttribute('href', '/_/blog.html');
}
});
</script>
</div>
</body>
<script>
jQuery(function(){
jQuery(document)
.on('click','.cassandra-cloud h3',function(){
var el = jQuery(this);
el.toggleClass('active');
el.next().slideToggle();
})
.on('click','.image-expand img', function(){
$(this).clone().appendTo('#mod-content');
$('#fade,#modal,#close-modal').fadeIn();
$('body,html').addClass('no-scroll');
})
.on('click','#fade,#close-modal', function(){
$('#fade,#modal,#close-modal').fadeOut();
$('body,html').removeClass('no-scroll');
$('#mod-content').html('');
});
});
</script>
</html>