Skip to content

Commit

Permalink
Replacing all IRMA mentions with Yivi
Browse files Browse the repository at this point in the history
  • Loading branch information
saravahdatipour committed Nov 21, 2024
1 parent 30d2d5b commit 17fce4d
Show file tree
Hide file tree
Showing 7 changed files with 59 additions and 65 deletions.
25 changes: 10 additions & 15 deletions cart.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->

<title>IRMA demo</title>
<title>Yivi demo</title>

<!-- Google font -->
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,700" rel="stylesheet">
Expand Down Expand Up @@ -44,17 +44,17 @@
<div class="container" id="alert"
style="width: auto; display: -webkit-flex; display: flex; align-items: center;">
<div style=" font-size: 30px; position: relative; width: 100px; height: 100px; ">
<a target="blank" href="http://www.irma.app"><img id="logo" src="./img/irma-logo.png"
<a target="blank" href="http://www.yivi.app"><img id="logo" src="./img/yivi-logo.svg"
style="position: absolute; top: 0; bottom: 0;margin: auto; max-height: 60px; max-width: 50vw;"
alt=""></a>
</div>
<div style=" width: 70%; padding-top: 20px; padding-left: 20px;" class="message">
<h4>
<span style="font-weight: 400;">Deze site is een <a
style="font-weight: 500;text-decoration: underline;" target=" blank"
href="http://www.irma.app">IRMA</a> demo en geen echte
href="http://www.yivi.app">Yivi</a> demo en geen echte
webwinkel.
Gebruik de IRMA
Gebruik de Yivi
app (<a style="font-weight: 500;text-decoration: underline;" target="blank"
href="https://privacybydesign.foundation/download/">download</a> en
<a style="font-weight: 500;text-decoration: underline;" target="blank"
Expand All @@ -63,9 +63,9 @@ <h4>
oud genoeg bent om een van deze games te kopen.</span>
</h4>
</div>
<div id="irma" style="text-align: right; width: 30%; padding-top: 20px; padding-right: 25px;">
<div id="yivi" style="text-align: right; width: 30%; padding-top: 20px; padding-right: 25px;">
<h4><a target="blank" style="font-weight: 700;text-decoration: underline;"
href="http://www.irma.app">IRMA?</a>
href="http://www.yivi.app">Yivi?</a>

</h4>
</div>
Expand Down Expand Up @@ -161,9 +161,9 @@ <h3 class="title">Demo winkelwagen</h3>
<div id="phase-agecheck" style="display: block">
<p style="padding-bottom: 22px">
Op producten uit je winkelwagen is een leeftijdsgrens van toepassing.
Bewijs eerst met IRMA dat je oud genoeg bent.
Bewijs eerst met Yivi dat je oud genoeg bent.
</p>
<section id="irma-web-element" style="margin: auto"></section>
<section id="yivi-web-element" style="margin: auto"></section>
<a href="index.html" class="primary-btn order-submit"
style="display: table; margin: 30px auto 0; background-color: black; color: white; padding: 14px 32px; min-width: 250px; max-width: 100%;">Terug</a>
</div>
Expand Down Expand Up @@ -199,14 +199,9 @@ <h3 class="title">Demo winkelwagen</h3>
<div class="col-md-12 text-center">
<span class="copyright" style="font-size: 14px;">
<!-- Link back to Colorlib has been removed. Lincense has been purchased. -->
Deze site is een fictieve game-winkel, die aspecten van IRMA demonstreert.<br> Door middel
Deze site is een fictieve game-winkel, die aspecten van Yivi demonstreert.<br> Door middel
van een leeftijdsgrens-attribuut toont u aan dat u oud genoeg bent om de games te kopen.<br>
De spelletjes zijn niet echt en dienen alleen ter illustratie. <br>
Deze site is ontwikkeld en wordt gehost door de
<a style="color: white;" href="https://privacybydesign.foundation">stichting Privacy by Design</a>,
die IRMA ontwikkelt.<br>
De <a style="color: white;" href="https://privacybydesign.foundation/privacy-policy/">privacy policy</a> van de stichting is van toepassing.<br>
Meer over IRMA: <a style="color: white;" href="http://www.irma.app">www.irma.app</a>
</span>
</div>
</div>
Expand All @@ -224,7 +219,7 @@ <h3 class="title">Demo winkelwagen</h3>
<script src="js/slick.min.js"></script>
<script src="js/nouislider.min.js"></script>
<script src="js/jquery.zoom.min.js"></script>
<script src="js/irma.js"></script>
<script src="js/yivi.js"></script>
<script src="js/main.js"></script>
<script>
var game_id = sessionStorage.getItem('productid');
Expand Down
Binary file removed img/irma-logo.png
View file
Binary file not shown.
15 changes: 15 additions & 0 deletions img/yivi-logo.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
57 changes: 26 additions & 31 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->

<title>IRMA demo</title>
<title>Yivi demo</title>

<!-- Google font -->
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,700" rel="stylesheet">
Expand Down Expand Up @@ -38,19 +38,19 @@
<div class="container" id="alert"
style="width: auto; display: -webkit-flex; display: flex; align-items: center;">
<div style=" font-size: 30px; position: relative; width: 100px; height: 100px; ">
<a target="blank" href="http://www.irma.app"><img id="logo" src="./img/irma-logo.png"
<a target="blank" href="http://www.yivi.app"><img id="logo" src="./img/yivi-logo.svg"
style="position: absolute; top: 0; bottom: 0;margin: auto; max-height: 60px; max-width: 50vw;"
alt=""></a>
</div>
<div style=" width: 70%; padding-top: 20px; padding-left: 20px;" class="message">
<h4>
<span style="font-weight: 400;">Deze site is een <a
style="font-weight: 500;text-decoration: underline;" target=" blank"
href="http://www.irma.app">IRMA</a> demo en geen echte
href="http://www.yivi.app">Yivi</a> demo en geen echte
webwinkel.
Gebruik de IRMA
Gebruik de Yivi
app (<a style="font-weight: 500;text-decoration: underline;" target="blank"
href="https://privacybydesign.foundation/download/">download</a> en
href="https://www.yivi.app/#download">download</a> en
<a style="font-weight: 500;text-decoration: underline;" target="blank"
href="https://services.nijmegen.nl/irma/gemeente/start">vullen</a>) om
op een privacy-vriendelijke manier aan te tonen dat je
Expand All @@ -59,7 +59,7 @@ <h4>
</div>
<div id="irma-info" style="text-align: right; width: 30%; padding-top: 20px; padding-right: 25px;">
<h4><a target="blank" style="font-weight: 700;text-decoration: underline;"
href="http://www.irma.app">IRMA?</a>
href="http://www.yivi.app">Yivi?</a>

</h4>
</div>
Expand Down Expand Up @@ -233,34 +233,29 @@ <h3 class="product-name">Droned</h3>
<!-- /container -->
</div>
<!-- /SECTION -->
<!-- FOOTER -->
<footer id="footer">
<!-- bottom footer -->
<div id="bottom-footer" style="padding-bottom: 35px; padding-top: 35px; bottom: 0">
<div class="container">
<!-- row -->
<div class="row">
<div class="col-md-12 text-center">
<span class="copyright" style="font-size: 14px;">
<!-- Link back to Colorlib has been removed. Lincense has been purchased. -->
Deze site is een fictieve game-winkel, die aspecten van IRMA demonstreert.<br> Door middel
van een leeftijdsgrens-attribuut toont u aan dat u oud genoeg bent om de games te kopen.<br>
De spelletjes zijn niet echt en dienen alleen ter illustratie. <br>
Deze site is ontwikkeld en wordt gehost door de
<a style="color: white;" href="https://privacybydesign.foundation">stichting Privacy by Design</a>,
die IRMA ontwikkelt.<br>
De <a style="color: white;" href="https://privacybydesign.foundation/privacy-policy/">privacy policy</a> van de stichting is van toepassing.<br>
Meer over IRMA: <a style="color: white;" href="http://www.irma.app">www.irma.app</a>
</span>
<!-- FOOTER -->
<footer id="footer">
<!-- bottom footer -->
<div id="bottom-footer" style="padding-bottom: 20px; padding-top: 5px;">
<div class="container">
<!-- row -->
<div class="row">
<div class="col-md-12 text-center">
<span class="copyright" style="font-size: 14px;">
<!-- Link back to Colorlib has been removed. Lincense has been purchased. -->
Deze site is een fictieve game-winkel, die aspecten van Yivi demonstreert.<br> Door middel
van een leeftijdsgrens-attribuut toont u aan dat u oud genoeg bent om de games te kopen.<br>
De spelletjes zijn niet echt en dienen alleen ter illustratie. <br>
</span>
</div>
</div>
<!-- /row -->
</div>
<!-- /row -->
<!-- /container -->
</div>
<!-- /container -->
</div>
<!-- /bottom footer -->
</footer>
<!-- /FOOTER -->
<!-- /bottom footer -->
</footer>
<!-- /FOOTER -->

<!-- jQuery Plugins -->
<script src="js/jquery.min.js"></script>
Expand Down
13 changes: 0 additions & 13 deletions js/irma.js
View file

This file was deleted.

12 changes: 6 additions & 6 deletions js/main.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -95,11 +95,11 @@
location.href = 'index.html';

// Age verification with IRMA
if ( window.irma ) {
if ( window.yivi ) {
console.log("Age verification started");

let irmaCore = irma.newWeb({
element: '#irma-web-element',
let yiviCore = yivi.newWeb({
element: '#yivi-web-element',

session: {
url: '',
Expand All @@ -109,13 +109,13 @@
mapping: {
sessionPtr: pkg => {
return {
irmaqr: pkg.sessionPtr.irmaqr,
yiviqr: pkg.sessionPtr.yiviqr,
u: pkg.sessionPtr.u.replace(/https:\/\/(staging\.)?privacybydesign\.foundation/, "https://$1angrygames.nl")
};
},
},
result: {
url: (o, {sessionPtr, sessionToken}) => `${sessionPtr.u.split('/irma')[0]}/session/${sessionToken}/result`,
url: (o, {sessionPtr, sessionToken}) => `${sessionPtr.u.split('/yivi')[0]}/session/${sessionToken}/result`,
}
},

Expand Down Expand Up @@ -149,7 +149,7 @@
$('#snackbar').addClass('show');
};

irmaCore.start().then(success, error);
yiviCore.start().then(success, error);
}

})(jQuery);
2 changes: 2 additions & 0 deletions js/yivi.js
View file

Large diffs are not rendered by default.

0 comments on commit 17fce4d

Please sign in to comment.