You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@linkis.apache.org by pe...@apache.org on 2021/10/28 11:44:16 UTC
[incubator-linkis-website] 03/47: ADD FOOTER
This is an automated email from the ASF dual-hosted git repository.
peacewong pushed a commit to branch asf-staging
in repository https://gitbox.apache.org/repos/asf/incubator-linkis-website.git
commit fa8bab824f7be62c5869ca46007fc85534977055
Author: lucaszhu <lu...@webank.com>
AuthorDate: Wed Sep 29 11:21:09 2021 +0800
ADD FOOTER
---
src/App.vue | 64 ++++++++++++++++++++++++++++++++++++++++++++++++++---
src/style/base.less | 6 ++++-
2 files changed, 66 insertions(+), 4 deletions(-)
diff --git a/src/App.vue b/src/App.vue
index ca52ac6..135a713 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,11 +1,11 @@
<script setup>
// This starter template is using Vue 3 <script setup> SFCs
// Check out https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup
-import HelloWorld from './components/HelloWorld.vue'
</script>
<template>
- <div class="nav">
+<div>
+ <nav class="nav">
<div class="ctn-block">
<div class="nav-logo">
Apache Linkis
@@ -21,7 +21,36 @@ import HelloWorld from './components/HelloWorld.vue'
<div class="menu-item">Language</div>
</div>
</div>
- </div>
+ </nav>
+ <router-view/>
+ <footer class="footer">
+ <div class="ctn-block">
+ <div class="footer-links-row">
+ <div class="footer-links">
+ <h3 class="links-title">Linkis</h3>
+ <a href="" class="links-item">Documentation</a>
+ <a href="" class="links-item">Events</a>
+ <a href="" class="links-item">Releases</a>
+ </div>
+ <div class="footer-links">
+ <h3 class="links-title">Community</h3>
+ <a href="" class="links-item">GitHub</a>
+ <a href="" class="links-item">Issue Tracker</a>
+ <a href="" class="links-item">Pull Requests</a>
+ </div>
+ <div class="footer-links">
+ <h3 class="links-title">Apache Software Foundation</h3>
+ <a href="" class="links-item">Foundation</a>
+ <a href="" class="links-item">License</a>
+ <a href="" class="links-item">Sponsorship</a>
+ <a href="" class="links-item">Thanks</a>
+ </div>
+ </div>
+ <p class="footer-desc">Apache Linkis (Incubating) is an effort undergoing incubation at The Apache Software Foundation, sponsored by the Apache Incubator. Incubation is required of all newly accepted projects until a further review indicates that the infrastructure, communications, and decision making process have stabilized in a manner consistent with other successful ASF projects. While incubation status is not necessarily a reflection of the completeness or stability of the code [...]
+ <p class="footer-desc text-center">Copyright © 2021 The Apache Software Foundation. Apache Linkis, Apache Incubator, Linkis, Apache, the Apache feather logo, the Apache<br>Linkis logo and the Apache Incubator project logo are trademarks of The Apache Software Foundation.</p>
+ </div>
+ </footer>
+</div>
</template>
<style lang="less">
@@ -51,6 +80,7 @@ import HelloWorld from './components/HelloWorld.vue'
.menu-list{
flex: 1;
display: flex;
+ justify-content: flex-end;
.menu-item{
margin-left: 16px;
margin-right: 16px;
@@ -66,4 +96,32 @@ import HelloWorld from './components/HelloWorld.vue'
}
}
}
+.footer{
+ padding-top: 40px;
+ background: #F9FAFB;
+ .footer-desc{
+ padding: 0 20px 30px;
+ color: #999999;
+ font-weight: 400;
+ }
+ .footer-links-row{
+ display: flex;
+ font-size: 16px;
+ .footer-links{
+ flex: 1;
+ padding: 20px;
+ .links-title{
+ margin-bottom: 16px;
+ }
+ .links-item{
+ display: block;
+ margin-bottom: 10px;
+ color: rgba(15,18,34,0.65);
+ &:hover{
+ text-decoration: underline;
+ }
+ }
+ }
+ }
+}
</style>
diff --git a/src/style/base.less b/src/style/base.less
index ca48f5c..7f9d360 100644
--- a/src/style/base.less
+++ b/src/style/base.less
@@ -40,4 +40,8 @@ a {
width: 1200px;
padding: 0 20px;
margin: 0 auto;
-}
\ No newline at end of file
+}
+
+.text-center {
+ text-align: center;
+}
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@linkis.apache.org
For additional commands, e-mail: commits-help@linkis.apache.org