61 lines
2.8 KiB
HTML
61 lines
2.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
|
|
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no' name='viewport'/>
|
|
<!-- Fonts -->
|
|
<!-- <link href="https://fonts.googleapis.com/css?family=Nunito:300,300i,400,600,700" rel="stylesheet"> -->
|
|
<!-- <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous"> -->
|
|
<!-- <link href="./css/anchor/fonts_all.css" rel="stylesheet"/> -->
|
|
<!-- CSS -->
|
|
<link href="/css/anchor/main.css" rel="stylesheet"/>
|
|
<link href="/css/anchor/vendor/aos.css" rel="stylesheet"/>
|
|
|
|
<title>zzyxyz</title>
|
|
<link rel="icon" href="/pic/ico/Home.png">
|
|
</head>
|
|
<body>
|
|
<div class="include" src="/html/base/base_modal.html"></div>
|
|
<div class="include" src="/html/base/base_nav.html"></div>
|
|
|
|
<main class="container pb-5 pt-5">
|
|
<div id="linking-cards" class="row"></div>
|
|
</main>
|
|
|
|
<div class="include" src="/html/base/base_footer.html"></div>
|
|
|
|
<!-- Javascript -->
|
|
<script src="/js/anchor/vendor/jquery.min.js" type="text/javascript"></script>
|
|
<script src="/js/anchor/vendor/popper.min.js" type="text/javascript"></script>
|
|
<script src="/js/anchor/vendor/bootstrap.min.js" type="text/javascript"></script>
|
|
<script src="/js/anchor/functions.js" type="text/javascript"></script>
|
|
<script src="/js/base_script.js" type="text/javascript" charset="utf-8"></script>
|
|
<script>
|
|
$(document).ready( function() {
|
|
$.getJSON("/api/files/json/self-study-link.json", function(data) {
|
|
const default_item = data.default;
|
|
data.datas.forEach(i => {
|
|
item = {...default_item, ...i}
|
|
item.ex_url = ''
|
|
item.other_urls.forEach(j => {
|
|
item.ex_url += `<a href="${j}" class="btn btn-info btn-round" target="${false ? '_blank' : ''}">${j}</a>`
|
|
})
|
|
const card = `
|
|
<div class="card shadow-sm border-0 col-md-4">
|
|
<!-- <img class="card-img-top" src="./assets/img/demo/2.jpg" alt="Card image cap"> -->
|
|
<div class="card-body">
|
|
<h5 class="card-title">${item.title}</h5>
|
|
<p class="card-text text-muted">${item.intro}</p>
|
|
<p class="card-text text-muted">${item.msg}</p>
|
|
${item.ex_url}
|
|
<a href="${item.url}" class="btn btn-info btn-round ${item.disable ? 'disabled' : ''}" target="${item.targetBlank ? '_blank' : ''}">Jump Link</a>
|
|
</div>
|
|
</div>`;
|
|
$("#linking-cards").append(card);
|
|
});
|
|
})
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |