[spalenque] - #14014 * add chinese version of edge computing

Author: santipalenque

themes/openstack/css/edgecomputing.css

@@ -31,32 +31,37 @@
 }
 
 .edge-download-container {
-    width: 90%;
-    padding-left: 50px;
+    padding-left: 10px;
+    margin-bottom: 20px;
 }
 
 .edge-download-text {
-    font-size: 16px;
+    font-size: 14px;
     font-weight: 300;
 }
 
 a.edge-download-btn, a.edgeml-download-btn {
     display: block;
     border-radius: 2px;
-    margin: 25px auto 0;
+    margin: 10px auto 0;
     color: #fff;
     background: #EC1944;
-    padding: 12px 20px;
+    padding: 8px 0px;
     width: 90%;
     font-weight: normal;
-    font-size: 16px;
+    font-size: 15px;
 }
 
 a.edgeml-download-btn {
     width: 27%;
     float: left;
 }
 
+.edge-hr-line {
+    border: 0.5px solid white;
+    margin: 15px 35%;
+}
+
 .video-wall-row{
     padding-left: 10%;
 }

themes/openstack/templates/Layout/EdgeComputingPage.ss

@@ -12,14 +12,22 @@
                         </p>
                     </div>
                 </div>
-                <div class="col-lg-4 col-sm-6">
+                <div class="col-lg-4 col-sm-6" style="margin-top: 20px;">
                     <div class="edge-download-container">
                         <div class="edge-download-text">
-                            Download the whitepaper<br>
                             <strong><em>Cloud Edge Computing: Beyond the Data Center</em></strong>
                         </div>
                         <a href="https://www.openstack.org/assets/edge/OpenStack-EdgeWhitepaper-v3-online.pdf" class="edge-download-btn" target="_blank">
-                            <i class="fa fa-arrow-circle-down"></i> Read the whitepaper
+                            <div><i class="fa fa-arrow-circle-down"></i> Read the whitepaper</div>
+                        </a>
+                    </div>
+                    <div class="edge-hr-line"></div>
+                    <div class="edge-download-container">
+                        <div class="edge-download-text">
+                            边缘计算：跨越传统数据中心
+                        </div>
+                        <a href="https://www.openstack.org/assets/edge/EdgeWhitepaper_Chinese.pdf " class="edge-download-btn" target="_blank">
+                            <div><i class="fa fa-arrow-circle-down"></i> 阅读白皮书</div>
                         </a>
                     </div>
                 </div>