Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update Fundermaps Website #6

Merged
merged 1 commit into from
Dec 7, 2023
Merged

Update Fundermaps Website #6

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Empty file modified .eslintrc.json
100644 → 100755
View file
Open in desktop
Empty file.
3 changes: 3 additions & 0 deletions .gitignore
100644 → 100755
View file
Open in desktop
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
Open in desktop
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
Open in desktop
Empty file.
Empty file modified .postcssrc.json
100644 → 100755
View file
Open in desktop
Empty file.
Empty file modified .posthtmlrc
100644 → 100755
View file
Open in desktop
Empty file.
Empty file modified .prettierrc
100644 → 100755
View file
Open in desktop
Empty file.
Empty file modified .stylelintrc.json
100644 → 100755
View file
Open in desktop
Empty file.
Empty file modified README.md
100644 → 100755
View file
Open in desktop
Empty file.
12 changes: 6 additions & 6 deletions package.json
100644 → 100755
View file
Open in desktop
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
Open in desktop
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
Loading