forked from axewal/axelwalden.github.io
-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathPhotoApp.html
More file actions
95 lines (61 loc) · 3.77 KB
/
Copy pathPhotoApp.html
File metadata and controls
95 lines (61 loc) · 3.77 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" href="./favicon.png" />
<link href="https://fonts.cdnfonts.com/css/adlam-display" rel="stylesheet">
<link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<meta name="viewport" content="width=device-width" />
<meta http-equiv="content-security-policy" content="">
<link href="./_app/immutable/assets/_page-a266c665.css" rel="stylesheet">
<link rel="modulepreload" href="./_app/immutable/start-41596f37.js">
<link rel="modulepreload" href="./_app/immutable/chunks/index-925108f7.js">
<link rel="modulepreload" href="./_app/immutable/chunks/singletons-0fadeaa6.js">
<link rel="modulepreload" href="./_app/immutable/chunks/index-d3a7ac17.js">
<link rel="modulepreload" href="./_app/immutable/chunks/preload-helper-41c905a7.js">
<link rel="modulepreload" href="./_app/immutable/chunks/control-f5b05b5f.js">
<link rel="modulepreload" href="./_app/immutable/chunks/uneval-cfffe2f6.js">
<link rel="modulepreload" href="./_app/immutable/components/pages/_layout.svelte-b60fcbe3.js">
<link rel="modulepreload" href="./_app/immutable/components/pages/(no-navbar)/_layout.svelte-5cad7c1b.js">
<link rel="modulepreload" href="./_app/immutable/modules/pages/(no-navbar)/_layout.js-e992bf42.js">
<link rel="modulepreload" href="./_app/immutable/chunks/_layout-fca24c55.js">
<link rel="modulepreload" href="./_app/immutable/components/pages/(no-navbar)/PhotoApp/_page.svelte-f363b61f.js">
</head>
<body style="margin: 0; align-items: center;">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
<div style="display: contents">
<title>photoapp</title>
<section class="svelte-13mxomb"><main class="svelte-13mxomb"><div class="flexBox svelte-13mxomb"><div class="image-wrapper svelte-13mxomb"><img src="https://www.prospertrading.com/wp-content/uploads/2019/02/Dark-Days.jpg" alt=" Clouds go away, then the moon shines brightly" onclick="myFunction(this);" class="svelte-13mxomb"></div>
<div class="image-wrapper svelte-13mxomb"><img src="https://wallpaperaccess.com/full/432699.jpg" alt=" At the darkest moment comes the light" onclick="myFunction(this);" class="svelte-13mxomb"></div>
<div class="image-wrapper svelte-13mxomb"><img src="https://wallpaperaccess.com/full/1169795.jpg" alt="Even though it's dark and cold there is always a shade of light" onclick="myFunction(this);" class="svelte-13mxomb"></div></div>
<div class="container svelte-13mxomb">
<img src="https://www.prospertrading.com/wp-content/uploads/2019/02/Dark-Days.jpg" id="expandedImg" alt="" class="svelte-13mxomb">
<div id="imgtext" class="svelte-13mxomb"></div></div></main>
<script>function myFunction (imgs){
var expandImg = document.getElementById("expandedImg");
var imgText = document.getElementById("imgtext");
expandImg.src = imgs.src;
imgText.innerHTML = imgs.alt;
expandImg.parentElement.style.display = "block";
}
</script>
</section>
<script type="module" data-sveltekit-hydrate="1u4z0qy">
import { start } from "./_app/immutable/start-41596f37.js";
start({
env: {},
paths: {"base":"","assets":""},
target: document.querySelector('[data-sveltekit-hydrate="1u4z0qy"]').parentNode,
version: "1710497132425",
hydrate: {
node_ids: [0, 4, 16],
data: [null,null,null],
form: null
}
});
</script>
</div>
</body>
</html>