Skip to content

Commit

Permalink
[New] 新增 Pjax 支持
Browse files Browse the repository at this point in the history
  • Loading branch information
PJ-568 committed Mar 13, 2024
1 parent 0f0e142 commit 13752c4
Show file tree
Hide file tree
Showing 8 changed files with 203 additions and 93 deletions.
32 changes: 19 additions & 13 deletions 404.html
Original file line number Diff line number Diff line change
Expand Up @@ -5,25 +5,28 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name='description' content='The Hamud language is a constructed language that originated from internet memes, with its grammar based on Toki Pona and its vocabulary derived from Arabic. 哈姆语是一门起源于网络流行哽,语法基于道本语、词汇基于阿拉伯词源的人造语言。这是哈姆语官方网站。'>
<meta http-equiv='content-language' content='zh-Hans-CN'>
<link rel="stylesheet" href="/zh-Hans-CN/assets/loading.css">
<script src="/zh-Hans-CN/assets/loading.js"></script>
<link rel="stylesheet" href="/css/translate.css">
<link rel="stylesheet" href="zh-Hans-CN/assets/loading.css">
<script src="zh-Hans-CN/assets/loading.js" type="text/javascript"></script>
<link rel="stylesheet" href="css/translate.css">
<link rel="stylesheet" href="css/override.css"/>
<script src="https://lib.baomitu.com/darkmode.js/1.5.7/darkmode-js.min.js"></script>
<script src="https://lib.baomitu.com/darkmode.js/1.5.7/darkmode-js.min.js" type="text/javascript"></script>
<script>
function addDarkmodeWidget() {
new Darkmode().showWidget();
}
window.addEventListener('load', addDarkmodeWidget);
</script>
<script src="//res.zvo.cn/translate/translate.js"></script>
<script src="/zh-Hans-CN/assets/translate_lib.js"></script>
<script src="//res.zvo.cn/translate/translate.js" type="text/javascript"></script>
<script src="zh-Hans-CN/assets/translate_lib.js" type="text/javascript"></script>
<title class="notTranslate">داودايدادو - 404</title>
<link rel="icon" href="/zh-Hans-CN/favicon.svg">
<link rel="stylesheet" href="/css/hack/dist/hack.css">
<link rel="stylesheet" href="/css/hack/dist/standard.css">
<script src="/js/include.js"></script>
<script src="/js/giscus.js"></script>
<link rel="icon" href="zh-Hans-CN/favicon.svg">
<link rel="stylesheet" href="css/hack/dist/hack.css">
<link rel="stylesheet" href="css/hack/dist/standard.css">
<script src="js/include.js" type="text/javascript"></script>
<script src="//lib.baomitu.com/pjax/0.2.8/pjax.min.js" type="text/javascript"></script>
<script src="js/giscus.js" type="text/javascript" type="text/javascript"></script>
<script src="js/SetPjax.js" type="text/javascript" type="text/javascript"></script>
<script src="js/load_ani.js" type="text/javascript"></script>
</head>
<body class="standard">
<div id="hmd-loading">
Expand All @@ -40,7 +43,7 @@ <h1 class="notTranslate">داودايدادو - 404</h1>
<p class="notTranslate">Not found. You should try to search.</p>

<div class="btn-group">
<button onclick="window.location.href='/';startLoading()" class="btn btn-success btn-ghost">回到主页</button>
<button onclick="window.location.href='/'" class="btn btn-success btn-ghost">回到主页</button>
<button onclick="javascript:history.back(-1);" class="btn btn-success btn-ghost">返回</button>
</div>

