challenges.html

---
layout: pages
title: Service factory
---

<div id="content" role="main">
	<section class="section swatch-red-white section-normal" style="min-height: 1px;">
	    <div class="container">
	        <header class="section-header text-center no-underline">
	            <h1 class="headline super regular">Uitdagingen</h1>
	            <p>Deze uitdagingen zijn kandidaat om te worden vertaald naar één of meerdere services.</p>
	        </header>
	    </div>
	</section>
	<section class="section swatch-white-red">
		<div class="container">
			<div class="row">
				<div id="search-results" class="col-md-12">
					{% if site.categories.challenge.size > 0 %}
						{% assign challengesbyweight = site.categories.challenge | sort:"weight"  %}
						{% for post in challengesbyweight reversed %}
							<article class="challengepost post-showinfo post type-post status-publish format-standard has-post-thumbnail hentry category-html category-seo tag-css tag-html tag-mobile">
								<div class="post-media overlay">
									<a href="{{ site.url }}{{ post.url }}" class="feature-image hover-animate img-fix">
									{% if post.image == "" or post.image == nil or post.image == blank %}
										<img src="images/posts/news_placeholder.png" class="" alt="14ZJP1_5_1.jpg">
									{% else %}
										<img src="{{ site.baseurl }}{{ post.image }}" alt="14ZJP1_5_1.jpg">
									{% endif %}				
									<i class="fa fa-link"></i></a>
								</div>
								<div class="post-text">
									<div class="post-head small-screen-center">
										<h2 class="post-title entry-title">
											<a href="{{ site.url }}{{ post.url }}" title="Permalink to Increase Traffic being Mobile Friendly" rel="bookmark"> {{ post.title }} </a>
										</h2>
									</div>
									<div class="post-body entry-content">
										{{ post.content | remove: post.excerpt | remove: "Intro" | strip_html | truncatewords: 50 }}
										<a href="{{ site.url }}{{ post.url }}" class="more-link">Lees meer</a>
									</div>
									<div class="post-extras bordered text-center">
										<div class="text-center">
											<span class="post-category">
												<i class="fa fa-folder-open"></i>
												<span href="" rel="tag">{{post.category}}</span>
											</span>
												{% if post.tags.size > 0 %}
												<span class="post-tags">												
													<i class="fa fa-tags"></i>												
														{% for tag in post.tags %}
															<a href="" rel="tag">{{ tag }}</a>
														{% endfor %}
												</span>
												{% endif %}
										</div>
									</div>
								</div>
							</article>
						{% endfor %}
					{% else %}
						<p>Er zijn momenteel geen uitdagingen beschikbaar.</p>
					{% endif %}	
				</div>
			</div>
		</div>
	</section>
</div>

<script type="text/javascript">
    // custom method added to string
    String.prototype.capitalize = function () {
        return this.charAt(0).toUpperCase() + this.slice(1);
    }
    String.prototype.format = function (...a) {
        let temp = this;
        for (let letter of a) {
            temp = temp.replace("{$}", letter)
        }
        return temp;
    }
</script>