Skip to content

Commit cd733ae

Browse files
CavenfishCavenfish
committed
Deploying to gh-pages from @ 0ef9bc7 🚀
1 parent d0ceb28 commit cd733ae

10 files changed

Lines changed: 69 additions & 8 deletions

File tree

‎404.html‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,6 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1">
6-
<meta name="google-site-verification" content="9CIsKebPd-hNdMScya0EZx2Z_GtQ9g3yDXmpbgs2mrU" />
76

87

98

‎css/gallery.css‎

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -66,6 +66,40 @@ Set your website theme here.
6666
border: 1px solid var(--primary-fg);
6767
}
6868

69+
.gallery-modal {
70+
display: none;
71+
position: fixed;
72+
z-index: 1;
73+
padding-top: 1%;
74+
left: 0;
75+
top: 0;
76+
width: 100%;
77+
height: 100%;
78+
overflow: auto;
79+
background-color: rgba(0, 0, 0, 0.9);
80+
}
81+
.gallery-modal img {
82+
margin: auto;
83+
display: block;
84+
height: 95%;
85+
width: auto;
86+
}
87+
.gallery-modal .close {
88+
position: absolute;
89+
top: 15px;
90+
right: 35px;
91+
color: #f1f1f1;
92+
font-size: 40px;
93+
font-weight: bold;
94+
transition: 0.3s;
95+
}
96+
.gallery-modal .close:hover,
97+
.gallery-modal .close:focus {
98+
color: #bbb;
99+
text-decoration: none;
100+
cursor: pointer;
101+
}
102+
69103
/* Responsive columns */
70104
@media (max-width: 1024px) {
71105
.gallery-wrapper {
@@ -80,4 +114,11 @@ Set your website theme here.
80114
.gallery-img img {
81115
height: 160px; /* slightly smaller on mobile */
82116
}
117+
.gallery-modal {
118+
padding-top: 20%;
119+
}
120+
.gallery-modal img {
121+
width: 80%;
122+
height: auto;
123+
}
83124
}

‎index.html‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,6 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1">
6-
<meta name="google-site-verification" content="9CIsKebPd-hNdMScya0EZx2Z_GtQ9g3yDXmpbgs2mrU" />
76

87

98

‎libs/scripts/gallery-modal.js‎

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
var modal = document.getElementById("galleryModal");
2+
var span = document.getElementsByClassName("close")[0];
3+
var images = document.querySelectorAll(".gallery-img img");
4+
var originalParent = null;
5+
var currentImage = null;
6+
7+
images.forEach(function (img) {
8+
img.style.cursor = "pointer";
9+
img.onclick = function (e) {
10+
e.preventDefault();
11+
modal.style.display = "block";
12+
// Move the image to the modal
13+
originalParent = img.parentNode;
14+
currentImage = img;
15+
modal.appendChild(img);
16+
};
17+
});
18+
19+
span.onclick = function () {
20+
modal.style.display = "none";
21+
// Move the image back to its original parent
22+
if (originalParent && currentImage) {
23+
originalParent.appendChild(currentImage);
24+
}
25+
};

‎pages/aboutMe/index.html‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,6 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1">
6-
<meta name="google-site-verification" content="9CIsKebPd-hNdMScya0EZx2Z_GtQ9g3yDXmpbgs2mrU" />
76

87

98

‎pages/blog/coding/cvr_example/index.html‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,6 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1">
6-
<meta name="google-site-verification" content="9CIsKebPd-hNdMScya0EZx2Z_GtQ9g3yDXmpbgs2mrU" />
76

87
<link rel="stylesheet" href="/libs/katex/katex.min.css">
98
<link rel="stylesheet" href="/libs/highlight/styles/github.min.css">

‎pages/blog/gallery/pigeons/index.html‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,6 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1">
6-
<meta name="google-site-verification" content="9CIsKebPd-hNdMScya0EZx2Z_GtQ9g3yDXmpbgs2mrU" />
76

87

98

@@ -330,7 +329,10 @@ <h1 id="pigeon_pictures"><a href="#pigeon_pictures" class="header-anchor">Pigeon
330329
<img src="/assets/figs/pigeons/9.jpg">
331330
</div>
332331
</div>
332+
</div><div id="galleryModal" class="gallery-modal">
333+
<span class="close">&times;</span>
333334
</div>
335+
<script src="/libs/scripts/gallery-modal.js"></script>
334336
<div class="page-foot">
335337
| Website built with <a href="https://franklinjl.org/">Franklin.jl</a> |
336338
<a href="/sitemap.xml">Sitemap</a> |

‎pages/blog/index.html‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,6 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1">
6-
<meta name="google-site-verification" content="9CIsKebPd-hNdMScya0EZx2Z_GtQ9g3yDXmpbgs2mrU" />
76

87

98

‎pages/blog/product_reviews/climbing_shoes/index.html‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,6 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1">
6-
<meta name="google-site-verification" content="9CIsKebPd-hNdMScya0EZx2Z_GtQ9g3yDXmpbgs2mrU" />
76

87

98

‎pages/software/index.html‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,6 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1">
6-
<meta name="google-site-verification" content="9CIsKebPd-hNdMScya0EZx2Z_GtQ9g3yDXmpbgs2mrU" />
76

87

98

0 commit comments

Comments
 (0)