nessar/gcimmoproOld
Archived
1
0 Fork 0
Code Issues Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
nessar committed 2022-06-13 07:04:44 +02:00
commit 025e2a22aa
5 files changed
+336
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

.gitignore
+2
View File
@@ -0,0 +1,2 @@
/style.css
/style.css.map
index.html
+32
View File
@@ -0,0 +1,32 @@
<!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=" description"
content="GC Immobilier, l’agence immobilière de Commerce et d’Entreprise. Implantée sur Bordeaux et sa Métropole et spécialisée dans les transactions de commerces, GC Immobilier vous conseille et vous accompagne dans la réussite de vos projets. Acteur de proximité, nous agissons comme un véritable partenaire et sommes à vos côtés de la rédaction du cahier des charges (ou de l’expression de besoin) jusqu’à la signature du bail ou du contrat de vente. GC Immobilier est reconnu pour son professionnalisme et la garantie du respect d’étapes clés pour répondre à vos besoins : Ecouter, analyser, valoriser, conseiller et accompagner." />
<title>Agence GC Immo Bordeaux</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<script src="./infiniteScroll.js"></script>
<div class="container">
<section>
<h1>Bien 1</h1>
</section>
<section>
<h1>Bien 2</h1>
</section>
<section>
<h1>Bien 3</h1>
</section>
<section>
<h1>Bien 4</h1>
</section>
</div>
</body>
</html>
infiniteScroll.js
+7
View File
@@ -0,0 +1,7 @@
let lastKnownScrollPosition = 0;
let ticking = false;
document.addEventListener('scroll', function (e) {
lastKnownScrollPosition = window.scrollY;
console.log(window.scrollY);
});
mainLogo.svg
+269
View File
@@ -0,0 +1,269 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
id="svg2"
xml:space="preserve"
width="1242.6667"
height="1242.6667"
viewBox="0 0 1242.6667 1242.6667"
sodipodi:docname="Logo 1 GC noir.ai"><metadata
id="metadata8"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
id="defs6"><clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath22"><path
d="M 0,932 H 932 V 0 H 0 Z"
id="path20" /></clipPath><clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath126"><path
d="M 0,932 H 932 V 0 H 0 Z"
id="path124" /></clipPath><clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath138"><path
d="M 532.541,718.154 360.699,183.945 c -1.456,-4.531 0.853,-9.326 5.159,-10.71 v 0 c 9.405,-2.594 8.159,-2.613 10.436,5.693 v 0 l 171.842,534.21 c 1.977,7.799 3.242,9.115 -5.16,10.71 v 0 c -0.794,0.256 -1.601,0.377 -2.397,0.377 v 0 c -3.523,10e-4 -6.85,-2.377 -8.038,-6.071"
id="path136" /></clipPath><linearGradient
x1="0"
y1="0"
x2="1"
y2="0"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(-15.832387,5.0928745,4.4357581,13.78959,462.49661,446.0925)"
spreadMethod="pad"
id="linearGradient156"><stop
style="stop-opacity:0;stop-color:#ffffff"
offset="0"
id="stop148" /><stop
style="stop-opacity:0.50000763;stop-color:#ffffff"
offset="0.634409"
id="stop150" /><stop
style="stop-opacity:0.50000763;stop-color:#ffffff"
offset="0.81629055"
id="stop152" /><stop
style="stop-opacity:0.70000763;stop-color:#ffffff"
offset="1"
id="stop154" /></linearGradient><mask
maskUnits="userSpaceOnUse"
x="0"
y="0"
width="1"
height="1"
id="mask158"><g
id="g168"><g
id="g166"><g
id="g164"><g
id="g162"><path
d="M -32768,32767 H 32767 V -32768 H -32768 Z"
style="fill:url(#linearGradient156);stroke:none"
id="path160" /></g></g></g></g></mask><linearGradient
x1="0"
y1="0"
x2="1"
y2="0"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(-15.832387,5.0928745,4.4357581,13.78959,462.49661,446.0925)"
spreadMethod="pad"
id="linearGradient182"><stop
style="stop-opacity:1;stop-color:#ffffff"
offset="0"
id="stop174" /><stop
style="stop-opacity:1;stop-color:#1d1d1b"
offset="0.634409"
id="stop176" /><stop
style="stop-opacity:1;stop-color:#1d1d1b"
offset="0.81629055"
id="stop178" /><stop
style="stop-opacity:1;stop-color:#1d1d1b"
offset="1"
id="stop180" /></linearGradient></defs><sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="640"
inkscape:window-height="480"
id="namedview4" /><g
id="g10"
inkscape:groupmode="layer"
inkscape:label="Logo 1 GC noir"
transform="matrix(1.3333333,0,0,-1.3333333,0,1242.6667)"><g
id="g12"
transform="translate(552.0807,258.723)"><path
d="M 0,0 H 0.001 V 0.006 Z"
style="fill:#231f20;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path14" /></g><g
id="g16"><g
id="g18"
clip-path="url(#clipPath22)"><g
id="g24"
transform="translate(387.6538,494.1973)"><path
d="m 0,0 v -4.086 c 19.836,0 29.754,-8.602 29.754,-25.805 v -58.983 c 0,-9.585 -2.968,-16.589 -8.928,-21.013 -5.962,-4.424 -11.698,-6.635 -17.228,-6.635 -22.611,0 -37.109,13.148 -43.496,39.446 -5.162,21.132 -7.741,49.149 -7.741,84.05 0,40.181 2.703,68.443 8.112,84.786 8.599,25.805 23.345,38.708 44.236,38.708 12.779,0 23.839,-2.212 33.179,-6.635 14.252,-6.76 24.146,-18.145 29.676,-34.242 1.843,-5.408 2.763,-10.247 2.763,-13.966 h 3.688 l -3.318,57.029 H 67.01 c 0,-4.96 -3.502,-7.729 -10.507,-7.729 -6.881,0 -14.254,1.45 -22.117,4.523 -8.479,3.194 -18.495,4.749 -30.044,4.749 -32.689,0 -59.352,-12.434 -79.995,-37.254 -20.644,-24.823 -30.966,-54.817 -30.966,-89.959 0,-35.637 10.197,-65.748 30.597,-90.324 20.396,-24.577 46.938,-36.865 79.626,-36.865 11.929,0 22.881,2.258 32.885,6.328 L 72.596,0 Z"
style="fill:#231f20;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path26" /></g><g
id="g28"
transform="translate(534.0439,498.189)"><path
d="m 0,0 c 12.777,0 23.839,-2.212 33.178,-6.636 14.253,-6.759 24.146,-18.134 29.676,-34.231 1.843,-5.407 2.763,-10.235 2.763,-13.955 h 3.688 L 65.986,2.207 H 62.3 c 0,-4.959 -3.501,-7.739 -10.506,-7.739 -6.883,0 -14.255,1.444 -22.118,4.517 -8.479,3.194 -18.496,4.746 -30.044,4.746 -18.047,0 -34.252,-3.814 -48.626,-11.378 l -53.131,-169.419 c 5.054,-13.372 12.17,-25.629 21.394,-36.74 20.395,-24.577 46.932,-36.867 79.62,-36.867 24.083,0 46.882,8.351 66.718,25.064 v 4.792 c -19.836,-17.449 -42.635,-26.174 -66.718,-26.174 -22.612,0 -37.11,13.149 -43.497,39.447 -5.162,21.131 -7.74,49.149 -7.74,84.049 0,40.181 2.702,68.444 8.112,84.787 C -35.638,-12.902 -20.892,0 0,0"
style="fill:#231f20;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path30" /></g></g></g><text
transform="matrix(-0.12228187,0.99249541,0.99249541,0.12228187,77.4454,398.4148)"
style="font-variant:normal;font-weight:normal;font-stretch:normal;font-size:45.9888px;font-family:'Baskerville Old Face';-inkscape-font-specification:BaskOldFace;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="text34"><tspan
x="0"
y="0"
id="tspan32">I</tspan></text><text
transform="matrix(-0.03022692,0.99954306,0.99954306,0.03022692,74.3468,421.432)"
style="font-variant:normal;font-weight:normal;font-stretch:normal;font-size:45.9888px;font-family:'Baskerville Old Face';-inkscape-font-specification:BaskOldFace;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="text38"><tspan
x="0"
y="0"
id="tspan36">M</tspan></text><text
transform="matrix(0.0948644,0.9954902,0.9954902,-0.0948644,73.3123,468.8902)"
style="font-variant:normal;font-weight:normal;font-stretch:normal;font-size:45.9888px;font-family:'Baskerville Old Face';-inkscape-font-specification:BaskOldFace;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="text42"><tspan
x="0"
y="0"
id="tspan40">M</tspan></text><text
transform="matrix(0.21421077,0.97678746,0.97678746,-0.21421077,78.3156,516.0873)"
style="font-variant:normal;font-weight:normal;font-stretch:normal;font-size:45.9888px;font-family:'Baskerville Old Face';-inkscape-font-specification:BaskOldFace;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="text46"><tspan
x="0"
y="0"
id="tspan44">O</tspan></text><text
transform="matrix(0.31790116,0.94812386,0.94812386,-0.31790116,88.225,558.8166)"
style="font-variant:normal;font-weight:normal;font-stretch:normal;font-size:45.9888px;font-family:'Baskerville Old Face';-inkscape-font-specification:BaskOldFace;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="text50"><tspan
x="0"
y="0"
id="tspan48">B</tspan></text><text
transform="matrix(0.39299166,0.91954204,0.91954204,-0.39299166,100.7334,594.3599)"
style="font-variant:normal;font-weight:normal;font-stretch:normal;font-size:45.9888px;font-family:'Baskerville Old Face';-inkscape-font-specification:BaskOldFace;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="text54"><tspan
x="0"
y="0"
id="tspan52">I</tspan></text><text
transform="matrix(0.46203875,0.88685974,0.88685974,-0.46203875,109.9467,615.8136)"
style="font-variant:normal;font-weight:normal;font-stretch:normal;font-size:45.9888px;font-family:'Baskerville Old Face';-inkscape-font-specification:BaskOldFace;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="text58"><tspan
x="0"
y="0"
id="tspan56">L</tspan></text><text
transform="matrix(0.52818135,0.84913159,0.84913159,-0.52818135,126.4547,646.4678)"
style="font-variant:normal;font-weight:normal;font-stretch:normal;font-size:45.9888px;font-family:'Baskerville Old Face';-inkscape-font-specification:BaskOldFace;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="text62"><tspan
x="0"
y="0"
id="tspan60">I</tspan></text><text
transform="matrix(0.59184008,0.8060554,0.8060554,-0.59184008,138.813,666.2812)"
style="font-variant:normal;font-weight:normal;font-stretch:normal;font-size:45.9888px;font-family:'Baskerville Old Face';-inkscape-font-specification:BaskOldFace;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="text66"><tspan
x="0"
y="0"
id="tspan64">E</tspan></text><text
transform="matrix(0.66469255,0.747117,0.747117,-0.66469255,159.928,694.5566)"
style="font-variant:normal;font-weight:normal;font-stretch:normal;font-size:45.9888px;font-family:'Baskerville Old Face';-inkscape-font-specification:BaskOldFace;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="text70"><tspan
x="0"
y="0"
id="tspan68">R</tspan></text><text
transform="matrix(0.79995381,0.60006158,0.60006158,-0.79995381,211.6123,746.5388)"
style="font-variant:normal;font-weight:normal;font-stretch:normal;font-size:45.9888px;font-family:'Baskerville Old Face';-inkscape-font-specification:BaskOldFace;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="text74"><tspan
x="0"
y="0"
id="tspan72">D</tspan></text><text
transform="matrix(0.84492197,0.53488958,0.53488958,-0.84492197,245.8535,771.2836)"
style="font-variant:normal;font-weight:normal;font-stretch:normal;font-size:45.9887px;font-family:'Baskerville Old Face';-inkscape-font-specification:BaskOldFace;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="text78"><tspan
x="0"
y="0"
id="tspan76">’</tspan></text><text
transform="matrix(0.88049672,0.47405223,0.47405223,-0.88049672,260.8341,780.8525)"
style="font-variant:normal;font-weight:normal;font-stretch:normal;font-size:45.9888px;font-family:'Baskerville Old Face';-inkscape-font-specification:BaskOldFace;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="text82"><tspan
x="0"
y="0"
id="tspan80">E</tspan></text><text
transform="matrix(0.92402046,0.38234302,0.38234302,-0.92402046,291.9805,797.4149)"
style="font-variant:normal;font-weight:normal;font-stretch:normal;font-size:45.9888px;font-family:'Baskerville Old Face';-inkscape-font-specification:BaskOldFace;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="text86"><tspan
x="0"
y="0"
id="tspan84">N</tspan></text><text
transform="matrix(0.95900441,0.28339114,0.28339114,-0.95900441,330.3147,812.811)"
style="font-variant:normal;font-weight:normal;font-stretch:normal;font-size:45.9887px;font-family:'Baskerville Old Face';-inkscape-font-specification:BaskOldFace;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="text90"><tspan
x="0"
y="0"
id="tspan88">T</tspan></text><text
transform="matrix(0.9820677,0.18852857,0.18852857,-0.9820677,367.0594,823.2811)"
style="font-variant:normal;font-weight:normal;font-stretch:normal;font-size:45.9888px;font-family:'Baskerville Old Face';-inkscape-font-specification:BaskOldFace;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="text94"><tspan
x="0"
y="0"
id="tspan92">R</tspan></text><text
transform="matrix(0.99531129,0.09672349,0.09672349,-0.99531129,402.8989,829.8199)"
style="font-variant:normal;font-weight:normal;font-stretch:normal;font-size:45.9888px;font-family:'Baskerville Old Face';-inkscape-font-specification:BaskOldFace;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="text98"><tspan
x="0"
y="0"
id="tspan96">E</tspan></text><text
transform="matrix(0.99997486,0.00709086,0.00709086,-0.99997486,438.1062,832.8965)"
style="font-variant:normal;font-weight:normal;font-stretch:normal;font-size:45.9888px;font-family:'Baskerville Old Face';-inkscape-font-specification:BaskOldFace;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="text102"><tspan
x="0"
y="0"
id="tspan100">P</tspan></text><text
transform="matrix(0.99639327,-0.0848555,-0.0848555,-0.99639327,471.3633,832.9009)"
style="font-variant:normal;font-weight:normal;font-stretch:normal;font-size:45.9888px;font-family:'Baskerville Old Face';-inkscape-font-specification:BaskOldFace;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="text106"><tspan
x="0"
y="0"
id="tspan104">R</tspan></text><text
transform="matrix(0.98653817,-0.16353114,-0.16353114,-0.98653817,507.7064,829.2741)"
style="font-variant:normal;font-weight:normal;font-stretch:normal;font-size:45.9888px;font-family:'Baskerville Old Face';-inkscape-font-specification:BaskOldFace;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="text110"><tspan
x="0"
y="0"
id="tspan108">I</tspan></text><text
transform="matrix(0.97231173,-0.23368759,-0.23368759,-0.97231173,530.7685,825.3328)"
style="font-variant:normal;font-weight:normal;font-stretch:normal;font-size:45.9888px;font-family:'Baskerville Old Face';-inkscape-font-specification:BaskOldFace;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="text114"><tspan
x="0"
y="0"
id="tspan112">S</tspan></text><text
transform="matrix(0.94830448,-0.31736195,-0.31736195,-0.94830448,560.3719,818.0259)"
style="font-variant:normal;font-weight:normal;font-stretch:normal;font-size:45.9888px;font-family:'Baskerville Old Face';-inkscape-font-specification:BaskOldFace;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="text118"><tspan
x="0"
y="0"
id="tspan116">E</tspan></text><g
id="g120"><g
id="g122"
clip-path="url(#clipPath126)"><g
id="g128"
transform="translate(739.874,739.7339)"><path
d="m 0,0 c -27.163,26.998 -56.246,49.656 -88.872,67.674 l -6.445,-18.671 c 116.664,-66.223 195.712,-191.433 196.148,-334.92 0.648,-212.941 -172.065,-386.708 -385.007,-387.355 -175.952,-0.535 -325.146,117.299 -372.038,278.384 l -18.66,-2.904 c 18.679,-66.107 54.12,-126.64 104.173,-176.39 76.685,-76.221 178.462,-118.016 286.582,-117.687 108.119,0.329 209.64,42.743 285.859,119.428 76.221,76.685 118.016,178.462 117.687,286.581 C 119.098,-177.74 76.685,-76.22 0,0"
style="fill:#231f20;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path130" /></g></g></g><g
id="g132"><g
id="g134"
clip-path="url(#clipPath138)"><g
id="g140"><g
id="g142" /><g
id="g170"
mask="url(#mask158)"><g
id="g172"><path
d="M 532.541,718.154 360.699,183.945 c -1.456,-4.531 0.853,-9.326 5.159,-10.71 v 0 c 9.405,-2.594 8.159,-2.613 10.436,5.693 v 0 l 171.842,534.21 c 1.977,7.799 3.242,9.115 -5.16,10.71 v 0 c -0.794,0.256 -1.601,0.377 -2.397,0.377 v 0 c -3.523,10e-4 -6.85,-2.377 -8.038,-6.071"
style="fill:url(#linearGradient182);stroke:none"
id="path184" /></g></g></g></g></g></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

style.scss
+26
View File
@@ -0,0 +1,26 @@
body {
width: 100vw;
height: 100vh;
margin: 0;
.container {
width: 100%;
height: 100%;
scroll-snap-type: y mandatory;
overflow: hidden;
overflow-y: scroll;
section {
display: flex;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
scroll-snap-align: start;
h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 15em;
}
}
}
}