{%load static%}
<!DOCTYPE html>
<html lang="en">
<link rel="shortcut icon" type="image/png" href="{%static 'assets/favicon.ico'%}" />
<meta name="monetization" content="$ilp.uphold.com/DFYMWhkmjUND">

<head>
	<!-- Primary Meta Tags -->
	<meta name="monetization" content="$ilp.uphold.com/DFYMWhkmjUND">
	<title>DomeCode - A single platform to learn to code</title>
	<meta name="title" content="DomeCode - A single platform to learn to code">
	<meta name="description"
		content="DomeCode is a platform that simplifies your process to learn code and provides you with other tools as well to help you learn to code. Get more, with less hassle.">

	<!-- Open Graph / Facebook -->
	<meta property="og:type" content="website">
	<meta property="og:url" content="https://domecode.com/">
	<meta property="og:title" content="DomeCode - A single platform to learn to code">
	<meta property="og:description"
		content="DomeCode is a platform that simplifies your process to learn code and provides you with other tools as well to help you learn to code. Get more, with less hassle.">
	<meta property="og:image"
		content="https://django-domecode.s3.ap-south-1.amazonaws.com/DOMECODE.png?response-content-disposition=inline&X-Amz-Security-Token=IQoJb3JpZ2luX2VjEPn%2F%2F%2F%2F%2F%2F%2F%2F%2F%2FwEaDmFwLXNvdXRoZWFzdC0xIkYwRAIgLlLO0VOKjCIaLKvldC%2BY2No6F8l5M6uc0JqlXUor2JYCIEV3IvkbGiUMEzOPMm%2BaM3V%2Fg%2FUPJVssykJiUkXl1HFDKs0CCML%2F%2F%2F%2F%2F%2F%2F%2F%2F%2FwEQABoMOTc5NDEzMDUxOTQzIgyVwKeTsSBDFtJMYBAqoQLDeI6nkkayrNDXRQoUkQXd5rek%2F88dyLWJ1KSA8PmFdIDmy3sBz%2BP9NpSqm51UDOKE6DSg7Un3Y%2B%2B%2BfWLEDlivLv4%2F4CxsL6KOeEPVhe9atHAV%2BwAnDlTaahRh4062ITm%2Fmk6dI5X43rO99ZZno8XP64IM693O%2F4gzHmSVGIcXz%2BDyiAUiP6H0UyHHYgglLmgn1MwadhW50psNdxd89MBh3LrzmoLIlMLR02kF%2Fo0EoYsjk4nWQpkSK%2FW74Zujfu0bb6xUaEYasyNYyMvxfi4mn%2FID1No5XDCOqBd0zcX1ECMR9tuQUKVxCeaDB%2FmuJue5IgAmVD4svdWs10QvwpaS8ki8ImyN97CWrY7sFa5vrURQMtI8q0%2BOy8zV2w1ViBylMI3Lq%2FkFOrECRRFllrT3DSKhJL98NRt4rm2LYJlXpRB4ZD0mVulFdqBRpeEtDSrqVjAdfMLoZye%2F22O0FpP7R0XDr9gzuP0wjUlYozH859jkFjb5J0%2FnUT6Cd5FCF0bC%2BMD2mqcQvVHNAYJOcMLcbaOCQy26EkSKAASuYBtzzWF5opuS4T7wg3Qop0xGS3vywV9MC37HUv%2Bx4RdwjVHBMMYVCwmvv%2FdFnaFz7gs8cyB%2Fy2Y9NFxBvDJpRZw2axpFrs9iR6%2BEf2Ph1GwrEjj6LH4fHqxWGyL02b5yjSL7OAiBA3iMW33xoCx%2F%2FiHgQDBNSFgaUbmxcRP9mVLy2AvN4kTebLasR4%2FPvMITRooTPAZC9yB%2F5ke0inct5z1ykOnXShdRhlT8VrboFAVe%2BRIXzPyYpXbhUJJ4Qss%3D&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Date=20200805T190730Z&X-Amz-SignedHeaders=host&X-Amz-Expires=300&X-Amz-Credential=ASIA6ICMRFIT56HRDXH6%2F20200805%2Fap-south-1%2Fs3%2Faws4_request&X-Amz-Signature=02e6a41f2ae16a5c883dab1731cfcf23fd09692a609eb1bf982d188244047cc3">

	<!-- Twitter -->
	<meta property="twitter:card" content="summary_large_image">
	<meta property="twitter:url" content="https://domecode.com/">
	<meta property="twitter:title" content="DomeCode - A single platform to learn to code">
	<meta property="twitter:description"
		content="DomeCode is a platform that simplifies your process to learn code and provides you with other tools as well to help you learn to code. Get more, with less hassle.">
	<meta property="twitter:image"
		content="https://django-domecode.s3.ap-south-1.amazonaws.com/DOMECODE.png?response-content-disposition=inline&X-Amz-Security-Token=IQoJb3JpZ2luX2VjEPn%2F%2F%2F%2F%2F%2F%2F%2F%2F%2FwEaDmFwLXNvdXRoZWFzdC0xIkYwRAIgLlLO0VOKjCIaLKvldC%2BY2No6F8l5M6uc0JqlXUor2JYCIEV3IvkbGiUMEzOPMm%2BaM3V%2Fg%2FUPJVssykJiUkXl1HFDKs0CCML%2F%2F%2F%2F%2F%2F%2F%2F%2F%2FwEQABoMOTc5NDEzMDUxOTQzIgyVwKeTsSBDFtJMYBAqoQLDeI6nkkayrNDXRQoUkQXd5rek%2F88dyLWJ1KSA8PmFdIDmy3sBz%2BP9NpSqm51UDOKE6DSg7Un3Y%2B%2B%2BfWLEDlivLv4%2F4CxsL6KOeEPVhe9atHAV%2BwAnDlTaahRh4062ITm%2Fmk6dI5X43rO99ZZno8XP64IM693O%2F4gzHmSVGIcXz%2BDyiAUiP6H0UyHHYgglLmgn1MwadhW50psNdxd89MBh3LrzmoLIlMLR02kF%2Fo0EoYsjk4nWQpkSK%2FW74Zujfu0bb6xUaEYasyNYyMvxfi4mn%2FID1No5XDCOqBd0zcX1ECMR9tuQUKVxCeaDB%2FmuJue5IgAmVD4svdWs10QvwpaS8ki8ImyN97CWrY7sFa5vrURQMtI8q0%2BOy8zV2w1ViBylMI3Lq%2FkFOrECRRFllrT3DSKhJL98NRt4rm2LYJlXpRB4ZD0mVulFdqBRpeEtDSrqVjAdfMLoZye%2F22O0FpP7R0XDr9gzuP0wjUlYozH859jkFjb5J0%2FnUT6Cd5FCF0bC%2BMD2mqcQvVHNAYJOcMLcbaOCQy26EkSKAASuYBtzzWF5opuS4T7wg3Qop0xGS3vywV9MC37HUv%2Bx4RdwjVHBMMYVCwmvv%2FdFnaFz7gs8cyB%2Fy2Y9NFxBvDJpRZw2axpFrs9iR6%2BEf2Ph1GwrEjj6LH4fHqxWGyL02b5yjSL7OAiBA3iMW33xoCx%2F%2FiHgQDBNSFgaUbmxcRP9mVLy2AvN4kTebLasR4%2FPvMITRooTPAZC9yB%2F5ke0inct5z1ykOnXShdRhlT8VrboFAVe%2BRIXzPyYpXbhUJJ4Qss%3D&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Date=20200805T190730Z&X-Amz-SignedHeaders=host&X-Amz-Expires=300&X-Amz-Credential=ASIA6ICMRFIT56HRDXH6%2F20200805%2Fap-south-1%2Fs3%2Faws4_request&X-Amz-Signature=02e6a41f2ae16a5c883dab1731cfcf23fd09692a609eb1bf982d188244047cc3">
	<!-- IE6-8 support of HTML5 elements -->
	<!--[if lt IE 9]>
    <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.js"
		integrity="sha512-WNLxfP/8cVYL9sj8Jnp6et0BkubLP31jhTG9vhL/F5uEZmg5wEzKoXp1kJslzPQWwPT1eyMiSxlKCgzHLOTOTQ=="
		crossorigin="anonymous"></script>
	<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"
		integrity="sha256-T0Vest3yCU7pafRw9r+settMBX6JkKN06dqBnpQ8d30=" crossorigin="anonymous"></script>
	<script src='https://kit.fontawesome.com/a076d05399.js'></script>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<!-- Global site tag (gtag.js) - Google Analytics -->
	<script async src="https://www.googletagmanager.com/gtag/js?id=UA-174981481-1"></script>
	<script>
		window.dataLayer = window.dataLayer || [];
		function gtag() { dataLayer.push(arguments); }
		gtag('js', new Date());

		gtag('config', 'UA-174981481-1');
	</script>
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/konpa/devicon@master/devicon.min.css">

	<link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet">
	<link
		href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
		rel="stylesheet">
	<link
		href="https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
		rel="stylesheet">
	<link
		href="https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Mono:ital,wght@0,300;0,400;1,200;1,300;1,400&display=swap"
		rel="stylesheet">
	<link href="https://fonts.googleapis.com/css2?family=Flavors&display=swap" rel="stylesheet">

	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"
		integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
	<link rel="stylesheet" type="text/css" href="{%static 'notes/dark.css'%}">
	<script src="{%static 'js/audio.js'%}"></script>

	{%if title%}
	<title>DomeCode - {{title}}</title>
	{%else%}
	<title>DomeCode</title>
	{%endif%}
