Skip to content

Commit

Permalink
footer
Browse files Browse the repository at this point in the history
  • Loading branch information
liuzhaomax committed Apr 22, 2024
1 parent faeaee7 commit 0c73221
Show file tree
Hide file tree
Showing 2 changed files with 31 additions and 13 deletions.
12 changes: 11 additions & 1 deletion src/layout/Footer.css
Original file line number Diff line number Diff line change
Expand Up @@ -52,6 +52,15 @@ hr {
height: 100px;
}

.footer-upper-nav-item-wrap {
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
height: 150px;
}

.footer-upper-nav h3 {
color: white;
font-size: 20px;
Expand All @@ -69,6 +78,7 @@ hr {
justify-content: space-evenly;
align-items: flex-start;
margin-bottom: 10px;
margin-right: 10px;
}

#CONTRIBUTORS {
Expand All @@ -77,7 +87,7 @@ hr {
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
width: 300px;
width: 220px;
height: 100%;
}

Expand Down
32 changes: 20 additions & 12 deletions src/layout/Footer.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -39,24 +39,32 @@ function Footer() {
<div id="footer-upper-wrap">
<img id="footer-logo" className="footer-upper-wrap" src={logo} alt={"logo"}/>
<div className="footer-upper-nav">
<h3 onClick={jumpToAnchor.bind(this, HOME )}>推荐作品</h3>
<p onClick={jumpToAnchor.bind(this, HOME)}>锚点</p>
<h3>相关资源</h3>
<div className="footer-upper-nav-item-wrap">
<a href="https://github.com/liuzhaomax/go-maxms" target="_blank" rel="noreferrer">后端脚手架</a>
<a href="https://github.com/liuzhaomax/go-maxms-react" target="_blank" rel="noreferrer">前端脚手架</a>
<a href="https://space.bilibili.com/18359348?spm_id_from=333.1007.0.0" target="_blank" rel="noreferrer">脚手架使用教程</a>
</div>
</div>
<div className="footer-upper-nav">
<h3>贡献者</h3>
<div id="CONTRIBUTORS"></div>
</div>
<div className="footer-upper-nav">
<h3>相关资源</h3>
<a href="https://www.baidu.com" target="_blank" rel="noreferrer">百度</a>
<div className="footer-upper-nav-item-wrap">
<div id="CONTRIBUTORS"></div>
</div>
</div>
<div className="footer-upper-nav">
<h3>管理入口</h3>
<a href="" target="_blank" rel="noreferrer">Admin CMS</a>
<a href="" target="_blank" rel="noreferrer">Monitor</a>
<a href="https://mahara.infotech.monash.edu/view/view.php?id=56000" target="_blank" rel="noreferrer">Mahara SM Page</a>
<a href="https://mahara.infotech.monash.edu/view/view.php?id=56002" target="_blank" rel="noreferrer">Mahara IM Page</a>
<a href="https://monashie.leankit.com/board/1602422272" target="_blank" rel="noreferrer">LeanKit Board</a>
<div className="footer-upper-nav-item-wrap">
<a href="http://106.15.94.179:9602" target="_blank" rel="noreferrer">CMS平台</a>
<a href="https://jenkins.liuzhaomax.cn" target="_blank" rel="noreferrer">Jenkins</a>
<a href="https://vault.liuzhaomax.cn" target="_blank" rel="noreferrer">Vault</a>
<a href="https://consul.liuzhaomax.cn" target="_blank" rel="noreferrer">Consul</a>
<a href="https://prometheus.liuzhaomax.cn" target="_blank" rel="noreferrer">Prometheus</a>
<a href="https://grafana.liuzhaomax.cn" target="_blank" rel="noreferrer">Grafana</a>
<a href="https://kibana.liuzhaomax.cn" target="_blank" rel="noreferrer">Kibana</a>
<a href="https://jaeger.liuzhaomax.cn" target="_blank" rel="noreferrer">Jaeger</a>
<a href="http://106.15.94.179:9877" target="_blank" rel="noreferrer">RocketMQ</a>
</div>
</div>
</div>
<hr/>
Expand Down

0 comments on commit 0c73221

Please sign in to comment.