Skip to content

Commit

Permalink
Merge pull request #9 from privacybydesign/fix/IRMA-to-Yivi
Browse files Browse the repository at this point in the history 
Replacing all IRMA mentions with Yivi
  • Loading branch information
@saravahdatipour
saravahdatipour authored Nov 21, 2024
2 parents 99644a6 + 9246359 commit 244c03f
Show file tree
Hide file tree
Showing 8 changed files with 81 additions and 156 deletions.
27 changes: 11 additions & 16 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,28 +44,28 @@
<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"
href="https://services.nijmegen.nl/irma/gemeente/start">vullen</a>) om
href="https://yivi.nijmegen.nl/login"">vullen</a>) om
op een privacy-vriendelijke manier aan te tonen dat je
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
94 changes: 16 additions & 78 deletions css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -28,21 +28,20 @@ Table OF Contents
------ Main nav
------ Responsive Nav
4 > CATEGORY SHOP
5 > HOT DEAL
6 > PRODUCT
5 > PRODUCT
------ Product
------ Widget product
------ Product slick
7 > STORE PAGE
6 > STORE PAGE
------ Aside
------ Store
8 > PRODUCT DETAILS PAGE
7 > PRODUCT DETAILS PAGE
------ Product view
------ Product details
------ Product tab
9 > CHECKOUT PAGE
10 > NEWSLETTER
11 > FOOTER
8 > CHECKOUT PAGE
9 > NEWSLETTER
10 > FOOTER
11 > SLICK STYLE
12 > RESPONSIVE
------------------------------------*/
Expand Down Expand Up @@ -817,71 +816,10 @@ textarea.input {
text-transform: uppercase;
}

/*=========================================================
05 -> HOT DEAL
===========================================================*/

#hot-deal.section {
padding: 60px 0px;
margin: 30px 0px;
background-color: #E4E7ED;
background-image: url('../img/hotdeal-irma.png');
background-position: center;
background-repeat: no-repeat;
}

.hot-deal {
text-align: center;
}

.hot-deal .hot-deal-countdown {
margin-bottom: 30px;
}

.hot-deal .hot-deal-countdown>li {
position: relative;
display: inline-block;
width: 100px;
height: 100px;
background: #D10024e6;
text-align: center;
border-radius: 50%;
margin: 0px 5px;
}

.hot-deal .hot-deal-countdown>li>div {
position: absolute;
left: 0;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

.hot-deal .hot-deal-countdown>li>div h3 {
color: #FFF;
margin-bottom: 0px;
}

.hot-deal .hot-deal-countdown>li>div span {
display: block;
font-size: 10px;
text-transform: uppercase;
color: #FFF;
}

.hot-deal p {
text-transform: uppercase;
font-size: 24px;
}

.hot-deal .cta-btn {
margin-top: 15px;
}

/*=========================================================
06 -> PRODUCT
05 -> PRODUCT
===========================================================*/

/*----------------------------*\
Expand Down Expand Up @@ -1249,7 +1187,7 @@ textarea.input {
}

/*=========================================================
07 -> PRODUCTS PAGE
06 -> PRODUCTS PAGE
===========================================================*/

/*----------------------------*\
Expand Down Expand Up @@ -1327,7 +1265,7 @@ textarea.input {
}

/*----------------------------*\
Store
6 -> Store
\*----------------------------*/

.store-filter {
Expand Down Expand Up @@ -1433,7 +1371,7 @@ textarea.input {
}

/*=========================================================
08 -> PRODUCT DETAILS PAGE
07 -> PRODUCT DETAILS PAGE
===========================================================*/

/*----------------------------*\
Expand Down Expand Up @@ -1896,7 +1834,7 @@ textarea.input {
}

/*=========================================================
09 -> CHECKOUT PAGE
08 -> CHECKOUT PAGE
===========================================================*/

.billing-details {
Expand Down Expand Up @@ -1971,7 +1909,7 @@ textarea.input {
}

/*=========================================================
10 -> NEWSLETTER
9 -> NEWSLETTER
===========================================================*/

#newsletter.section {
Expand Down Expand Up @@ -2057,7 +1995,7 @@ textarea.input {
}

/*=========================================================
11 -> FOOTER
10 -> FOOTER
===========================================================*/

#footer {
Expand Down Expand Up @@ -2117,7 +2055,7 @@ textarea.input {
}

/*=========================================================
12 -> SLICK STYLE
11 -> SLICK STYLE
===========================================================*/

/*----------------------------*\
Expand Down Expand Up @@ -2201,7 +2139,7 @@ textarea.input {
}

/*=========================================================
13 -> RESPONSIVE
12 -> RESPONSIVE
===========================================================*/

@media only screen and (max-width: 1201px) {}
Expand Down Expand Up @@ -2388,7 +2326,7 @@ div#line1:hover span#b {
padding: 0px;
}

#irma-info {
#yivi-info {
padding: 15px 0px 0px 0px !important;
text-align: center !important;
}
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.
61 changes: 28 additions & 33 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,28 +38,28 @@
<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
href="https://yivi.nijmegen.nl/login">vullen</a>) om
op een privacy-vriendelijke manier aan te tonen dat je
oud genoeg bent om een van deze games te kopen.</span>
</h4>
</div>
<div id="irma-info" style="text-align: right; width: 30%; padding-top: 20px; padding-right: 25px;">
<div id="yivi-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.

Loading

0 comments on commit 244c03f

Please sign in to comment.