</head>

<body>

	<script src="{%static 'js/script.js'%}"></script>

	<header class="site-header">
		<nav class="navbar navbar-expand-sm py-0 navbar-dark bg-steel fixed-top shadow">
			<div class="container-fluid">
				<a class="navbar-brand mr-3" style="font-family:'Flavors' ;font-weight: bolder;  font-size:32px ;  background: linear-gradient(to right, #f12711, #f5af19);
					-webkit-background-clip: text; background-clip:text;
					-webkit-text-fill-color: transparent;" href="{%url 'notes:home'%}">DomeCode</a>
				<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarToggle"
					aria-controls="navbarToggle" aria-expanded="false" aria-label="Toggle navigation">
					<span class="navbar-toggler-icon"></span>
				</button>




				<div class="collapse navbar-collapse" id="navbarToggle">
					<div class="navbar-nav mr-auto">
						<li><a class="nav-item nav-link" href="{%url 'notes:music'%}"
								onClick="return popup(this, 'notes')">Music</a></li>
						<li><a class="nav-item nav-link" href="{%url 'notes:about'%}">About</a></li>
						<li><a class="nav-item nav-link" href="{%url 'notes:sponsor'%}">Sponsor</a></li <li>
						<a class="nav-item nav-link" href="{%url 'users:leaderboard'%}">Leaderboard</a>
						<a class="nav-item nav-link" style="color: #f5af19;" href="{%url 'fusion:fusion'%}">Fusion</a>
						</li>

					</div>

					<!-- Navbar Right Side -->
					<div class="collapse navbar-collapse" id="navbarToggle">
						<ul class="navbar-nav ml-auto">



							<li class="nav-item dropdown">
								<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
									data-toggle="dropdown">
									Practice
								</a>
								<div class="dropdown-menu" aria-labelledby="navbarDropdown">
									<a class="dropdown-item" href="{%url 'coder:home'%}">Explore Practice</a>
									<div class="dropdown-divider"></div>
									<a class="dropdown-item" href="{%url 'coder:list-python'%}">Python</a>
									<a class="dropdown-item" href="{%url 'coder:list-java'%}">Java</a>
									<a class="dropdown-item" href="{%url 'coder:list-general' %}">Language Flexible
										Questions</a>
									<a class="dropdown-item" href="{%url 'quizzes:home'%}">Quizzes</a>

								</div>
							</li>

							<li class="nav-item dropdown">
								<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
									data-toggle="dropdown">
									Tracks
								</a>

								<div class="dropdown-menu" aria-labelledby="navbarDropdown">
									<a class="dropdown-item" href="{%url 'resources:home'%}">Explore Tracks</a>
									<div class="dropdown-divider"></div>
									<a class="dropdown-item"
										href="https://domecode.com/tracks/python/hello-world/">Python</a>
									<!-- <a class="dropdown-item" href="#">Explore Java</a> -->
									<!-- <a class="dropdown-item" href="#">Explore Web-Dev</a> -->
									<!--<a class="dropdown-item" href="#">Explore CTFs</a>-->
									<div class="dropdown-divider"></div>
								</div>
							</li>


							<li class="nav-item dropdown">
								<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
									data-toggle="dropdown">
									Create
								</a>
								<div class="dropdown-menu" aria-labelledby="navbarDropdown">
									<a class="dropdown-item" href="{%url 'creator:list'%}" target=_blank>Create Product
										(Creator)</a>
								</div>
							</li>

							<li class="nav-item dropdown">
								<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
									data-toggle="dropdown">
									Planning
								</a>
								<div class="dropdown-menu" aria-labelledby="navbarDropdown">
									<a class="dropdown-item" href="{%url 'notes:list'%}" target=_blank>Your Notes</a>
									<a class="dropdown-item" href="{%url 'todo:list'%}" target=_blank>Your To-Do(s)</a>
								</div>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="{%url 'forum:list'%}">Forum</a>
							</li>
							<!-- <li class="nav-item">
								<a style="color:#f12711" class="nav-link" href="#" target= _blank> Get Help</a>
							</li> -->
							<li class="nav-item dropdown">
								{%if user.is_authenticated%}

								<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
									data-toggle="dropdown">
									Profile</a>

								<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
									<a style="background-color: rgb(0, 0, 0); color:white ;" class="dropdown-item"
										href="{%url 'users:profilepage' user.profile.slug%}">Domes
										: {{user.profile.domes}}</a>
									<div class="dropdown-divider"></div>
									<a class="dropdown-item" href="{%url 'users:profilepage' user.profile.slug%}">Your
										Profile</a>
									<a class="dropdown-item" href="{%url 'notes:list'%}" target="_blank">Your Notes</a>
									<a class="dropdown-item" href="{%url 'todo:list'%}" target="_blank">Your
										To-Do(s)</a>
									<a class="dropdown-item" href="{%url 'users:leaderboard'%}">Leaderboard</a>
									<a class="dropdown-item" href="{%url 'users:profile'%}">Settings</a>

									<div class="dropdown-divider"></div>

									<a class="dropdown-item" href="{%url 'logout'%}">Logout</a>

									{%else%}
									<a class="nav-link" href="{%url 'users:register'%}">Register/Login</a>
									{%endif%}

								</div>
							</li>

						</ul>
					</div>
				</div>
			</div>
		</nav>
	</header>

	<div role="main" class="container">
		<div class="row">
			<div class="col-md-12">
				{%if messages%}{%for message in messages%}
				<div class='alert alert-{{message.tags}}'>
					{{message}}
				</div>
				{%endfor%} {%endif%}
				{% block content %}{% endblock %}
			</div>
		</div>
		<br>
		<br>
		<br>


	</div>
	<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
		integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
		crossorigin="anonymous"></script>
	<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"
		integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI"
		crossorigin="anonymous"></script>

</body>

<div class="footer">
	<span>&#169;</span>2020. DomeCode. All rights reserved. An <a target=_blank href="https://github.com/arthtyagi">Arth
		Tyagi</a>
	production.
</div>

</html>
