Skip to content

Commit

Permalink
Merge pull request #6 from Laixer/20231207-lemone
Browse files Browse the repository at this point in the history 
Update Fundermaps Website
  • Loading branch information
@kjvdven
kjvdven authored Dec 7, 2023
2 parents 58846dc + 6187155 commit 866b358
Show file tree
Hide file tree
Showing 91 changed files with 1,735 additions and 1,232 deletions.
Empty file modified .eslintrc.json
100644 → 100755
View file
Empty file.
3 changes: 3 additions & 0 deletions .gitignore
100644 → 100755
View file
Original file line number Diff line number Diff line change
Expand Up @@ -128,3 +128,6 @@ dist
.yarn/build-state.yml
.yarn/install-state.gz
.pnp.*

# DS Store
.DS_Store
27 changes: 27 additions & 0 deletions .gitlab-ci.yml
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
# Sets the docker image for the job
image: node:16

# Build static page
.build-page:
script:
- yarn
- yarn build
- mkdir public
- mv dist/* public

.upload-artifacts:
artifacts:
paths:
- public

# Setup GitLab Pages
pages:
extends:
- .build-page
- .upload-artifacts
cache:
paths:
- node_modules
stage: deploy
only:
- develop
Empty file modified .parcelrc.json
100644 → 100755
View file
Empty file.
Empty file modified .postcssrc.json
100644 → 100755
View file
Empty file.
Empty file modified .posthtmlrc
100644 → 100755
View file
Empty file.
Empty file modified .prettierrc
100644 → 100755
View file
Empty file.
Empty file modified .stylelintrc.json
100644 → 100755
View file
Empty file.
Empty file modified README.md
100644 → 100755
View file
Empty file.
12 changes: 6 additions & 6 deletions package.json
100644 → 100755
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,22 +7,22 @@
"license": "MIT",
"browserslist": "> 0.5%, last 2 versions, not dead",
"engines": {
"node": "16.x"
"node": ">= 16.0.0"
},
"scripts": {
"clean:output": "rimraf dist",
"start": "yarn run clean:output && parcel src/index.html -p 8000",
"build": "yarn run clean:output && parcel build src/index.html --no-optimize --public-url ./"
},
"devDependencies": {
"@parcel/config-default": "^2.8.0",
"@parcel/core": "^2.8.3",
"@parcel/transformer-sass": "^2.8.0",
"@parcel/validator-eslint": "^2.8.0",
"@parcel/config-default": "^2.10.3",
"@parcel/core": "^2.10.3",
"@parcel/transformer-sass": "^2.10.3",
"@parcel/validator-eslint": "^2.10.3",
"eslint": "^8.28.0",
"eslint-config-airbnb-base": "^15.0.0",
"eslint-config-prettier": "^8.5.0",
"parcel": "^2.8.0",
"parcel": "^2.10.3",
"parcel-validator-stylelint": "^1.0.1",
"postcss": "^8.4.19",
"postcss-import": "^15.1.0",
Expand Down
101 changes: 40 additions & 61 deletions src/index.html
100644 → 100755
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,7 @@
<title>FunderMaps - Inzicht in funderingsrisico's en asset management</title>
<link href="./resources/styles/app.scss" rel="stylesheet" />
<script src="./resources/scripts/app.js" type="module"></script>
<link rel="icon" type="image/ico" href="resources/images/fundermaps-favicon.ico">
</head>

<body>
Expand All @@ -28,24 +29,27 @@
<!-- Desktop navigation -->
<nav class="hidden lg:flex items-center">
<ul class="menu | ">
<li class="menu-item | px-6">
<a class="active no-underline" title="Intro" href="#hero">Intro</a>
<li class="menu-item | px-4">
<a class="active no-underline" title="Intro" href="/#hero">Intro</a>
</li>
<li class="menu-item | px-6">
<a class="no-underline" title="Services" href="#services">Services</a>
<li class="menu-item | px-4">
<a class="no-underline" title="Services" href="/#services">Services</a>
</li>
<li class="menu-item | px-6">
<a class="no-underline" title="Referenties" href="#references-anchor">Referenties</a>
<li class="menu-item | px-4">
<a class="no-underline" title="Referenties" href="/#references-anchor">Referenties</a>
</li>
<li class="menu-item | px-6">
<a class="no-underline" title="Demo" href="#demo">Demo</a>
<li class="menu-item | px-4">
<a class="no-underline" title="Demo" href="/#demo">Demo</a>
</li>
<li class="menu-item | px-6">
<a class="no-underline" title="Partners" href="#partners">Partners</a>
<li class="menu-item | px-4">
<a class="no-underline" title="Partners" href="/#partners">Partners</a>
</li>
<li class="menu-item | px-4">
<a class="no-underline" title="Login" href="https://app.fundermaps.com">App</a>
</li>
</ul>

<a class="button button-secondary ml-11" href="mailto:[email protected]">
<a class="button button-secondary ml-4" href="mailto:[email protected]">
<div class="inline-block">
<img class="w-8 mr-1" src="./resources/images/contactpersoon.webp" height="64" width="64"
alt="Fundermaps contact">
Expand Down Expand Up @@ -121,6 +125,9 @@
<li class="menu-item">
<a class="no-underline" title="Partners" href="#partners" x-on:click="open = false">Partners</a>
</li>
<li class="menu-item">
<a class="no-underline" title="Login" href="https://app.fundermaps.com" x-on:click="open = false">App</a>
</li>
<li class="pl-16">
<a class="button button-outline-primary mt-10" href="#toLinkedIn" x-on:click="open = false">
<div class="button-logo">
Expand Down Expand Up @@ -157,7 +164,7 @@ <h1 class="mb-2 lg:mb-5">Maak funderings- problematiek inzichtelijk</h1>
<p class="mb-4 lg:mb-7">Assetbeheer voor funderingen.</p>

<div>
<a href="default.html" class="button button-primary">
<a href="more-info.html" class="button button-primary">
Meer info
<div class="button-arrow">
<include src="./resources/svg/arrow-right-icon.svg"></include>
Expand Down Expand Up @@ -233,71 +240,50 @@ <h2 class="mb-3 lg:mb-0 lg:col-span-5">Services</h2>
</div>

<div class="grid gap-x-6 gap-y-2 lg:grid-cols-2 lg:gap-y-10">
<a href="#card" class="card | inline-block bg-grey-100 rounded-xl w-100 px-7 pt-14 pb-12 no-underline">
<a class="card | inline-block bg-grey-100 rounded-xl w-100 px-7 pt-14 pb-12 no-underline">
<div class="inline-flex items-center lg:block">
<include src="./resources/svg/card-viewer-icon.svg"></include>
<h3 class="ml-6 lg:ml-0 lg:mt-6 lg:mb-2">Kaartviewer</h3>
</div>

<p class="text-grey-400 mb-7">
<p class="text-grey-400">
Visuele weergave van cruciale data
</p>

<span class="card__link | flex items-center font-extrabold text-green-300">
<span>Meer info</span>
<include src="./resources/svg/arrow-right-icon-green.svg"></include>
</span>
</a>

<div class="card--bg-visual | relative lg:mt-10 lg:-mb-10 after:bg-blue-900">
<a href="#card" class="card | inline-block bg-grey-100 rounded-xl w-100 px-7 pt-14 pb-12 no-underline">
<a class="card | inline-block bg-grey-100 rounded-xl px-7 pt-14 pb-12 no-underline w-full">
<div class="inline-flex items-center lg:block">
<include src="./resources/svg/application-icon.svg"></include>
<h3 class="ml-6 lg:ml-0 lg:mt-6 lg:mb-2">Applicatie</h3>
</div>

<p class="text-grey-400 mb-7">
<p class="text-grey-400">
Efficiënte data-invoer en rapportgeneratie
</p>

<span class="card__link | flex items-center font-extrabold text-green-300">
<span>Meer info</span>
<include src="./resources/svg/arrow-right-icon-green.svg"></include>
</span>
</a>
</div>

<a href="#card" class="card | inline-block bg-grey-100 rounded-xl w-100 px-7 pt-14 pb-12 no-underline">
<a class="card | inline-block bg-grey-100 rounded-xl w-100 px-7 pt-14 pb-12 no-underline">
<div class="inline-flex items-center lg:block">
<include src="./resources/svg/api-icon.svg"></include>
<h3 class="ml-6 lg:ml-0 lg:mt-6 lg:mb-2">API-functie</h3>
</div>

<p class="text-grey-400 mb-7">
<p class="text-grey-400">
Directe toegang tot waardevolle funderingsdata
</p>

<span class="card__link | flex items-center font-extrabold text-green-300">
<span>Meer info</span>
<include src="./resources/svg/arrow-right-icon-green.svg"></include>
</span>
</a>

<a href="#card"
class="card | inline-block bg-grey-100 rounded-xl w-100 px-7 pt-14 pb-12 no-underline lg:mt-10 lg:-mb-10">
<a class="card | inline-block bg-grey-100 rounded-xl w-100 px-7 pt-14 pb-12 no-underline lg:mt-10 lg:-mb-10">
<div class="inline-flex items-center lg:block">
<include src="./resources/svg/ai-model-icon.svg"></include>
<h3 class="ml-6 lg:ml-0 lg:mt-6 lg:mb-2">Modellen</h3>
</div>

<p class="text-grey-400 mb-7">
<p class="text-grey-400">
Betrouwbare inzichten met geavanceerde AI-modellen
</p>

<span class="card__link | flex items-center font-extrabold text-green-300">
<span>Meer info</span>
<include src="./resources/svg/arrow-right-icon-green.svg"></include>
</span>
</a>
<div id="references-anchor"></div>
</div>
Expand All @@ -318,14 +304,7 @@ <h2 class="text-white mb-3">Referenties</h2>
Deze gebruikers gingen u voor:
</p>

<a href="#meerinfo" class="button button-primary">
Meer info
<div class="button-arrow">
<include src="./resources/svg/arrow-right-icon.svg"></include>
</div>
</a>

<div x-data="references_carousel" class="carousel carousel--references | mt-11 lg:mt-20"
<div x-data="references_carousel" class="carousel carousel--references"
data-references-carousel="true">
<div x-ref="glide" class="">
<div class="glide__track" data-glide-el="track">
Expand Down Expand Up @@ -420,19 +399,19 @@ <h3 class="mb-3">KCAF</h3>
</a>

<div class="card--bg-visual | relative">
<a href="https://www.rvo.nl/onderwerpen/funderingsproblematiek/nationale-aanpak"
<a href="https://www.sensar.nl/"
class="card | inline-block border border-grey-300 bg-white rounded-xl w-100 px-7 pt-14 pb-12 no-underline">
<div class="inline-block mb-2 lg:mb-4">
<img class="w-1/2" src="./resources/images/overheid-logo.webp" height="180" width="460"
alt="Rijksoverheid logo">
<img class="w-1/2" src="./resources/images/sensar-logo.webp" height="180" width="460"
alt="Sensar logo">
</div>

<h3 class="mb-3">RvO</h3>
<h3 class="mb-3">Sensar</h3>

<p class="text-grey-400 mb-7">
De Nationale Aanpak Funderingsproblematiek (NAF) van het Rijksvastgoedbedrijf zet zich in voor het
verbeteren
van de kennis over funderings-problematiek in Nederland en de aanpak daarvan.
Gegevens over de zakking van de bodem en panden vormen een aanvulling bij het beoordelen van de actuele
staat van een potentieel funderingsrisico. Deze gegevens worden geleverd door Sensar en verwerkt in het
FunderMaps-platform.
</p>

<span class="card__link | flex items-center font-extrabold text-green-300">
Expand Down Expand Up @@ -464,9 +443,9 @@ <h3 class="mb-3">RvO</h3>

</blockquote>
<figcaption class="text-center">
<span class="font-extrabold text-blue-900">Ambtenaar Gemeente</span>
<span class="font-extrabold text-blue-900">Gemeente</span>
<span class="block leading-none">
OpenAPI

</span>
</figcaption>
</figure>
Expand Down Expand Up @@ -527,7 +506,7 @@ <h3 class="mb-3">RvO</h3>

</blockquote>
<figcaption class="text-center">
<span class="font-extrabold text-blue-900">Taxateur Taxatiesbureau</span>
<span class="font-extrabold text-blue-900">Taxatiesbureau</span>
<span class="block leading-none">
Taxateur
</span>
Expand All @@ -549,7 +528,7 @@ <h3 class="mb-3">RvO</h3>

</blockquote>
<figcaption class="text-center">
<span class="font-extrabold text-blue-900">Hypotheek Adviseur Bank</span>
<span class="font-extrabold text-blue-900">Bank</span>
<span class="block leading-none">
Hypotheekadviseur
</span>
Expand Down Expand Up @@ -597,7 +576,7 @@ <h3 class="mb-3">RvO</h3>

<section id="top-tasks" class="section | wrapper py-14 grid gap-x-7 gap-y-5 lg:grid-cols-3 lg:py-20">
<h2 class="text-center lg:col-span-3 lg:mb-3">Top taken</h2>
<a class="button button-outline-primary button-alternative" href="#mediaBibliotheek">
<a class="button button-outline-primary button-alternative" href="media-library.html">
<span class="relative flex">
Media bibliotheek
<div class="absolute -right-6">
Expand Down
Loading

0 comments on commit 866b358

Please sign in to comment.