flambyte/RUX
1
0
Fork 0
mirror of https://old.git.ood.ovh/flambyte/RUX.git synced 2025-04-28 18:14:45 +02:00
Code Issues 11 Projects Releases Packages Wiki Activity Actions

first commit

Browse source
This commit is contained in:
Petite Flamby 2023-02-23 11:25:13 +01:00
commit 7e9f45f56e
3 changed files with 48 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

0
assets/css/style.css Normal file
View file

12
assets/js/app.js Normal file
View file

@ -0,0 +1,12 @@
'use strict';
// image animation (joao)
var upItem = document.querySelector('.images--right');
var bottomItem = document.querySelector('.images--left');
const sideItem = document.querySelector('.svg__side');
window.addEventListener("scroll", function() {
upItem.style.transform = "translateX(" + window.pageYOffset / 15 + "px)";
bottomItem.style.transform = "translateX(" + -window.pageYOffset / 10 + "px)";
sideItem.style.transform = "translateY(" + window.pageYOffset / 5 + "px)";
});

36
index.html Normal file
View file

@ -0,0 +1,36 @@
<!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 — IOLCE">
<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>IOLCE 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>
<title>RUX</title>
</head>
<body>
<h1 class="title title">RUX</h1>
<!--https://www.youtube.com/watch?v=vJNVramny9k use this ?-->
</body>
</html>