diff --git a/index.html b/index.html index a6df11c..7de0a69 100644 --- a/index.html +++ b/index.html @@ -1,31 +1,50 @@ - - - - vrabec - - + + + + vrabec + + - - - - - - - - - - + + + + + + + + + + -
-

17.1.2024

-
- +
+

17.1.2024

+
+
+

+ =Lorem ipsum dolor sit amet consectetur adipisicing elit. Dicta + suscipit et accusamus expedita repellat saepe deserunt + asperiores libero explicabo quas autem officia sapiente corporis + pariatur, esse non excepturi quia voluptatibus debitis corrupti + quaerat cupiditate aspernatur dolorum. Quaerat amet officia + officiis ipsam nisi id earum velit! Accusantium quia nesciunt + odit provident ad nobis sint? Iusto non ea at, minima, maxime + quidem eum doloribus laboriosam totam repellat omnis veniam + mollitia libero molestiae est exercitationem beatae optio, quae + quaerat labore quisquam! Vero esse laudantium blanditiis + nesciunt fugiat, delectus expedita provident sed, placeat nobis + quia amet mollitia quibusdam, voluptate aperiam temporibus. Aut, + odit obcaecati? +

+
+

+
+ diff --git a/script.js b/script.js index 83bce5b..6ca2387 100644 --- a/script.js +++ b/script.js @@ -54,9 +54,12 @@ function startVis() { camera.position.z = 100; scene.add(camera); - const renderer = new THREE.WebGLRenderer({ antialias: true }); + const renderer = new THREE.WebGLRenderer( { alpha: true } ); // init like this renderer.setSize(window.innerWidth, window.innerHeight); - renderer.setClearColor("#ced0ce"); + //renderer.setClearColor("#ced0ce"); + + renderer.setClearColor( 0xffffff, 0 ); // second param is opacity, 0 => transparent + area.appendChild(renderer.domElement); const geometry = new THREE.BoxGeometry( @@ -68,12 +71,12 @@ function startVis() { depthSegments ); const material = new THREE.MeshLambertMaterial({ - color: "#696969", + color: "#FFFFFF", wireframe: true, }); const cube = new THREE.Mesh(geometry, material); - const light = new THREE.DirectionalLight("#ffffff", 1); + const light = new THREE.DirectionalLight("#ffffff", 1000); light.position.set(0, 50, 100); scene.add(light); scene.add(cube); diff --git a/slika.JPEG b/slika.JPEG new file mode 100644 index 0000000..2fa85a6 Binary files /dev/null and b/slika.JPEG differ diff --git a/style.css b/style.css index 281d974..2810041 100644 --- a/style.css +++ b/style.css @@ -6,14 +6,19 @@ body { height: 100vh; margin: 0; overflow: hidden; - background-color: #ac9898e8; text-align: center; + background-color: black; } #visualiser { cursor: pointer; position: relative; - color: #878787; + background-image: url("slika.JPEG"); /* Replace 'your-image-path.jpg' with the path or URL of your background image */ + background-position: center; /* Centers the background image */ + text-align: center; + background-size: 50% 100%; + background-position: center; + background-repeat: no-repeat; } .datum { @@ -25,8 +30,18 @@ body { #text { font-size: 30px; - color: #090909; + color: #ffffff; font-family: "Inter", sans-serif; font-style: bold; font-weight: 800; } + +.opis { + margin-bottom: 30px; + width: 50%; +} + +#textopis { + font-family: "Inter", sans-serif; + color: #ffffff; +}