{%extends "notes/base.html"%}
{%block content%}
<h1>Tracks</h1>
<br>
<p>Pick a Track <a href="https://domecode.com/tracks/python/hello-world/">Python<svg xmlns="http://www.w3.org/2000/svg"
            x="0px" y="0px" width="24" height="24" viewBox="0 2 48 48" style=" fill:#000000;">
            <path fill="#0277BD"
                d="M24.047,5c-1.555,0.005-2.633,0.142-3.936,0.367c-3.848,0.67-4.549,2.077-4.549,4.67V14h9v2H15.22h-4.35c-2.636,0-4.943,1.242-5.674,4.219c-0.826,3.417-0.863,5.557,0,9.125C5.851,32.005,7.294,34,9.931,34h3.632v-5.104c0-2.966,2.686-5.896,5.764-5.896h7.236c2.523,0,5-1.862,5-4.377v-8.586c0-2.439-1.759-4.263-4.218-4.672C27.406,5.359,25.589,4.994,24.047,5z M19.063,9c0.821,0,1.5,0.677,1.5,1.502c0,0.833-0.679,1.498-1.5,1.498c-0.837,0-1.5-0.664-1.5-1.498C17.563,9.68,18.226,9,19.063,9z">
            </path>
            <path fill="#FFC107"
                d="M23.078,43c1.555-0.005,2.633-0.142,3.936-0.367c3.848-0.67,4.549-2.077,4.549-4.67V34h-9v-2h9.343h4.35c2.636,0,4.943-1.242,5.674-4.219c0.826-3.417,0.863-5.557,0-9.125C41.274,15.995,39.831,14,37.194,14h-3.632v5.104c0,2.966-2.686,5.896-5.764,5.896h-7.236c-2.523,0-5,1.862-5,4.377v8.586c0,2.439,1.759,4.263,4.218,4.672C19.719,42.641,21.536,43.006,23.078,43z M28.063,39c-0.821,0-1.5-0.677-1.5-1.502c0-0.833,0.679-1.498,1.5-1.498c0.837,0,1.5,0.664,1.5,1.498C29.563,38.32,28.899,39,28.063,39z">
            </path></a> | <a href="#">Java<i class='fab fa-java' style='font-size:24px;color:red'></i></a>
</p>
<hr>
<br>
<div class="media-content shadow" style="font-size: 18px;">
    <ul> At <a style="font-family:'Flavors' ;font-weight: bolder;  font-size:18px ;  background: linear-gradient(to right, #f12711, #f5af19);
    -webkit-background-clip: text; background-clip:text;
    -webkit-text-fill-color: transparent;">DomeCode</a>, we have compiled resources that
        will aid you in your journey to learn Python, Java and other
        technologies for which we are still in the process of compiling resources.
        <br><br>
        You also get to <a href="{%url 'coder:home'%}">practice</a> with the help of <a>quizzes</a>,
        <a>coding problems</a>,
        sharing/discussing your skills, probelms and solutions on <a style="font-family:'Flavors' ;font-weight: bolder;  font-size:18px ;  background: linear-gradient(to right, #f12711, #f5af19);
        -webkit-background-clip: text;background-clip:text;
        -webkit-text-fill-color: transparent;">DomeCode</a>'s <a href="{%url 'forum:list'%}">
            Forum</a>.
        <br><br>
        all within the same platform so you don't need to leave the workspace.
        </strong>
        <br><br>
        This is the <a style="color:bisque;">Tracks</a> module/app of <a style="font-family:'Flavors' ;font-weight: bolder;  font-size:18px ;  background: linear-gradient(to right, #f12711, #f5af19);
    -webkit-background-clip: text;background-clip:text;
    -webkit-text-fill-color: transparent;">DomeCode</a> and as of now it has a
        collection of
        useful resources for <a href="https://domecode.com/tracks/python/hello-world">Python</a>
        and<a href="#"> Java</a>.
        <br><br>
        <p>Please note that this is still an initial release, the content will be improved and added with each new
            release of
            DomeCode and hopefully original DomeCode videos will be included as well in the future.</p>

        <small>For the implementations in the lessons given below, use the implementation code for the algorithm in the
            provided editor.</small>
        <small>You should also know that the video content on DomeCode is not owned by DomeCode and is embedded content
            ( legally ) from other video hosting websites.
        <br></small>
            <br>
    </ul>
</div>
<hr>

