first commit
This commit is contained in:
Ste Vadis
commit
0c0c4936ce
23
index.html
Normal file
23
index.html
Normal file
@ -0,0 +1,23 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<title>deligiaouris.gr</title>
|
||||
<link rel="stylesheet" href="./style.css">
|
||||
<link rel="icon" href="./favicon.ico" type="image/x-icon">
|
||||
<script src="https://cdn.jsdelivr.net/npm/tsparticles-all@2.12.0/tsparticles.all.bundle.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div id="tsparticles"></div>
|
||||
<div class="logo">
|
||||
<svg width="259" height="90" xmlns="http://www.w3.org/2000/svg">
|
||||
<image href="./logo.svg" height="90" width="259" />
|
||||
</svg>
|
||||
</div>
|
||||
</main>
|
||||
<script src="script.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
212
logo.svg
Normal file
212
logo.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 44 KiB |
125
script.js
Normal file
125
script.js
Normal file
@ -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 } },
|
||||
},
|
||||
});
|
||||
|
||||
28
style.css
Normal file
28
style.css
Normal file
@ -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; */
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user