mirror of
https://old.git.ood.ovh/flambyte/RUX.git
synced 2025-04-28 22:37:51 +02:00
144 lines
No EOL
7.7 KiB
HTML
144 lines
No EOL
7.7 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
||
<meta name="twitter:card" content="summary_large_image">
|
||
<meta name="twitter:creator" content="@pinavetrano">
|
||
<meta name="twitter:site" content="pina-vetrano.be">
|
||
<meta name="twitter:title" content="PVetrano — RUX">
|
||
<meta name="twitter:description" content="L'atelier rethinking user experience — à HEAJ de Pina Vetrano">
|
||
<meta name="twitter:image" content="http://www.pinavetrano.be/projets/iolce/assets/images/logo_dark.svg">
|
||
|
||
<meta property="og:site_name" content="RUX — rethinking user experience ">
|
||
<meta property="og:title" content="vetrano-pina — RUX">
|
||
<meta property="og:description" content="L'atelier rethinking user experience — à HEAJ de Pina Vetrano">
|
||
<meta property="og:type" content="website">
|
||
<meta property="og:url" content="https://pinavetrano.be/">
|
||
<meta property="og:image" content="assets/images/logo_dark.svg">
|
||
<meta property="og:image:width" content="1800">
|
||
<meta property="og:image:height" content="945">
|
||
<link rel="icon" type="image/x-icon" href="./assets/images/favicon.svg">
|
||
<title>RUX Pina Vetrano — DWT — Heaj</title>
|
||
<!-- CSS and Javascript -->
|
||
<link rel="stylesheet" href="assets/css/normalize.css">
|
||
<link rel="stylesheet" href="assets/css/style.css">
|
||
<script src="assets/js/app.js" defer></script>
|
||
</head>
|
||
|
||
<body data-theme="light">
|
||
<button class="js-theme-trigger">Theme</button>
|
||
<!-- <img class="full-width mgrid-start02 tgrid-start01 tgrid-end03 dgrid-start dgrid-end06" src="assets/images/akitadog.jpg"
|
||
alt="akita dog sur le site">-->
|
||
<header>
|
||
|
||
|
||
<div class="header__linklogo">
|
||
|
||
<a href="index.html">
|
||
<?xml version="1.0" encoding="UTF-8"?>
|
||
<svg id="Calque_1" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 233.75 71.07">
|
||
<defs>
|
||
<style>
|
||
.cls-1 {
|
||
fill: #fff;
|
||
}
|
||
</style>
|
||
</defs>
|
||
<path class="cls-1"
|
||
d="m76.58,53.64c2.59,0,2.92,1.8,2.92,2.81,0,6.97-13.83,14.17-20.91,14.17-15.52,0-24.85-25.08-30.81-25.08-1.91,0-1.57,2.7-1.57,6.75-.11,3.49.22,4.16,2.47,6.18,1.35,1.24,1.91,2.14,1.91,3.15,0,4.61-9.11,9.44-16.42,9.44S.45,66.12.45,62.52c0-1.12.67-2.02,3.15-3.37,2.7-1.57,3.04-3.37,3.26-23.5.22-14.62.45-18.89-.67-20.02-1.91-1.91-6.18-2.25-6.18-5.74C0,1.69,22.83.68,30.13.68c17.88,0,31.37,7.2,31.37,16.76.11,10.23-14.39,20.35-14.39,22.15,0,2.7,14.17,15.63,22.49,15.63,2.92,0,4.61-1.57,6.97-1.57Zm-35.54-31.03c0-5.51-5.85-12.26-10.46-12.26-3.37,0-4.5,3.71-4.5,14.28v8.66c0,3.15,1.46,3.82,2.14,3.82,5.06,0,12.82-8.66,12.82-14.5Z" />
|
||
<path class="cls-1"
|
||
d="m119.69,59.83c0-2.93-.11-4.5-.79-4.5-.56,0-1.24.79-2.25,2.59-4.83,8.55-11.58,13.16-19,13.16-10.12,0-15.74-11.58-15.74-25.41-.11-17.2,8.43-45.66,25.75-45.66,2.93,0,4.05.79,4.05,2.03,0,1.01-.56,2.02-1.12,2.7-3.04,3.04-7.76,21.81-7.87,32.39,0,2.93-1.01,17.09,5.4,17.09,7.2.11,11.81-22.27,12.37-31.71.56-8.55-2.47-7.31-2.47-12.15,0-7.53,13.38-9.33,19.11-9.33s9,1.91,9,5.17c0,2.93-5.28,5.17-7.08,8.32-1.24,2.25-1.46,12.71-1.46,26.99v8.88c0,4.61,1.68,6.97,5.17,6.97,2.93,0,4.39-2.13,7.2-2.13,1.91,0,3.04.9,3.04,3.15,0,1.57-.45,2.25-6.18,6.52-5.51,4.16-10.91,6.18-16.19,6.18-7.2,0-10.91-3.71-10.91-11.24Z" />
|
||
<path class="cls-1"
|
||
d="m155.38,63.42c0-2.36,1.8-3.82,4.39-4.72,1.91-.67,4.61-1.46,6.52-2.7,6.29-4.5,16.19-13.05,16.19-16.19,0-1.8-12.37-20.58-14.51-22.38-3.15-2.59-8.21-1.35-8.21-4.5,0-4.16,17.43-12.93,25.53-12.93,2.02,0,3.15.56,3.15,1.91,0,.9-.11,2.25-.34,4.16-.45,4.05,1.91,9,6.97,15.85,2.47,3.49,3.37,4.05,4.5,4.05,3.26,0,11.58-7.76,11.58-10.23,0-.9-1.24-1.57-2.7-2.47-2.36-1.35-3.6-2.36-3.6-3.94,0-3.93,11.47-9,20.46-9,5.06,0,8.43,1.57,8.43,3.82,0,1.57-1.57,3.26-5.17,6.86l-21.92,22.26c-2.02,2.02.79,7.08,2.02,8.66l7.31,9.45c3.49,4.5,3.94,6.07,9,6.07,3.26-.11,4.72.67,4.72,2.36,0,5.17-9.44,11.24-17.65,11.24-2.48,0-6.3-1.68-9.33-5.62l-10.35-13.27c-1.68-2.25-2.47-2.93-3.6-2.93-3.6,0-9.33,6.75-9.33,11.24,0,1.35.56,2.14.56,3.26,0,3.71-6.52,7.31-13.15,7.31s-11.47-3.71-11.47-7.65Z" />
|
||
</svg>
|
||
|
||
|
||
</a>
|
||
|
||
</div>
|
||
|
||
<div class="header--second">
|
||
|
||
|
||
<button class="btn--burger">
|
||
<svg width="39" height="7" viewBox="0 0 39 7" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path
|
||
d="M19.5 7C17.567 7 16 5.433 16 3.5V3.5C16 1.567 17.567 4.08341e-07 19.5 3.23847e-07V3.23847e-07C21.433 2.39353e-07 23 1.567 23 3.5V3.5C23 5.433 21.433 7 19.5 7V7Z"
|
||
fill="white" />
|
||
<path
|
||
d="M35.5 7C33.567 7 32 5.433 32 3.5V3.5C32 1.567 33.567 4.08341e-07 35.5 3.23847e-07V3.23847e-07C37.433 2.39353e-07 39 1.567 39 3.5V3.5C39 5.433 37.433 7 35.5 7V7Z"
|
||
fill="white" />
|
||
<path
|
||
d="M3.5 7C1.567 7 -6.84959e-08 5.433 -1.5299e-07 3.5V3.5C-2.37484e-07 1.567 1.567 4.08341e-07 3.5 3.23847e-07V3.23847e-07C5.433 2.39353e-07 7 1.567 7 3.5V3.5C7 5.433 5.433 7 3.5 7V7Z"
|
||
fill="white" />
|
||
</svg>
|
||
|
||
</button>
|
||
<div class="btn__lightdark--blockd">
|
||
|
||
<button class="btn btn__lightdark">
|
||
|
||
<span class="text__darklight"></span>
|
||
|
||
<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd"
|
||
clip-rule="evenodd">
|
||
<path
|
||
d="M13 9h9l-14 15 3-9h-9l14-15-3 9zm-8.699 5h8.086l-1.987 5.963 9.299-9.963h-8.086l1.987-5.963-9.299 9.963z" />
|
||
</svg>
|
||
</button>
|
||
</div>
|
||
<div class="header__navigation">
|
||
|
||
<nav>
|
||
|
||
<ul class="list--header">
|
||
<li>
|
||
<a class="link link--header link--active" href="index.html">accueil</a>
|
||
</li>
|
||
|
||
<li>
|
||
<a class="link link--header" href="experience.html">expérience</a>
|
||
</li>
|
||
|
||
</ul>
|
||
|
||
</nav>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</header>
|
||
|
||
<div class="header__navigation--m">
|
||
<ul class="list__m--header">
|
||
<li>
|
||
<a class="link mlink--header mlink--active" href="index.html">accueil</a>
|
||
</li>
|
||
|
||
<li>
|
||
<a class="link mlink--header" href="experience.html">expérience</a>
|
||
</li>
|
||
</ul>
|
||
<div class="btn__lightdark--block">
|
||
</div>
|
||
|
||
</div>
|
||
<section class="headback">
|
||
<div class="fond">
|
||
<img class="headtitle" src="/assets/images/headlogo.png"></img>
|
||
</div>
|
||
<!--<pre class="language-css" tabindex="0"><code class="language-css"><span class="token selector">.awesome-layouts</span> <span class="token punctuation">{</span>
|
||
<span class="token property">display</span><span class="token punctuation">:</span> grid<span class="token punctuation">;</span>
|
||
<span class="token punctuation">}</span></code></pre>-->
|
||
<h1 class="title">Rethinking User Experience</h1>
|
||
</section>
|
||
<section class="#partie1">L’atelier RUXRéaliser une interface adaptée et compréhensible pour l’utilisateur, pour une
|
||
navigation facile et rapide”</section><a href="#partie1" class="nav__link link--visited link--color">Que le spectacle commence ! 👏 </a>
|
||
</body>
|
||
|
||
</html> |