Skip to content

Commit

Permalink
onepage:add dynamic parters' information
Browse files Browse the repository at this point in the history
  • Loading branch information
@kagamigawa-kuroe
kagamigawa-kuroe committed Jun 7, 2022
1 parent dad5e1b commit f6f5e2d
Showing 1 changed file with 39 additions and 227 deletions.
266 changes: 39 additions & 227 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -416,232 +416,7 @@ <h2>相关单位</h2>
<li data-filter=".filter-zz">赞助单位</li>
</ul><!-- End Portfolio Filters -->

<div class="row g-0 portfolio-container">

<div class="col-3 portfolio-item filter-zb">
<img src="assets/img/portfolio/kashidiwei.png" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>喀什地委</h4>
</div>
</div><!-- End Portfolio Item -->

<div class="col-3 portfolio-item filter-zb">
<img src="assets/img/portfolio/kashicity.png" class="img-fluid" alt="">
<div class="portfolio-info">
<h4 class="tab-h4">喀什地区行署</h4>
</div>
</div><!-- End Portfolio Item -->

<div class="col-3 portfolio-item filter-cb">
<img src="assets/img/portfolio/kaishiuniversity.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>喀什大学</h4>
</div>
</div><!-- End Portfolio Item -->

<div class="col-3 portfolio-item filter-cb">
<img src="assets/img/portfolio/kaishifanxingkeji.png" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>繁星科技</h4>
</div>
</div><!-- End Portfolio Item -->

<div class="col-3 portfolio-item filter-cb">
<img src="assets/img/portfolio/shenkanongmuchanyelianyouxiangongsi.png" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>深喀农牧产销链有限公司</h4>
</div>
</div><!-- End Portfolio Item -->


<div class="col-3 portfolio-item filter-hz">
<img src="assets/img/portfolio/zhidiwuliyanjiusuo.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>中国科学院地球物理研究所</h4>
</div>
</div><!-- End Portfolio Item -->

<div class="col-3 portfolio-item filter-hz">
<img src="assets/img/portfolio/daqiwuliyanjiusuo.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>中国科学院大气物理研究所</h4>
</div>
</div><!-- End Portfolio Item -->

<div class="col-3 portfolio-item filter-hz">
<img src="assets/img/portfolio/chaosuanzhongxin.png" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>长沙国家超算中心</h4>
</div>
</div><!-- End Portfolio Item -->

<div class="col-3 portfolio-item filter-hz">
<img src="assets/img/portfolio/hagongdashenzhen.png" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>哈尔滨工业大学（深圳）</h4>
</div>
</div><!-- End Portfolio Item -->

<div class="col-3 portfolio-item filter-hz">
<img src="assets/img/portfolio/buaa.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>北京航空航天大学</h4>
</div>
</div><!-- End Portfolio Item -->

<div class="col-3 portfolio-item filter-hz">
<img src="assets/img/portfolio/zhongkeyuanshenzhenligongdaxue.png" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>中科院理工大学（深圳）</h4>
</div>
</div><!-- End Portfolio Item -->

<div class="col-3 portfolio-item filter-hz">
<img src="assets/img/portfolio/tengxun.png" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>腾讯</h4>
</div>
</div><!-- End Portfolio Item -->

<div class="col-3 portfolio-item filter-hz">
<img src="assets/img/portfolio/zhongaozhinenggongyeyanjiuyuan.png" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>中奥智能工业研究院</h4>
</div>
</div><!-- End Portfolio Item -->

<div class="col-3 portfolio-item filter-hz">
<img src="assets/img/portfolio/chaojiedian.png" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>超节点创新科技</h4>
</div>
</div><!-- End Portfolio Item -->

<div class="col-3 portfolio-item filter-hz">
<img src="assets/img/portfolio/kuandongfang.png" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>宽东方</h4>
</div>
</div><!-- End Portfolio Item -->

<div class="col-3 portfolio-item filter-zd">
<img src="assets/img/portfolio/zhongguokexie.png" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>中国科协</h4>
</div>
</div><!-- End Portfolio Item -->

<div class="col-3 portfolio-item filter-zd">
<img src="assets/img/portfolio/shenzhenyuanjiangzhihuibu.png" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>深圳援疆指挥部</h4>
</div>
</div><!-- End Portfolio Item -->

<div class="col-3 portfolio-item filter-zd">
<img src="assets/img/portfolio/kashikejiju.png" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>喀什市科技局</h4>
</div>
</div><!-- End Portfolio Item -->

<div class="col-3 portfolio-item filter-zd">
<img src="assets/img/portfolio/kashixiangcunzhenxingju.png" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>喀什市乡村振兴局</h4>
</div>
</div><!-- End Portfolio Item -->

<div class="col-3 portfolio-item filter-zd">
<img src="assets/img/portfolio/kashinongyenongcunju.png" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>喀什市农业农村局</h4>
</div>
</div><!-- End Portfolio Item -->

<div class="col-3 portfolio-item filter-zd">
<img src="assets/img/portfolio/shenzhenhuizhanzhongxin.png" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>深圳市会展中心</h4>
</div>
</div><!-- End Portfolio Item -->

<div class="col-3 portfolio-item filter-zd">
<img src="assets/img/portfolio/wuzhenzhiku.png" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>乌镇智库</h4>
</div>
</div><!-- End Portfolio Item -->

<div class="col-3 portfolio-item filter-yq">
<img src="assets/img/portfolio/billgatesfoundation.png" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>比尔盖茨基金会</h4>
</div>
</div><!-- End Portfolio Item -->

