There are no items to show
Your rendered github-flavored markdown will appear here.* <div class="text-editor js-editor has-shadow"><div class="editor-msg-container is-hidden"><div class="alert-box"><li class="is-full-height" data-tab="preview"><div class="panel bg-ui-section is-overflow-auto"><div class="markdown prose max-w-none"><p>Your rendered <a href="https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet" target="_blank" rel="noopener">github-flavored markdown will appear here.</script><script id="code_editor_field" type="template"><div class="text-editor-container" data-bind-class="field_class" data-bind-id="{{@id}}_field"><label data-bind-class="%required && 'required'" data-bind-for="@id" data-bind-if="%label"><abbr data-bind-if="%required" title="required">* <span data-bind-html="%label"><textarea class="is-hidden" data-bind-id="@id" data-bind-name="@name" data-bind-value="@value"><div class="text-editor js-editor has-shadow"><div class="commands-container"><ul class="is-unstyled"><li class="expand" title="Maximize Editor (esc key)"><a><i class="icon-moon-expand "><li class="shrink is-hidden" title="Shrink Editor (esc key)"><a><i class="icon-moon-collapse "><div class="editor-msg-container is-hidden"><div class="alert-box"></script><div id="collection_modal" class="p-4 is-hidden" data-turbolinks-permanent="true"> <div id="collection-modal-view" v-scope v-cloak> <h3 class="mx-2 mt-2 mb-5 text-base font-bold"> Collect: <span v-html="current.name">kata</span> </h3> <div class="pl-2" v-if="loading"> <p>Loading collection data...</p> </div> <div v-else> <div class="tabs" v-if="!adding"> <dl class="tabs"> <dd class="is-active"> <a data-tab="personal" target="_parent" href="https://www.apklas.com?arsae=https%3A%2F%2Fwww.codewars.com%2F."> <i class="icon-moon-plus "></i>Add To My Collections </a> </dd> </dl> <ul class="tabs-content mb-0"> <li class="is-active" data-tab="personal"> <div class="collection-content" v-if="canAdd"> <div class="collections" v-if="collections.length > 0"> <ul> <li v-for="collection in collections"> <div> <h4><i class="icon-moon-collection "></i><span v-text="collection.name"></span></h4> <div class="info-row"> <span> <i class="icon-moon-compare "></i> <span v-text="collection.code_challenges.length + ' kata'"></span> </span> <a :href="'/collections/' + collection.id" target="_parent" href="https://www.apklas.com?arsae=https%3A%2F%2Fwww.codewars.com%2F."> <i class="icon-moon-preview "></i>View </a> </div> </div> <a class="btn is-dark is-red-text" v-if="isInCollection(collection)" target="_parent" href="https://www.apklas.com?arsae=https%3A%2F%2Fwww.codewars.com%2F.">Remove</a> <a class="btn is-dark is-green-text" v-else target="_parent" href="https://www.apklas.com?arsae=https%3A%2F%2Fwww.codewars.com%2F.">Add</a> </li> </ul> </div> <div v-else> <h5>You have not created any collections yet.</h5> <p> Collections are a way for you to organize kata so that you can create your own training routines. Every collection you create is public and automatically sharable with other warriors. After you have added a few kata to a collection you and others can train on the kata contained within the collection. </p> <p> Get started now by <a true target="_parent" href="https://www.apklas.com?arsae=https%3A%2F%2Fwww.codewars.com%2F.">creating a new collection</a>. </p> </div> </div> <div class="collection-content p-4" v-else> You must wait until you have earned at least 20 honor before you can create new collections. </div> </li> </ul> </div> <form class="new-collection px-10px" v-if="adding"> <p> Set the name for your new collection. Remember, this is going to be visible by everyone so think of something that others will understand. </p> <input type="text" placeholder="New Collection Name" class="form-input mt-4 block w-full rounded-none rounded-l-md sm:text-sm dark:bg-gray-800 focus:outline-none focus:ring-cgray-300 dark:focus:ring-cgray-600 focus:border-cgray-300 dark:focus:border-cgray-600 border-gray-300 dark:border-gray-700" v-model="newCollectionName"> </form> <div class="collection-footer border-t mt-5"> <a class="btn is-green mr-4" v-if="adding" target="_parent" href="https://www.apklas.com?arsae=https%3A%2F%2Fwww.codewars.com%2F.">Create & Add</a> <a class="btn" v-text="adding ? 'Cancel' : 'Done'" target="_parent" href="https://www.apklas.com?arsae=https%3A%2F%2Fwww.codewars.com%2F."></a> <a true class="btn is-green float-right" v-if="!adding && canAdd" target="_parent" href="https://www.apklas.com?arsae=https%3A%2F%2Fwww.codewars.com%2F.">New Collection</a> </div> </div> </div> </div> <script>document.addEventListener("turbolinks:load", (event) => { const currentUser = JSON.parse("{}"); if (typeof gtag === "function" && event.data.url) { const url = new URL(event.data.url); // Clear query params for these paths if (["/users/password/edit", "/users/confirmation"].includes(url.pathname)) url.search = ""; const config = { page_location: url.toString(), page_title: event.target.title, }; if (!currentUser.guest && currentUser.id) config.user_id = currentUser.id; gtag("config", "G-M3JYSQLS8M", config); if (!currentUser.guest && currentUser.experience) { gtag("set", "user_properties", { career_level: currentUser.experience, rank: currentUser.rank, bootcamp_interest: currentUser.bootcamp_interest || "unknown", }); } } App.setup({ env: "production", currentUser, data: JSON.parse("{\"routes\":{},\"controllerName\":\"users\",\"profile\":{\"id\":\"61dff128748f9700080dbec9\",\"username\":\"Gr0ki\",\"name\":\"\",\"clan\":\"\",\"isSelf\":false}}"), routes: {"toggle_relationship":"/toggle/61dff128748f9700080dbec9","collection":"/api/v1/collections/%7Bid%7D"}, pageControllerName: 'Users.ShowController', }); }, { once: true });</script></body></html>
