-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathmain.html
More file actions
214 lines (176 loc) · 10 KB
/
main.html
File metadata and controls
214 lines (176 loc) · 10 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Josef Jehlička</title>
<link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<link rel="shortcut icon" href="/favicon.ico" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<link rel="manifest" href="/site.webmanifest" />
<link rel="stylesheet" href="0_000-0_999.css" media="(min-aspect-ratio: 0.001) and (max-aspect-ratio: 0.999)">
<link rel="stylesheet" href="1_000-1_046.css" media="(min-aspect-ratio: 1) and (max-aspect-ratio: 1.046)">
<link rel="stylesheet" href="1_047-1_169.css" media="(min-aspect-ratio: 1.047) and (max-aspect-ratio: 1.169)">
<link rel="stylesheet" href="1_170-1_300.css" media="(min-aspect-ratio: 1.170) and (max-aspect-ratio: 1.299)">
<link rel="stylesheet" href="1_333-1_433.css" media="(min-aspect-ratio: 1.300) and (max-aspect-ratio: 1.433)">
<link rel="stylesheet" href="1_434-1_600.css" media="(min-aspect-ratio: 1.434) and (max-aspect-ratio: 1.600)">
<link rel="stylesheet" href="1_601-1_838.css" media="(min-aspect-ratio: 1.601) and (max-aspect-ratio: 1.838)">
<link rel="stylesheet" href="1_839-2_333.css" media="(min-aspect-ratio: 1.839) and (max-aspect-ratio: 2.333)">
<link rel="stylesheet" href="2_333-2_655.css" media="(min-aspect-ratio: 2.334) and (max-aspect-ratio: 2.655)">
<link rel="stylesheet" href="2_655-3_000.css" media="(min-aspect-ratio: 2.656) and (max-aspect-ratio: 3)">
<link rel="stylesheet" href="3_000+.css" media="(min-aspect-ratio: 3.0001) and (max-aspect-ratio: 100)">
<script src="https://cdn.skypack.dev/three@0.129.0/build/three.module.js"></script>
<script src="https://cdn.skypack.dev/three@0.129.0/examples/jsm/loaders/GLTFLoader.js"></script>
<script src="https://cdn.skypack.dev/three@0.129.0/examples/jsm/controls/OrbitControls.js"></script>
</head>
<body style="background-color:#121517; color:#e9f6fa;">
<div id="model-container"></div>
<script type="module">
import * as THREE from 'https://cdn.skypack.dev/three@0.129.0/build/three.module.js';
import { GLTFLoader } from 'https://cdn.skypack.dev/three@0.129.0/examples/jsm/loaders/GLTFLoader.js';
import { OrbitControls } from 'https://cdn.skypack.dev/three@0.129.0/examples/jsm/controls/OrbitControls.js';
document.addEventListener("DOMContentLoaded", () => {
const container = document.getElementById("model-container");
const width = container.clientWidth;
const height = container.clientHeight;
// Create the scene
const scene = new THREE.Scene();
// Create the camera
const camera = new THREE.PerspectiveCamera(75, width / height, 0.1, 1000);
camera.position.z = 2;
// Create the renderer
const renderer = new THREE.WebGLRenderer({ alpha: true });
renderer.setSize(width, height);
container.appendChild(renderer.domElement);
// Load the GLTF model
const loader = new GLTFLoader();
loader.load("models/scene.gltf", (gltf) => {
const model = gltf.scene;
scene.add(model);
model.scale.set(0.1, 0.1, 0.1); // Larger scale for visibility
model.position.set(0, 0, 0); // Centered position
// Handle animations if present
const mixer = new THREE.AnimationMixer(model);
gltf.animations.forEach((clip) => {
mixer.clipAction(clip).play();
});
// Animation loop
function animate() {
requestAnimationFrame(animate);
mixer.update(0.01); // Update animation
// Rotate the globe like Earth (around Y-axis)
model.rotation.y += 0.002; // Slow rotation around Y-axis
renderer.render(scene, camera);
}
animate();
});
// Lighting
const ambientLight = new THREE.AmbientLight(0xffffff, 1); // Increased intensity for more brightness
scene.add(ambientLight);
const directionalLight = new THREE.DirectionalLight(0xffffff, 1); // High intensity for very bright light
directionalLight.position.set(2, 2, 2);
scene.add(directionalLight);
const pointLight = new THREE.PointLight(0xffffff, 5, 1); // Bright point light
pointLight.position.set(6, 6, 6);
scene.add(pointLight);
// Optional: Hemisphere light for extra softness
const hemisphereLight = new THREE.HemisphereLight(0xffffff, 0x444444, 1); // Increased brightness
scene.add(hemisphereLight);
// Handle window resize
window.addEventListener("resize", () => {
const newWidth = container.clientWidth;
const newHeight = container.clientHeight;
renderer.setSize(newWidth, newHeight);
camera.aspect = newWidth / newHeight;
camera.updateProjectionMatrix();
});
});
</script>
<img src="profile.jpg" class="profile-image" alt="Full-width image">
<img src="baner22.jpg" class="full-width-image" alt="Full-width image">
<header>
<h1>Josef Jehlička</h1>
<nav> <!--https://projects.verou.me/css3patterns/#carbon -->
<ul>
<li><a href="#anchor">O mně</a></li>
<li><a href="foto.html">Fotogalerie</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="art.html">Tvůrčí činnost</a></li>
</ul>
</nav>
</header>
<body style="background-color:#121517; color:#e9f6fa;">
<div class="social-container">
<div class="social-icon">
<a href="https://www.facebook.com/josef.jehlicka.3/" target="_blank">
<img src="fb.png" alt="Facebook">
</a>
</div>
<div class="social-icon">
<a href="https://www.instagram.com/jehlickajosef/" target="_blank">
<img src="ig.png" alt="Instagram">
</a>
</div>
<div class="social-icon">
<a href="https://github.com/jehlijos" target="_blank">
<img src="gh.png" alt="GitHub">
</a>
</div>
<div class="social-icon">
<a href="wp_redirect.html" target="_blank">
<img src="wp.png" alt="Wattpad">
</a>
</div>
<div class="social-icon">
<a href="yt_redirect.html" target="_blank">
<img src="yt.png" alt="Youtube">
</a>
</div>
<div class="social-icon">
<a href="https://ngl.link/jehlickajosef" target="_blank">
<img src="ngl.png" alt="NGL">
</a>
</div>
</div>
<main>
<a href="main_en.html">
<img src="en.png" width="60" height="30" style="vertical-align:middle;margin:-40px 10px" >
</a>
<a name="anchor"><h1 style="color:#e75896;">O mně</h1></a>
<p>Ahoj! Dobrý den!<br>
Vítejte na mých osobních stránkách. Jsem jen další student vysoké školy, co se sanží si užívat svůj život, jak jen to jde. <br> Rád trávím čas s přáteli a učím se novým věcem. Mám velmi kladný vztah k zvířatům a mám doma toho nejlepšího stafordširského bulteriéra. </p>
<h2 style="color:#e75896;">Vzdělání</h2>
<li><span style="color:#e5482a;">2025 Ing.</span> - ČVUT v Praze, Fakulta stavební, Program: Geodézie a Kartografie, specializace: Geomatika</li>
<span style="padding-left: 50px;">Dip. práce: <a href=https://dspace.cvut.cz/handle/10467/124825 target="_blank" style="color:#5fb1a1;"> "Vývoj zásuvného modulu QGIS pro určení využití území a potřeby analýz odtokových poměrů"</a></span>
<br><br>
<li><span style="color:#e5482a;">2023 Bc. </span> - ČVUT v Praze, Fakulta stavební, Program: Geodézie a Kartografie</li>
<span style="padding-left: 50px;">Bak. práce: <a href=https://dspace.cvut.cz/handle/10467/110703 target="_blank" style="color:#5fb1a1;"> "Porovnání výsledků měření GNSS s užitím systémů EGNOS a EDAS"</a></span>
<br><br>
<li><span style="color:#e5482a;">2020 </span> - PSŠ Letohrad, Obor: Geodézie a katastr nemovitostí</li>
<h2 style="color:#e75896;">Další informace</h2>
<strong style="color:#e5482a;">Datum a místo narození</strong> : 10.2.2001, Hradec Králové
<br> <strong style="color:#e5482a;">Dovednosti</strong> : Angiličtina (C1), jazyk Python, ArcGIS, QGIS, GRASS GIS (základy), SQL (základy), Adobe Photoshop (Illustrator), Qt Designer, Grafana, LaTeX, ovládání geodetických přístrojů, AutoCad, Kokeš, Groma, MATLAB,
<br> <strong style="color:#e5482a;">Koníčky</strong> : Tvůrčí psaní, četba, editace videí a fotografií, cestování, pití piva, <a href=https://www.openstreetmap.org/user/jehlijos target="_blank" style="color:#5fb1a1;">přispívání do OpenStreetMap </a>,
<br>
<br> <strong style="color:#e5482a;">Výška</strong> : 197 cm
<br> <strong style="color:#e5482a;">Váha</strong> : cca 85 kg
<br>
<br> <strong style="color:#e5482a;">Nejoblíbenější barva:</strong> : Vínová
<br> <strong style="color:#e5482a;">Nejoblíbenější filmy:</strong> : Fight Club, Trainspotting, True Romance, Fear and Loathing in Las Vegas
<br> <strong style="color:#e5482a;">Nejoblíbenější knihy:</strong> : Zaklínač, Underground, Invisible Monsters, Hell's Angels: The Strange and Terrible Saga of the Outlaw Motorcycle Gangs
<br> <strong style="color:#e5482a;">Nejoblíbenější hudba:</strong> : Green Day, My Chemical Romance, Pink Floyd
</main>
<footer>
email: jehlijos@proton.me , tel.: 777 689 873 / 778 039 151
<a href="https://www.toplist.cz/stat/1832999/"><script language="JavaScript" type="text/javascript" charset="utf-8">
<!--
document.write('<img src="https://toplist.cz/count.asp?id=1832999&logo=btn&http='+
encodeURIComponent(document.referrer)+'&t='+encodeURIComponent(document.title)+'&l='+encodeURIComponent(document.URL)+
'&wi='+encodeURIComponent(window.screen.width)+'&he='+encodeURIComponent(window.screen.height)+'&cd='+
encodeURIComponent(window.screen.colorDepth)+'" width="80" height="15" border=0 alt="TOPlist" />');
//--></script><noscript><img src="https://toplist.cz/count.asp?id=1832999&logo=btn&njs=1" border="0"
alt="TOPlist" width="80" height="15" /></noscript></a>
</footer>
</body>
</html>