fix images and trademarks in documents

config.toml

@@ -169,3 +169,8 @@ no = 'Sorry to hear that. Please <a href="https://github.com/USERNAME/REPOSITORY
 	url = "https://groups.google.com/forum/#!forum/kubesphere"
 	icon = "fa fa-envelope"
         desc = "Discuss development issues around the project."
+[[params.links.developer]]
+	name = "Trademarks"
+	url = "https://www.linuxfoundation.org/legal/trademark-usage"
+	icon = "fa fa-trademark"
+        desc = "The Linux Foundation has registered trademarks and uses trademarks. For a list of trademarks of The Linux Foundation, please see our Trademark Usage page"

content/en/_index.html

@@ -51,7 +51,7 @@
 
 {{% blocks/lead color="while" %}}
 <br>
-<img src="https://landscape.cncf.io/images/right-logo.svg" width="300"/>&nbsp;
+<img src="/images/cncf.svg" width="300"/>&nbsp;
 <br>
 OpenELB is a <a href="https://www.cncf.io/">Cloud Native Computing Foundation</a> sandbox project
 {{% /blocks/lead %}}

resources/_gen/assets/scss/scss/main.scss_9fadf33d895a46083cdd64396b57ef68.content

@@ -1047,23 +1047,23 @@ pre {
   .offset-xl-11 {
     margin-left: 91.66666667%; } }
 
-.table, .td-content > table, .td-box .row.section > table {
+.table, .td-content table, .td-box .row.section > table {
   width: 100%;
   margin-bottom: 1rem;
   background-color: transparent; }
-  .table th, .td-content > table th, .td-box .row.section > table th,
+  .table th, .td-content table th, .td-box .row.section > table th,
   .table td,
-  .td-content > table td,
+  .td-content table td,
   .td-box .row.section > table td {
     padding: 0.75rem;
     vertical-align: top;
     border-top: 1px solid #dee2e6; }
-  .table thead th, .td-content > table thead th, .td-box .row.section > table thead th {
+  .table thead th, .td-content table thead th, .td-box .row.section > table thead th {
     vertical-align: bottom;
     border-bottom: 2px solid #dee2e6; }
-  .table tbody + tbody, .td-content > table tbody + tbody, .td-box .row.section > table tbody + tbody {
+  .table tbody + tbody, .td-content table tbody + tbody, .td-box .row.section > table tbody + tbody {
     border-top: 2px solid #dee2e6; }
-  .table .table, .td-content > table .table, .table .td-content > table, .td-content > table .td-content > table, .td-box .row.section > table .table, .td-box .row.section > table .td-content > table, .table .td-box .row.section > table, .td-content > table .td-box .row.section > table, .td-box .table .row.section > table, .td-box .td-content > table .row.section > table, .td-box .row.section > table .row.section > table {
+  .table .table, .td-content table .table, .table .td-content table, .td-content .table table, .td-content table table, .td-box .row.section > table .table, .td-box .row.section > table .td-content table, .td-content .td-box .row.section > table table, .table .td-box .row.section > table, .td-content table .td-box .row.section > table, .td-box .table .row.section > table, .td-box .td-content table .row.section > table, .td-content .td-box table .row.section > table, .td-box .row.section > table .row.section > table {
     background-color: #fff; }
 
 .table-sm th,
@@ -1085,7 +1085,7 @@ pre {
 .table-borderless tbody + tbody {
   border: 0; }
 
-.table-striped tbody tr:nth-of-type(odd), .td-content > table tbody tr:nth-of-type(odd), .td-box .row.section > table tbody tr:nth-of-type(odd) {
+.table-striped tbody tr:nth-of-type(odd), .td-content table tbody tr:nth-of-type(odd), .td-box .row.section > table tbody tr:nth-of-type(odd) {
   background-color: rgba(0, 0, 0, 0.05); }
 
 .table-hover tbody tr:hover {
@@ -1190,12 +1190,12 @@ pre {
   .table-hover .table-active:hover > th {
     background-color: rgba(0, 0, 0, 0.075); }
 
-.table .thead-dark th, .td-content > table .thead-dark th, .td-box .row.section > table .thead-dark th {
+.table .thead-dark th, .td-content table .thead-dark th, .td-box .row.section > table .thead-dark th {
   color: #fff;
   background-color: #222;
   border-color: #353535; }
 
-.table .thead-light th, .td-content > table .thead-light th, .td-box .row.section > table .thead-light th {
+.table .thead-light th, .td-content table .thead-light th, .td-box .row.section > table .thead-light th {
   color: #495057;
   background-color: #eee;
   border-color: #dee2e6; }
@@ -1209,7 +1209,7 @@ pre {
     border-color: #353535; }
   .table-dark.table-bordered {
     border: 0; }
-  .table-dark.table-striped tbody tr:nth-of-type(odd), .td-content > table.table-dark tbody tr:nth-of-type(odd), .td-box .row.section > table.table-dark tbody tr:nth-of-type(odd) {
+  .table-dark.table-striped tbody tr:nth-of-type(odd), .td-content table.table-dark tbody tr:nth-of-type(odd), .td-box .row.section > table.table-dark tbody tr:nth-of-type(odd) {
     background-color: rgba(255, 255, 255, 0.05); }
   .table-dark.table-hover tbody tr:hover {
     background-color: rgba(255, 255, 255, 0.075); }
@@ -1254,13 +1254,13 @@ pre {
     .table-responsive-xl > .table-bordered {
       border: 0; } }
 
-.table-responsive, .td-content > table, .td-box .row.section > table {
+.table-responsive, .td-content table, .td-box .row.section > table {
   display: block;
   width: 100%;
   overflow-x: auto;
   -webkit-overflow-scrolling: touch;
   -ms-overflow-style: -ms-autohiding-scrollbar; }
-  .table-responsive > .table-bordered, .td-content > table > .table-bordered, .td-box .row.section > table > .table-bordered {
+  .table-responsive > .table-bordered, .td-content table > .table-bordered, .td-box .row.section > table > .table-bordered {
     border: 0; }
 
 .form-control {
@@ -6331,11 +6331,11 @@ a.text-dark:hover, a.text-dark:focus {
     display: none; }
   .badge {
     border: 1px solid #000; }
-  .table, .td-content > table, .td-box .row.section > table {
+  .table, .td-content table, .td-box .row.section > table {
     border-collapse: collapse !important; }
-    .table td, .td-content > table td, .td-box .row.section > table td,
+    .table td, .td-content table td, .td-box .row.section > table td,
     .table th,
-    .td-content > table th,
+    .td-content table th,
     .td-box .row.section > table th {
       background-color: #fff !important; }
   .table-bordered th,
@@ -6348,7 +6348,7 @@ a.text-dark:hover, a.text-dark:focus {
     .table-dark thead th,
     .table-dark tbody + tbody {
       border-color: #dee2e6; }
-  .table .thead-dark th, .td-content > table .thead-dark th, .td-box .row.section > table .thead-dark th {
+  .table .thead-dark th, .td-content table .thead-dark th, .td-box .row.section > table .thead-dark th {
     color: inherit;
     border-color: #dee2e6; } }