欢迎样式

hunter/static/hunter/style.css

@@ -105,7 +105,8 @@ select{
     font-size: 16px;
 }
 #home{
-    margin-top:-30px;
+    padding-top:175px !important;
+    margin-top:-80px;
 }
 
 ul li{
@@ -134,6 +135,7 @@ section{
     padding: 30px;
     padding-top:95px;
     margin-top:-80px;
+    overflow: hidden;
 }
 section > .box{
     width:100%;
@@ -167,24 +169,25 @@ nav>div{
     width:100%;
 }
 #our_intro{
-    width:80%;
-    height:80%;
-    background-color:rgba(0,0,0,.3);
+    width:30%;
     color:white;
     z-index:99;
-    position:absolute;
-    left:10%;
+    float: left;
 }
-#our_intro>p{
+#our_intro p{
     width:100%;
-    display: block;
+    height:20%;
+    color:black;
+    display: flex;
+    align-items: center;
     text-align: center;
 }
 #our_intro>span{
-    color:white;
-    text-align:center;
+    color:black;
     width:100%;
-    display: block;
+    display: flex;
+    align-items: center;
+    text-align: justify;
 }
 .bar_bottom{
     width:80%;
@@ -378,8 +381,18 @@ nav>div{
     width:100%;
     padding-left:20px;
 }
+.new_wrap div::after{
+    content:".";
+    clear:both;
+    display:block;
+    height:0;
+    overflow:hidden;
+    visibility:hidden;
+}
 .list_wrap{
-    padding: 15px 0;
+    padding: 0 15px;
+    float: left;
+    margin-left:30px;
 }
 .list_wrap > p{
     font-size:14px;

hunter/templates/hunter/index.html

@@ -66,23 +66,6 @@
         </div>
     </div>
 </nav>
-<section class="welcome">
-    <div id="our_bg">
-        <div id="bg_img">
-
-        </div>
-    </div>
-    <div id="our_intro">
-        <p>HUNTER-HT</p>
-        <span>Hunter is a software research group that focuses on vulnerability detection. Our research interests cover multiple layers of software, including operating systems, firmware, binaries and web aplications. We are committed to developing tools of symbolic execution, fuzzing and binary analysis for automated detection of software vulnerabilities</span>
-    </div>
-    <div class="bar_bottom">
-        <div>
-            <span>去看看我们的Hunter圈</span>
-            <a href="" target="_blank">GO</a>
-        </div>
-    </div>
-</section>
 <section id="home">
     <div class="box"></div>
     <div class="left-bar">
@@ -91,6 +74,13 @@
         </span>
     </div>
     <div class="new_wrap">
+        <div id="our_intro">
+
+                <p>HUNTER-HT</p>
+            <span>
+                Hunter is a software research group that focuses on vulnerability detection. Our research interests cover multiple layers of software, including operating systems, firmware, binaries and web aplications. We are committed to developing tools of symbolic execution, fuzzing and binary analysis for automated detection of software vulnerabilities
+            </span>
+        </div>
         <div class="list_wrap">
         {% for key, item in newest_post_list.items %}
             {% if item %}
@@ -296,6 +286,7 @@
 <script>
     var pre_clicked=5;
     window.onload=function(){
+        $('#our_intro').height($(".list_wrap").height()+'px');
         $(".bottom>a").click(function(){
            let i = $(".bottom>a").index(this);
            click_bar(i);