Skip to content

Commit

Permalink
fix: improved website
Browse files Browse the repository at this point in the history
  • Loading branch information
Maximvdw committed Apr 22, 2024
1 parent 8166f7f commit ea3e5aa
Show file tree
Hide file tree
Showing 11 changed files with 3,706 additions and 1,554 deletions.
1 change: 0 additions & 1 deletion website/.eleventy.js
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,6 @@ const markdownIt = require("markdown-it");
const pluginTOC = require('eleventy-plugin-toc');
const pluginSASS = require("eleventy-sass");
const pluginNavigation = require("@11ty/eleventy-navigation");
const pluginHTMLValidate = require('eleventy-plugin-html-validate');

const nunjucks = require("nunjucks");
const markdown = require('nunjucks-markdown');
Expand Down
3 changes: 2 additions & 1 deletion website/CNAME
Original file line number Diff line number Diff line change
@@ -1,2 +1,3 @@
poso.info
www.poso.info
www.poso.info
poso.openhps.org
10 changes: 7 additions & 3 deletions website/_includes/footer.njk
Original file line number Diff line number Diff line change
@@ -1,4 +1,8 @@
<script src="/scripts/twoslash.js"></script>
<footer>
<a href="https://github.com/OpenHPS/POSO/blob/master/website/{{ page.inputPath }}">Edit this page on GitHub</a>
<footer class="py-5 container d-flex flex-wrap justify-content-between align-items-center my-4 border-top">
<div class="col-md-4 d-flex align-items-center">
<a href="/" class="mb-3 me-2 mb-md-0 text-body-secondary text-decoration-none lh-1">
<svg class="bi" width="30" height="24"><use xlink:href="#bootstrap"></use></svg>
</a>
<span class="mb-3 mb-md-0 text-body-secondary">&copy; 2022 - 2024 | Vrije Universiteit Brussel</span>
</div>
</footer>
10 changes: 7 additions & 3 deletions website/_includes/head.njk
Original file line number Diff line number Diff line change
Expand Up @@ -3,11 +3,15 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1">

<meta name="keywords" content="hybrid positioning system typescript javascript open source" />
<meta name="keywords" content="fiducial marker, ontology" />

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700|Source+Code+Pro:400,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/jpswalsh/academicons@1/css/academicons.min.css">
<link rel="stylesheet" href="/css/main.css?version=8">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="/css/main.css?version=1">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/jpswalsh/academicons@1/css/academicons.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css">
<link rel="stylesheet" href="https://cdn.rawgit.com/jpswalsh/academicons/master/css/academicons.min.css">
</head>
9 changes: 9 additions & 0 deletions website/_includes/header.njk
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
<header>
<div class="navbar navbar-dark bg-dark shadow-sm">
<div class="container">
<a href="#" class="navbar-brand d-flex align-items-center">
<strong>{{ title }}</strong>
</a>
</div>
</div>
</header>
10 changes: 7 additions & 3 deletions website/_layouts/default.njk
Original file line number Diff line number Diff line change
Expand Up @@ -3,9 +3,13 @@
{% include "head.njk" %}

<body>
<section class="content" id="content">
{{ content | safe }}
</section>
{% include "header.njk" %}

<main>
<section class="py-5 container">
{{ content | safe }}
</section>
</main>

{% include "footer.njk" %}
</body>
Expand Down
27 changes: 27 additions & 0 deletions website/_scss/main.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
@import '../node_modules/bootstrap/scss/bootstrap.scss';

h2:not(:first-child) {
margin-top: 1em;
}

p.abstract {
font-weight: bold;
}

.btn.btn-icon i {
margin-right: 0.5em;
}

.card-header {
position: relative;
}

.card-header img.profile {
height: calc(100% + 2px);
display: block;
position: absolute;
right: -1px;
top: -1px;
border: solid 1px var(--bs-border-color-translucent);
border-radius: 0 var(--bs-card-inner-border-radius) 0 0;
}
7 changes: 0 additions & 7 deletions website/index.md

This file was deleted.