Expand All @@ -49,13 +52,16 @@ <h2>反馈</h2>
<div id="giscus-container"></div>
<br/>
<div class="btn-group">
<button onclick="window.location.href='/';startLoading()" class="btn btn-success btn-ghost">回到主页</button>
<button onclick="window.location.href='/'" class="btn btn-success btn-ghost">回到主页</button>
<button onclick="window.location.href='#'" class="btn btn-success btn-ghost">返回页顶</button>
<button onclick="javascript:history.back(-1);" class="btn btn-success btn-ghost">返回</button>
</div>
<br/>
<include src="/footer.html"></include>
</div>
<script src="//lf6-cdn-tos.bytecdntp.com/cdn/expire-1-y/instant.page/5.1.0/instantpage.min.js"></script>
<div class="loading-bar">
<div class="progress"></div>
</div>
</body>
</html>
2 changes: 1 addition & 1 deletion Character_substitution
22 changes: 14 additions & 8 deletions Community.html
Original file line number Diff line number Diff line change
Expand Up @@ -6,24 +6,27 @@
<meta name='description' content='The Hamud Form provides a communication platform for Hamud. 哈姆论坛旨在为哈姆语社区提供交流平台。'>
<meta http-equiv='content-language' content='zh-Hans-CN'>
<link rel="stylesheet" href="zh-Hans-CN/assets/loading.css">
<script src="zh-Hans-CN/assets/loading.js"></script>
<script src="zh-Hans-CN/assets/loading.js" type="text/javascript"></script>
<link rel="stylesheet" href="css/translate.css">
<link rel="stylesheet" href="css/override.css"/>
<script src="https://lib.baomitu.com/darkmode.js/1.5.7/darkmode-js.min.js"></script>
<script src="https://lib.baomitu.com/darkmode.js/1.5.7/darkmode-js.min.js" type="text/javascript"></script>
<script>
function addDarkmodeWidget() {
new Darkmode().showWidget();
}
window.addEventListener('load', addDarkmodeWidget);
</script>
<script src="//res.zvo.cn/translate/translate.js"></script>
<script src="zh-Hans-CN/assets/translate_lib.js"></script>
<script src="//res.zvo.cn/translate/translate.js" type="text/javascript"></script>
<script src="zh-Hans-CN/assets/translate_lib.js" type="text/javascript"></script>
<title class="notTranslate">حامود حامود ياريماسونايحابيحيا حابيبي حامود - 哈姆论坛</title>
<link rel="icon" href="zh-Hans-CN/favicon.svg">
<link rel="stylesheet" href="css/hack/dist/hack.css">
<link rel="stylesheet" href="css/hack/dist/standard.css">
<script src="js/include.js"></script>
<script src="js/giscus.js"></script>
<script src="js/include.js" type="text/javascript"></script>
<script src="//lib.baomitu.com/pjax/0.2.8/pjax.min.js" type="text/javascript"></script>
<script src="js/giscus.js" type="text/javascript"></script>
<script src="js/SetPjax.js" type="text/javascript"></script>
<script src="js/load_ani.js" type="text/javascript"></script>
</head>
<body class="standard">
<div id="hmd-loading">
Expand All @@ -39,20 +42,23 @@
<h1><font class="notTranslate">حامود حامود ياريماسونايحابيحيا حابيبي حامود</font> - 哈姆论坛</h1>

<div class="btn-group">
<button onclick="window.location.href='/';startLoading()" class="btn btn-success btn-ghost">回到主页</button>
<button onclick="window.location.href='/'" class="btn btn-success btn-ghost">回到主页</button>
<button onclick="javascript:history.back(-1);" class="btn btn-success btn-ghost">返回</button>
</div>

