index.html

---
layout: default
title: Service Factory 
---

<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">

<div id="content" role="main">
	<article class="page type-page status-publish hentry">
		<div class="mailmunch-forms-before-post" style="display: none !important;"></div>
		<section class="section swatch-white-blue section-home ">
			<div class="background-media"></div>
			<div class="background-overlay"></div>
			<div class="container">
				<div class="row vertical-top">
					<div class="col-md-12  text-default">
						<header class="section-header text-center no-underline">
							<h1 class="headline regular">Wat is de Service Factory?</h1>
						</header>
						<ul class="list-unstyled row horizontal-icon-border box-list">
							<li class="col-md-4">
								<div class="box-round box">
									<div class="box-dummy"></div>
									<a class="box-inner" href="/challenges" target="_self">
										<i class="fa fa-pencil" data-animation="bounce"></i>
									</a>
								</div>
								<h3 class="text-center">
									<a href="/challenges" target="_self">
										Uitdagingen formuleren</a>
								</h3>
								<p class="text-center">
									Als ICT-partner van Stad Gent en OCMW Gent staat Digipolis elke dag voor nieuwe uitdagingen.
									Onze eerste stap is om deze uitdagingen te vertalen naar één of meerdere services.</p>
							</li>
							<li class="col-md-4">
								<div class="box-round box">
									<div class="box-dummy"></div>
									<a class="box-inner" href="/services.html?query=openstaand" target="_self">
										<i class="fa fa-line-chart" data-animation="wiggle"></i>
									</a>
								</div>
								<h3 class="text-center">
									<a href="/services.html?query=openstaand" target="_self">
									Services bouwen</a>
								</h3>
								<p class="text-center">
									Samen met partners analyseren en ontwikkelen we nieuwe services, gebruikmakend van diverse technologieën.
									We geven prioriteit aan herbruikbare services die we breed kunnen inzetten.</p>
							</li>
							<li class="col-md-4">
								<div class="box-round box">
									<div class="box-dummy"></div>
									<a class="box-inner" href="/services" target="_self">
										<i class="fa fa-wrench" data-animation="bounce"></i>
									</a>
								</div>
								<h3 class="text-center">
									<a href="/services" target="_self">
									Services onderhouden</a>
								</h3>
								<p class="text-center">
									Productieve services krijgen regelmatig een update. Verder evolueren ze door nieuwe functionaliteiten toe te voegen. </p>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</section>
		<section class="section swatch-white-blue section-normal ">
			<!-- <div class="background-media"></div> #} -->
			<div class="background-overlay" style=""></div>
			<div class="container">
				<div class="row vertical-top">
					<div class="col-md-12  text-default">
						<div class="sidebar-widget widget_recent_entries col-md-12">
							<header class="section-header text-center no-underline">
								<h1 class="headline  regular">Services</h1>
							</header>
							<div class="col-md-4">
								<h3 class="text-center">
									<a href="/services.html" target="_self" style="margin-bottom: 10px;display: block;">
										Te bouwen services 
									</a>
								</h3>
								{% if site.tags.openstaand.size > 0 %}
									{% assign openstaandbyweight = site.tags.openstaand | sort:"weight"  %}
									{% for post in openstaandbyweight reversed %}
										{% if forloop.index == 11 %}
										    {% break %}
										{% endif %}
										<ul>
											<li>
												<div class="post-icon">
													<i class="fa fa-file-text"></i>
												</div>
												<a href="{{ site.url }}{{ post.url }}" title="{{ post.title }}"> {{ post.title }} </a>
												<small></small>
											</li>
										</ul>
									{% endfor %}
								{% else %}
									<p>Er zijn geen openstaande services.</p>
								{% endif %}
							</div>
							<div class="col-md-4">
								<h3 class="text-center">
									<a href="/services.html" target="_self" style="margin-bottom: 10px;display: block;">
										In opbouw
									</a>
								</h3>
								{% if site.tags.lopend.size > 0 %}
									{% assign lopendbyweight = site.tags.lopend | sort:"weight"  %}
									{% for post in lopendbyweight reversed %}
										{% if forloop.index == 11 %}
										    {% break %}
										{% endif %}
										<ul>
											<li>
												<div class="post-icon">
													<i class="fa fa-file-text"></i>
												</div>
												<a href="{{ site.url }}{{ post.url }}" title="{{ post.title }}"> {{ post.title }} </a>
												<small></small>
											</li>
										</ul>
									{% endfor %}
								{% else %}
									<p>Er zijn geen lopende services beschikbaar.</p>
								{% endif %}
							</div>
							<div class="col-md-4">
								<h3 class="text-center">
									<a href="/services.html" target="_self" style="margin-bottom: 10px;display: block;">
										Opgeleverde services
									</a>
								</h3>
								{% if site.tags.afgewerkt.size > 0 %}
									{% assign afgewerktbyweight = site.tags.afgewerkt | sort:"weight"  %}
									{% for post in afgewerktbyweight reversed %}
										{% if forloop.index == 11 %}
										    {% break %}
										{% endif %}
										<ul>
											<li>
												<div class="post-icon">
													<i class="fa fa-file-text"></i>
												</div>
												<a href="{{ site.url }}{{ post.url }}" title="{{ post.title }}"> {{ post.title }} </a>
												<small></small>
											</li>
										</ul>
									{% endfor %}
								{% else %}
									<p>Er zijn geen opgeleverde services beschikbaar.</p>
								{% endif %}
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<section class="section swatch-light-grey section-normal ">
			{% if site.categories.news.size > 0 %}
				<div class="container">
					<header class="section-header text-center no-underline">
						<h1 class="headline  regular">Nieuws</h1>
					</header>
					<div class="row vertical-top">
						<div class="col-md-12  text-default">
							<div class="row">
								<ul class="list-unstyled list-container owl-carousel owl-theme">								
										{% for post in site.categories.news %}
										<li class="post-item">
												<div class="grid-post swatch-white-blue">
													<article id="post-191" class="post-showinfo  post-191 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.baseurl }}{{ post.url }}" class="feature-image hover-animate">
																{% if post.image == "" or post.image == nil or post.image == blank %}
																	<img src="images/posts/news_placeholder.png" class="" alt="img-4-1170x400.png">
																{% else %}
																	<img src="{{ site.baseurl }}{{ post.image }}" class="cropnews" alt="img-4-1170x400.png">
																{% endif %}
													
															</a>
														</div>
														<div class="post-head small-screen-center">
															<h2 class="post-title entry-title">
																<a href="{{ site.baseurl }}{{ post.url }}" title="Permalink to Increase Traffic being Mobile Friendly"
																	rel="bookmark">
																	{{ post.title }} </a>
															</h2>
															
															<small class="post-date">
																	{{ post.date | date_to_long_string }} </small>
															<div class="post-icon">
																<div class="hex hex-big">
																	<i class="fa fa-file-text"></i>
																</div>
															</div>
														</div>
														<div class="post-body entry-content">
															{{ post.content | remove: post.excerpt | truncatewords: 35 }}
														</div>
														<a href="{{ site.baseurl }}{{ post.url }}" class="more-link box">Lees meer</a>
														{% comment %} <div class="post-extras bordered text-center">
															<div class="text-center">
															
																<span class="post-tags">
																	<i class="fa fa-tags"></i>
																	{% for tag in post.tags %}
																	<a href="" rel="tag">{{ tag | first }} test</a>,
																	{% endfor %}																
																</span>
		
															</div>
														</div>	 {% endcomment %}								
													</article>
												</div>
											</li>								
										{% endfor %}
									
														
								</ul>
							</div>
						</div>
					</div>
				</div>
			{% endif %}
			<br>
			<br>
			
		</section>
		<section id="instagramsection" class="section swatch-white-blue section-normal">
			<div class="container">
					<header class="section-header text-center no-underline">
						<h1 class="headline regular">Instagram</h1>
					</header>
					<div class="row vertical-top">
						<div class="col-md-12  text-default">
							<ul class="list-unstyled list-container">
								<div id="instafeed"></div>
							</ul>			
						</div>
					</div>
				</div>
		</section>
	</article>		
