add qq link

index.html

@@ -29,12 +29,15 @@ li{margin-left:1em}
 .media{width:48%}
 .icons svg{width:80px;height:80px;margin:4px}
 .foot{margin-top: 5em}
+.foot img{width:300px}
 footer{background:linear-gradient(180deg, rgba(2, 49, 137, 0.38), rgba(2, 49, 137, 0.38)), linear-gradient(329deg, #01a3ca, #023189);margin-top:50px;position:absolute;left:0;right:0;padding:3.6rem 20px 2.2rem 20px}
 footer h3{font-size:1.3rem;font-weight:bold;line-height:2.2rem;padding:0 0 16px 0}
 footer a{color:#d8ebff;text-decoration:none}
 footer li{list-style:none;margin-left:0}
-.container{max-width:66rem;margin:0 auto}
+.container{max-width:68rem;margin:0 auto}
 .socials li{display:inline-block;vertical-align:top;padding:0 10px 8px 0}
+.socials div{float:left;margin-right:85px;margin-bottom:32px}
+.socials div:last-child{margin-right:0}
 .copyright{color:#d8ebff;font-size: 1.1rem;opacity:0.5;font-weight:500;line-height:2.6rem}
 .menus{margin:50px 0}
 .menus div{float:left;max-width:180px;margin-right:110px;margin-bottom:32px}
@@ -60,7 +63,7 @@ th{display:table-cell;font-weight:bold;text-align:left}
 }
 @media only screen and (max-width:480px){
     h1{font-size:14px}
-    .mob-logo{width:100%}
+    .foot .mob-logo{width:80%}
     .hidden-xs{display:none}
     footer .menus div:nth-of-type(2n+2) {margin-right:0;max-width:110px}
 }
@@ -74,7 +77,7 @@ th{display:table-cell;font-weight:bold;text-align:left}
     <h2>本地照片和视频<br>目录、文件秒变独立网站</h2>
     <img src="/img/logo_jialuoma.png" alt="嘉洛马，一个2022年10月份成立，专注于图片、视频相关的PC网站、H5网站、Web App、社群运营、私域运营工具开发的小团队" width="120" class="logo">
     <div class="gobtns mt15">
-        <a href="https://demo.jialuoma.com/" target="_blank" class="primary">在线演示</a>
+        <a href="https://demo.jialuoma.cn/" target="_blank" class="primary">在线演示</a>
         <a href="https://git.filesite.io/filesite/machete" target="_blank" class="secondary">下载源码</a>
     </div>
 </div>
@@ -255,6 +258,14 @@ th{display:table-cell;font-weight:bold;text-align:left}
         <small>《功夫》经典片段 - “还有谁？”</small>
     </div>
     <ul>
+        <li>QQ群：
+            <a href="https://jq.qq.com/?_wv=1027&k=WoH3Pv7d" target="_blank">图片视频建站交流群
+                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-box-arrow-up-right" viewBox="0 0 16 16">
+                    <path fill-rule="evenodd" d="M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z"/>
+                    <path fill-rule="evenodd" d="M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z"/>
+                </svg>
+            </a>
+        </li>
         <li>手机号码：<strong id="phone">...</strong></li>
         <li>
             微信号：<strong>同上手机号</strong>
@@ -280,19 +291,36 @@ th{display:table-cell;font-weight:bold;text-align:left}
 
 <footer>
     <div class="container white">
-        <div class="socials">
-            <h3>Follow us</h3>
-            <ul>
-                <li><a href="https://www.jianshu.com/u/4af0d80e3642" target="_blank">简书</a></li>
-                <li><a href="https://www.zhihu.com/people/30-41-11-34" target="_blank">知乎</a></li>
-                <li><a href="https://space.bilibili.com/3461581318916273" target="_blank">B站</a></li>
-            </ul>
+        <div class="socials clearfix">
+            <div>
+                <h3>Follow us</h3>
+                <ul>
+                    <li><a href="https://www.jianshu.com/u/4af0d80e3642" target="_blank">简书</a></li>
+                    <li><a href="https://www.zhihu.com/people/30-41-11-34" target="_blank">知乎</a></li>
+                    <li><a href="https://space.bilibili.com/3461581318916273" target="_blank">B站</a></li>
+                </ul>
+            </div>
+            <div>
+                <h3>联系我们</h3>
+                <ul>
+                    <li>手机：<span id="phone2">...</span></li>
+                    <li>微信：同手机号</li>
+                    <li>QQ群：
+                        <a href="https://jq.qq.com/?_wv=1027&k=WoH3Pv7d" target="_blank">图片视频建站交流群
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-box-arrow-up-right" viewBox="0 0 16 16">
+                                <path fill-rule="evenodd" d="M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z"/>
+                                <path fill-rule="evenodd" d="M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z"/>
+                            </svg>
+                        </a>
+                    </li>
+                </ul>
+            </div>
         </div>
         <div class="menus clearfix">
             <div>
                 <h3>在线体验</h3>
                 <ul>
-                    <li><a href="https://demo.jialuoma.com/" target="_blank">Demo演示网站</a></li>
+                    <li><a href="https://demo.jialuoma.cn/" target="_blank">Demo演示网站</a></li>
                     <li><a href="https://market.jialuoma.com/" target="_blank">嘉洛马文档库</a></li>
                 </ul>
             </div>
@@ -334,6 +362,7 @@ th{display:table-cell;font-weight:bold;text-align:left}
 (function(){
     var phone = ['MTMx', 'Njg' ,'5NDY', '4NDc'].join('');
     document.getElementById('phone').innerText = atob(phone);
+    document.getElementById('phone2').innerText = atob(phone);
 
     setTimeout(function() {
         var source = '<source src="/mp4/gongfu_480.mp4" type="video/mp4" id="videosource">';