---
layout: default
---
{% assign global = site.data.common.global %}
{% for section in page.sections %}
	<section id="{{ section.id }}" class="{% cycle 'odd', 'even' %}">
		{% if forloop.first %}
			<div class="donationContainer">
				<div class="total">
					{{ site.donationCounter.donated | intcomma: '.' }}{{ global.donation.currency }} {{ global.donation.text }}
					<sub>{{ global.donation.sub }}</sub>
				</div>
				<div class="donationCounter goal">
					<div class="overlay goal1">{{ site.donationCounter.goal1 | slice: 0,3 }}K</div><div class="overlay goal2">{{ site.donationCounter.goal2 | slice: 0,3 }}K</div><div class="overlay goal3">{{ site.donationCounter.goal3 | slice: 0,3 }}K</div><div class="overlay goal4">{{ site.donationCounter.goal4 | slice: 0,1 }} Million</div>
				</div>								
			</div>
			 <nav id="navElm">
			 	<div class="langSwitcher left">
			      	{% for tongue in site.languages %}
			        	<a class="lang-{{ tongue }} {% if tongue == site.active_lang %}activeLang{% endif %}" href="{% if tongue == site.default_lang %} {{site.baseurl}}{{page.url}} {% else %} {{site.baseurl}}/{{ tongue }}{{page.url}} {% endif %}">{{ tongue }}</a>
			      	{% endfor %}
			  	</div>
			  	<div id="navLinks" class="center">
					{% for section in page.sections %}
						{% if section.link %}
					  		<a href="#{{ section.id }}" data-link-for="{{ section.id }}">{{ section.link }}</a>
						{% endif %}
					{% endfor %}
				</div>
				<div class="right">
					<input type="checkbox" id="show-menu" role="button">
					<label for="show-menu" class="show-menu"></label>
					<ul>
						{% for section in page.sections %}
							{% if section.link %}
						  		<li><a class="mobileLink" href="#{{ section.id }}" data-link-for="{{ section.id }}">{{ section.link }}</a></li>
							{% endif %}
						{% endfor %}
					</ul>
				</div>
			</nav>
		{% endif %}
		{% if section.id != "faq" %}
		<div class="content">
			<div class="heading">
				<h1>{{ section.heading }}</h1>
				{% if section.id == "wannahelp" %}
				<!--<a href="https://mobilepay.dk/da-dk/pages/betal.aspx?phone=004540456&comment=Til%20kampen%20imod%20den%20Ulovlige%20Logning!&t=d">
					<img src="{{ site.baseurl }}/assets/img/mobilepay5.svg">
					
				</a>-->
				{% endif %}
				{% if section.id == "butwhy" %}
				<a href="https://www.verdensmaalene.dk/maal/16">
					<img src="{{ site.baseurl }}/assets/img/global-goal-16-DA-BW.svg">
				</a>
				{% endif %}
			</div>
			<div class="paragraphs">
				{{ section.content | markdownify }}
				{% if section.id == "wannahelp" %}
					<!-- <form class="signup" action="https://ulovliglogning.dk/dynamic/signup/" method="post">
						<input type="email" required="true" placeholder="{{ global.emailplaceholder }}" name="email">
						<input type="text" name="lang" value="{{ site.active_lang }}" class="hidden">
						<input type="submit" name="submit" value="{{ global.signup }}">
					</form> -->
				{% endif %}
			</div>
		</div>
		{% elsif section.id == "faq" %}
			{% for question in section.content %}
				<div id="{{ question.id }}" class="qa">
					<div class="qa--question">
						<h3>{{ question.heading }}</h3>
					</div>
					<div class="qa--answer">
						<h3>{{ question.answer }}</h3>
						{{ question.explanation | markdownify }}
					</div>
				</div>
			{% endfor %}
			{{ global.errata | markdownify }}
		{% endif %}
	</section>
{% endfor %}