112 changes: 112 additions & 0 deletions website/index.njk
Original file line number Diff line number Diff line change
@@ -0,0 +1,112 @@
---
layout: default.njk
title: 'Positioning System Ontology'
---
<h2>Abstract</h2>
<p class="abstract">
While satellite-based positioning systems are mainly used in
outdoor environments, various other positioning techniques exist for different domains and use cases, including indoor or underground settings.
The representation of spatial data via semantic linked data is well addressed by existing spatial ontologies. However, there is a primary focus
on location data with its specific geographical context, but a lack of solutions for describing the different types of data generated by a positioning
system and the used sampling techniques to obtain the data. In this paper we introduce a new generic Positioning System Ontology (POSO)
that is built on top of the Semantic Sensor Network (SSN) and Sensor,
Observation, Sample, and Actuator (SOSA) ontologies. With POSO, we
provide missing concepts needed for describing a positioning system and
its output with known positioning algorithms and techniques in mind.
Thereby, we enable the improvement of hybrid positioning systems making use of multiple platforms and sensors that are described via the
presented POSO ontology.
</p>

<div class="btn-header">
<a href="https://solid.maximvdw.be/publications/poso-a-generic-positioning-system-ontology.pdf" class="btn btn-outline-primary btn-icon"><i class="fa fa-regular fa-file-pdf"></i>Paper PDF</a>
<a href="https://github.com/OpenHPS/POSO/" class="btn btn-outline-dark btn-icon"><i class="fa fa-brands fa-github"></i>GitHub</a>
</div>

<h2>Methodology</h2>
<p>
The POSO ontology has been designed with the common data requirements of various positioning system technologies, datasets and frame-
works in mind to cover all types of systems without overcomplicating the modelling of the data.
An initial validation has further been conducted based on the OpenHPS framework using the <a href="https://github.com/OpenHPS/openhps-rdf">@openhps/rdf</a> module.
</p>

<h2>Ontology</h2>
<h3>Version 1.0</h3>
<a class="btn btn-outline-dark btn-sm btn-icon" href="/1.0/"><i class="fa fa-book"></i> Documentation version 1.0</a>
<a class="btn btn-outline-dark btn-sm btn-icon" href="https://purl.org/poso/1.0/"><i class="fa fa-file"></i> text/turtle</a>

<h2>Contact</h2>
<div class="row row-cols-1 row-cols-md-3 mb-3">
<div class="col">
<div class="card mb-4 rounded-3 shadow-sm border-primary">
<div class="card-header py-3 text-bg-primary border-primary">
<h4 class="my-0 fw-normal">Maxim Van de Wynckel</h4>
<img class="profile" src="https://wise.vub.ac.be/sites/default/files/styles/member_thumbnail/public/members/2021-05/maximVanDeWynckel.png" alt="Maxim Van de Wynckel">
</div>
<div class="card-body">
<div class="row g-3">
<div class="col-md-3">
<span>E-mail</span>
</div>
<div class="col-md-9">
<a href="mailto:mvdewync@vub.be">mvdewync@vub.be</a>
</div>
</div>
<div class="row g-3">
<div class="col-md-3">
<span>Website</span>
</div>
<div class="col-md-9">
<a href="https://maximvdw.be">https://maximvdw.be</a>
</div>
</div>
<div class="row g-3">
<div class="col-md-3">
<span>WebID</span>
</div>
<div class="col-md-9">
<a href="https://maximvdw.be/profile/card#me">https://maximvdw.be/profile/card#me</a>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card mb-4 rounded-3 shadow-sm">
<div class="card-header py-3">
<h4 class="my-0 fw-normal">Beat Signer</h4>
<img class="profile" src="https://wise.vub.ac.be/sites/default/files/styles/member_thumbnail/public/members/2017-09/beatSigner_1.png" alt="Beat Signer">
</div>
<div class="card-body">
<div class="row g-3">
<div class="col-md-3">
<span>E-mail</span>
</div>
<div class="col-md-9">
<a href="mailto:bsigner@vub.be">bsigner@vub.be</a>
</div>
</div>
<div class="row g-3">
<div class="col-md-3">
<span>Website</span>
</div>
<div class="col-md-9">
<a href="https://beatsigner.com">https://beatsigner.com</a>
</div>
</div>
<div class="row g-3">
<div class="col-md-3">
<span>WebID</span>
</div>
<div class="col-md-9">
<a href="https://beatsigner.com/foaf.rdf#me">https://beatsigner.com/foaf.rdf#me</a>
</div>
</div>
</div>
</div>
</div>
</div>

<h2>License</h2>
<p>
POSO is licensed under the <a href="LICENSE">MIT license</a> and maintained by the Web &amp; Information Systems Engineering Lab at the Vrije Universiteit Brussel.
</p>
Loading

0 comments on commit ea3e5aa

Please sign in to comment.