1<!DOCTYPE html><!-- Last Published: Wed Jul 22 2020 17:01:42 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="cc-peoplesaved-jqueryclone.webflow.io" data-wf-page="5f185e871246b2276b112324" data-wf-site="5f185e871246b2dbeb112323"><head><meta charset="utf-8"/><title>peopleSaved & .clone()</title><meta content="width=device-width, initial-scale=1" name="viewport"/><link href="https://assets.website-files.com/5f185e871246b2dbeb112323/css/cc-peoplesaved-jqueryclone.4d7de7192.css" rel="stylesheet" type="text/css"/><!--[if lt IE 9]>
1<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script>
1<![endif]-->
1<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
1<link href="https://assets.website-files.com/img/favicon.ico" rel="shortcut icon" type="image/x-icon"/><link href="https://assets.website-files.com/img/webclip.png" rel="apple-touch-icon"/><style> 2.ship-cant-launch { 3pointer-events:none; 4} 5</style></head><body><div class="fixed-footer-nav-wrap"><div class="footer-nav"><div data-w-id="fabb352b-5943-6c43-bfd3-efd6cf329024" class="footer-menu"><div class="menu-top"><a href="#" target="_blank" class="footer-menu-link highlight">Clone</a><a href="/submissions" class="footer-menu-link highlight _2">Submit</a></div><div class="menu-bottom"><a href="/instructions" class="footer-menu-link">Instructions</a><a href="https://clonecomp.webflow.io/#prizes" target="_blank" class="footer-menu-link">Prizes</a><a href="https://clonecomp.webflow.io/#rules" target="_blank" class="footer-menu-link">Rules</a><a href="https://join.slack.com/t/clonecomp/shared_invite/zt-dy9j8kev-CThji6XzTVLH_mpe3wS6vw" target="_blank" class="footer-menu-link"> Slack</a></div></div><div class="footer-link-wrap"><div data-w-id="fabb352b-5943-6c43-bfd3-efd6cf329026" class="menu-button"><div data-w-id="fabb352b-5943-6c43-bfd3-efd6cf329027" data-animation-type="lottie" data-src="https://assets.website-files.com/5f185e871246b2dbeb112323/5f185e871246b21392112331_CloneComp%20Menu%20Lottie.json" data-loop="0" data-direction="1" data-autoplay="0" data-is-ix2-target="1" data-renderer="svg" data-default-duration="4.004003840917587" data-duration="0" data-ix2-initial-state="0" class="lottie-animation"></div></div><div class="div-block-11"><a href="#" target="_blank" class="source-block w-inline-block"><div class="source-block-heading">Day 1 Credits</div><div class="source-block-name">Joe Finsweet Krug</div></a><a href="#" target="_blank" class="source-block w-inline-block"><div class="source-block-heading">Day 2 Credits</div><div class="source-block-name">ð Participant 2</div></a><a href="#" target="_blank" class="source-block w-inline-block"><div class="source-block-heading">Day 3 Credits</div><div class="source-block-name">ð Participant 3</div></a></div></div></div></div><div class="page-color"></div><div data-w-id="8d7fc99f-5b28-c954-a399-e9bc0869bf90" style="opacity:0" class="day-1-page-wrapper"><div class="col-rocket"><div style="-webkit-transform:translate3d(0, 25VH, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 25VH, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 25VH, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 25VH, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="scene1-ani-wrapper"><div class="rocket-wrapper sc1"><div class="rocket sc1"><div class="rev-ctrl-w"><div class="rev-ctrl-w-back"></div><div class="rev-ctrl-line-wrapper l-w"><div class="rev-ctrl-line"></div></div><div class="rev-ctrl-w-list"><div class="rev-ctrl-w-list-item inside"><div class="rocket-count">0</div></div></div></div><div class="wing-front-wrapper"><div class="wing-front"><div class="rocket-parts-embed w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 42"> 6 <path fill="CurrentColor" d="M2 0C.9 0 0 4.9 0 6v34a2 2 0 0 0 2 2 2 2 0 0 0 2-2V6c0-1.1-.9-6-2-6z"/> 7</svg></div><img src="https://assets.website-files.com/5d1f79b479afed246084353e/5d1f79b479afed4e9b843550_wing-front-gr.svg" alt="" class="rocket-gradient"/></div></div><div class="wing-front-sup-wrapper"><div class="wing-front-sup"><div class="rocket-parts-embed w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 40"> 8 <path fill="CurrentColor" d="M8 12v28H0V12C0 9.79 1.79 0 4 0s4 9.79 4 12z"/> 9</svg></div><img src="https://assets.website-files.com/5d1f79b479afed246084353e/5d1f79b479afed225884354e_wing-front-sup-gr.svg" alt="" class="rocket-gradient"/></div></div><div class="cockpit-wrapper"><div class="cockpit"><div class="rocket-parts-embed cock w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 6.83"> 10 <path fill="CurrentColor" d="M10.59 6.59a14 14 0 0 0-9.18 0A.83.83 0 0 1 0 6a6 6 0 0 1 6-6 6 6 0 0 1 6 6 .83.83 0 0 1-1.41.59z"/> 11</svg></div><img src="https://assets.website-files.com/5d1f79b479afed246084353e/5d1f79b479afedb8fa84355f_cockpit-gr.svg" alt="" class="rocket-gradient"/></div><div class="window3"><img src="https://assets.website-files.com/5d1f79b479afed246084353e/5d1f79b479afed7213843554_window-gr.svg" alt="" class="rocket-gradient"/><div class="window-div"></div></div><div class="window4"><img src="https://assets.website-files.com/5d1f79b479afed246084353e/5d1f79b479afed7213843554_window-gr.svg" alt="" class="rocket-gradient"/><div class="window-div"></div></div><div class="window1"><img src="https://assets.website-files.com/5d1f79b479afed246084353e/5d1f79b479afed7213843554_window-gr.svg" alt="" class="rocket-gradient"/><div class="window-div"></div></div><div class="window2"><img src="https://assets.website-files.com/5d1f79b479afed246084353e/5d1f79b479afed7213843554_window-gr.svg" alt="" class="rocket-gradient"/><div class="window-div"></div></div><div class="window5"><img src="https://assets.website-files.com/5d1f79b479afed246084353e/5d1f79b479afed7213843554_window-gr.svg" alt="" class="rocket-gradient"/><div class="window-div"></div></div><div class="window6"><img src="https://assets.website-files.com/5d1f79b479afed246084353e/5d1f79b479afed7213843554_window-gr.svg" alt="" class="rocket-gradient"/><div class="window-div"></div></div></div><div class="highlight"><img src="https://assets.website-files.com/5d1f79b479afed246084353e/5d1f79b479afedc286843552_highlight.svg" alt="" class="rocket-gradient gr-highlight"/></div><div class="r-body sc1"><div class="rocket-parts-embed w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 128"> 12 <path fill="CurrentColor" d="M32 128H0V58C0 49.16 7.16 0 16 0s16 49.16 16 58z"/> 13</svg></div><img src="https://assets.website-files.com/5d1f79b479afed246084353e/5d1f79b479afedc28284354b_body-gr.svg" alt="" class="rocket-gradient"/></div><div class="thruster-left-wrapper"><div class="thruster-left"><div class="rocket-parts-embed w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 4"> 14 <path fill="CurrentColor" d="M8 4H0l2-4h4l2 4z"/> 15</svg></div><img src="https://assets.website-files.com/5d1f79b479afed246084353e/5d1f79b479afedef4784355b_drive-gr.svg" alt="" class="rocket-gradient"/></div><div style="height:0VH" class="jet-left"></div><div style="opacity:0" class="jet-cloud"></div></div><div class="thruster-right-wrapper"><div class="thruster-right"><div class="rocket-parts-embed w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 4"> 16 <path fill="CurrentColor" d="M8 4H0l2-4h4l2 4z"/> 17</svg></div><img src="https://assets.website-files.com/5d1f79b479afed246084353e/5d1f79b479afedef4784355b_drive-gr.svg" alt="" class="rocket-gradient"/></div><div style="opacity:0" class="jet-cloud"></div><div style="height:0VH" class="jet-right"></div></div><div class="wing-left-wrapper"><div class="wing-left"><div class="rocket-parts-embed w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 56"> 18 <path fill="CurrentColor" d="M16 40L4.79 55.13a2.5 2.5 0 0 1-1.94.87h-.46a2.16 2.16 0 0 1-2.31-2.59L16 0z"/> 19</svg></div><img src="https://assets.website-files.com/5d1f79b479afed246084353e/5d1f79b479afedeefc843553_wing-left-gr.svg" alt="" class="rocket-gradient"/></div><div class="wing-left-sup"><div class="rocket-parts-embed w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7.48 29.29"> 20 <path fill="CurrentColor" d="M7.48 21L.91 29.09a.51.51 0 0 1-.9-.42L7.48 0z"/> 21</svg></div><img src="https://assets.website-files.com/5d1f79b479afed246084353e/5d1f79b479afedae70843551_wing-left-sup-gr.svg" alt="" class="rocket-gradient"/></div></div><div class="wing-right-wrapper"><div class="wing-right-sup"><img src="https://assets.website-files.com/5d1f79b479afed246084353e/5d1f79b479afeda39e84354a_wing-right-sup-gr.svg" alt="" class="rocket-gradient"/><div class="rocket-parts-embed w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7.48 29.29"> 22 <path fill="CurrentColor" d="M0 21l6.57 8.09a.5.5 0 0 0 .89-.42L0 0z"/> 23</svg></div></div><div class="wing-right"><div class="rocket-parts-embed w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 56"> 24 <path fill="CurrentColor" d="M0 40l11.21 15.13a2.5 2.5 0 0 0 1.94.87h.46a2.16 2.16 0 0 0 2.31-2.59L0 0z"/> 25</svg></div><img src="https://assets.website-files.com/5d1f79b479afed246084353e/5d1f79b479afed3a9284354d_wing-right-gr.svg" alt="" class="rocket-gradient"/></div></div><div class="rocket-logo-wrapper"><div class="rocket-logo w-embed"><svg viewBox="0 0 57 48"> 26 <path fill="CurrentColor" d="M3.187 7.992v9.6c0 1.577 0 3.343-3.187 3.343v5.16c3.187 0 3.187 1.767 3.187 3.343v9.6c0 7.451 3.982 7.992 10.753 7.992v-5.795c-3.187 0-4.381-.481-4.381-2.34V29.39c0-2.196.147-4.489-1.722-5.875 1.869-1.385 1.722-3.678 1.722-5.875V8.136c0-1.859 1.195-2.341 4.381-2.341V0C7.17 0 3.187.541 3.187 7.992zM41.37 33.349c.031 1.162.393 2
261.084 2.513.691.514 1.676.771 2.949.771 1.057 0 1.857-.201 2.402-.601.543-.399.816-.97.816-1.709 0-.602-.355-1.143-1.062-1.618-.708-.475-1.993-.902-3.858-1.279-2.938-.559-5.153-1.426-6.645-2.604-1.492-1.176-2.238-2.784-2.238-4.821 0-2.158.933-3.988 2.797-5.49 1.865-1.501 4.391-2.252 7.578-2.252 3.358 0 6.032.729 8.021 2.185 1.989 1.457 2.937 3.339 2.843 5.648l-.045.136h-7.648c0-.966-.252-1.698-.758-2.196-.505-.498-1.317-.747-2.436-.747-.824 0-1.515.219-2.075.657-.56.438-.839.996-.839 1.675 0 .649.323 1.201.967 1.653.644.452 1.947.861 3.906 1.222 3.076.589 5.358 1.469 6.842 2.638 1.485 1.17 2.227 2.826 2.226 4.966 0 2.204-1.006 4.018-3.02 5.444-2.012 1.427-4.673 2.139-7.984 2.139-3.435 0-6.151-.844-8.148-2.535-1.998-1.689-2.949-3.576-2.855-5.659l.046-.136h7.134zM18.495 16.714v-2.535c0-2.822.87-4.988 2.611-6.497 1.741-1.509 4.362-1.839 6.27-1.839.627 0 5.014.05 5.014.05v6.148s-2.457-.008-2.938-.008c-.979 0-1.734.249-2.262.747s-.792 1.208-.792 2.128v1.806h4.896v5.297h-4.896v19.196h-7.903V22.011h-3.637v-5.297h3.637z"/> 27</svg></div></div></div></div><div class="rev-ctrl-wrapper"><div class="rev-ctrl-pnt"><div class="rev-ctrl-pnt-list parent-filter-wrapper"><div filter-by="happy" class="rev-ctrl-pnt-list-item"><div class="rev-ctrl-pnt-plt _1"></div><div class="rev-emoji-text">ð¥°</div></div><div filter-by="webflow" class="rev-ctrl-pnt-list-item"><div class="rev-ctrl-pnt-plt _4"></div><div class="rev-emoji-text">ð¤</div></div><div filter-by="wordpress" class="rev-ctrl-pnt-list-item"><div class="rev-ctrl-pnt-plt _2"></div><div class="rev-emoji-text">ð¥±</div></div><div filter-by="mean" class="rev-ctrl-pnt-list-item"><div class="rev-ctrl-pnt-plt _3"></div><div class="rev-emoji-text">ð¡</div></div></div></div></div></div></div><div class="col-details"><div class="pre-rocket-launch"><h2>We must leave earth.</h2><h2>WhoTF do we save?</h2><div class="text-100spots">! THERE ARE ONLY 100 SPOTS AVAILABLE ON THE ROCKET !</div></div><div class="person-filter-wrapper"><div class="person-group"><h3 class="remove-for-pt2">SUPER HAPPY PEOPLE</h3><div class="person-group-count">0</div><div count-with="happy" class="person-items-wrapper"><div class="person-item"><div class="person-emoji">ð¥°</div></div><div class="person-item"><div class="person-emoji">ð¥°</div></div><div class="person-item"><div class="person-emoji">ð¥°</div></div><div class="person-item"><div class="person-emoji">ð¥°</div></div><div class="person-item"><div class="person-emoji">ð¥°</div></div><div class="person-item"><div class="person-emoji">ð¥°</div></div><div class="person-item"><div class="person-emoji">ð¥°</div></div><div class="person-item"><div class="person-emoji">ð¥°</div></div><div class="person-item"><div class="person-emoji">ð¥°</div></div><div class="person-item"><div class="person-emoji">ð¥°</div></div><div class="person-item"><div class="person-emoji">ð¥°</div></div><div class="person-item"><div class="person-emoji">ð¥°</div></div><div class="person-item"><div class="person-emoji">ð¥°</div></div><div class="person-item"><div class="person-emoji">ð¥°</div></div><div class="person-item"><div class="person-emoji">ð¥°</div></div><div class="person-item"><div class="person-emoji">ð¥°</div></div><div class="person-item"><div class="person-emoji">ð¥°</div></div><div class="person-item"><div class="person-emoji">ð¥°</div></div><div class="person-item"><div class="person-emoji">ð¥°</div></div><div class="person-item"><div class="person-emoji">ð¥°</div></div><div class="person-item"><div class="person-emoji">ð¥°</div></div><div class="person-item"><div class="person-emoji">ð¥°</div></div><div class="person-item"><div class="person-emoji">ð¥°</div></div><div class="person-item"><div class="person-emoji">ð¥°</div></div><div class="person-item"><div class="person-emoji">ð¥°</div></div><div class="person-item"><div class="person-emoji">ð¥°</div></div><div class="person-item"><div class="person-emoji">ð¥°</div></div><div class="person-item"><div class="person-emoji">ð¥°</div></div><div class="person-item"><div class="person-emoji">ð¥°</div></div><div class="person-item"><div class="person-emoji">ð¥°</div></div><div class="person-item"><div class="person-emoji">ð¥°</div></div><div class="person-item"><div class="person-emoji">ð¥°</div></div><div class="person-item"><div class="person-emoji">ð¥°</div></div><div class="person-item"><img src="https://assets.website-files.com/5f185e871246b2dbeb112323/5f185e871246b27cbc11233e_001-plus.svg" alt="" class="person-add"/></div></div></div><div class="person-group"><h3 class="remove-for-pt2">WEBFLOW USERS</h3><div class="person-group-count">0</div><div count-with="webflow" class="person-items-wrapper"><div class="person-item orange"><div class="person-emoji">ð¤</div></div><div class="person-item orange"><div class="person-emoji">ð¤</div></div><div class="person-item orange"><div class="person-emoji">ð¤</div></div><div class="person-item orange"><div class="person-emoji">ð¤</div></div><div class="person-item orange"><div class="person-emoji">ð¤</div></div><div class="person-item orange"><div class="person-emoji">ð¤</div></div><div class="person-item orange"><div class="person-emoji">ð¤</div></div><div class="person-item orange"><div class="person-emoji">ð¤</div></div><div class="person-item orange"><div class="person-emoji">ð¤</div></div><div class="person-item orange"><div class="person-emoji">ð¤</div></div><div class="person-item orange"><div class="person-emoji">ð¤</div></div><div class="person-item orange"><div class="person-emoji">ð¤</div></div><div class="person-item orange"><div class="person-emoji">ð¤</div></div><div class="person-item orange"><div class="person-emoji">ð¤</div></div><div class="person-item orange"><div class="person-emoji">ð¤</div></div><div class="person-item orange"><div class="person-emoji">ð¤</div></div><div class="person-item orange"><div class="person-emoji">ð¤</div></div><div class="person-item orange"><div class="person-emoji">ð¤</div></div><div class="person-item orange"><div class="person-emoji">ð¤</div></div><div class="person-item orange"><div class="person-emoji">ð¤</div></div><div class="person-item orange"><div class="person-emoji">ð¤</div></div><div class="person-item orange"><div class="person-emoji">ð¤</div></div><div class="person-item orange"><div class="person-emoji">ð¤</div></div><div class="person-item orange"><div class="person-emoji">ð¤</div></div><div class="person-item orange"><div class="person-emoji">ð¤</div></div><div class="person-item orange"><div class="person-emoji">ð¤</div></div><div class="person-item orange"><div class="person-emoji">ð¤</div></div><div class="person-item orange"><div class="person-emoji">ð¤</div></div><div class="person-item orange"><div class="person-emoji">ð¤</div></div><div class="person-item orange"><div class="person-emoji">ð¤</div></div><div class="person-item orange"><div class="person-emoji">ð¤</div></div><div class="person-item orange"><div class="person-emoji">ð¤</div></div><div class="person-item orange"><div class="person-emoji">ð¤</div></div><div class="person-item orange"><div class="person-emoji">ð¤</div></div><div class="person-item orange"><div class="person-emoji">ð¤</div></div><div class="person-item orange"><div class="person-emoji">ð¤</div></div><div class="person-item orange"><div class="person-emoji">ð¤</div></div><div class="person-item orange"><div class="person-emoji">ð¤</div></div><div class="person-item orange"><div class="person-emoji">ð¤</div></div><div class="person-item orange"><div class="person-emoji">ð¤</div></div><div class="person-item orange"><div class="person-emoji">ð¤</div></div><div class="person-item orange"><div class="person-emoji">ð¤</div></div><div class="person-item orange"><div class="person-emoji">ð¤</div></div><div class="person-item orange"><div class="person-emoji">ð¤</div></div><div class="person-item orange"><div class="person-emoji">ð¤</div></div><div class="person-item orange"><div class="person-emoji">ð¤</div></div><div class="person-item orange"><div class="person-emoji">ð¤</div></div><div class="person-item orange"><div class="person-emoji">ð¤</div></div><div class="person-item orange"><div class="person-emoji">ð¤</div></div><div class="person-item orange"><div class="person-emoji">ð¤</div></div><div class="person-item orange"><div class="person-emoji">ð¤</div></div><div class="person-item orange"><div class="person-emoji">ð¤</div></div><div class="person-item orange"><div class="person-emoji">ð¤</div></div><div class="person-item orange"><div class="person-emoji">ð¤</div></div><div class="person-item orange"><div class="person-emoji">ð¤</div></div><div class="person-item orange"><div class="person-emoji">ð¤</div></div><div class="person-item orange"><div class="person-emoji">ð¤</div></div><div class="person-item orange"><img src="https://assets.website-files.com/5f185e871246b2dbeb112323/5f185e871246b27cbc11233e_001-plus.svg" alt="" class="person-add"/></div></div></div><div class="person-group"><h3 class="remove-for-pt2">WORDPRESS USERS</h3><div class="person-group-count">0</div><div count-with="wordpress" class="person-items-wrapper"><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><div class="person-emoji">ð¥±</div></div><div class="person-item lightblue"><img src="https://assets.website-files.com/5f185e871246b2dbeb112323/5f185e871246b249ba11233d_001-plus.svg" alt="" class="person-add"/></div></div></div><div class="person-group"><h3 class="remove-for-pt2">MEAN TERRIBLE EVIL PEOPLE</h3><div class="person-group-count">0</div><div count-with="mean" class="person-items-wrapper"><div class="person-item dark-blue"><div class="person-emoji">ð¡</div></div><div class="person-item dark-blue"><div class="person-emoji">ð¡</div></div><div class="person-item dark-blue"><div class="person-emoji">ð¡</div></div><div class="person-item dark-blue"><div class="person-emoji">ð¡</div></div><div class="person-item dark-blue"><div class="person-emoji">ð¡</div></div><div class="person-item dark-blue"><div class="person-emoji">ð¡</div></div><div class="person-item dark-blue"><div class="person-emoji">ð¡</div></div><div class="person-item dark-blue"><div class="person-emoji">ð¡</div></div><div class="person-item dark-blue"><div class="person-emoji">ð¡</div></div><div class="person-item dark-blue"><img src="https://assets.website-files.com/5f185e871246b2dbeb112323/5f185e871246b27cbc11233e_001-plus.svg" alt="" class="person-add"/></div></div></div></div><div class="training-section"><h2>Flight training module</h2><h3>If you don't understand how this clonable works... good. Let's F'in learn and prepare ourselves for Day 2 submission!</h3><div class="training-video-wrapper"><div>Video #0 - Intro / Welcome / Hello / Free support when using this clonable</div><div style="padding-top:75%" class="training-video w-video w-embed"><iframe class="embedly-embed" src="//cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.loom.com%2Fembed%2Fdd3451f7fa7d4bc1b1dfa7379110b559&display_name=Loom&url=https%3A%2F%2Fwww.loom.com%2Fshare%2Fdd3451f7fa7d4bc1b
271dfa7379110b559&image=https%3A%2F%2Fcdn.loom.com%2Fsessions%2Fthumbnails%2Fdd3451f7fa7d4bc1b1dfa7379110b559-00001.gif&key=96f1f04c5f4143bcb0f2e68c87d65feb&type=text%2Fhtml&schema=loom" scrolling="no" title="Loom embed" frameborder="0" allow="autoplay; fullscreen" allowfullscreen="true"></iframe></div></div><div class="training-video-wrapper"><div>Video #1 - Super fire rocket ship setup</div><div style="padding-top:75%" class="training-video w-video w-embed"><iframe class="embedly-embed" src="//cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.loom.com%2Fembed%2F1732c9d88573473c9438920fcdb8651b&display_name=Loom&url=https%3A%2F%2Fwww.loom.com%2Fshare%2F1732c9d88573473c9438920fcdb8651b&image=https%3A%2F%2Fcdn.loom.com%2Fsessions%2Fthumbnails%2F1732c9d88573473c9438920fcdb8651b-00001.gif&key=c4e54deccf4d4ec997a64902e9a30300&type=text%2Fhtml&schema=loom" scrolling="no" title="Loom embed" frameborder="0" allow="autoplay; fullscreen" allowfullscreen="true"></iframe></div></div><div class="training-video-wrapper"><div>Video #2 - F'in sweet CMS Library for filtering</div><div style="padding-top:75%" class="training-video w-video w-embed"><iframe class="embedly-embed" src="//cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.loom.com%2Fembed%2F135bb4307ab043f7b67e93f6f90e0810&display_name=Loom&url=https%3A%2F%2Fwww.loom.com%2Fshare%2F135bb4307ab043f7b67e93f6f90e0810&image=https%3A%2F%2Fcdn.loom.com%2Fsessions%2Fthumbnails%2F135bb4307ab043f7b67e93f6f90e0810-00001.gif&key=c4e54deccf4d4ec997a64902e9a30300&type=text%2Fhtml&schema=loom" scrolling="no" title="Loom embed" frameborder="0" allow="autoplay; fullscreen" allowfullscreen="true"></iframe></div></div><div class="training-video-wrapper"><div>Video #3 - Custom javascript code to manage the counting</div><div class="text-smaller">* This is a long video and not required to watch or understand for Day 2. This is only for people who are super interested in js.</div><div style="padding-top:75%" class="training-video w-video w-embed"><iframe class="embedly-embed" src="//cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.loom.com%2Fembed%2Fc1bfc6f3e0ea492bbeef8f6768166be1&display_name=Loom&url=https%3A%2F%2Fwww.loom.com%2Fshare%2Fc1bfc6f3e0ea492bbeef8f6768166be1&image=https%3A%2F%2Fcdn.loom.com%2Fsessions%2Fthumbnails%2Fc1bfc6f3e0ea492bbeef8f6768166be1-00001.gif&key=96f1f04c5f4143bcb0f2e68c87d65feb&type=text%2Fhtml&schema=loom" scrolling="no" title="Loom embed" frameborder="0" allow="autoplay; fullscreen" allowfullscreen="true"></iframe></div></div><div class="training-video-wrapper"><div>Video #4 - Using jquery .clone() for Day 2 ð¤</div><div style="padding-top:75%" class="training-video w-video w-embed"><iframe class="embedly-embed" src="//cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.loom.com%2Fembed%2F4ae85e08ad254db29e74e27f5cb439b4&display_name=Loom&url=https%3A%2F%2Fwww.loom.com%2Fshare%2F4ae85e08ad254db29e74e27f5cb439b4&image=https%3A%2F%2Fcdn.loom.com%2Fsessions%2Fthumbnails%2F4ae85e08ad254db29e74e27f5cb439b4-00001.gif&key=c4e54deccf4d4ec997a64902e9a30300&type=text%2Fhtml&schema=loom" scrolling="no" title="Loom embed" frameborder="0" allow="autoplay; fullscreen" allowfullscreen="true"></iframe></div></div></div></div><div class="button-row"><div data-w-id="54ca27e9-17e0-c9eb-927f-55f6a3095028" class="button-rocket takeoff ship-cant-launch"><div>Take off</div></div><div class="button-rocket clear-ship"><div>Clear rocket</div></div></div></div><div style="opacity:0;display:none" class="day-2-page-wrapper"><div class="post-rocket-launch"><h2>Yo! Welcome to the new planet, Webflandia!</h2><div class="text-100spots">You saved <span class="rocket-count">0</span> people</div><h3>Now that you're a real-life alien, let's learn how to clone stuff.<br/><br/>Believe it or not, most extra-terrestrial life uses jquery to clone things.</h3><div class="post-rocket-code">// We'll learn this!<br/><br/>$('.cloning-machine-button').click(() => {<br/>   $('#clone-me').clone().removeAttr('id').appendTo('.cloning-bank');<br/>});</div><div class="cloning-factory"><a href="#" class="cloning-machine-button w-inline-block"><div>.clone-machine-button</div></a><div>.cloning-bank div is right below</div><div class="cloning-bank"><div id="clone-me" class="cloned-item"><div>.cloned-item</div></div></div></div><div class="cloning-factory"><a href="#" class="cloning-machine-button-2 w-inline-block"><div>.clone-machine-button-2</div></a><div>.cloning-bank-2 div is right below</div><div class="cloning-bank-2"><div id="clone-me-2" class="cloned-item-2"><div>.cloned-item-2</div></div></div></div></div></div>
27<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.4.1.min.220afd743d.js?site=5f185e871246b2dbeb112323" type="text/javascript" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
27<script src="https://assets.website-files.com/5f185e871246b2dbeb112323/js/cc-peoplesaved-jqueryclone.fc4b36d97.js" type="text/javascript"></script>
27<!--[if lte IE 9]>
27<script src="//cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script>
27<![endif]-->
27<script src="https://cdn.finsweet.com/files/staging/cmslibrary-v1.5.5.js"></script>
27 28
29<script> 30// CMS LIBRARY TO MANAGE FILTERING OF PEOPLE ON THE SHIP 31 32(function() { 33 // create a new Library instance and store it in a variable called "projectsGrid" 34 var peopleToSave = new FsLibrary('.person-filter-wrapper') 35 36 // define our filter group(s) 37 var myFilters = [ 38 { 39 filterWrapper: ".parent-filter-wrapper", 40 filterType: "multi" 41 } 42] 43 44 // run filter on our instance 45 peopleToSave.filter({ 46 filterArray: myFilters, // the filter group name we defined 47 activeClass: 'move-to-ship', // the active class we give to our buttons 48 filterReset:'.clear-ship', 49 animation: { 50 enable: true, 51 duration: 200, 52 easing: 'ease-out', 53 effects: 'fade translate(0px,20px)' 54 } 55 }) 56})(); 57</script>
57 58 59
60<script> 61 62// COUNTING THE AMOUNT OF PEOPLE IN EACH GROUP AND ON THE SHIP 63 64 65 66// declare & intialize peopleSaved variable at 0 67let peopleSaved = 0; 68 69 70 71// Getting, setting, and showing the amount of people in each group 72// for each .person-group-count 73$('.person-group-count').each((i, count)=>{ 74 // get the number of items in the enclosing group 75 const itemsCount = $(count).closest('.person-group').find('.person-emoji').length; 76 // set the number in the .person-group-count text 77 $(count).text(itemsCount); 78}); 79 80 81 82// Adding additional people to each group 83// when the add button in each group is clicked 84$('.person-add').click(function(){ 85 // get the enclosing parent element 86 const $plusBtn = $(this).closest('.person-item'); 87 // clone the previous .person-item and insert it before the plus button 88 $plusBtn.prev().clone().insertBefore($plusBtn); 89 90 91 92 // update the group counter 93 // get the whole person group 94 const $group = $(this).closest('.person-group'); 95 // get the number of items in the group 96 const itemsCount = $group.find('.person-emoji').length; 97 // set the number of items in the .person-group-count text 98 $group.find('.person-group-count').text(itemsCount); 99 100 // update the ship counter 101 updateRocketShipCount(peopleSaved); 102}); 103 104 105// on each rocket item click 106$('.rev-ctrl-pnt-list-item').click(function(){ 107 // update the ship counter 108 updateRocketShipCount(peopleSaved); 109}); 110 111 112// when clearship button clicked 113$('.button-rocket.clearship').click(function(){ 114 // clear number of items from .rocket-count 115 $('.rocket-count').text(0); 116}); 117 118 119 120// updateRocketShipCount function 121function updateRocketShipCount(peopleSaved){ 122 // loop through rocket items already inside the ship 123 $('.rev-ctrl-pnt-list-item.move-to-ship').each((i, item)=>{ 124 // get each item's 'filter-by' attribute 125 const filterBy = $(item).attr('filter-by'); 126 // use the attribute value to get the .person-items-wrapper with the same attribute 127 // get the number of items in that .person-items-wrapper 128 // and add the number to peopleSaved 129 peopleSaved += $(`.person-items-wrapper[count-with=${filterBy}]`).find('.person-emoji').length; 130 }); 131 // set the value of peopleSaved to the .rocket-count text 132 $('.rocket-count').text(peopleSaved); 133 134 135 136 137// if number of people in the ship is between 1 to 99 138 if(peopleSaved > 0 && peopleSaved < 101 ){ 139 // remove class from the takeoff button 140 $('.button-rocket.takeoff').removeClass('ship-cant-launch'); 141 } 142 else{ 143 // add class to takeoff button 144 $('.button-rocket.takeoff').addClass('ship-cant-launch'); 145 } 146} 147 148 149</script>
149 150 151
152<script> 153 154// DAY 2 CLONING SCRIPT 155 156$('.cloning-machine-button').click(() => { 157 $('#clone-me').clone().removeAttr('id').appendTo('.cloning-bank'); 158}); 159 160// OPTIONALLY ADDING A SECOND CLONING INSTANCE 161 162$('.cloning-machine-button-2').click(() => { 163 $('#clone-me-2').clone().removeAttr('id').appendTo('.cloning-bank-2'); 164}); 165 166</script>
166 167 168</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.