This is an automated email from the ASF dual-hosted git repository.
liujun pushed a commit to branch refactor/next
in repository https://gitbox.apache.org/repos/asf/dubbo-website.git
The following commit(s) were added to refs/heads/refactor/next by this push:
new 99a075c125 Tag and 404 pag (#2074)
99a075c125 is described below
commit 99a075c1251bb9dc93b1ca0543f080e2b41892bc
Author: Ken Liu <[email protected]>
AuthorDate: Sat Feb 4 11:27:52 2023 +0800
Tag and 404 pag (#2074)
---
.github/workflows/build_and_deploy_next.yml | 2 +-
assets/scss/_taxonomy.scss | 348 ++++++++++++++++++++++++++++
assets/scss/main.scss | 1 +
3 files changed, 350 insertions(+), 1 deletion(-)
diff --git a/.github/workflows/build_and_deploy_next.yml
b/.github/workflows/build_and_deploy_next.yml
index d0849c4b17..61b4d73dd7 100644
--- a/.github/workflows/build_and_deploy_next.yml
+++ b/.github/workflows/build_and_deploy_next.yml
@@ -35,7 +35,7 @@ jobs:
HUGO_ENV: production
run: hugo --minify
- name: Copy other files
- run: cp .htaccess ./public
+ run: cp .htaccess ./public & cp 404.html ./public
- name: Deploy
uses: peaceiris/actions-gh-pages@v3
if: github.ref == 'refs/heads/refactor/next'
diff --git a/assets/scss/_taxonomy.scss b/assets/scss/_taxonomy.scss
new file mode 100644
index 0000000000..ca6a360c4d
--- /dev/null
+++ b/assets/scss/_taxonomy.scss
@@ -0,0 +1,348 @@
+// Taxonomies - e.g. Tags, Categories, ...
+
+.taxonomy-terms-article {
+ width: 100%;
+ clear: both;
+ font-size: 0.8rem;
+
+ .taxonomy-title {
+ display: inline;
+ font-size: 1.25em;
+ height: 1em;
+ line-height: 1em;
+ margin-right: 0.5em;
+ padding: 0;
+ }
+}
+
+.taxonomy-terms-cloud {
+ width: 100%;
+ clear: both;
+ font-size: 0.8rem;
+
+ .taxonomy-title {
+ display: inline-block;
+ width: 100%;
+ font-size: 1rem;
+ font-weight: 700;
+ color: $primary;
+ border-bottom: 1px $primary solid;
+ margin-bottom: 1em;
+ padding-bottom: 0.375rem;
+ margin-top: 1em;
+ }
+}
+
+.taxonomy-terms-page {
+ max-width: 800px;
+ margin: auto;
+
+ h1 {
+ margin-bottom: 1em;
+ }
+
+ .taxonomy-terms-cloud {
+ font-size: 1em;
+
+ li {
+ display: block;
+ }
+ }
+
+ .taxo-text-tags {
+
+ li + li::before {
+ content: none;
+ }
+ }
+
+ .taxo-fruits {
+
+ .taxonomy-count,
+ .taxonomy-label {
+ display: inherit;
+ font-size: 1rem;
+ margin: 0;
+ padding: 0;
+ padding-right: 0.5em;
+ }
+
+ .taxonomy-count::before {
+ content: "(";
+ }
+ .taxonomy-count::after {
+ content: ")";
+ }
+ }
+}
+
+.taxonomy-terms {
+ list-style: none;
+ margin: 0;
+ overflow: hidden;
+ padding: 0;
+ display: inline;
+
+ li {
+ //
https://stackoverflow.com/questions/3247358/how-do-i-wrap-text-with-no-whitespace-inside-a-td
+ display: inline;
+ overflow-wrap: break-word;
+ word-wrap: break-word;
+ -ms-word-break: break-all;
+ word-break: break-all;
+ word-break: break-word;
+ -ms-hyphens: auto;
+ -moz-hyphens: auto;
+ -webkit-hyphens: auto;
+ hyphens: auto;
+ }
+}
+
+.taxonomy-count {
+ font-size: 0.8em;
+ line-height: 1.25em;
+ display: inline-block;
+ padding-left: 0.6em;
+ padding-right: 0.6em;
+ margin-left: 0.6em;
+ text-align: center;
+ border-radius: 1em;
+ background-color: $white;
+}
+
+.taxonomy-term {
+ background: $gray-200;
+ border-width: 0;
+ border-radius: 0 3px 3px 0;
+ color: $gray-600;
+ display: inline-block;
+ font-size: 1em;
+ line-height: 1.5em;
+ min-height: 1.5em;
+ max-width: 100%;
+ padding: 0 0.5em 0 1em;
+ position: relative;
+ margin: 0 0.5em 0.2em 0;
+ text-decoration: none;
+ -webkit-transition: color 0.2s;
+ -webkit-clip-path: polygon(100% 0,100% 100%,0.8em 100%,0 50%,0.8em 0);
+ clip-path: polygon(100% 0,100% 100%,0.8em 100%,0 50%,0.8em 0);
+
+ &:hover {
+ background-color: $primary;
+ color: $white;
+
+ .taxonomy-count{
+ color: $dark!important;
+ }
+ }
+
+ &:hover::before {
+ background: $primary;
+ }
+}
+
+// Example for simple tags layout
+.taxo-text-tags {
+
+ .taxonomy-term {
+ background: none;
+ border-width: 0;
+ border-radius: 0;
+ color: $gray-600;
+ font-size: 1em;
+ line-height: 1.5em;
+ min-height: 1.5em;
+ max-width: 100%;
+ padding: 0;
+ position: relative;
+ margin: 0;
+ text-decoration: none;
+ -webkit-clip-path: none;
+ clip-path: none;
+
+ &:hover {
+ background: none;
+ color: $link-color;
+
+ .taxonomy-count{
+ color: $dark!important;
+ }
+ }
+
+ &:hover::before {
+ background: none;
+ }
+ }
+
+ li + li::before {
+ content: "|";
+ color: $gray-600;
+ margin-right: 0.2em;
+ }
+
+ .taxonomy-count {
+ font-size: 1em;
+ line-height: 1.25em;
+ display: inline-block;
+ padding: 0;
+ margin: 0;
+ text-align: center;
+ border-radius: 0;
+ background: none;
+ vertical-align: super;
+ font-size: 0.75em;
+ }
+
+ .taxonomy-term:hover .taxonomy-count {
+ color: $link-color !important;
+ }
+}
+
+// Example for icon tags
+.taxo-fruits {
+
+ .taxonomy-term[data-taxonomy-term]::before {
+ font-style: normal;
+ font-variant: normal;
+ text-rendering: auto;
+ -webkit-font-smoothing: antialiased;
+ font-family: $font-awesome-font-name;
+ // font-weight: 900;
+ padding-right: 0.5em;
+ font-size: 2em;
+ min-width: 1.5em;
+ display: inline-block;
+ }
+
+ .taxonomy-term[data-taxonomy-term="apple"]::before {
+ content: "\f5d1";
+ color: red;
+ }
+
+ .taxonomy-term[data-taxonomy-term="carrot"]::before {
+ content: "\f787";
+ color: orange;
+ }
+
+ .taxonomy-term[data-taxonomy-term="lemon"]::before {
+ content: "\f094";
+ color: limegreen;
+ }
+
+ .taxonomy-term[data-taxonomy-term="pepper"]::before {
+ content: "\f816";
+ color: darkred;
+ }
+
+ .taxonomy-term {
+ background: none;
+ border-width: 0;
+ border-radius: 0;
+ color: $gray-600;
+ font-size: 1em;
+ line-height: 2.5em;
+ max-width: 100%;
+ padding: 0;
+ position: relative;
+ margin: 0;
+ text-decoration: none;
+ -webkit-clip-path: none;
+ clip-path: none;
+
+ &:hover {
+ background: none;
+ color: $link-color;
+
+ .taxonomy-count{
+ color: $dark!important;
+ }
+ }
+
+ &:hover::before {
+ background: none;
+ text-shadow: 0 0 3px $gray-900;
+ }
+ }
+
+ .taxonomy-count,
+ .taxonomy-label {
+ display: none;
+ }
+
+ &.taxonomy-terms-article {
+ margin-bottom: 1rem;
+
+ .taxonomy-title {
+ display: none;
+ }
+ }
+}
+
+.taxonomy-taxonomy-page {
+ max-width: 800px;
+ margin: auto;
+
+ h1 {
+ margin-bottom: 1em;
+ }
+}
+
+.article-meta {
+ margin-bottom: 1.5rem;
+}
+
+.article-teaser.article-type-docs h3 a:before {
+ display: inline-block;
+ font-style: normal;
+ font-variant: normal;
+ text-rendering: auto;
+ -webkit-font-smoothing: antialiased;
+ font-family: $font-awesome-font-name;
+ content: "\f02d";
+ padding-right: 0.5em;
+}
+
+.article-teaser.article-type-blog h3 a:before {
+ display: inline-block;
+ font-style: normal;
+ font-variant: normal;
+ text-rendering: auto;
+ -webkit-font-smoothing: antialiased;
+ font-family: $font-awesome-font-name;
+ content: "\f781";
+ padding-right: 0.5em;
+}
+
+.all-taxonomy-terms {
+ font-weight: 500;
+ line-height: 1.2;
+ font-size: 1.5rem;
+
+ &:before {
+ display: inline-block;
+ font-style: normal;
+ font-variant: normal;
+ text-rendering: auto;
+ -webkit-font-smoothing: antialiased;
+ font-family: $font-awesome-font-name;
+ content: "\f122";
+ padding-right: 0.5em;
+ }
+}
+
+.article-teaser {
+ &.card {
+ padding: 1.0em;
+ margin-bottom: 1.5em;
+ }
+
+ .breadcrumb {
+ margin-bottom: 0em;
+ font-size: 0.85rem;
+ }
+
+ .article-meta {
+ margin-bottom: 0em;
+ }
+}
diff --git a/assets/scss/main.scss b/assets/scss/main.scss
index 06971344e3..1674155188 100644
--- a/assets/scss/main.scss
+++ b/assets/scss/main.scss
@@ -26,6 +26,7 @@
@import "blocks/blocks";
@import "section-index";
@import "pageinfo";
+@import "taxonomy";
@if $td-enable-google-fonts {
@import url("/css/open-sans.css");