<div class="media-content" style="font-size: 18px;">
    <h3>All Tracks</h3>
    <br>
    <div class="accordion" id="accordionExample">
        <div class="container-fluid">
            <div class="card-header" id="headingOne">
                Explore<h2 class="mb-0">

                    <span style="background: linear-gradient(to right,  hsl(203, 95%, 42%), #d7ca39);
                    -webkit-background-clip: text; background-clip:text;
                    -webkit-text-fill-color: transparent;" class="btn btn-link badge nav-link" type="button" data-toggle="collapse"
                        data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                        Python<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="28" height="28"
                            viewBox="0 2 48 48" style=" fill:#000000;">
                            <path fill="#0277BD"
                                d="M24.047,5c-1.555,0.005-2.633,0.142-3.936,0.367c-3.848,0.67-4.549,2.077-4.549,4.67V14h9v2H15.22h-4.35c-2.636,0-4.943,1.242-5.674,4.219c-0.826,3.417-0.863,5.557,0,9.125C5.851,32.005,7.294,34,9.931,34h3.632v-5.104c0-2.966,2.686-5.896,5.764-5.896h7.236c2.523,0,5-1.862,5-4.377v-8.586c0-2.439-1.759-4.263-4.218-4.672C27.406,5.359,25.589,4.994,24.047,5z M19.063,9c0.821,0,1.5,0.677,1.5,1.502c0,0.833-0.679,1.498-1.5,1.498c-0.837,0-1.5-0.664-1.5-1.498C17.563,9.68,18.226,9,19.063,9z">
                            </path>
                            <path fill="#FFC107"
                                d="M23.078,43c1.555-0.005,2.633-0.142,3.936-0.367c3.848-0.67,4.549-2.077,4.549-4.67V34h-9v-2h9.343h4.35c2.636,0,4.943-1.242,5.674-4.219c0.826-3.417,0.863-5.557,0-9.125C41.274,15.995,39.831,14,37.194,14h-3.632v5.104c0,2.966-2.686,5.896-5.764,5.896h-7.236c-2.523,0-5,1.862-5,4.377v8.586c0,2.439,1.759,4.263,4.218,4.672C19.719,42.641,21.536,43.006,23.078,43z M28.063,39c-0.821,0-1.5-0.677-1.5-1.502c0-0.833,0.679-1.498,1.5-1.498c0.837,0,1.5,0.664,1.5,1.498C29.563,38.32,28.899,39,28.063,39z">
                            </path></a>
                        </svg>
                    </span>
                </h2>
            </div>

            <div id="collapseOne" class="collapse show " aria-labelledby="headingOne" data-parent="#accordionExample">
                <div class="card-body">
                    <div class="media content-section shadow">
                        <ol> 
                            {%for resource in resource%}
                            {%if resource.language == "PYTHON"%}
                            <li><a style="color: antiquewhite;" href="{%url 'resources:detail-python' resource.slug%}">{{resource.title}}</a></li>
                            {%endif%}
                            {%endfor%}
                        </ol>
                    </div>
                </div>
            </div>
        </div>

        <div class="container-fluid">
            <div class="card-header" id="headingTwo">
                Explore<h2 class="mb-0">
                    <span style="background: linear-gradient(to right,  hsl(351, 87%, 42%), #b6375d);
                    -webkit-background-clip: text; background-clip:text;
                    -webkit-text-fill-color: transparent;" class="btn badge nav-link btn-link collapsed" type="button"
                        data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false"
                        aria-controls="collapseTwo">
                        Java<i class='fab fa-java' style='font-size:28px;color:red'></i>
                    </span>
                </h2>
            </div>

            <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample">
                <div class="card-body">
                    <div class="media content-section shadow">
                        <ol> 
                            {%for resource in resource%}
                            {%if resource.language == "JAVA"%}
                            <li><a style="background: linear-gradient(to right,  hsl(246, 100%, 85%), #df70c3);
                                -webkit-background-clip: text; background-clip:text;
                                -webkit-text-fill-color: transparent;" href="
                                    {%url 'resources:detail-java' resource.slug%}">{{resource.title}}</a></li>
                            {%endif%}
                            {%endfor%}
                            {%if resource.language is not "JAVA"%}
                            Java Resources coming soon, checkout <a href="{%url 'coder:list-java'%}">Java Practice</a>
                            in the meantime.
                            {%endif%}
                        </ol>
                    </div>
                </div>
            </div>
        </div>

        <hr>

    </div>


</div>





{%endblock content%}