No more CDNs

This commit is contained in:
Bigsk 2023-02-01 21:02:31 +08:00
parent a8d529054d
commit 1c2814711c
27 changed files with 109 additions and 34 deletions

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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
View 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;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 211 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 426 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 161 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 93 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 322 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 217 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 320 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 247 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 199 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 732 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 256 KiB

BIN
static/images/logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 90 KiB

20
static/js/modal.js Normal file
View 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";
}

View File

@ -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>

View File

@ -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>