<div id="giscus-container"></div>
<br/>
<div class="btn-group">
<button onclick="window.location.href='/';startLoading()" class="btn btn-success btn-ghost">回到主页</button>
<button onclick="window.location.href='/'" class="btn btn-success btn-ghost">回到主页</button>
<button onclick="window.location.href='#'" class="btn btn-success btn-ghost">返回页顶</button>
<button onclick="javascript:history.back(-1);" class="btn btn-success btn-ghost">返回</button>
</div>
<br/>
<include src="footer.html"></include>
</div>
<script src="//lf6-cdn-tos.bytecdntp.com/cdn/expire-1-y/instant.page/5.1.0/instantpage.min.js"></script>
<div class="loading-bar">
<div class="progress"></div>
</div>
</body>
</html>
44 changes: 37 additions & 7 deletions css/override.css
Original file line number Diff line number Diff line change
@@ -1,7 +1,37 @@
/* 深色模式相关 */
/* .darkmode-layer, .darkmode-toggle{z-index:101} */
.darkmode--activated img{isolation:isolate;mix-blend-mode:difference}
.darkmode--activated .btn{isolation:isolate;mix-blend-mode:difference}
.darkmode--activated select{background-color:#000;color:#E0E0E0}
.darkmode--activated .hmd-loading{isolation:isolate;mix-blend-mode:difference}
.darkmode--activated .alert{isolation:isolate;mix-blend-mode:difference}
/* 深色模式相关 */
/* .darkmode-layer, .darkmode-toggle{z-index:101} */
.darkmode--activated img{isolation:isolate;mix-blend-mode:difference}
.darkmode--activated .btn{isolation:isolate;mix-blend-mode:difference}
.darkmode--activated select{background-color:#000;color:#E0E0E0}
.darkmode--activated .hmd-loading{isolation:isolate;mix-blend-mode:difference}
.darkmode--activated .alert{isolation:isolate;mix-blend-mode:difference}

/* 加载进度条 */
.loading-bar {
position: fixed;
top: 0;
left: 0;
z-index: 99999;
opacity: 0;
transition: opacity .4s linear;

.progress {
position: fixed;
top: 0;
left: 0;
width: 0;
height: 4px;
background-color: #007bff;
box-shadow: 0 0 10px rgba(119, 182, 255, .7);
}

&.loading {
opacity: 1;
transition: none;

.progress {
transition: width .4s ease;
}
}
}
/* 加载进度条结束 */
25 changes: 16 additions & 9 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
<meta name='description' content='The Hamud language is a constructed language that originated from internet memes, with its grammar based on Toki Pona and its vocabulary derived from Arabic. 哈姆语是一门起源于网络流行哽,语法基于道本语、词汇基于阿拉伯词源的人造语言。这是哈姆语官方网站。'>
<meta http-equiv='content-language' content='zh-Hans-CN'>
<link rel="stylesheet" href="zh-Hans-CN/assets/loading.css"/>
<script src="zh-Hans-CN/assets/loading.js"></script>
<script src="zh-Hans-CN/assets/loading.js" type="text/javascript"></script>
<link rel="stylesheet" href="css/translate.css">
<link rel="stylesheet" href="css/override.css"/>
<script src="https://lib.baomitu.com/darkmode.js/1.5.7/darkmode-js.min.js"></script>
Expand All @@ -16,13 +16,17 @@
}
window.addEventListener('load', addDarkmodeWidget);
</script>
<script src="//res.zvo.cn/translate/translate.js"></script>
<script src="zh-Hans-CN/assets/translate_lib.js"></script>
<script src="//res.zvo.cn/translate/translate.js" type="text/javascript"></script>
<script src="zh-Hans-CN/assets/translate_lib.js" type="text/javascript"></script>
<title>حامود 哈姆语官网 Hamud language (official site)</title>
<link rel="icon" href="zh-Hans-CN/favicon.svg">
<link rel="stylesheet" href="css/hack/dist/hack.css">
<link rel="stylesheet" href="css/hack/dist/standard.css">
<script src="js/include.js"></script>
<script src="js/include.js" type="text/javascript"></script>
<script src="//lib.baomitu.com/pjax/0.2.8/pjax.min.js" type="text/javascript"></script>
<script src="js/giscus.js" type="text/javascript"></script>
<script src="js/SetPjax.js" type="text/javascript"></script>
<script src="js/load_ani.js" type="text/javascript"></script>
</head>
<body class="standard">
<div id="hmd-loading">
Expand All @@ -41,15 +45,15 @@ <h1><font class="notTranslate">حامود</font> - 哈姆语</h1>

<h2>باساو حامود - 哈姆语言之书</h2>
<p>旨在为哈姆语言提供标准范本。为学习哈姆语的人提供参考资料。</p>
<button onclick="window.location.href='zh-Hans-CN';startLoading()" class="btn btn-success btn-ghost">阅读哈姆语言之书</button>
<button onclick="window.location.href='//hamud-lang.gitee.io/hamud_book/zh-Hans-CN';startLoading()" class="btn btn-success btn-ghost">哈姆语言之书镜像站</button>
<button onclick="window.location.href='zh-Hans-CN'" class="btn btn-success btn-ghost">阅读哈姆语言之书</button>
<button onclick="window.location.href='//hamud-lang.gitee.io/hamud_book/zh-Hans-CN'" class="btn btn-success btn-ghost">哈姆语言之书镜像站</button>

<h2><font class="notTranslate">حامود حامود ياريماسونايحابيحيا حابيبي حامود</font> - 哈姆论坛</h2>
<p>旨在为哈姆语社区提供交流平台。</p>
<button onclick="window.location.href='Community.html';startLoading()" class="btn btn-success btn-ghost">访问哈姆论坛</button>
<button onclick="window.location.href='Community.html'" class="btn btn-success btn-ghost">访问哈姆论坛</button>

<h2><font class="notTranslate">حابيحيا حامود گاومايگادماينايناواما يام</font> - 哈姆语相关工具</h2>
<button onclick="window.location.href='Character_substitution';startLoading()" class="btn btn-success btn-ghost">访问哈姆符号转换工具</button>
<button onclick="window.location.href='Character_substitution'" class="btn btn-success btn-ghost">访问哈姆符号转换工具</button>

<h2><font class="notTranslate">حامود ياريماسونايحابيحيا دايگ گاوممود حامود ياريماسونايحاين حبيبي حامود</font> - 哈姆应用程序</h2>
<p>点击可下载对应应用程序。</p>
Expand All @@ -71,9 +75,12 @@ <h2><font class="notTranslate">حامود حامود ياريماسوناي حا
<a href="tencent://message/?uin=8598225&Menu=yes" target="_blank"><img width="64" alt="平A新的病毒" src="//q1.qlogo.cn/g?b=qq&nk=8598225&s=640" loading="lazy"/></a>

<br></br>
<div class="alert alert-info">网站将持续建设,期待<a onclick="startLoading()" href="//Hamud.PJ568.eu.org/zh-Hans-CN/Contribute">您的贡献</a></div>
<div class="alert alert-info">网站将持续建设,期待<a href="//Hamud.PJ568.eu.org/zh-Hans-CN/Contribute">您的贡献</a></div>
<include src="footer.html"></include>
</div>
<script src="//lf6-cdn-tos.bytecdntp.com/cdn/expire-1-y/instant.page/5.1.0/instantpage.min.js"></script>
<div class="loading-bar">
<div class="progress"></div>
</div>
</body>
</html>
16 changes: 16 additions & 0 deletions js/SetPjax.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@
var pjax = new Pjax({
selectors: [
"head meta",
"head title",
".container",
".pjax-reload"
],
});

function pjax_reload() {
includeHTML();
}

document.addEventListener("pjax:complete", function () {
pjax_reload();
});
115 changes: 60 additions & 55 deletions js/giscus.js
Original file line number Diff line number Diff line change
@@ -1,55 +1,60 @@
// 获取用户使用的语种。
var lang = translate.language.getCurrent();
var giscus_lang = "zh-CN";
switch (lang) {
case "chinese_traditional":
giscus_lang = "zh-TW";
break;
case "english":
giscus_lang = "en";
break;
case "spanish":
giscus_lang = "es";
break;
case "japanese":
giscus_lang = "ja";
break;
case "korean":
giscus_lang = "ko";
break;
case "french":
giscus_lang = "fr";
break;
case "arabic":
giscus_lang = "ar";
break;
default:
giscus_lang = "zh-CN";
break;
}

var giscus = function () {
const script = document.createElement("script");
script.type = "text/javascript";
script.src = "https://giscus.app/client.js";


script.setAttribute("data-repo", "Hamud-Lang/Hamud_Book");
script.setAttribute("data-repo-id", "R_kgDOKAX-uw");
script.setAttribute("data-category", "Announcements");
script.setAttribute("data-category-id", "DIC_kwDOKAX-u84CYRSk");

script.setAttribute("data-mapping", "title");
script.setAttribute("data-strict", "1");
script.setAttribute("data-reactions-enabled", "1");
script.setAttribute("data-emit-metadata", "0");
script.setAttribute("data-input-position", "top");
script.setAttribute("data-theme", "light_high_contrast");
script.setAttribute("data-lang", giscus_lang);

script.crossOrigin = "anonymous";
script.async = true;
document.getElementById("giscus-container").appendChild(script);
};

window.addEventListener('load', giscus);
const getCurrentLanguage = function () {
var lang = translate.language.getCurrent();
var giscus_lang = "zh-CN";
switch (lang) {
case "chinese_traditional":
giscus_lang = "zh-TW";
break;
case "english":
giscus_lang = "en";
break;
case "spanish":
giscus_lang = "es";
break;
case "japanese":
giscus_lang = "ja";
break;
case "korean":
giscus_lang = "ko";
break;
case "french":
giscus_lang = "fr";
break;
case "arabic":
giscus_lang = "ar";
break;
default:
giscus_lang = "zh-CN";
break;
}
return giscus_lang;
};

var SetupGiscus = function (giscus_lang) {
const script = document.createElement("script");
script.type = "text/javascript";
script.src = "https://giscus.app/client.js";


script.setAttribute("data-repo", "Hamud-Lang/Hamud_Book");
script.setAttribute("data-repo-id", "R_kgDOKAX-uw");
script.setAttribute("data-category", "Announcements");
script.setAttribute("data-category-id", "DIC_kwDOKAX-u84CYRSk");

script.setAttribute("data-mapping", "title");
script.setAttribute("data-strict", "1");
script.setAttribute("data-reactions-enabled", "1");
script.setAttribute("data-emit-metadata", "0");
script.setAttribute("data-input-position", "top");
script.setAttribute("data-theme", "light_high_contrast");
script.setAttribute("data-lang", giscus_lang);
script.setAttribute("data-loading", "lazy");

script.crossOrigin = "anonymous";
script.async = true;
if (document.getElementById("giscus-container") != null) {
document.getElementById("giscus-container").appendChild(script);
}
};

window.addEventListener('load', () => SetupGiscus(getCurrentLanguage()));
Loading

0 comments on commit 13752c4

Please sign in to comment.