No more CDNs
4
403.html
@ -7,7 +7,7 @@
|
||||
<title>403</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="icon" href="https://cdn.ghink.net/image/avatar/Bigsk.jpg" type="image/jpeg">
|
||||
<link type="text/css" rel="stylesheet" href="https://1-cdn.ianxia.com/static/site/404/css/errors.css" />
|
||||
<link type="text/css" rel="stylesheet" href="../static/site/404/css/errors.css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
@ -22,7 +22,7 @@
|
||||
|
||||
<script type="text/javascript"
|
||||
src="https://cdn.ghink.net/js/tsparticles/1.18.11/tsparticles.min.js"></script>
|
||||
<script type="text/javascript" src="https://1-cdn.ianxia.com/static/site/404/js/errors.js"></script>
|
||||
<script type="text/javascript" src="../static/site/404/js/errors.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
4
404.html
@ -7,7 +7,7 @@
|
||||
<title>404</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="icon" href="https://cdn.ghink.net/image/avatar/Bigsk.jpg" type="image/jpeg">
|
||||
<link type="text/css" rel="stylesheet" href="https://1-cdn.ianxia.com/static/site/404/css/errors.css" />
|
||||
<link type="text/css" rel="stylesheet" href="../static/site/404/css/errors.css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
@ -22,7 +22,7 @@
|
||||
|
||||
<script type="text/javascript"
|
||||
src="https://cdn.ghink.net/js/tsparticles/1.18.11/tsparticles.min.js"></script>
|
||||
<script type="text/javascript" src="https://1-cdn.ianxia.com/static/site/404/js/errors.js"></script>
|
||||
<script type="text/javascript" src="../static/site/404/js/errors.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
@ -10,7 +10,7 @@
|
||||
<!-- Font Awesome -->
|
||||
<link rel="stylesheet" href="https://cdn.ghink.net/assembly/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
<!-- Modal -->
|
||||
<link rel="stylesheet" href="https://1-cdn.ianxia.com/static/site/www/css/modal.css">
|
||||
<link rel="stylesheet" href="../static/css/modal.css">
|
||||
<!-- Favicon -->
|
||||
<link rel="icon" href="https://cdn.ghink.net/image/avatar/Bigsk.png" type="image/png">
|
||||
<style>
|
||||
@ -24,7 +24,7 @@
|
||||
<nav class="navbar navbar-expand-lg navbar-light bg-light">
|
||||
<div class="container">
|
||||
<a class="navbar-brand" href="index.html">
|
||||
<img src="https://1-cdn.ianxia.com/static/site/www/images/logo.png" alt="Ian Xia's Logo" height="40">
|
||||
<img src="../static/images/logo.png" alt="Ian Xia's Logo" height="40">
|
||||
</a>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
@ -230,6 +230,6 @@
|
||||
<script src="https://cdn.ghink.net/js/popper/1.16.1/popper.min.js"></script>
|
||||
<script src="https://cdn.ghink.net/assembly/bootstrap/4.6.1/js/bootstrap.min.js"></script>
|
||||
<!-- Modal for image display -->
|
||||
<script src="https://1-cdn.ianxia.com/static/site/www/js/modal.js"></script>
|
||||
<script src="../static/js/modal.js"></script>
|
||||
</body>
|
||||
</html>
|
@ -10,7 +10,7 @@
|
||||
<!-- Font Awesome -->
|
||||
<link rel="stylesheet" href="https://cdn.ghink.net/assembly/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
<!-- Modal -->
|
||||
<link rel="stylesheet" href="https://1-cdn.ianxia.com/static/site/www/css/modal.css">
|
||||
<link rel="stylesheet" href="../static/css/modal.css">
|
||||
<!-- Favicon -->
|
||||
<link rel="icon" href="https://cdn.ghink.net/image/avatar/Bigsk.png" type="image/png">
|
||||
</head>
|
||||
@ -18,7 +18,7 @@
|
||||
<nav class="navbar navbar-expand-lg navbar-light bg-light">
|
||||
<div class="container">
|
||||
<a class="navbar-brand" href="index.html">
|
||||
<img src="https://1-cdn.ianxia.com/static/site/www/images/logo.png" alt="Ian Xia's Logo" height="40">
|
||||
<img src="../static/images/logo.png" alt="Ian Xia's Logo" height="40">
|
||||
</a>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
@ -58,51 +58,51 @@
|
||||
<div class="row text-center">
|
||||
<div class="col-md-4 pb-1 pb-md-0">
|
||||
<div class="card">
|
||||
<img class="card-img-top img-obj" src="https://1-cdn.ianxia.com/static/site/www/images/Sunrise%20Pavilion.jpg" alt="Sunrise Pavilion" onclick="show_modal(this)">
|
||||
<img class="card-img-top img-obj" src="../static/images/Sunrise%20Pavilion.jpg" alt="Sunrise Pavilion" onclick="show_modal(this)">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 pb-1 pb-md-0">
|
||||
<div class="card">
|
||||
<img class="card-img-top img-obj" src="https://1-cdn.ianxia.com/static/site/www/images/Sunset%20Lake.jpg" alt="Sunset Lake" onclick="show_modal(this)">
|
||||
<img class="card-img-top img-obj" src="../static/images/Sunset%20Lake.jpg" alt="Sunset Lake" onclick="show_modal(this)">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 pb-1 pb-md-0">
|
||||
<div class="card">
|
||||
<img class="card-img-top img-obj" src="https://1-cdn.ianxia.com/static/site/www/images/Sunrise%20Snow.jpg" alt="Sunrise Snow" onclick="show_modal(this)">
|
||||
<img class="card-img-top img-obj" src="../static/images/Sunrise%20Snow.jpg" alt="Sunrise Snow" onclick="show_modal(this)">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row text-center mt-4">
|
||||
<div class="col-md-4 pb-1 pb-md-0">
|
||||
<div class="card">
|
||||
<img class="card-img-top img-obj" src="https://1-cdn.ianxia.com/static/site/www/images/Overlooking%20Puppy.jpg" alt="Overlooking Puppy" onclick="show_modal(this)">
|
||||
<img class="card-img-top img-obj" src="../static/images/Overlooking%20Puppy.jpg" alt="Overlooking Puppy" onclick="show_modal(this)">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 pb-1 pb-md-0">
|
||||
<div class="card">
|
||||
<img class="card-img-top img-obj" src="https://1-cdn.ianxia.com/static/site/www/images/Snow%20Highway.jpg" alt="Snow Highway" onclick="show_modal(this)">
|
||||
<img class="card-img-top img-obj" src="../static/images/Snow%20Highway.jpg" alt="Snow Highway" onclick="show_modal(this)">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 pb-1 pb-md-0">
|
||||
<div class="card">
|
||||
<img class="card-img-top img-obj" src="https://1-cdn.ianxia.com/static/site/www/images/Walk%20Alone.jpg" alt="Walk Alone" onclick="show_modal(this)">
|
||||
<img class="card-img-top img-obj" src="../static/images/Walk%20Alone.jpg" alt="Walk Alone" onclick="show_modal(this)">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row text-center mt-4">
|
||||
<div class="col-md-4 pb-1 pb-md-0">
|
||||
<div class="card">
|
||||
<img class="card-img-top img-obj" src="https://1-cdn.ianxia.com/static/site/www/images/Dusk%20Approaching.jpg" alt="Dusk Approaching" onclick="show_modal(this)">
|
||||
<img class="card-img-top img-obj" src="../static/images/Dusk%20Approaching.jpg" alt="Dusk Approaching" onclick="show_modal(this)">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 pb-1 pb-md-0">
|
||||
<div class="card">
|
||||
<img class="card-img-top img-obj" src="https://1-cdn.ianxia.com/static/site/www/images/Green%20Plants.jpg" alt="Green Plants" onclick="show_modal(this)">
|
||||
<img class="card-img-top img-obj" src="../static/images/Green%20Plants.jpg" alt="Green Plants" onclick="show_modal(this)">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 pb-1 pb-md-0">
|
||||
<div class="card">
|
||||
<img class="card-img-top img-obj" src="https://1-cdn.ianxia.com/static/site/www/images/Mountain%20Sky.jpg" alt="Mountain Sky" onclick="show_modal(this)">
|
||||
<img class="card-img-top img-obj" src="../static/images/Mountain%20Sky.jpg" alt="Mountain Sky" onclick="show_modal(this)">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -269,6 +269,6 @@
|
||||
<script src="https://cdn.ghink.net/js/popper/1.16.1/popper.min.js"></script>
|
||||
<script src="https://cdn.ghink.net/assembly/bootstrap/4.6.1/js/bootstrap.min.js"></script>
|
||||
<!-- Modal for image display -->
|
||||
<script src="https://1-cdn.ianxia.com/static/site/www/js/modal.js"></script>
|
||||
<script src="../static/js/modal.js"></script>
|
||||
</body>
|
||||
</html>
|
55
static/css/modal.css
Normal file
@ -0,0 +1,55 @@
|
||||
/*!
|
||||
* Image Modal
|
||||
* Copyright 2022 Bigsk (Ian Xia)
|
||||
* Licensed under MIT
|
||||
*/
|
||||
.img-obj:hover{
|
||||
opacity: 0.6;
|
||||
}
|
||||
#modal{
|
||||
display: none;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
overflow: auto;
|
||||
background-color: rgba(0,0,0,0.7);
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
z-index: 1;
|
||||
}
|
||||
#modal_img{
|
||||
display: block;
|
||||
margin:25px auto;
|
||||
width: 60%;
|
||||
max-width: 750px;
|
||||
}
|
||||
#caption{
|
||||
text-align: center;
|
||||
margin: 15px auto;
|
||||
width: 60%;
|
||||
max-height: 750px;
|
||||
font-size: 20px;
|
||||
color:#ccc;
|
||||
}
|
||||
#modal_img,#caption{
|
||||
-webkit-animation: first 1s;
|
||||
-o-animation: first 1s;
|
||||
animation: first 1s;
|
||||
}
|
||||
@keyframes first{
|
||||
from{transform: scale(0.1);}
|
||||
to{transform: scale(1);}
|
||||
}
|
||||
.close{
|
||||
font-size: 40px;
|
||||
font-weight: bold;
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
right: 14%;
|
||||
color:#f1f1f1;
|
||||
}
|
||||
.close:hover,
|
||||
.close:focus{
|
||||
color:#bbb;
|
||||
cursor:pointer;
|
||||
}
|
BIN
static/images/Dusk Approaching Original.jpg
Normal file
After Width: | Height: | Size: 1.3 MiB |
BIN
static/images/Dusk Approaching.jpg
Normal file
After Width: | Height: | Size: 211 KiB |
BIN
static/images/Green Plants Original.jpg
Normal file
After Width: | Height: | Size: 11 MiB |
BIN
static/images/Green Plants.jpg
Normal file
After Width: | Height: | Size: 426 KiB |
BIN
static/images/Mountain Sky Original.jpg
Normal file
After Width: | Height: | Size: 161 KiB |
BIN
static/images/Mountain Sky.jpg
Normal file
After Width: | Height: | Size: 93 KiB |
BIN
static/images/Overlooking Puppy Original.jpg
Normal file
After Width: | Height: | Size: 1.6 MiB |
BIN
static/images/Overlooking Puppy.jpg
Normal file
After Width: | Height: | Size: 322 KiB |
BIN
static/images/Snow Highway Original.jpg
Normal file
After Width: | Height: | Size: 1.6 MiB |
BIN
static/images/Snow Highway.jpg
Normal file
After Width: | Height: | Size: 217 KiB |
BIN
static/images/Sunrise Pavilion Original.jpg
Normal file
After Width: | Height: | Size: 2.5 MiB |
BIN
static/images/Sunrise Pavilion.jpg
Normal file
After Width: | Height: | Size: 320 KiB |
BIN
static/images/Sunrise Snow Original.jpg
Normal file
After Width: | Height: | Size: 1.9 MiB |
BIN
static/images/Sunrise Snow.jpg
Normal file
After Width: | Height: | Size: 247 KiB |
BIN
static/images/Sunset Lake Original.jpg
Normal file
After Width: | Height: | Size: 9.1 MiB |
BIN
static/images/Sunset Lake.jpg
Normal file
After Width: | Height: | Size: 199 KiB |
BIN
static/images/Walk Alone Original.jpg
Normal file
After Width: | Height: | Size: 732 KiB |
BIN
static/images/Walk Alone.jpg
Normal file
After Width: | Height: | Size: 256 KiB |
BIN
static/images/logo.png
Normal file
After Width: | Height: | Size: 90 KiB |
20
static/js/modal.js
Normal file
@ -0,0 +1,20 @@
|
||||
/*!
|
||||
* Image Modal
|
||||
* Copyright 2022 Bigsk (Ian Xia)
|
||||
* Licensed under MIT
|
||||
*/
|
||||
let modal = document.getElementById('modal')
|
||||
let modal_img = document.getElementById("modal_img")
|
||||
let caption = document.getElementById("caption")
|
||||
|
||||
function show_modal(obj){
|
||||
modal.style.display = "block"
|
||||
modal_img.src = obj.src
|
||||
caption.innerHTML = obj.alt
|
||||
}
|
||||
|
||||
let span = document.getElementById("close");
|
||||
|
||||
span.onclick = function(){
|
||||
modal.style.display = "none";
|
||||
}
|
@ -10,7 +10,7 @@
|
||||
<!-- Font Awesome -->
|
||||
<link rel="stylesheet" href="https://cdn.ghink.net/assembly/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
<!-- Modal -->
|
||||
<link rel="stylesheet" href="https://1-cdn.ianxia.com/static/site/www/css/modal.css">
|
||||
<link rel="stylesheet" href="../static/css/modal.css">
|
||||
<!-- Favicon -->
|
||||
<link rel="icon" href="https://cdn.ghink.net/image/avatar/Bigsk.png" type="image/png">
|
||||
<style>
|
||||
@ -24,7 +24,7 @@
|
||||
<nav class="navbar navbar-expand-lg navbar-light bg-light">
|
||||
<div class="container">
|
||||
<a class="navbar-brand" href="index.html">
|
||||
<img src="https://1-cdn.ianxia.com/static/site/www/images/logo.png" alt="Ian Xia的 Logo" height="40">
|
||||
<img src="../static/images/logo.png" alt="Ian Xia的 Logo" height="40">
|
||||
</a>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
@ -229,6 +229,6 @@
|
||||
<script src="https://cdn.ghink.net/js/popper/1.16.1/popper.min.js"></script>
|
||||
<script src="https://cdn.ghink.net/assembly/bootstrap/4.6.1/js/bootstrap.min.js"></script>
|
||||
<!-- Modal for image display -->
|
||||
<script src="https://1-cdn.ianxia.com/static/site/www/js/modal.js"></script>
|
||||
<script src="../static/js/modal.js"></script>
|
||||
</body>
|
||||
</html>
|
@ -10,7 +10,7 @@
|
||||
<!-- Font Awesome -->
|
||||
<link rel="stylesheet" href="https://cdn.ghink.net/assembly/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
<!-- Modal -->
|
||||
<link rel="stylesheet" href="https://1-cdn.ianxia.com/static/site/www/css/modal.css">
|
||||
<link rel="stylesheet" href="../static/css/modal.css">
|
||||
<!-- Favicon -->
|
||||
<link rel="icon" href="https://cdn.ghink.net/image/avatar/Bigsk.png" type="image/png">
|
||||
</head>
|
||||
@ -18,7 +18,7 @@
|
||||
<nav class="navbar navbar-expand-lg navbar-light bg-light">
|
||||
<div class="container">
|
||||
<a class="navbar-brand" href="index.html">
|
||||
<img src="https://1-cdn.ianxia.com/static/site/www/images/logo.png" alt="Ian Xia的 Logo" height="40">
|
||||
<img src="../static/images/logo.png" alt="Ian Xia 的 Logo" height="40">
|
||||
</a>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
@ -58,51 +58,51 @@
|
||||
<div class="row text-center">
|
||||
<div class="col-md-4 pb-1 pb-md-0">
|
||||
<div class="card">
|
||||
<img class="card-img-top img-obj" src="https://1-cdn.ianxia.com/static/site/www/images/Sunrise%20Pavilion.jpg" alt="日出早亭" onclick="show_modal(this)">
|
||||
<img class="card-img-top img-obj" src="../static/images/Sunrise%20Pavilion.jpg" alt="日出早亭" onclick="show_modal(this)">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 pb-1 pb-md-0">
|
||||
<div class="card">
|
||||
<img class="card-img-top img-obj" src="https://1-cdn.ianxia.com/static/site/www/images/Sunset%20Lake.jpg" alt="夕阳湖畔" onclick="show_modal(this)">
|
||||
<img class="card-img-top img-obj" src="../static/images/Sunset%20Lake.jpg" alt="夕阳湖畔" onclick="show_modal(this)">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 pb-1 pb-md-0">
|
||||
<div class="card">
|
||||
<img class="card-img-top img-obj" src="https://1-cdn.ianxia.com/static/site/www/images/Sunrise%20Snow.jpg" alt="雪原黎明" onclick="show_modal(this)">
|
||||
<img class="card-img-top img-obj" src="../static/images/Sunrise%20Snow.jpg" alt="雪原黎明" onclick="show_modal(this)">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row text-center mt-4">
|
||||
<div class="col-md-4 pb-1 pb-md-0">
|
||||
<div class="card">
|
||||
<img class="card-img-top img-obj" src="https://1-cdn.ianxia.com/static/site/www/images/Overlooking%20Puppy.jpg" alt="犬目远眺" onclick="show_modal(this)">
|
||||
<img class="card-img-top img-obj" src="../static/images/Overlooking%20Puppy.jpg" alt="犬目远眺" onclick="show_modal(this)">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 pb-1 pb-md-0">
|
||||
<div class="card">
|
||||
<img class="card-img-top img-obj" src="https://1-cdn.ianxia.com/static/site/www/images/Snow%20Highway.jpg" alt="雪国公路" onclick="show_modal(this)">
|
||||
<img class="card-img-top img-obj" src="../static/images/Snow%20Highway.jpg" alt="雪国公路" onclick="show_modal(this)">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 pb-1 pb-md-0">
|
||||
<div class="card">
|
||||
<img class="card-img-top img-obj" src="https://1-cdn.ianxia.com/static/site/www/images/Walk%20Alone.jpg" alt="独行山涧" onclick="show_modal(this)">
|
||||
<img class="card-img-top img-obj" src="../static/images/Walk%20Alone.jpg" alt="独行山涧" onclick="show_modal(this)">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row text-center mt-4">
|
||||
<div class="col-md-4 pb-1 pb-md-0">
|
||||
<div class="card">
|
||||
<img class="card-img-top img-obj" src="https://1-cdn.ianxia.com/static/site/www/images/Dusk%20Approaching.jpg" alt="黄昏近前" onclick="show_modal(this)">
|
||||
<img class="card-img-top img-obj" src="../static/images/Dusk%20Approaching.jpg" alt="黄昏近前" onclick="show_modal(this)">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 pb-1 pb-md-0">
|
||||
<div class="card">
|
||||
<img class="card-img-top img-obj" src="https://1-cdn.ianxia.com/static/site/www/images/Green%20Plants.jpg" alt="漫山碧透" onclick="show_modal(this)">
|
||||
<img class="card-img-top img-obj" src="../static/images/Green%20Plants.jpg" alt="漫山碧透" onclick="show_modal(this)">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 pb-1 pb-md-0">
|
||||
<div class="card">
|
||||
<img class="card-img-top img-obj" src="https://1-cdn.ianxia.com/static/site/www/images/Mountain%20Sky.jpg" alt="连峰远山" onclick="show_modal(this)">
|
||||
<img class="card-img-top img-obj" src="../static/images/Mountain%20Sky.jpg" alt="连峰远山" onclick="show_modal(this)">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -269,6 +269,6 @@
|
||||
<script src="https://cdn.ghink.net/js/popper/1.16.1/popper.min.js"></script>
|
||||
<script src="https://cdn.ghink.net/assembly/bootstrap/4.6.1/js/bootstrap.min.js"></script>
|
||||
<!-- Modal for image display -->
|
||||
<script src="https://1-cdn.ianxia.com/static/site/www/js/modal.js"></script>
|
||||
<script src="../static/js/modal.js"></script>
|
||||
</body>
|
||||
</html>
|