<div class="col-3 portfolio-item filter-yq">
<img src="assets/img/portfolio/umass.png" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>美国麻省大学中国校友会</h4>
</div>
</div><!-- End Portfolio Item -->

<div class="col-3 portfolio-item filter-zz">
<img src="assets/img/portfolio/bubeishanghui.png" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>喀什湖北商会</h4>
</div>
</div><!-- End Portfolio Item -->

<div class="col-3 portfolio-item filter-zz">
<img src="assets/img/portfolio/qinghuadaxuexiaoyouhui.png" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>喀什清华大学校友会</h4>
</div>
</div><!-- End Portfolio Item -->

<div class="col-3 portfolio-item filter-mt">
<img src="assets/img/portfolio/renminribao.png" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>人民日报</h4>
</div>
</div><!-- End Portfolio Item -->

<div class="col-3 portfolio-item filter-mt">
<img src="assets/img/portfolio/kejiribao.png" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>科技日报</h4>
</div>
</div><!-- End Portfolio Item -->


<div class="col-3 portfolio-item filter-mt">
<img src="assets/img/portfolio/guangmingribao.png" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>光明日报</h4>
</div>
</div><!-- End Portfolio Item -->

<div class="col-3 portfolio-item filter-mt">
<img src="assets/img/portfolio/xinhuawang.png" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>新华网</h4>
</div>
</div><!-- End Portfolio Item -->

<div class="col-3 portfolio-item filter-mt">
<img src="assets/img/portfolio/csdn.png" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>CSDN</h4>
<a href="assets/img/portfolio/csdn.png" title="CSDN" data-gallery="portfolio-gallery"
class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
<a href="#" title="" class="details-link"><i class="bi bi-link-45deg"></i></a>
</div>
</div><!-- End Portfolio Item -->



<div class="row g-0 portfolio-container" id="parters">
</div><!-- End Portfolio Container -->

</div>
Expand Down Expand Up @@ -669,5 +444,42 @@ <h4>CSDN</h4>
<script src="assets/js/main.js"></script>

</body>

<script>
let parters = ['喀什地委','喀什地区行署','喀什大学','繁星科技','深喀农牧产销链有限公司','中国科学院地球物理研究所 ','中国科学院大气物理研究所','长沙国家超算中心','哈尔滨工业大学（深圳）',
'京航空航天大学','中科院理工大学（深圳）','腾讯','中奥智能工业研究院','超节点创新科技','宽东方','中国科协','深圳援疆指挥部','喀什市科技局','喀什市乡村振兴局','喀什市农业农村局','深圳市会展中心',
'乌镇智库','比尔盖茨基金会','美国麻省大学中国校友会','喀什湖北商会','喀什清华大学校友会','人民日报','科技日报','光明日报','新华网','CSDN'];

let parters_file = ['kashidiwei.png','kashicity.png','kaishiuniversity.jpg','kaishifanxingkeji.png','shenkanongmuchanyelianyouxiangongsi.png','zhidiwuliyanjiusuo.jpg','daqiwuliyanjiusuo.jpg',
'chaosuanzhongxin.png','hagongdashenzhen.png','buaa.jpg','zhongkeyuanshenzhenligongdaxue.png','tengxun.png','zhongaozhinenggongyeyanjiuyuan.png','chaojiedian.png','kuandongfang.png','zhongguokexie.png',
'shenzhenyuanjiangzhihuibu.png','kashikejiju.png','kashixiangcunzhenxingju.png','kashinongyenongcunju.png','shenzhenhuizhanzhongxin.png','wuzhenzhiku.png','billgatesfoundation.png','umass.png',
'bubeishanghui.png','qinghuadaxuexiaoyouhui.png','renminribao.png','kejiribao.png','guangmingribao.png','xinhuawang.png','csdn.png'];

let class_corresponding = ['zb','zb','cb','cb','cb','hz','hz','hz','hz','hz','hz','hz','hz','hz','hz','zd','zd','zd','zd','zd','zd','zd','yq','yq','zz','zz','mt','mt','mt','mt','mt'];

// <div class="col-3 portfolio-item filter-mt">
// <img src="assets/img/portfolio/xinhuawang.png" class="img-fluid" alt="">
// <div class="portfolio-info">
// <h4>新华网</h4>
// <a href="assets/img/portfolio/xinhuawang.png" title="新华网" data-gallery="portfolio-gallery"
// class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
// <a href="#" title="" class="details-link"><i class="bi bi-link-45deg"></i></a>
// </div>
// </div><!-- End Portfolio Item -->

let parter = document.getElementById('parters');

parters.forEach(function(element, index, array){
let child = document.createElement('div');
var clazz = 'col-3 portfolio-item filter-' + class_corresponding[index];
child.setAttribute('class',clazz);
child.innerHTML = '<img src="assets/img/portfolio/' + parters_file[index] + '" class="img-fluid" alt="">\n'
+ '<div class="portfolio-info">\n'
+ '<h4>' + parters[index] + '</h4>\n'
+ '<a href="assets/img/portfolio/' + parters_file[index] + ' title="' + parters[index] + '" data-gallery="portfolio-gallery" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>\n'
+ '<a href="#" title="" class="details-link"><i class="bi bi-link-45deg"></i></a>\n'
+ '</div>\n';
parter.appendChild(child)
})

</script>
</html>

0 comments on commit f6f5e2d

Please sign in to comment.