deligiaouris.gr

commit 0c0c4936ceb806bb78e69c56b687e8848e47ebfa Author: Ste Vadis Date: Sun Oct 1 00:12:55 2023 +0300 first commit diff --git a/index.html b/index.html new file mode 100644 index 0000000..0cbe104 --- /dev/null +++ b/index.html @@ -0,0 +1,23 @@ + + + + + + + deligiaouris.gr + + + + + +

+ +

+ + + diff --git a/logo.svg b/logo.svg new file mode 100644 index 0000000..28d8332 --- /dev/null +++ b/logo.svg @@ -0,0 +1,212 @@ + + + + diff --git a/script.js b/script.js new file mode 100644 index 0000000..f484442 --- /dev/null +++ b/script.js @@ -0,0 +1,125 @@ +tsParticles.load({ + id: "tsparticles", + options: { + autoPlay: true, + background: { color: { value: "#191817" }, image: "", position: "50% 50%", repeat: "no-repeat", size: "cover", opacity: 1 }, + backgroundMask: { composite: "destination-out", cover: { color: { value: "#fff" }, opacity: 1 }, enable: false }, + defaultThemes: {}, + delay: 0, + fullScreen: { enable: true, zIndex: -9999 }, + detectRetina: true, + duration: 0, + fpsLimit: 120, + interactivity: { + detectsOn: "window", + events: { + onClick: { enable: true, mode: "push" }, + onDiv: { selectors: [], enable: false, mode: [], type: "circle" }, + onHover: { enable: true, mode: "grab", parallax: { enable: true, force: 60, smooth: 10 } }, + resize: { delay: 0.5, enable: true }, + }, + modes: { + trail: { delay: 1, pauseOnStop: false, quantity: 1 }, + attract: { distance: 200, duration: 0.4, easing: "ease-out-quad", factor: 1, maxSpeed: 50, speed: 1 }, + bounce: { distance: 200 }, + bubble: { distance: 400, duration: 2, mix: false, opacity: 0.8, size: 40, divs: { distance: 200, duration: 0.4, mix: false, selectors: [] } }, + connect: { distance: 80, links: { opacity: 0.5 }, radius: 60 }, + grab: { distance: 400, links: { blink: false, consent: false, opacity: 1 } }, + push: { default: true, groups: [], quantity: 4 }, + remove: { quantity: 2 }, + repulse: { distance: 200, duration: 0.4, factor: 100, speed: 1, maxSpeed: 50, easing: "ease-out-quad", divs: { distance: 200, duration: 0.4, factor: 100, speed: 1, maxSpeed: 50, easing: "ease-out-quad", selectors: [] } }, + slow: { factor: 3, radius: 200 }, + light: { area: { gradient: { start: { value: "#ffffff" }, stop: { value: "#000000" } }, radius: 1000 }, shadow: { color: { value: "#000000" }, length: 2000 } }, + }, + }, + manualParticles: [], + particles: { + bounce: { horizontal: { random: { enable: false, minimumValue: 0.1 }, value: 1 }, vertical: { random: { enable: false, minimumValue: 0.1 }, value: 1 } }, + collisions: { + absorb: { speed: 2 }, + bounce: { horizontal: { random: { enable: false, minimumValue: 0.1 }, value: 1 }, vertical: { random: { enable: false, minimumValue: 0.1 }, value: 1 } }, + enable: false, + maxSpeed: 50, + mode: "bounce", + overlap: { enable: true, retries: 0 }, + }, + color: { + value: "#ffffff", + animation: { + h: { count: 0, enable: false, offset: 0, speed: 1, delay: 0, decay: 0, sync: true }, + s: { count: 0, enable: false, offset: 0, speed: 1, delay: 0, decay: 0, sync: true }, + l: { count: 0, enable: false, offset: 0, speed: 1, delay: 0, decay: 0, sync: true }, + }, + }, + groups: {}, + move: { + angle: { offset: 0, value: 90 }, + attract: { distance: 200, enable: false, rotate: { x: 600, y: 1200 } }, + center: { x: 50, y: 50, mode: "percent", radius: 0 }, + decay: 0, + distance: {}, + direction: "none", + drift: 0, + enable: true, + gravity: { acceleration: 9.81, enable: false, inverse: false, maxSpeed: 50 }, + path: { clamp: true, delay: { random: { enable: false, minimumValue: 0 }, value: 0 }, enable: false, options: {} }, + outModes: { default: "out", bottom: "out", left: "out", right: "out", top: "out" }, + random: false, + size: false, + speed: 2, + spin: { acceleration: 0, enable: false }, + straight: false, + trail: { enable: false, length: 10, fill: {} }, + vibrate: false, + warp: false, + }, + number: { density: { enable: true, width: 1920, height: 1080 }, limit: 0, value: 250 }, + opacity: { + random: { enable: true, minimumValue: 0.1 }, + value: { min: 0.1, max: 0.5 }, + animation: { count: 0, enable: true, speed: 3, decay: 0, delay: 0, sync: false, mode: "auto", startValue: "random", destroy: "none", minimumValue: 0.1 }, + }, + reduceDuplicates: false, + shadow: { blur: 0, color: { value: "#000" }, enable: false, offset: { x: 0, y: 0 } }, + shape: { close: true, fill: true, options: {}, type: "circle" }, + size: { + random: { enable: true, minimumValue: 1 }, + value: { min: 0.1, max: 2 }, + animation: { count: 0, enable: true, speed: 20, decay: 0, delay: 0, sync: false, mode: "auto", startValue: "random", destroy: "none", minimumValue: 0.1 }, + }, + stroke: { width: 0 }, + zIndex: { random: { enable: false, minimumValue: 0 }, value: 0, opacityRate: 1, sizeRate: 1, velocityRate: 1 }, + destroy: { bounds: {}, mode: "none", split: { count: 1, factor: { random: { enable: false, minimumValue: 0 }, value: 3 }, rate: { random: { enable: false, minimumValue: 0 }, value: { min: 4, max: 9 } }, sizeOffset: true } }, + roll: { darken: { enable: false, value: 0 }, enable: false, enlighten: { enable: false, value: 0 }, mode: "vertical", speed: 25 }, + tilt: { random: { enable: false, minimumValue: 0 }, value: 0, animation: { enable: false, speed: 0, decay: 0, sync: false }, direction: "clockwise", enable: false }, + twinkle: { lines: { enable: false, frequency: 0.05, opacity: 1 }, particles: { enable: false, frequency: 0.05, opacity: 1 } }, + wobble: { distance: 5, enable: false, speed: { angle: 50, move: 10 } }, + life: { count: 0, delay: { random: { enable: false, minimumValue: 0 }, value: 0, sync: false }, duration: { random: { enable: false, minimumValue: 0.0001 }, value: 0, sync: false } }, + rotate: { random: { enable: false, minimumValue: 0 }, value: 0, animation: { enable: false, speed: 0, decay: 0, sync: false }, direction: "clockwise", path: false }, + orbit: { animation: { count: 0, enable: false, speed: 1, decay: 0, delay: 0, sync: false }, enable: false, opacity: 1, rotation: { random: { enable: false, minimumValue: 0 }, value: 45 }, width: 1 }, + links: { + blink: false, + color: { value: "#64754a" }, + consent: false, + distance: 150, + enable: true, + frequency: 1, + opacity: 0.4, + shadow: { blur: 5, color: { value: "#000" }, enable: false }, + triangles: { enable: false, frequency: 1 }, + width: 1, + warp: false, + }, + repulse: { random: { enable: false, minimumValue: 0 }, value: 0, enabled: false, distance: 1, duration: 1, factor: 1, speed: 1 }, + }, + pauseOnBlur: true, + pauseOnOutsideViewport: true, + responsive: [], + smooth: false, + style: {}, + themes: [], + zLayers: 100, + motion: { disable: false, reduce: { factor: 4, value: true } }, + }, +}); + diff --git a/style.css b/style.css new file mode 100644 index 0000000..8394f45 --- /dev/null +++ b/style.css @@ -0,0 +1,28 @@ +body{ margin:0; font:normal 75% Arial, Helvetica, sans-serif; } +canvas{ display: block; vertical-align: bottom; } + +#tsparticles{ +z-index: -9999; +position:absolute; +/* width: 100%; */ +/* height: 100%; */ +/* background-color: #1e1a1a; */ +/* background-image: url(""); */ +/* background-repeat: no-repeat; */ +/* background-size: cover; */ +/* background-position: 50% 50%; */ +} + +main { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} + +.logo { + position: absolute; + top: 20%; + /* width: 259px; */ + /* height: 90px; */ +}