diff --git a/api/helm/Chart.yaml b/api/helm/Chart.yaml
index 2cf0a3d..f51e6bb 100644
--- a/api/helm/Chart.yaml
+++ b/api/helm/Chart.yaml
@@ -1,7 +1,7 @@
apiVersion: v1
appVersion: V.0.1
-name: cgui
description: ''Naast deze JSON rest API is er ook een [graphql](/graphql) interface beschikbaar.''
+name: cgui
version: 0.1.0
home: https://common-ground.dev
icon: https://common-ground.dev/logo-250x250.png
\ No newline at end of file
diff --git a/api/helm/helm/Chart.yaml.twig b/api/helm/helm/Chart.yaml.twig
deleted file mode 100644
index 821c26b..0000000
--- a/api/helm/helm/Chart.yaml.twig
+++ /dev/null
@@ -1,7 +0,0 @@
-apiVersion: v1
-appVersion: {{ app_version }}
-description: '{{ app_description }}'
-name: {{ app_name|replace({' ': ''})|lower }}
-version: 0.1.0
-home: https://common-ground.dev
-icon: https://common-ground.dev/logo-250x250.png
\ No newline at end of file
diff --git a/api/helm/helm/Values.yaml.twig b/api/helm/helm/Values.yaml.twig
deleted file mode 100644
index 33aebbd..0000000
--- a/api/helm/helm/Values.yaml.twig
+++ /dev/null
@@ -1,115 +0,0 @@
-# Default values for api.
-# This is a YAML-formatted file.
-# Declare variables to be passed into your templates.
-
-settings:
- registryBase: {{ container_registry_base }}
- projectName: {{ container_project_name }}
- name: {{ app_name }}
- title: {{ app_title }}
- version: {{ app_version }}
- description: '{{ app_description }}'
- repro: {{ app_repro }}'
- demo: {{ app_demo }}
- env: {{ app_env }}
- debug: {{ app_debug }}
- replicaCount: 1
- corsAllowOrigin: ['*']
- trustedHosts: '^(.+\.)?common-ground\.dev$|^(.+\.)?zaakonline\.nl$|^(.+\.)?conduction\.nl$|^example\.com$|^(.+\.)?178.128.142.152$|178.128.142.152|localhost'
- pullPolicy: Always
- # You will need these proxies on kubernetes
- trustedProxies:
- - 10.0.0.0/8
- - 172.16.0.0/12
- - 192.168.0.0/16
- # If you are runnig a single component on a kubernetes cluster you can just easaliy enable the load balancer, if not you need to set up a multi component load balancer
- loadbalancerEnabled: false
- # If you want to enable NLX you are requered to add the appropreate certificates to you nlx-settings folder (located in the /api folder)
- nlxInwayEnabled: {{ nlx_inway }}
- # If you are runnig a single component on a kubernetes cluster you can just easaliy enable the load balancer, if not you need to set up a multi component load balancer
- notificationEnabled: false
- audittrailEnabled: false
- authorisationEnabled: false
- healthEnabled: false
- archiveEnabled: false
-
-
-php:
- repository: docker.io/conduction/protocomponent-php
- tag: latest
- mercure:
- jwtSecret: ""
- env: prod
- secret: ""
-
-nginx:
- repository: docker.io/conduction/protocomponent-nginx
- tag: latest
- pullPolicy: Always
- replicaCount: 1
-
-varnish:
- enabled: true
- #url: https://example.com
- repository: docker.io/conduction/protocomponent-varnish
- tag: latest
- pullPolicy: Always
- replicaCount: 1
-
-postgresql:
- enabled: true
- imageTag: 10-alpine
- # If bringing your own PostgreSQL, the full uri to use
- #url: pgsql://api-platform:!ChangeMe!@example.com/api?serverVersion=10.1
- postgresqlUsername: "example"
- postgresqlPassword: "!ChangeMe!"
- postgresqlDatabase: "api"
- # Persistent Volume Storage configuration.
- # ref: https://kubernetes.io/docs/user-guide/persistent-volumes
- persistence:
- enabled: false
- pullPolicy: IfNotPresent
-# image:
-# repository: postgres
-# tag: alpine
-
-mercure:
- enabled: true
- publishUrl: http://mercure/hub
- subscribeUrl: https://mercure.example.com/hub
- allowAnonymous: "1"
- corsAllowedOrigins: "^https?://.*?\\.example\\.com$"
- acmeHosts: "" # TODO: Fix the Mercure chart
- service:
- type: NodePort
- port: 80
-
-ingress:
- annotations:
- # kubernetes.io/ingress.global-static-ip-name: chart-ip
- # kubernetes.io/ingress.class: gce
- # kubernetes.io/tls-acme: "true"
- tls:
- # Secrets must be manually created in the namespace, you can also use cert-manager.
- # - hosts:
- # - example.com
- # - mercure.example.com
- hosts:
- api:
- host: example.com
- serviceName: varnish
- mercure:
- host: mercure.example.com
- serviceName: mercure
-
-resources: {}
- # We usually recommend not to specify default resources and to leave this as a conscious
- # choice for the user. This also increases chances charts run on environments with little
- # resources, such as Minikube. If you do want to specify resources, uncomment the following
- # lines, adjust them as necessary, and remove the curly braces after 'resources:'.
- # limits:
- # cpu: 100m
- # memory: 128Mi
- # requests:
- # cpu: 100m
- # memory: 128Mi
diff --git a/api/helm/templates/certificate.yaml b/api/helm/templates/certificate.yaml
index 43dacaf..6cfde84 100644
--- a/api/helm/templates/certificate.yaml
+++ b/api/helm/templates/certificate.yaml
@@ -1,9 +1,9 @@
apiVersion: cert-manager.io/v1alpha2
kind: Certificate
metadata:
- name: {{ include "name" . }}-acme-cert
+ name: {{ include "name" . }}-{{ .Values.settings.env }}-cert
spec:
- secretName: {{ include "name" . }}-tls-cert
+ secretName: {{ include "name" . }}-{{ .Values.settings.env }}-cert
duration: 24h
renewBefore: 12h
{{- if eq .Values.settings.env "prod" }}
diff --git a/api/helm/templates/ingress.yaml b/api/helm/templates/ingress.yaml
index 6b777be..7804b5e 100644
--- a/api/helm/templates/ingress.yaml
+++ b/api/helm/templates/ingress.yaml
@@ -20,7 +20,7 @@ spec:
tls:
- hosts:
- {{ .Values.settings.domain }}
- secretName: {{ include "name" . }}-tls-cert
+ secretName: {{ include "name" . }}-{{ .Values.settings.env }}-cert
rules:
# - host: {{ .Values.settings.name }}.{{ .Values.settings.env }}.{{ .Values.settings.domain }}
# http:
diff --git a/api/helm/values.yaml b/api/helm/values.yaml
index ea1f17a..1c2c613 100644
--- a/api/helm/values.yaml
+++ b/api/helm/values.yaml
@@ -10,14 +10,14 @@ settings:
version: V.0.1
description: ''Naast deze JSON rest API is er ook een [graphql](/graphql) interface beschikbaar.''
repro: 'https://github.com/ConductionNL/commonground-ui'
- domain: common-ground.dev
- demo: dev.common-ground.dev
- unit: Common-Ground
- locality: Amsterdam
- country: Netherlands
+ domain: common-ground.dev
+ organisationName: Conduction
email: info@conduction.nl
+ country: Netherlands
state: Noord-Holland
- organisationName: Conduction
+ locality: Amsterdam
+ unit: Common-Ground
+ demo: dev.common-ground.dev
env: dev
debug: 1
replicaCount: 1
diff --git a/api/public/css/styles.css b/api/public/css/styles.css
new file mode 100644
index 0000000..ce2d6d9
--- /dev/null
+++ b/api/public/css/styles.css
@@ -0,0 +1,1170 @@
+/************
+Conduction Variables
+************/
+
+:root {
+ --main-font: 'Roboto', sans-serif !important;
+ --main-background: #ededed;
+ --main-text-color: #555;
+ --main-link-color: #4376FC;
+
+ --header-background: #4376FC url(/images/base-header-overlay.png) repeat top left;
+ --header-text-color: #fff;
+
+ --pannel-header-background: #4376FC;
+ --pannel-header-txt-color: #fff;
+ --pannel-background-color: #fff;
+ --pannel-txt-color: #555;
+
+ --timeline: #FEBF24;
+ --timeline-dot: #FFF;
+
+ --primary-1-color: #ffffff !important;
+ --primary-1-background: #4376FC;
+ --primary-2-color: #56c2b1;
+ --primary-2-background: #56c2b1;
+ --primary-3-color: #6fc6d9;
+ --primary-3-background: #6fc6d9;
+ --primary-4-color: #FEBF24;
+ --primary-4-background: #FEBF24;
+}
+
+
+
+/************
+Utrecht Variables
+************/
+
+:root {
+ --main-font: 'Roboto', sans-serif !important;
+ --main-background: #F2F2F2;
+ --main-text-color: #1D1D1C;
+ --main-link-color: #2A5587;
+
+ --header-background: #CC0000;
+ --header-text-color: #fff;
+
+ --pannel-header-background: #3669A5;
+ --pannel-header-txt-color: #fff;
+ --pannel-background-color: #fff;
+ --pannel-txt-color: #1D1D1C;
+
+ --timeline: #FFB60A;
+ --timeline-dot: #FFF;
+
+ --primary-1-color: #ffffff !important;
+ --primary-1-background: #3669A5;
+ --primary-2-color: #ffffff;
+ --primary-2-background: #FFB60A;
+ --primary-3-color: #ffffff;
+ --primary-3-background: #CC0000;
+ --primary-4-color: #ffffff;
+ --primary-4-background: #333333;
+}
+
+/************
+VNG Variables
+************/
+
+:root {
+ --main-font: "RO Sans",Calibri,Verdana,sans-serif;;
+ --main-background: #F3F3F3;
+ --main-text-color: #000;;
+ --main-link-color: #01689b;
+
+ --header-background: #fff;
+ --header-text-color: #01689B;
+
+ --pannel-header-background: #F3F3F3;
+ --pannel-header-txt-color: #fff;
+ --pannel-background-color: #fff;
+ --pannel-txt-color: #000;
+
+ --timeline: #01689B;
+ --timeline-dot: #FFF;
+
+ --primary-1-color: #ffffff !important;
+ --primary-1-background: #DD4311;
+ --primary-2-color: #ffffff;
+ --primary-2-background: #01689B;
+ --primary-3-color: #ffffff;
+ --primary-3-background: #00A9F3;
+ --primary-4-color: #ffffff;
+ --primary-4-background: #000000;
+}
+
+
+/************
+'s-hertogenbosh Variables
+************/
+
+:root {
+ --main-font: "Lato",sans-serif;
+ --main-background: #F5F5F5;
+ --main-text-color: #000;
+ --main-link-color: #00205c;
+
+ --header-background: #00205c;
+ --header-text-color: #FFF;
+
+ --pannel-header-background: #00205c;
+ --pannel-header-txt-color: #fff;
+ --pannel-background-color: #fff;
+ --pannel-txt-color: #000;
+
+ --timeline: #9DB2C7;
+ --timeline-dot: #FFF;
+
+ --primary-1-color: #ffffff !important;
+ --primary-1-background: #d86623;
+ --primary-2-color: #ffffff;
+ --primary-2-background: #b01f12;
+ --primary-3-color: #ffffff;
+ --primary-3-background: #4282ae;
+ --primary-4-color: #ffffff;
+ --primary-4-background: #119785;
+}
+
+/************
+mijnapp Variables
+************/
+
+:root {
+ --main-font: "Lato",sans-serif;
+ --main-background: #F5F5F5;
+ --main-text-color: #000;
+ --main-link-color: #00205c;
+
+ --header-background: #FFF;
+ --header-text-color: #303F49;
+
+ --pannel-header-background: #303F49;
+ --pannel-header-txt-color: #fff;
+ --pannel-background-color: #fff;
+ --pannel-txt-color: #000;
+
+ --timeline: #9DB2C7;
+ --timeline-dot: #FFF;
+
+ --primary-1-color: #ffffff !important;
+ --primary-1-background: #142531;
+ --primary-2-color: #ffffff;
+ --primary-2-background: #3192CF;
+ --primary-3-color: #ffffff;
+ --primary-3-background: #1EBDD3;
+ --primary-4-color: #ffffff;
+ --primary-4-background: #FF0000;
+}
+
+/************
+NLX Variables
+************/
+
+:root {
+ --main-font: 'Roboto', sans-serif !important;
+ --main-background: #F5F5F5;
+ --main-text-color: #555;
+ --main-link-color: #4376FC;
+
+ /* --header-background: #FFBC2C url(/images/header-nlx.jpg) no-repeat center center fixed; */
+ --header-background: #FFBC2C no-repeat center center fixed;
+ --header-text-color: #fff;
+
+ --pannel-header-background: #FFBC2C;
+ --pannel-header-txt-color: #fff;
+ --pannel-background-color: #fff;
+ --pannel-txt-color: #555;
+
+ --timeline: #FFBC2C;
+ --timeline-dot: #FFF;
+
+ --primary-1-color: #ffffff !important;
+ --primary-1-background: #FFBC2C;
+ --primary-2-color: #56c2b1;
+ --primary-2-background: #56c2b1;
+ --primary-3-color: #6fc6d9;
+ --primary-3-background: #6fc6d9;
+ --primary-4-color: #FEBF24;
+ --primary-4-background: #FEBF24;
+}
+
+/************
+GLOBAL STYLES
+************/
+
+html {
+ width: auto !important;
+ overflow-x: hidden !important;
+}
+
+body{
+ background: var(--main-background);
+ -webkit-background-size: cover;
+ -moz-background-size: cover;
+ -o-background-size: cover;
+ background-size: cover;
+ color: var(--main-text-color);
+ font-family: var(--main-font);
+ font-weight: 300;
+ font-size: 1.3em;
+}
+
+h1 {
+ font-size: 2.2em;
+}
+
+h5 {
+ font-style: italic;
+ font-weight: 300;
+}
+
+p {
+ line-height: 1.5em;
+}
+
+a:link{
+ color: var( --main-link-color);
+ text-decoration: none;
+}
+
+a:hover{
+ color: var( --main-link-color);
+ text-decoration: none;
+}
+
+a:visited{
+ color: var( --main-link-color);
+ text-decoration: none;
+}
+
+
+/************
+GENERAL STYLES
+************/
+.btn {
+ border-radius: 20px;
+ padding-left: 20px;
+ padding-right: 20px;
+}
+
+
+
+.site-holder {
+ width: auto !important;
+ overflow-x: hidden !important;
+}
+
+.hide {
+ display: none;
+}
+
+.show {
+ display: block;
+}
+
+.row {
+ margin: 0;
+}
+
+.form-control {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ -webkit-border-radius: 0;
+ border-radius: 0;
+}
+
+.text-right {
+ text-align: right;
+}
+
+.background-black {
+ background-color: #000;
+}
+
+.background-faded {
+ background-color: #ededed;
+ color: #000 !important;
+
+}
+
+.background-conduction {
+ background-color: #4376fc;
+ color: #FFF !important;
+
+}
+
+.color-bitbucket {
+ color: #0747A6 ;
+}
+
+.background-bitbucket {
+ background-color: #0747A6;
+ color: #DEEBFF !important;
+
+}
+
+.color-github {
+ color: #24292e ;
+}
+
+
+
+.background-github {
+ background-color: #24292e;
+ color: #FFF !important;
+
+}
+
+.color-gitlab {
+ color: #e65328 ;
+}
+
+.background-gitlab {
+ background-color: #e65328;
+ color: #FFF !important;
+}
+.background-1 {
+ background: var(--primary-1-background);
+ color: var(--primary-1-color);
+}
+
+.background-1 a:link, .background-1 a:visited {
+ color: #FFF !important;
+}
+
+
+
+.background-with-image-1 {
+ background:
+ linear-gradient(
+ rgba(237, 120, 166, 0.8),
+ rgba(237, 120, 166, 0.8)
+ ),
+ url(../images/services-1.png) no-repeat center center;
+ -webkit-background-size: cover;
+ -moz-background-size: cover;
+ -o-background-size: cover;
+ background-size: cover;
+}
+
+.background-2 {
+ background: var(--primary-2-background);
+ color: var(--primary-2-color);
+}
+
+.background-with-image-2 {
+ background:
+ linear-gradient(
+ rgba(86, 194, 177, 0.8),
+ rgba(86, 194, 177, 0.8)
+ ),
+ url(../images/services-2.png) no-repeat center center;
+ -webkit-background-size: cover;
+ -moz-background-size: cover;
+ -o-background-size: cover;
+ background-size: cover;
+}
+
+.background-3 {
+ background: var(--primary-3-background);
+ color: var(--primary-3-color);
+}
+
+.background-with-image-3 {
+ background:
+ linear-gradient(
+ rgba(111, 198, 217, 0.8),
+ rgba(111, 198, 217, 0.8)
+ ),
+ url(../images/services-3.png) no-repeat center center;
+ -webkit-background-size: cover;
+ -moz-background-size: cover;
+ -o-background-size: cover;
+ background-size: cover;
+}
+
+.background-4{
+ background: var(--primary-4-background);
+ color: var(--primary-4-color);
+}
+
+.color-1 {
+ color: var(--primary-1-background);
+}
+
+.color-2 {
+ color: var(--primary-2-background);
+}
+
+.color-3 {
+ color: var(--primary-3-background);
+}
+
+.color-4 {
+ color: var(--primary-4-background);
+}
+
+.btn {
+ color: #fff;
+}
+
+.col-md-12 {
+ padding-left: 0;
+ padding-right: 0;
+}
+
+.col-md-4, .col-sm-4 {
+ padding-bottom: 20px;
+}
+
+.content-area {
+ max-width: 970px;
+ margin: 0 auto 0 auto;
+}
+
+.footer {
+ padding: 0 0 30px 60px;
+}
+
+
+/************
+HEADER AND MENU STYLES
+************/
+.header {
+ background: var(--header-background);
+ -webkit-background-size: cover;
+ -moz-background-size: cover;
+ -o-background-size: cover;
+ background-size: cover;
+ color: var(--header-text-color);;
+ width: 100%;
+ padding: 0;
+ margin: 0;
+ height: 400px;
+}
+
+.header .dropdown button{
+ background: none;
+ color: #fff;
+}
+
+.dropdown-toggle, .open>.dropdown-toggle.btn-default{
+ background: none;
+ border: 1px solid #ed78a6;
+}
+
+
+.dropdown-menu {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ padding: 0;
+ -webkit-border-radius: 0;
+ border:none;
+ border-radius: 0;
+ margin-top: 8px;
+ background: rgba(0, 0, 0, 0.8);
+}
+
+.dropdown-menu li a{
+ padding: 10px;
+ color: #fff;
+}
+
+.dropdown-menu li a:hover{
+ padding: 10px;
+ color: #fff;
+ background: rgba(237, 120, 166, 1);
+}
+
+.header-content {
+ position: relative;
+ left: 60px;
+ top: 50%;
+ transform: translateY(-50%);
+ -webkit-transform: translateY(-50%);
+}
+
+.header-content h1 {
+ font-size: 4em;
+ font-weight: 500;
+}
+
+.header-content h3 {
+ font-size: 4em;
+ font-weight: 100;
+ line-height: 0.6em;
+ margin-top: -5px;
+ opacity: 0.7;
+}
+
+.header-title {
+ display: table;
+}
+
+.header-icon {
+ font-size: 8em;
+ float: left;
+ margin-right: 30px;
+ margin-top: 17px;
+}
+
+.header-menu {
+ position: relative;
+ margin: -100px auto 0;
+ height: 100px;
+ font-weight: 400;
+}
+
+.header-menu a:link{
+ color:#fff;
+}
+
+.header-menu a:hover{
+ color:#56c2b1;
+ text-decoration: none;
+}
+
+.header-menu a:visited{
+ color:#fff;
+}
+
+.menu-logo {
+ display: none;
+ color: #fff;
+ font-size: 0.25em;
+ position: absolute;
+ margin: -7px 0 0 -82px;
+}
+
+.mobile-header-menu .menu-logo {
+ margin: 2px 0 0 -19px;
+}
+
+.header-menu-content {
+ position: relative;
+ top: 50%;
+ transform: translateY(-50%);
+ -webkit-transform: translateY(-50%);
+ font-size: 1.2em;
+ padding-left: 65px;
+}
+
+.header-menu-content ul {
+ padding-left: 0;
+}
+
+.header-menu-content li {
+ display: inline;
+ list-style: none;
+ padding-right: 20px;
+}
+
+
+.top-link {
+ font-size: 1.3em;
+ text-align: center;
+ width: 40px;
+ height: 40px;
+ float: right;
+ border-top-right-radius: 50%;
+ border-top-left-radius: 50%;
+ border-bottom-right-radius: 50%;
+ border-bottom-left-radius: 50%;
+ background-color:rgba(34, 34, 34, 0.1);
+}
+
+.top-link .glyphicon {
+ position: relative;
+ top: 50%;
+ transform: translateY(-50%);
+ -webkit-transform: translateY(-50%);
+}
+
+.top-link a:link{
+ color: #fff;
+}
+
+.top-link a:visited{
+ color: #fff;
+}
+
+.top-link a:hover {
+ color: 000;
+ text-decoration: none;
+}
+
+.mobile-header-menu {
+ position: absolute;
+ right: 0;
+ top: 20px;
+ display: none;
+ text-align: right;
+ padding: 8px 20px 0;
+}
+
+
+/************
+STICKY STYLES
+************/
+.sticky {
+ position: fixed;
+ width: 100%;
+ left: 0;
+ top: 0;
+ z-index: 200;
+ border-top: 0;
+ margin: 0 auto 0 auto;
+ height: 50px;
+ background-color:rgba(0, 0, 0, 0.8);
+}
+
+.sticky .header-icon, .mobile-sticky .header-icon {
+ margin-top: 0;
+}
+
+.mobile-sticky {
+ position: fixed;
+ left: 0;
+ top: 0;
+ z-index: 200;
+ border-top: 0;
+ margin: 0 auto 0 auto;
+ height: 50px;
+ background-color:rgba(0, 0, 0, 0.8);
+}
+
+.header-menu-content-sticky {
+ width: 970px;
+ margin: 0 auto 0 auto;
+ padding-left: 80px;
+}
+
+
+
+
+/************
+MAIN CONTENT
+************/
+
+.main-content section{
+ padding-left: 50px;
+ padding-right: 50px;
+}
+
+
+
+
+/************
+SERVICES STYLES
+************/
+.service {
+ margin-bottom: 20px;
+}
+
+.service .panel-heading {
+ padding: 20px;
+ min-height: 100px;
+}
+
+/* Panels */
+.panel {
+ background:none;
+ box-shadow: none;
+ -webkit-box-shadow: none;
+}
+
+.panel-heading {
+ -web-kit-border-top-left-radius: 6px;
+ -web-kit-border-top-right-radius: 6px;
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+.panel-heading h4{
+ padding: 10px 0 10px 0 !important;
+ margin: 0;
+
+}
+
+.panel-heading p{
+ font-style: italic;
+ font-size: 0.8em;
+ margin-top: -8px;
+}
+
+.panel-heading .panel-icon {
+ font-size: 1.7em;
+ text-align: center;
+ width: 50px;
+ height: 50px;
+ float: left;
+ margin-right: 10px;
+ border-top-right-radius: 50%;
+ border-top-left-radius: 50%;
+ border-bottom-right-radius: 50%;
+ border-bottom-left-radius: 50%;
+ background-color:rgba(0, 0, 0, 0.3);
+
+}
+
+.panel-heading .panel-icon div {
+ position: relative;
+ top: 50%;
+ transform: translateY(-50%);
+ -webkit-transform: translateY(-50%);
+}
+
+.panel-heading .panel-title {
+ display: table;
+}
+
+.panel-body {
+ background: #fff;
+ border-bottom: 1px solid transparent;
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+ -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
+ box-shadow: 0 1px 1px rgba(0,0,0,.05);
+ padding: 20px;
+}
+
+.panel-body:hover {
+ cursor:pointer;
+}
+
+.service .panel-body {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+}
+
+.portfolio .panel-body {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+
+}
+
+
+
+
+
+/************
+TEAM STYLES
+************/
+.team-image {
+ width: 50px;
+ height: 50px;
+ position: relative;
+ overflow: hidden;
+ -webkit-border-radius: 50%;
+ -moz-border-radius: 50%;
+ -ms-border-radius: 50%;
+ -o-border-radius: 50%;
+ border-radius: 50%;
+ float: left;
+ margin-right: 10px;
+}
+
+img {
+ display: inline;
+ margin: 0 auto;
+ height: 100%;
+ width: auto;
+}
+
+.team {
+ margin-bottom: 20px;
+}
+
+.team hr{
+ margin-top: 0px;
+ margin-bottom: 20px;
+}
+
+.team-title {
+ display: table;
+}
+
+.team-title .sub-title{
+ margin: -5px 0 10px 0;
+ font-style: italic;
+}
+
+.team-title .glyphicon {
+ font-size: 1.5em;
+}
+
+
+
+/************
+PORTFOLIO STYLES
+************/
+.portfolio {
+ margin-bottom: 20px;
+}
+
+.portfolio h4 {
+ color: #000;
+}
+
+.portfolio .panel-body{
+ padding: 0;
+}
+
+.portfolio-filters {
+ padding: 15px;
+ margin-bottom: 20px;
+}
+
+.portfolio-filters .btn {
+ opacity: 0.3;
+}
+
+.portfolio-filters .btn {
+ color: #fff;
+}
+
+.filter-selected {
+ opacity: 1 !important;
+}
+
+.portfolio-title {
+ padding: 15px;
+ min-height: 110px;
+
+}
+
+.portfolio-title .title {
+ display: table;
+}
+
+.portfolio-image img{
+ width: 100%;
+ height: auto;
+ overflow: hidden;
+ border-bottom-left-radius: 3px;
+ border-bottom-right-radius: 3px;
+ -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
+ box-shadow: 0 1px 1px rgba(0,0,0,.05);
+}
+
+.portfolio-icon {
+ width: 50px;
+ height: 50px;
+ position: relative;
+ overflow: hidden;
+ -webkit-border-radius: 50%;
+ -moz-border-radius: 50%;
+ -ms-border-radius: 50%;
+ -o-border-radius: 50%;
+ border-radius: 50%;
+ float: left;
+ margin-right: 10px;
+ text-align: center;
+ color: #fff;
+ font-size: 1.5em;
+ font-weight: 700;
+}
+
+.web .portfolio-icon {
+ /* background-color: #4376FC */;
+}
+
+.mobile .portfolio-icon {
+ background-color: #4376FC;
+}
+
+.print .portfolio-icon {
+ background-color: #4376FC;
+}
+
+.portfolio-icon div {
+ position: relative;
+ top: 50%;
+ transform: translateY(-50%);
+ -webkit-transform: translateY(-50%);
+}
+
+.portfolio-filters .btn {
+ margin-right: 10px;
+}
+
+
+/************
+MODAL STYLES
+************/
+.modal-header {
+ border-bottom: 0;
+}
+
+.modal-body img {
+ width: 100%;
+ height: auto;
+ margin-bottom: 20px;
+}
+
+.modal-body .title-col, .modal-body .portfolio-title{
+ padding: 0;
+}
+
+
+.modal-text {
+ color: #555;
+}
+
+.modal .portfolio-icon {
+ font-size: 1.5em;
+ font-weight: 700;
+}
+
+.modal-backdrop {
+ background-color: #000;
+ opacity:0.6 !important;
+}
+.modal-content {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ border: none;
+}
+
+.modal.fade .modal-dialog {
+ transition:none;
+ -webkit-transition:none;
+}
+
+.modal-close-btn {
+ position: absolute;
+ z-index: 3;
+ width: 30px;
+ height: 30px;
+ margin: -15px;
+ background: #fff;
+ -webkit-border-radius: 50%;
+ -moz-border-radius: 50%;
+ -ms-border-radius: 50%;
+ -o-border-radius: 50%;
+ border-radius: 50%;
+ border: none;
+ font-size: 1em;
+}
+
+.modal .web {
+ color: #555;
+}
+
+.modal .mobile {
+ color: #555;
+}
+
+.modal .print {
+ color: #FFF;
+}
+
+
+/************
+CAROUSEL STYLES
+************/
+.carousel-control {
+ color: #fff !important;
+}
+
+.carousel-control.left, .carousel-control.right {
+ background: none;
+ background-image: none;
+}
+
+
+/************
+CONTACT STYLES
+************/
+.panel-body input, textarea {
+ margin: 10px 0;
+}
+
+
+/************
+TIMELINE STYLES
+************/
+
+.timeline {
+ list-style: none;
+ padding: 0;
+ margin-top: 50px;
+ top: 10px;
+ margin-bottom: 50px;
+ position: relative;
+}
+.timeline:before {
+ top: 10px;
+ bottom: 0;
+ position: absolute;
+ content: " ";
+ width: 0px;
+ margin-left: -1.5px;
+ background: #4376FC
+}
+.timeline > li {
+ margin-bottom: 20px;
+ position: relative;
+}
+
+.timeline > li:before,
+.timeline > li:after {
+ content: " ";
+ display: table;
+}
+.timeline > li:after {
+ clear: both;
+}
+.timeline > li:before,
+.timeline > li:after {
+ content: " ";
+ display: table;
+}
+.timeline > li:after {
+ clear: both;
+}
+
+.timeline > li > .timeline-panel {
+ left:50px;
+ margin-right:50px;
+ margin-bottom: 50px;
+ margin-top: -25px;
+ float: left;
+ position: relative;
+ width: 100%;
+ padding-right: 50px;
+}
+
+.timeline > li > .timeline-panel:after {
+ position: absolute;
+ top: 27px;
+ right: -14px;
+ display: inline-block;
+ content: " ";
+}
+.timeline > li > .timeline-badge {
+ color: #fff;
+ width: 20px;
+ height: 20px;
+ line-height: 20px;
+ text-align: center;
+ position: absolute;
+ margin-left: -10px;
+ z-index: 100;
+ border-top-right-radius: 50%;
+ border-top-left-radius: 50%;
+ border-bottom-right-radius: 50%;
+ border-bottom-left-radius: 50%;
+ background: var(--timeline-dot);
+ border: 3px solid #FEBF24 !important;
+}
+
+.timeline > li > .timeline-line {
+ width: 3px;
+ height: 100%;
+ position: absolute;
+ margin-top: 20px;
+ margin-left: -2px;
+ z-index: 99;
+ background: var(--timeline);
+}
+
+.timeline-title {
+ margin-top: 0;
+ color: inherit;
+}
+
+.timeline-body > p,
+.timeline-body > ul {
+ margin-bottom: 0;
+}
+.timeline-body > p + p {
+ margin-top: 5px;
+}
+
+.timeline-body h1, h5{
+ padding-left: 15px;
+ color: #444;
+}
+
+.timeline-body h5 {
+ margin: -7px 0 20px 0;
+}
+
+
+
+
+/************
+RESOLLUTION SPECIFIC STYLES
+************/
+
+@media (max-width: 768px) {
+
+ .header {
+ height: auto;
+ }
+
+ .header-content {
+ top: 0;
+ left: 0;
+ transform: translateY(0);
+ -webkit-transform: translateY(0);
+ padding: 20px;
+ }
+
+ .mobile-header-menu {
+ display: inherit;
+ }
+
+ .header-icon {
+ float: none;
+ margin-right: 0;
+ }
+
+ .header-menu {
+ display: none;
+ }
+
+ .portfolio-filters .btn {
+ margin-bottom: 10px;
+ }
+
+ .timeline > li > .timeline-panel {
+ left:20px;
+ }
+
+
+}
+
+@media (max-width: 990px) {
+
+}
+
+@media (min-width: 990px){
+ .team .panel-body {
+ min-height: 230px;
+ }
+
+ .service .panel-body {
+ min-height: 140px;
+ }
+}
+
+@media (min-width: 768px) {
+
+ .container {
+ /**/
+ }
+
+
+}
+
+@media (min-width: 1200px) {
+ .container {
+ width: 970px;
+ }
+}
+
+
diff --git a/api/public/dark/css/styles.css b/api/public/dark/css/styles.css
new file mode 100644
index 0000000..63e20a7
--- /dev/null
+++ b/api/public/dark/css/styles.css
@@ -0,0 +1,1012 @@
+/************
+GLOBAL STYLES
+************/
+
+html {
+ width: auto !important;
+ overflow-x: hidden !important;
+}
+
+body{
+ background-color: #222;
+ /*background: url(../images/background.jpg) no-repeat top center;*/
+ -webkit-background-size: cover;
+ -moz-background-size: cover;
+ -o-background-size: cover;
+ background-size: cover;
+ color: #777;
+ font-family: 'Montserrat', sans-serif;
+ font-weight: 300;
+ font-size: 1.4em;
+ line-height: 1.7em;
+}
+
+h1 {
+ font-size: 2.2em;
+
+}
+
+h4 {
+ margin-bottom: 0px;
+}
+
+h5 {
+ font-weight: 300;
+}
+
+p {
+ line-height: 1.7em;
+}
+
+a:link{
+ color: #ed78a6;
+ text-decoration: none;
+}
+
+a:hover{
+ color: #ba4775;
+ text-decoration: none;
+}
+
+a:visited{
+ color: #ed78a6;
+ text-decoration: none;
+}
+
+
+/************
+GENERAL STYLES
+************/
+.btn {
+ border-radius: 10px;
+ padding-left: 10px;
+ padding-right: 10px;
+}
+
+hr{
+ margin-left: 15px;
+ opacity: 0.2;
+ margin-bottom: 25px;
+ margin-top: 25px;
+}
+
+.site-holder {
+ width: auto !important;
+ overflow-x: hidden !important;
+}
+
+.hide {
+ display: none;
+}
+
+.show {
+ display: block;
+}
+
+.row {
+ margin: 0;
+}
+
+.form-control {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ -webkit-border-radius: 0;
+ border-radius: 0;
+ background-color: transparent;
+ border: 1px solid #555;
+
+}
+
+
+.text-right {
+ text-align: right;
+}
+
+.background-black {
+ background-color: #000;
+}
+
+.background-1 {
+ background-color: #ed78a6;
+}
+
+.background-with-image-1 {
+
+ background-color: #ed78a6;
+
+}
+
+.background-2 {
+ background-color: #56c2b1;
+}
+
+.background-with-image-2 {
+ background-color: #56c2b1;
+}
+
+.background-3 {
+ background-color: #70c6da;
+}
+
+
+.background-with-image-3 {
+ background-color: #70c6da;
+}
+
+.background-4 {
+ background-color: #70c6da;
+}
+
+.background-5 {
+ background-color: #ffcc00;
+}
+
+.color-1 {
+ color: #ed78a6;
+}
+
+.color-2 {
+ color: #56c2b1;
+}
+
+.color-3 {
+ color: #6fc6d9;
+}
+
+.color-4 {
+ color: #70c6da;
+}
+
+.color-5 {
+ color: #ffcc00;
+}
+
+.color-6{
+ color: #ffffff;
+}
+
+.btn {
+ color: #fff;
+}
+
+.col-md-12 {
+ padding-left: 0;
+ padding-right: 0;
+}
+
+.col-md-4, .col-sm-4 {
+ padding-bottom: 20px;
+}
+
+.content-area {
+ max-width: 970px;
+ margin: 0 auto 0 auto;
+}
+
+.footer {
+ padding: 0 0 30px 60px;
+}
+
+
+/************
+HEADER AND MENU STYLES
+************/
+.header {
+ background-color: #000;
+ background: url(../images/header.jpg) no-repeat top center;
+ -webkit-background-size: cover;
+ -moz-background-size: cover;
+ -o-background-size: cover;
+ background-size: cover;
+ color: #fff;
+ width: 100%;
+ padding: 0;
+ margin: 0;
+ height: 400px;
+}
+
+.header .dropdown button{
+ background: none;
+ color: #fff;
+}
+
+.dropdown-toggle, .open>.dropdown-toggle.btn-default{
+ background: none;
+ border: 1px solid #ffcc00;
+}
+
+
+.dropdown-menu {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ padding: 0;
+ -webkit-border-radius: 0;
+ border:none;
+ border-radius: 0;
+ margin-top: 8px;
+ background: rgba(0, 0, 0, 0.8);
+}
+
+.dropdown-menu li a{
+ padding: 10px;
+ color: #fff;
+}
+
+.dropdown-menu li a:hover{
+ padding: 10px;
+ color: #222;
+ background-color: #ffcc00;
+}
+
+.header-content {
+ position: relative;
+ left: 60px;
+ top: 50%;
+ transform: translateY(-50%);
+ -webkit-transform: translateY(-50%);
+}
+
+.header-content h1 {
+ font-size: 6.6em;
+ font-family: 'Kaushan Script', cursive;
+ margin-bottom: 20px;
+ color: #ffcc00;
+}
+
+.header-content h3 {
+ font-size: 2.6em;
+ font-weight: 100;
+ line-height: 0.6em;
+ margin-top: -5px;
+ opacity: 0.4;
+ margin-bottom: 30px;
+}
+
+.header-title {
+ display: table;
+}
+
+.header-icon {
+ font-size: 8em;
+ float: left;
+ margin-right: 30px;
+ margin-top: 17px;
+}
+
+.header-menu {
+ position: relative;
+ margin: -100px auto 0;
+ height: 100px;
+ font-weight: 400;
+}
+
+.header-menu a:link{
+ color:#fff;
+}
+
+.header-menu a:hover{
+ color:#ffcc00;
+ text-decoration: none;
+}
+
+.header-menu a:visited{
+ color:#fff;
+}
+
+.menu-logo {
+ display: none;
+ color: #fff;
+ font-size: 0.25em;
+ position: absolute;
+ margin: -7px 0 0 -82px;
+}
+
+.mobile-header-menu .menu-logo {
+ margin: 2px 0 0 -19px;
+}
+
+.header-menu-content {
+ position: relative;
+ top: 50%;
+ transform: translateY(-50%);
+ -webkit-transform: translateY(-50%);
+ font-size: 1.2em;
+ padding-left: 65px;
+}
+
+.header-menu-content ul {
+ padding-left: 0;
+}
+
+.header-menu-content li {
+ display: inline;
+ list-style: none;
+ padding-right: 20px;
+}
+
+
+.top-link {
+ font-size: 1.3em;
+ text-align: center;
+ width: 40px;
+ height: 40px;
+ float: right;
+ border-top-right-radius: 50%;
+ border-top-left-radius: 50%;
+ border-bottom-right-radius: 50%;
+ border-bottom-left-radius: 50%;
+ background-color:rgba(134, 134, 134, 0.1);
+}
+
+.top-link .glyphicon {
+ position: relative;
+ top: 50%;
+ transform: translateY(-50%);
+ -webkit-transform: translateY(-50%);
+}
+
+.top-link a:link{
+ color: #fff;
+}
+
+.top-link a:visited{
+ color: #fff;
+}
+
+.top-link a:hover {
+ color: 000;
+ text-decoration: none;
+}
+
+.mobile-header-menu {
+ position: absolute;
+ right: 0;
+ top: 20px;
+ display: none;
+ text-align: right;
+ padding: 8px 20px 0;
+}
+
+
+/************
+STICKY STYLES
+************/
+.sticky {
+ position: fixed;
+ width: 100%;
+ left: 0;
+ top: 0;
+ z-index: 200;
+ border-top: 0;
+ margin: 0 auto 0 auto;
+ height: 50px;
+ background-color:rgba(0, 0, 0, 0.8);
+}
+
+.sticky .header-icon, .mobile-sticky .header-icon {
+ margin-top: 0;
+}
+
+.mobile-sticky {
+ position: fixed;
+ left: 0;
+ top: 0;
+ z-index: 200;
+ border-top: 0;
+ margin: 0 auto 0 auto;
+ height: 50px;
+ background-color:rgba(0, 0, 0, 0.8);
+}
+
+.header-menu-content-sticky {
+ width: 970px;
+ margin: 0 auto 0 auto;
+ padding-left: 80px;
+}
+
+
+
+
+/************
+MAIN CONTENT
+************/
+
+.main-content section{
+ padding-left: 50px;
+ padding-right: 50px;
+}
+
+
+
+
+/************
+SERVICES STYLES
+************/
+.service {
+ margin-bottom: 20px;
+}
+
+.service .panel-heading {
+ padding: 20px;
+ min-height: 90px;
+}
+
+/* Panels */
+.panel {
+ background:none;
+ box-shadow: none;
+ -webkit-box-shadow: none;
+ border-radius: 0px;
+}
+
+.panel-heading {
+ color: #ffffff;
+
+}
+
+.panel-heading h4{
+ padding: 15px 0 10px 0 !important;
+ margin: 0;
+ color: #ffffff !important;
+ font-family: 'Montserrat', sans-serif;
+
+}
+
+.panel-heading p{
+ font-style: italic;
+ font-size: 0.8em;
+ margin-top: -8px;
+}
+
+.panel-heading .panel-icon {
+ font-size: 1.7em;
+ text-align: center;
+ width: 50px;
+ height: 50px;
+ float: left;
+ margin-right: 10px;
+ border-top-right-radius: 50%;
+ border-top-left-radius: 50%;
+ border-bottom-right-radius: 50%;
+ border-bottom-left-radius: 50%;
+ /*background-color:rgba(0, 0, 0, 0.3);*/
+ background-color: transparent;
+ border: 2px solid #fff;
+
+}
+
+.panel-heading .panel-icon .glyphicon {
+ position: relative;
+ top: 50%;
+ transform: translateY(-50%);
+ -webkit-transform: translateY(-50%);
+}
+
+.panel-heading .panel-title {
+ display: table;
+}
+
+.panel-body {
+ background: #343434;
+ border-bottom: 1px solid transparent;
+ /*border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;*/
+ -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
+ box-shadow: 0 1px 1px rgba(0,0,0,.05);
+ padding: 30px;
+}
+
+.service .panel-body {
+ /*border-top-left-radius: 0;
+ border-top-right-radius: 0;*/
+}
+
+.portfolio .panel-body {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+
+}
+
+
+.panelborder-1{
+ border: 1px solid #ed78a6;
+}
+
+.panelborder-2{
+ border: 1px solid #56c2b1;
+}
+
+.panelborder-3{
+ border: 1px solid #70c6da;
+}
+
+.panelborder-4{
+ border: 1px solid #ffcc00;
+}
+
+
+
+/************
+TEAM STYLES
+************/
+.team-image {
+width: 50px;
+height: 50px;
+position: relative;
+overflow: hidden;
+-webkit-border-radius: 50%;
+-moz-border-radius: 50%;
+-ms-border-radius: 50%;
+-o-border-radius: 50%;
+border-radius: 50%;
+float: left;
+margin-right: 10px;
+}
+
+img {
+ display: inline;
+ margin: 0 auto;
+ height: 100%;
+ width: auto;
+}
+
+.team {
+ margin-bottom: 20px;
+}
+
+.team hr{
+ margin-top: 0px;
+ margin-bottom: 20px;
+ opacity: 0.2;
+}
+
+.team-title {
+ display: table;
+}
+
+.team-title .sub-title{
+ margin: -5px 0 10px 0;
+ font-style: italic;
+}
+
+.team-title .glyphicon {
+ font-size: 1.5em;
+}
+
+
+
+/************
+PORTFOLIO STYLES
+************/
+.portfolio {
+ margin-bottom: 20px;
+}
+
+
+.portfolio .panel-body{
+ padding: 0;
+}
+
+.portfolio-filters {
+ padding: 15px;
+ margin-bottom: 40px;
+ margin-top: 50px;
+}
+
+.portfolio-filters .btn {
+ opacity: 0.3;
+}
+
+.portfolio-filters .btn {
+ color: #fff;
+}
+
+.filter-selected {
+ opacity: 1 !important;
+}
+
+.portfolio-title {
+ padding: 15px;
+ min-height: 80px;
+
+}
+
+.portfolio-title .title {
+ display: table;
+}
+
+.portfolio-image img{
+ width: 100%;
+ height: auto;
+ overflow: hidden;
+ -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
+ box-shadow: 0 1px 1px rgba(0,0,0,.05);
+}
+
+.portfolio-icon {
+ width: 50px;
+ height: 50px;
+ position: relative;
+ overflow: hidden;
+ -webkit-border-radius: 50%;
+ -moz-border-radius: 50%;
+ -ms-border-radius: 50%;
+ -o-border-radius: 50%;
+ border-radius: 50%;
+ float: left;
+ margin-right: 10px;
+ text-align: center;
+ color: #fff;
+ font-size: 1.5em;
+ font-weight: 700;
+}
+
+.web .portfolio-icon {
+ background-color: transparent;
+ border: 3px solid #f1669d;
+ color: #f1669d;
+
+}
+
+.mobile .portfolio-icon {
+ background-color: transparent;
+ border: 3px solid #56c2b1;
+ color: #56c2b1;
+}
+
+.print .portfolio-icon {
+ background-color: transparent;
+ border: 3px solid #70c6da;
+ color: #70c6da;
+
+}
+
+.portfolio-icon div {
+ position: relative;
+ top: 50%;
+ transform: translateY(-50%);
+ -webkit-transform: translateY(-50%);
+}
+
+.portfolio-filters .btn {
+ margin-right: 10px;
+}
+
+
+/************
+MODAL STYLES
+************/
+.modal-header {
+ border-bottom: 0;
+}
+
+.modal-body img {
+ width: 100%;
+ height: auto;
+ margin-bottom: 20px;
+}
+
+.modal-body .title-col, .modal-body .portfolio-title{
+ padding: 0;
+}
+
+
+.modal-text {
+ color: #777;
+}
+
+.modal .portfolio-icon {
+ font-size: 1.5em;
+ font-weight: 700;
+}
+
+.modal-backdrop {
+ background-color: #000;
+ opacity:0.9 !important;
+}
+.modal-content {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ border: none;
+ background-color: #111;
+}
+
+.modal.fade .modal-dialog {
+ transition:none;
+ -webkit-transition:none;
+}
+
+.modal-close-btn {
+ position: absolute;
+ z-index: 3;
+ width: 30px;
+ height: 30px;
+ color: #fff;
+
+ background: #111;
+
+ border: none;
+ font-size: 1em;
+}
+
+.modal .web {
+ color: #ed78a6;
+}
+
+.modal .mobile {
+ color: #56c2b1;
+}
+
+.modal .print {
+ color: #70c6da;
+}
+
+
+/************
+CAROUSEL STYLES
+************/
+.carousel-control {
+ color: #fff !important;
+}
+
+.carousel-control.left, .carousel-control.right {
+ background: none;
+ background-image: none;
+}
+
+
+/************
+CONTACT STYLES
+************/
+.panel-body input, textarea {
+ margin: 30px 0;
+}
+
+
+/************
+TIMELINE STYLES
+************/
+
+.timeline {
+ list-style: none;
+ padding: 0;
+ margin-top: 50px;
+ top: 10px;
+ margin-bottom: 50px;
+ position: relative;
+}
+.timeline:before {
+ top: 10px;
+ bottom: 0;
+ position: absolute;
+ content: " ";
+ width: 0px;
+ margin-left: -1.5px;
+ background: -webkit-linear-gradient(#ed78a6, #56c2b1, #6fc6d9, #70c6da); /* For Safari 5.1 to 6.0 */
+ background: -o-linear-gradient(#ed78a6, #56c2b1, #6fc6d9, #70c6da); /* For Opera 11.1 to 12.0 */
+ background: -moz-linear-gradient(#ed78a6, #56c2b1, #6fc6d9, #70c6da); /* For Firefox 3.6 to 15 */
+ background: linear-gradient(#ed78a6, #56c2b1, #6fc6d9, #70c6da); /* Standard syntax */
+}
+.timeline > li {
+ margin-bottom: 20px;
+ position: relative;
+}
+
+.timeline > li:before,
+.timeline > li:after {
+ content: " ";
+ display: table;
+}
+.timeline > li:after {
+ clear: both;
+}
+.timeline > li:before,
+.timeline > li:after {
+ content: " ";
+ display: table;
+}
+.timeline > li:after {
+ clear: both;
+}
+
+.timeline > li > .timeline-panel {
+ left:50px;
+ margin-right:50px;
+ margin-bottom: 50px;
+ margin-top: -25px;
+ float: left;
+ position: relative;
+ width: 100%;
+ padding-right: 50px;
+}
+
+.timeline > li > .timeline-panel:after {
+ position: absolute;
+ top: 27px;
+ right: -14px;
+ display: inline-block;
+ content: " ";
+}
+.timeline > li > .timeline-badge {
+ color: #fff;
+ width: 20px;
+ height: 20px;
+ line-height: 20px;
+ text-align: center;
+ position: absolute;
+ margin-left: -10px;
+ z-index: 100;
+ border-top-right-radius: 50%;
+ border-top-left-radius: 50%;
+ border-bottom-right-radius: 50%;
+ border-bottom-left-radius: 50%;
+ background: #222;
+}
+
+.timeline > li > .timeline-line {
+ width: 3px;
+ height: 100%;
+ position: absolute;
+ margin-top: 20px;
+ margin-left: -2px;
+ z-index: 99;
+}
+
+.badge-1 {
+ border: 3px solid #ed78a6 !important;
+}
+
+.badge-2 {
+ border: 3px solid #56c2b1 !important;
+}
+
+.badge-3 {
+ border: 3px solid #6fc6d9 !important;
+}
+
+.badge-4 {
+ border: 3px solid #70c6da !important;
+}
+
+.line-1 {
+ background: -webkit-linear-gradient(#ed78a6, #56c2b1);
+ background: -o-linear-gradient(#ed78a6, #56c2b1);
+ background: -moz-linear-gradient(#ed78a6, #56c2b1);
+ background: linear-gradient(#ed78a6, #56c2b1);
+}
+
+.line-2 {
+ background: -webkit-linear-gradient(#56c2b1, #6fc6d9);
+ background: -o-linear-gradient(#56c2b1, #6fc6d9);
+ background: -moz-linear-gradient(#56c2b1, #6fc6d9);
+ background: linear-gradient(#56c2b1, #6fc6d9);
+}
+
+.line-3 {
+ background: -webkit-linear-gradient(#6fc6d9, #70c6da);
+ background: -o-linear-gradient(#6fc6d9, #70c6da);
+ background: -moz-linear-gradient(#6fc6d9, #70c6da);
+ background: linear-gradient(#6fc6d9, #70c6da);
+}
+
+.line-4 {
+ background: -webkit-linear-gradient(#70c6da, #ed78a6);
+ background: -o-linear-gradient(#70c6da, #ed78a6);
+ background: -moz-linear-gradient(#70c6da, #ed78a6);
+ background: linear-gradient(#70c6da, #ed78a6);
+}
+
+
+.timeline-title {
+ margin-top: 0;
+ color: inherit;
+}
+
+.timeline-body > p,
+.timeline-body > ul {
+ margin-bottom: 0;
+}
+.timeline-body > p + p {
+ margin-top: 5px;
+}
+
+.timeline-body h1, h5{
+ padding-left: 15px;
+ color: #f3f3f3;
+}
+
+.timeline-body h5 {
+ margin: -7px 0 20px 0;
+ color: #555;
+}
+
+
+
+
+/************
+RESOLUTION SPECIFIC STYLES
+************/
+
+@media (max-width: 768px) {
+
+ .header {
+ height: auto;
+ }
+
+ .header-content {
+ top: 0;
+ left: 0;
+ transform: translateY(0);
+ -webkit-transform: translateY(0);
+ padding: 20px;
+ }
+
+ .mobile-header-menu {
+ display: inherit;
+ }
+
+ .header-icon {
+ float: none;
+ margin-right: 0;
+ }
+
+ .header-menu {
+ display: none;
+ }
+
+ .portfolio-filters .btn {
+ margin-bottom: 10px;
+ }
+
+ .timeline > li > .timeline-panel {
+ left:20px;
+ }
+
+ .header-content h1{
+ text-align: center;
+ line-height: 1em;
+ margin-bottom: 30px;
+ }
+ .header-content h3 {
+ text-align: center;
+ }
+ .panel-body{
+ padding: 15px;
+ }
+
+
+}
+
+
+}
+
+@media (max-width: 990px) {
+
+}
+
+@media (min-width: 990px){
+ .team .panel-body {
+ min-height: 230px;
+ }
+
+ .service .panel-body {
+ min-height: 140px;
+ }
+}
+
+@media (min-width: 768px) {
+
+ .container {
+ /**/
+ }
+
+
+}
+
+@media (min-width: 1200px) {
+ .container {
+ width: 970px;
+ }
+}
\ No newline at end of file
diff --git a/api/public/dark/fonts/glyphicons-halflings-regular.eot b/api/public/dark/fonts/glyphicons-halflings-regular.eot
new file mode 100644
index 0000000..b93a495
Binary files /dev/null and b/api/public/dark/fonts/glyphicons-halflings-regular.eot differ
diff --git a/api/public/dark/fonts/glyphicons-halflings-regular.svg b/api/public/dark/fonts/glyphicons-halflings-regular.svg
new file mode 100644
index 0000000..94fb549
--- /dev/null
+++ b/api/public/dark/fonts/glyphicons-halflings-regular.svg
@@ -0,0 +1,288 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/api/public/dark/fonts/glyphicons-halflings-regular.ttf b/api/public/dark/fonts/glyphicons-halflings-regular.ttf
new file mode 100644
index 0000000..1f85312
Binary files /dev/null and b/api/public/dark/fonts/glyphicons-halflings-regular.ttf differ
diff --git a/api/public/dark/fonts/glyphicons-halflings-regular.woff b/api/public/dark/fonts/glyphicons-halflings-regular.woff
new file mode 100644
index 0000000..9e61285
Binary files /dev/null and b/api/public/dark/fonts/glyphicons-halflings-regular.woff differ
diff --git a/api/public/dark/fonts/glyphicons-halflings-regular.woff2 b/api/public/dark/fonts/glyphicons-halflings-regular.woff2
new file mode 100644
index 0000000..64539b5
Binary files /dev/null and b/api/public/dark/fonts/glyphicons-halflings-regular.woff2 differ
diff --git a/api/public/dark/images/background.jpg b/api/public/dark/images/background.jpg
new file mode 100644
index 0000000..6309768
Binary files /dev/null and b/api/public/dark/images/background.jpg differ
diff --git a/api/public/dark/images/header.jpg b/api/public/dark/images/header.jpg
new file mode 100644
index 0000000..c455044
Binary files /dev/null and b/api/public/dark/images/header.jpg differ
diff --git a/api/public/dark/images/large-images/large-1.jpg b/api/public/dark/images/large-images/large-1.jpg
new file mode 100644
index 0000000..c9eb860
Binary files /dev/null and b/api/public/dark/images/large-images/large-1.jpg differ
diff --git a/api/public/dark/images/large-images/large-10.jpg b/api/public/dark/images/large-images/large-10.jpg
new file mode 100644
index 0000000..6d9f58b
Binary files /dev/null and b/api/public/dark/images/large-images/large-10.jpg differ
diff --git a/api/public/dark/images/large-images/large-11.jpg b/api/public/dark/images/large-images/large-11.jpg
new file mode 100644
index 0000000..8bd85ae
Binary files /dev/null and b/api/public/dark/images/large-images/large-11.jpg differ
diff --git a/api/public/dark/images/large-images/large-2.jpg b/api/public/dark/images/large-images/large-2.jpg
new file mode 100644
index 0000000..8c06c7c
Binary files /dev/null and b/api/public/dark/images/large-images/large-2.jpg differ
diff --git a/api/public/dark/images/large-images/large-3.jpg b/api/public/dark/images/large-images/large-3.jpg
new file mode 100644
index 0000000..7df6b0e
Binary files /dev/null and b/api/public/dark/images/large-images/large-3.jpg differ
diff --git a/api/public/dark/images/large-images/large-4.jpg b/api/public/dark/images/large-images/large-4.jpg
new file mode 100644
index 0000000..3b49e52
Binary files /dev/null and b/api/public/dark/images/large-images/large-4.jpg differ
diff --git a/api/public/dark/images/large-images/large-5.jpg b/api/public/dark/images/large-images/large-5.jpg
new file mode 100644
index 0000000..0cce025
Binary files /dev/null and b/api/public/dark/images/large-images/large-5.jpg differ
diff --git a/api/public/dark/images/large-images/large-6.jpg b/api/public/dark/images/large-images/large-6.jpg
new file mode 100644
index 0000000..73d92da
Binary files /dev/null and b/api/public/dark/images/large-images/large-6.jpg differ
diff --git a/api/public/dark/images/large-images/large-7.jpg b/api/public/dark/images/large-images/large-7.jpg
new file mode 100644
index 0000000..0403e2d
Binary files /dev/null and b/api/public/dark/images/large-images/large-7.jpg differ
diff --git a/api/public/dark/images/large-images/large-8.jpg b/api/public/dark/images/large-images/large-8.jpg
new file mode 100644
index 0000000..67d33e9
Binary files /dev/null and b/api/public/dark/images/large-images/large-8.jpg differ
diff --git a/api/public/dark/images/large-images/large-9.jpg b/api/public/dark/images/large-images/large-9.jpg
new file mode 100644
index 0000000..eb99996
Binary files /dev/null and b/api/public/dark/images/large-images/large-9.jpg differ
diff --git a/api/public/dark/images/portfolio-1.png b/api/public/dark/images/portfolio-1.png
new file mode 100644
index 0000000..513096d
Binary files /dev/null and b/api/public/dark/images/portfolio-1.png differ
diff --git a/api/public/dark/images/portfolio-2.png b/api/public/dark/images/portfolio-2.png
new file mode 100644
index 0000000..7b30b6c
Binary files /dev/null and b/api/public/dark/images/portfolio-2.png differ
diff --git a/api/public/dark/images/portfolio-3.png b/api/public/dark/images/portfolio-3.png
new file mode 100644
index 0000000..aed81ed
Binary files /dev/null and b/api/public/dark/images/portfolio-3.png differ
diff --git a/api/public/dark/images/portfolio-4.png b/api/public/dark/images/portfolio-4.png
new file mode 100644
index 0000000..c7c04cc
Binary files /dev/null and b/api/public/dark/images/portfolio-4.png differ
diff --git a/api/public/dark/images/portfolio-5.png b/api/public/dark/images/portfolio-5.png
new file mode 100644
index 0000000..a714cef
Binary files /dev/null and b/api/public/dark/images/portfolio-5.png differ
diff --git a/api/public/dark/images/services-1.png b/api/public/dark/images/services-1.png
new file mode 100644
index 0000000..84eaaa3
Binary files /dev/null and b/api/public/dark/images/services-1.png differ
diff --git a/api/public/dark/images/services-2.png b/api/public/dark/images/services-2.png
new file mode 100644
index 0000000..ec8ffee
Binary files /dev/null and b/api/public/dark/images/services-2.png differ
diff --git a/api/public/dark/images/services-3.png b/api/public/dark/images/services-3.png
new file mode 100644
index 0000000..4cf3752
Binary files /dev/null and b/api/public/dark/images/services-3.png differ
diff --git a/api/public/dark/images/user-1.png b/api/public/dark/images/user-1.png
new file mode 100644
index 0000000..97517ea
Binary files /dev/null and b/api/public/dark/images/user-1.png differ
diff --git a/api/public/dark/images/user-2.png b/api/public/dark/images/user-2.png
new file mode 100644
index 0000000..6d3ec0a
Binary files /dev/null and b/api/public/dark/images/user-2.png differ
diff --git a/api/public/dark/index.html b/api/public/dark/index.html
new file mode 100644
index 0000000..6948ab6
--- /dev/null
+++ b/api/public/dark/index.html
@@ -0,0 +1,740 @@
+
+
+
+
+
+
+
+
+
+
+
+ Mister Wolf
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
What we do
+
Lots of sugar, lots of cream
+
+
+
+
+
Our Bootstrap templates are responsive as all hell so it looks sweet on every damn device you’ve got. You’re welcome.
+
+
+
+
+
+
+
+
We love what we do and do what we love.That’s why this template is created the only way we know how.
+
+
+
+
+
+
+
We’ve polished up this template to make it something a little bit special. Just for you.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Meet the Team
+
Pretty please, with sugar on top.
+
+
+
+
+
+
+
+
+
+
Jeremy Piven
+
Lead Designer
+
+
+
+
+
Jeremy is possibly the best designer in the world. His designs make your content sing and your ideas zing. But don’t take our word for it, take his.
+
+
+
+
+
+
+
+
+
+
+
+
+
Shaun Sobey
+
Account Director
+
+
+
+
+
Shaun is an organisational god who knows his left hand from his right. When he’s not sweet talking clients you can find him practicing his football skills.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Our Work
+
I think fast, I talk fast.
+
+
+
+ In the past we’ve come across a lot of problems. But that’s our job. We make sure that we solve the problems while not creating any new ones. Take a look at our work to date.
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas maximus accumsan tempor. Fusce cursus felis sit amet erat pulvinar, sed iaculis lorem interdum. Mauris sem mauris, finibus vitae metus et, fermentum ullamcorper enim.
+
+
+
+ Etiam gravida consectetur sodales. Morbi mi eros, accumsan id nisl in, euismod hendrerit felis. Curabitur massa quam, egestas ac purus vitae, dictum hendrerit risus. Aenean egestas ut ex eu porta. Suspendisse dictum mollis tincidunt.
+
+
+
+
+
+
+
+
+
+ display all
+ web
+ mobile
+ photography
+
+
+
+
+
+
+
+
+
+
+
+
Webpage Design
+ Homepage redesign
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
App Design
+ UI / UX design.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Lorem Ipsum
+ Dolor sit amet
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
2015 Photoshoot
+ Love, love, love.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
2016 photoshoot
+ All of the ink
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Contact Us
+
It's thirty minutes away. I'll be there in ten.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Webpage Design
+ Homepage redesign for a well known brand.
+
+
+
+
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam lacus. Aenean nisi urna, aliquam sit amet turpis in, ultricies scelerisque sapien. Donec lobortis nulla ac consequat imperdiet. Cras eleifend velit ut justo posuere ullamcorper. Mauris quis mi tempor
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Original App Design
+ UI / UX design.
+
+
+
+
+
Onec lobortis nulla ac consequat imperdiet. Cras eleifend velit ut justo posuere ullamcorper. Mauris quis mi tempor, tempus ex maximus, fermentum ex. Proin laoreet dui mauris, quis gravida metus tincidunt et. Mauris quis nulla luctus, congue libero sit amet, suscipit neque. Aliquam erat volutpat. Aenean scelerisque ipsum tellus, id cursus mauris tempor ac.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Lorem Ipsum
+ Dolor Sit amet.
+
+
+
+
+
Mauris quis mi tempor, tempus ex maximus, fermentum ex. Proin laoreet dui mauris, quis gravida metus tincidunt et. Mauris quis nulla luctus, congue libero sit amet, suscipit neque. Aliquam erat volutpat. Aenean scelerisque ipsum tellus, id cursus mauris tempor ac.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
2015 Photoshoot
+ Love, love, love
+
+
+
+
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam lacus. Aenean nisi urna, aliquam sit amet turpis in, ultricies scelerisque sapien. Donec lobortis nulla ac consequat imperdiet. Cras eleifend velit ut justo posuere ullamcorper.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
2016 Photoshoot
+ All the ink.
+
+
+
+
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam lacus. Aenean nisi urna, aliquam sit amet turpis in, ultricies scelerisque sapien.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/api/public/fonts/glyphicons-halflings-regular.eot b/api/public/fonts/glyphicons-halflings-regular.eot
new file mode 100644
index 0000000..b93a495
Binary files /dev/null and b/api/public/fonts/glyphicons-halflings-regular.eot differ
diff --git a/api/public/fonts/glyphicons-halflings-regular.svg b/api/public/fonts/glyphicons-halflings-regular.svg
new file mode 100644
index 0000000..94fb549
--- /dev/null
+++ b/api/public/fonts/glyphicons-halflings-regular.svg
@@ -0,0 +1,288 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/api/public/fonts/glyphicons-halflings-regular.ttf b/api/public/fonts/glyphicons-halflings-regular.ttf
new file mode 100644
index 0000000..1f85312
Binary files /dev/null and b/api/public/fonts/glyphicons-halflings-regular.ttf differ
diff --git a/api/public/fonts/glyphicons-halflings-regular.woff b/api/public/fonts/glyphicons-halflings-regular.woff
new file mode 100644
index 0000000..9e61285
Binary files /dev/null and b/api/public/fonts/glyphicons-halflings-regular.woff differ
diff --git a/api/public/fonts/glyphicons-halflings-regular.woff2 b/api/public/fonts/glyphicons-halflings-regular.woff2
new file mode 100644
index 0000000..64539b5
Binary files /dev/null and b/api/public/fonts/glyphicons-halflings-regular.woff2 differ
diff --git a/api/public/images/avatar_marleen.png b/api/public/images/avatar_marleen.png
new file mode 100644
index 0000000..75adc7a
Binary files /dev/null and b/api/public/images/avatar_marleen.png differ
diff --git a/api/public/images/avatar_matthias.png b/api/public/images/avatar_matthias.png
new file mode 100644
index 0000000..802ef05
Binary files /dev/null and b/api/public/images/avatar_matthias.png differ
diff --git a/api/public/images/avatar_ruben.png b/api/public/images/avatar_ruben.png
new file mode 100644
index 0000000..e9368ba
Binary files /dev/null and b/api/public/images/avatar_ruben.png differ
diff --git a/api/public/images/base-header-overlay.png b/api/public/images/base-header-overlay.png
new file mode 100644
index 0000000..eb0501e
Binary files /dev/null and b/api/public/images/base-header-overlay.png differ
diff --git a/api/public/images/header-den-bosh.jpg b/api/public/images/header-den-bosh.jpg
new file mode 100644
index 0000000..6aeabf2
Binary files /dev/null and b/api/public/images/header-den-bosh.jpg differ
diff --git a/api/public/images/header-nlx.jpg b/api/public/images/header-nlx.jpg
new file mode 100644
index 0000000..c4cf797
Binary files /dev/null and b/api/public/images/header-nlx.jpg differ
diff --git a/api/public/images/header-utrecht.jpg b/api/public/images/header-utrecht.jpg
new file mode 100644
index 0000000..2c750c2
Binary files /dev/null and b/api/public/images/header-utrecht.jpg differ
diff --git a/api/public/images/header.jpg b/api/public/images/header.jpg
new file mode 100644
index 0000000..16ad512
Binary files /dev/null and b/api/public/images/header.jpg differ
diff --git a/api/public/images/large-images/large_agenda.gif b/api/public/images/large-images/large_agenda.gif
new file mode 100644
index 0000000..5e877e7
Binary files /dev/null and b/api/public/images/large-images/large_agenda.gif differ
diff --git a/api/public/images/large-images/large_betalen.gif b/api/public/images/large-images/large_betalen.gif
new file mode 100644
index 0000000..3116565
Binary files /dev/null and b/api/public/images/large-images/large_betalen.gif differ
diff --git a/api/public/images/large-images/large_brp.gif b/api/public/images/large-images/large_brp.gif
new file mode 100644
index 0000000..ef28abe
Binary files /dev/null and b/api/public/images/large-images/large_brp.gif differ
diff --git a/api/public/images/large-images/large_instemeningen.gif b/api/public/images/large-images/large_instemeningen.gif
new file mode 100644
index 0000000..c4d5213
Binary files /dev/null and b/api/public/images/large-images/large_instemeningen.gif differ
diff --git a/api/public/images/large-images/large_resources.gif b/api/public/images/large-images/large_resources.gif
new file mode 100644
index 0000000..9fb647a
Binary files /dev/null and b/api/public/images/large-images/large_resources.gif differ
diff --git a/api/public/images/logo-nlx-white.svg b/api/public/images/logo-nlx-white.svg
new file mode 100644
index 0000000..15a08b6
--- /dev/null
+++ b/api/public/images/logo-nlx-white.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/api/public/images/logo-nlx.svg b/api/public/images/logo-nlx.svg
new file mode 100644
index 0000000..29a765a
--- /dev/null
+++ b/api/public/images/logo-nlx.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/api/public/images/portfolio-1.png b/api/public/images/portfolio-1.png
new file mode 100644
index 0000000..aa0628d
Binary files /dev/null and b/api/public/images/portfolio-1.png differ
diff --git a/api/public/images/portfolio-2.png b/api/public/images/portfolio-2.png
new file mode 100644
index 0000000..9b4bbdd
Binary files /dev/null and b/api/public/images/portfolio-2.png differ
diff --git a/api/public/images/portfolio-3.png b/api/public/images/portfolio-3.png
new file mode 100644
index 0000000..eafe703
Binary files /dev/null and b/api/public/images/portfolio-3.png differ
diff --git a/api/public/images/portfolio-4.png b/api/public/images/portfolio-4.png
new file mode 100644
index 0000000..cf8aa97
Binary files /dev/null and b/api/public/images/portfolio-4.png differ
diff --git a/api/public/images/portfolio-5.png b/api/public/images/portfolio-5.png
new file mode 100644
index 0000000..fc979e1
Binary files /dev/null and b/api/public/images/portfolio-5.png differ
diff --git a/api/public/images/services-1.png b/api/public/images/services-1.png
new file mode 100644
index 0000000..84eaaa3
Binary files /dev/null and b/api/public/images/services-1.png differ
diff --git a/api/public/images/services-2.png b/api/public/images/services-2.png
new file mode 100644
index 0000000..ec8ffee
Binary files /dev/null and b/api/public/images/services-2.png differ
diff --git a/api/public/images/services-3.png b/api/public/images/services-3.png
new file mode 100644
index 0000000..4cf3752
Binary files /dev/null and b/api/public/images/services-3.png differ
diff --git a/api/public/images/user-1.png b/api/public/images/user-1.png
new file mode 100644
index 0000000..97517ea
Binary files /dev/null and b/api/public/images/user-1.png differ
diff --git a/api/public/images/user-2.png b/api/public/images/user-2.png
new file mode 100644
index 0000000..6d3ec0a
Binary files /dev/null and b/api/public/images/user-2.png differ
diff --git a/api/src/Controller/ComponentController.php b/api/src/Controller/ComponentController.php
new file mode 100644
index 0000000..c717996
--- /dev/null
+++ b/api/src/Controller/ComponentController.php
@@ -0,0 +1,44 @@
+ [], "components"=> [] , "apis"=> []];
+ }
+
+ /**
+ * @Route("/page/{slug}")
+ * @Template
+ */
+ public function pageAction(Request $request, $slug)
+ {
+ return [];
}
}
diff --git a/api/src/Controller/OrganizationController.php b/api/src/Controller/OrganizationController.php
new file mode 100644
index 0000000..133919c
--- /dev/null
+++ b/api/src/Controller/OrganizationController.php
@@ -0,0 +1,35 @@
+
{% for organisation in organisations %}
- {% include 'home/organisation-thumb.html.twig' with {'organisation': organisation} %}
+ {% include 'default/organisation-thumb.html.twig' with {'organisation': organisation} %}
{% endfor %}
@@ -115,7 +115,7 @@
{% for api in apis %}
- {% include 'home/api-thumb.html.twig' with {'item': api} %}
+ {% include 'default/api-thumb.html.twig' with {'item': api} %}
{% endfor %}
@@ -150,15 +150,15 @@
{% for component in components %}
- {% include 'home/component-thumb.html.twig' with {'item': component} %}
+ {% include 'default/component-thumb.html.twig' with {'item': component} %}
{% endfor %}
- {% include 'home/add.html.twig' %}
+ {% include 'default/add.html.twig' %}
{# if is_granted('IS_AUTHENTICATED_FULLY') == false and is_granted('IS_AUTHENTICATED_REMEMBERED') == false %}
- {% include 'home/login.html.twig' %}
+ {% include 'default/login.html.twig' %}
{% endif #}
@@ -168,7 +168,7 @@
{% for component in components %}
- {% include 'home/component-modal.html.twig' with {'component': component} %}
+ {% include 'default/component-modal.html.twig' with {'component': component} %}
{% endfor %}
{% endblock %}
diff --git a/api/templates/menu.html.twig b/api/templates/menu.html.twig
index f681a9a..9c0d0a4 100644
--- a/api/templates/menu.html.twig
+++ b/api/templates/menu.html.twig
@@ -36,14 +36,14 @@
{% endif %}
- Tutorial
+ Tutorial
{% if is_granted('IS_AUTHENTICATED_FULLY') or is_granted('IS_AUTHENTICATED_REMEMBERED') %}
Instellingen.
- Uitloggen
+ Uitloggen
{% else %}
{% if app.request.attributes.get('_route') == 'app_user_index' or app.request.attributes.get('_route') == 'app_home_tutorial' %}
@@ -93,14 +93,14 @@
{% endif %}
- Tutorial
+ Tutorial
{% if is_granted('IS_AUTHENTICATED_FULLY') or is_granted('IS_AUTHENTICATED_REMEMBERED') %}
Instellingen
- Uitloggen
+ Uitloggen
{% else %}
{% if app.request.attributes.get('_route') == 'app_user_index' or app.request.attributes.get('_route') == 'app_home_tutorial' %}
diff --git a/docker-compose.yml b/docker-compose.yml
index 00ca014..15fef97 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -74,7 +74,7 @@ services:
volumes:
- ./api/public:/srv/api/public:ro
ports:
- - "8080:80"
+ - "80:80"
environment:
- NGINX_HOST=php
@@ -97,23 +97,23 @@ services:
environment:
- BACKENDS=php
- #nlx-outway:
- # image: ${CONTAINER_REGISTRY_BASE}/${CONTAINER_PROJECT_NAME}-nlx-outway:${APP_ENV}
- # build:
- # context: ./api
- # target: api-nlx-outway
- # depends_on:
- # - nlx-postgres
- # volumes:
- # - ./api/nlx-setup:/certs:rw,cached
- # environment:
- # - DIRECTORY_INSPECTION_ADDRESS=directory-inspection-api.demo.nlx.io:443
- # - TLS_NLX_ROOT_CERT=/certs/root.crt
- # - TLS_ORG_CERT=/certs/org.crt
- # - TLS_ORG_KEY=/certs/org.key
- # - POSTGRES_DSN=postgres://postgres:postgres@nlx-postgres/txlog-db?sslmode=disable&connect_timeout=10
- # networks:
- # - nlx
+ nlx-outway:
+ image: ${CONTAINER_REGISTRY_BASE}/${CONTAINER_PROJECT_NAME}-nlx-outway:${APP_ENV}
+ build:
+ context: ./api
+ target: api-nlx-outway
+ depends_on:
+ - nlx-postgres
+ volumes:
+ - ./api/nlx-setup:/certs:rw,cached
+ environment:
+ - DIRECTORY_INSPECTION_ADDRESS=directory-inspection-api.demo.nlx.io:443
+ - TLS_NLX_ROOT_CERT=/certs/root.crt
+ - TLS_ORG_CERT=/certs/org.crt
+ - TLS_ORG_KEY=/certs/org.key
+ - POSTGRES_DSN=postgres://postgres:postgres@nlx-postgres/txlog-db?sslmode=disable&connect_timeout=10
+ networks:
+ - nlx
# Uncomment the follwoign lines if you want to deploy trough a docker-compose chart and wish to use an nlx inway
#
@@ -138,33 +138,33 @@ services:
# - nlx
# Comment out this service in production if you do not want to use nlx
- #nlx-postgres:
- # image: postgres:12
- # environment:
- # POSTGRES_PASSWORD: postgres
- # POSTGRES_DB: txlog-db
- # POSTGRES_USER: postgres
- # volumes:
- # - nlx-data-2:/var/lib/postgresql/data:rw
- # networks:
- # - nlx
+ nlx-postgres:
+ image: postgres:12
+ environment:
+ POSTGRES_PASSWORD: postgres
+ POSTGRES_DB: txlog-db
+ POSTGRES_USER: postgres
+ volumes:
+ - nlx-data-2:/var/lib/postgresql/data:rw
+ networks:
+ - nlx
# Comment out this service in production if you do not want to use nlx
- #txlog-db:
- # image: nlxio/txlog-db
- # depends_on:
- # - nlx-postgres
- # - nlx-outway
+ txlog-db:
+ image: nlxio/txlog-db
+ depends_on:
+ - nlx-postgres
+ - nlx-outway
# If you us this docker-compose file for production enviroments and want to us nlx-inway uncomment the following lins
# - nlx-inway
- # environment:
- # PGHOST: nlx-postgres
- # PGUSER: postgres
- # PGPASSWORD: postgres
- # PGDATABASE: txlog-db
- # command: /usr/local/bin/upgrade-db.sh
- # networks:
- # - nlx
+ environment:
+ PGHOST: nlx-postgres
+ PGUSER: postgres
+ PGPASSWORD: postgres
+ PGDATABASE: txlog-db
+ command: /usr/local/bin/upgrade-db.sh
+ networks:
+ - nlx
db:
image: postgres:10-alpine
@@ -189,60 +189,6 @@ services:
ports:
- "1337:80"
- client:
- # Use a static website hosting service in production
- # See https://facebook.github.io/create-react-app/docs/deployment
- image: ${CONTAINER_REGISTRY_BASE}/${CONTAINER_PROJECT_NAME}-client
- build:
- context: ./client
- cache_from:
- - ${CONTAINER_REGISTRY_BASE}/client
- env_file:
- - ./client/.env
- volumes:
- - ./client:/usr/src/client:rw,cached
- - /usr/src/client/node_modules
-
- admin:
- # Use a static website hosting service in production
- # See https://facebook.github.io/create-react-app/docs/deployment
- image: ${CONTAINER_REGISTRY_BASE}/admin
- build:
- context: ./admin
- cache_from:
- - ${CONTAINER_REGISTRY_BASE}/${CONTAINER_PROJECT_NAME}-admin
- volumes:
- - ./admin:/usr/src/admin:rw,cached
- - /usr/src/admin/node_modules
-
- h2-proxy:
- # Don't use this proxy in prod
- build:
- context: ./h2-proxy
- cache_from:
- - ${CONTAINER_REGISTRY_BASE}/${CONTAINER_PROJECT_NAME}-h2-proxy
- depends_on:
- - db
- - client
- - admin
- - api
- - cache-proxy
- - mercure
- #- stag-pc-cache-proxy
- #- dev-pc-cache-proxy
- #volumes:
- # - ./conf.d/:/etc/nginx/conf.d/:rw,cached
- ports:
- - "80:80" #http port
- - "443:443" #ssl port
- - "444:444"
- - "8443:8443"
- - "8444:8444"
- - "5432:5432" #postgress port
- environment:
- - APP_ENV=${APP_ENV}
- - APP_NAME=${CONTAINER_PROJECT_NAME}
-
networks:
nlx:
name: nlx