From ae05de44331ada92e52a4ca596d4cf1d23f6a8f1 Mon Sep 17 00:00:00 2001
From: filesite <release@filesite.io>
Date: Sat, 15 Oct 2022 00:25:34 +0800
Subject: [PATCH] css update

---
 index.html | 58 +++++++++++++++++++++++++++++-------------------------
 1 file changed, 31 insertions(+), 27 deletions(-)
diff --git a/index.html b/index.html
index 1d77e31..8758ad8 100644
--- a/index.html
+++ b/index.html
@@ -6,39 +6,43 @@
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
 <style>
-html{background: url('himalaya_bg_small.jpeg') repeat-x top center;min-height: 722px;background-color: #224b6f;color: #444}
-body,*{margin: 0;padding: 0}
-strong{font-size: 120%;}
-body{max-width:68%;margin: 10px auto 30px auto;opacity: 0.8;padding: 10px;border-radius: 8px;line-height: 1.618;}
-h1{color: #FFF;margin: 1.6em 0}
-h2{margin-top: 1.8em;margin-bottom: 0.3em;color: darkblue;}
-li{margin-left: 1em}
-.mod{background-color: #FFF;padding: 10px;border-radius: 5px;box-shadow: 3px 4px #89c3f0;}
-.core{font-size: 120%;box-shadow: 3px 4px #3c9fe2;color: #333}
-.white{color: #FFF}
-.qr{border-radius: 5px;}
-.float-right{float: right;margin-left: 10px}
-.float-left{float: left;margin-right: 10px}
-.clearfix::after {display: block;content: "";clear: both;}
-.video{width: 56%}
-.media{width: 48%;}
-.icons svg{width: 80px;height: 80px;margin: 4px}
-@media only screen and (max-width: 768px) {
-    body{max-width: 90%;}
-    h1 small{display: block;}
-    .video,.media{width: 100%;float: none;margin: 0}
-    .icons svg{width: 60px;height: 60px;}
+html{background:url('himalaya_bg_small.jpeg') repeat-x top center;min-height:722px;background-color:#224b6f;color:#444}
+body,*{margin:0;padding:0}
+strong{font-size:120%}
+body{max-width:68%;margin:10px auto 30px auto;opacity:0.8;padding:10px;border-radius:8px;line-height:1.618}
+h1{color:#FFF;margin:1.6em 0}
+h2{margin-top:1.8em;margin-bottom:0.3em;color:darkblue}
+li{margin-left:1em}
+.head{float:left}
+.logo{background-color:#FFF;border-radius:6px}
+.mod{background-color:#FFF;padding:10px;border-radius:5px;box-shadow:3px 4px #89c3f0}
+.core{font-size:120%;box-shadow:3px 4px #3c9fe2;color:#333}
+.white{color:#FFF}
+.qr{border-radius:5px}
+.float-right{float:right;margin-left:10px}
+.float-left{float:left;margin-right:10px}
+.clearfix::after{display:block;content:"";clear:both}
+.video{width:56%}
+.media{width:48%}
+.icons svg{width:80px;height:80px;margin:4px}
+@media only screen and (max-width:768px){
+    body{max-width:90%}
+    h1 small{display:block}
+    .video,.media{width:100%;float:none;margin:0}
+    .icons svg{width:60px;height:60px}
+    .head{float:none;text-align:center}
+    .logo{width:80px}
 }
-@media only screen and (max-width: 480px) {
-    .mob-white{color: #FFF}
-    .hidden-xs{display: none;}
+@media only screen and (max-width:480px){
+    .mob-white{color:#FFF}
+    .hidden-xs{display:none}
 }
 </style>
 </head>
 <body>
 
 <div class="head">
-    <img src="logo_jialuoma.png" alt="嘉洛马，一个2022年10月份成立，专注于图片、视频相关的PC网站、H5网站、Web App、社群运营、私域运营工具开发的小团队" width="120">
+    <img src="logo_jialuoma.png" alt="嘉洛马，一个2022年10月份成立，专注于图片、视频相关的PC网站、H5网站、Web App、社群运营、私域运营工具开发的小团队" width="120" class="logo">
 </div>
 
 <div class="mod core clearfix">
@@ -141,7 +145,7 @@ li{margin-left: 1em}
 <p class="white">合作也讲究缘分，在对的时间、对的地点，遇到对的你，也就水到渠成了。</p>
 
 <script>
-(function() {
+(function(){
     var phone = ['MTMx', 'Njg' ,'5NDY', '4NDc'].join('');
     document.getElementById('phone').innerText = atob(phone);
 })();