</div>

<script src="js/instafeed.min.js"></script>
<script src="js/owl.carousel.min.js"></script>

<script type="text/javascript">
var feed = new Instafeed({
    get: 'user',
    userId: '6298482520',
    accessToken: '6298482520.74aec84.59a7792dcb90443f85ba5edb991ebb9f',
    resolution: 'standard_resolution',
    // template: {% raw %}'<a href="{{link}}" target="_blank" id="{{id}}"><img src="{{image}}"/><div class="footer"><div class="caption">{{caption}}</div><div class="user"><img src="{{model.user.profile_picture}}"/><span>{{model.user.username}}</span></div></div></a>'{% endraw %},
    template: '{% raw %}<li class="post-item instagram col-md-4"><div class="grid-post swatch-white-blue"><article class="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="{{link}}" target="_blank" class="feature-image hover-animate"><img src="{{image}}" alt="img-4-1170x400.png"><i class="fa fa-link"></i></a></div><div class="post-head small-screen-center"><div class="post-icon"><div class="hex hex-big"><i class="fa fa-2x fa-instagram"></i></div></div></div><div class=" entry-content"><p class="text-center">{{caption}}</p></div><div class="post-extras bordered text-center"><div class="text-center"></div></div></article></div></li>{% endraw %}',
    sortBy: 'most-recent',
    limit: 3,
	error: function(message) {
			//hides instagram if no images are returned or something else goes wrong
			$('#instagramsection').hide();
        }
});
feed.run();


// custom method added to string
String.prototype.capitalize = function () {
    "use strict";
    return this.charAt(0).toUpperCase() + this.slice(1);
}

var $owl;

$(document).ready(function() {
    $owl = $('.owl-carousel').owlCarousel({
        loop: $('.owl-carousel .post-item').length > 2 ? true:false,
        margin: 10,
        nav: true,
        autoHeight: true,
        responsive: {
            0: {
                items: 1
            },
            600: {
                items: 2
            },
            1000: {
                items: 3
            }
        }
    });
});

$(window).on("load", function () {
	$owl.trigger('refresh.owl.carousel');
});

window.addEventListener('resize', function () {
	$owl.trigger('refresh.owl.carousel');
});

</script>