#1354 statistics 섹션을 xeicon 섹션으로 대체

layouts/xedition/css/layout.css

@@ -73,6 +73,14 @@ a:hover,a:active,a:focus{text-decoration:none}
 .footer .site_map > ul ul a:focus,
 .footer .site_map > ul ul a:active{color:#555}
 
+
+/* button */
+.btn_item{display:inline-block;margin:35px 0;padding:0 27px;height:50px;font-family: "Open Sans";background-color:#555;font-size:13px;line-height:50px;letter-spacing:1px;color:#FFF;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out}
+.btn_item:hover,
+.btn_item:active
+.btn_item:focus{background-color:#CBA061;color:#fff}
+.btn_item + .btn_item {margin-left: 10px; }
+
 /* Login */
 .header>.side>ul>li{float:left;position:relative}
 .header>.side>ul>li>a{display:block;width:22px;height:22px;margin-left:12px;font-size:22px;line-height:22px;color:#888;text-align:center}
@@ -199,4 +207,4 @@ a:hover,a:active,a:focus{text-decoration:none}
 @keyframes ani-header {
 	0% {top: -60px}
 	100% {top: 0px}
-}
+}

layouts/xedition/css/welcome.css

@@ -11,14 +11,14 @@
 .welcomeXE .intro .btn_start:active
 .welcomeXE .intro .btn_start:focus{background-color:#cda25a;color:#fff}
 
-.welcomeXE .statistics{overflow:hidden;position:static;width:100%;margin:0;height:500px;background-image:url(../img/bg_stat.jpg);background-position:50% 0;background-attachment:fixed;background-repeat:no-repeat}
-.welcomeXE .statistics ul{overflow:hidden;width:1200px;margin:220px auto 0}
-.welcomeXE .statistics li{float:left;width:384px;margin-left:24px;text-align:center}
-.welcomeXE .statistics li:first-child{margin-left:0}
-.welcomeXE .statistics li span{display:block}
-.welcomeXE .statistics .number{font-family:'Open sans',sans-serif;font-size:48px;color:#333;line-height:60px}
-.welcomeXE .statistics .text{font-size:16px;line-height:20px;padding:20px 0;font-weight:600}
+/* section.xeicon */
+.welcomeXE .xeicon{overflow:hidden;position:static;width:100%;margin:0;height:500px;background-image:url(../img/bg_stat.jpg);background-position:50% 0;background-attachment:fixed;background-repeat:no-repeat}
+.welcomeXE .xeicon h1 {margin-top: 170px; font-size: 40px; color: #f6f6f6; text-align: center; letter-spacing: 1px; font-weight: 400; line-height: 1.2em; text-transform: uppercase; }
+.welcomeXE .xeicon h1 a {color: #FFF; }
+.welcomeXE .xeicon .button-area {text-align: center; }
+.welcomeXE .xeicon .button-area .btn_item {font-size: 16px; }
 
+/* section.guide */
 .welcomeXE .guide{height:640px;padding-top:80px}
 .welcomeXE .guide ul{padding-top:27px}
 .welcomeXE .guide li{position:relative;float:left;width:314px;min-height:140px;padding:0 0 0 70px;margin:0 0 30px 0}
@@ -33,6 +33,7 @@
 .welcomeXE .guide p a:active,
 .welcomeXE .guide p a:focus{color:#cda25a;border-bottom:1px solid #cda25a}
 
+/* section.features */
 .welcomeXE .features{width:100%;margin:0;height:800px;padding-top:80px;background-color:#444}
 .welcomeXE .features .noti,
 .welcomeXE .features .tit,
@@ -61,6 +62,8 @@
 .welcomeXE .features .fe_box.on .ico3{background-position:-140px -70px}
 .welcomeXE .features .fe_box.on .ico4{background-position:-210px -70px}
 
+
+/*section.connect*/
 .welcomeXE .connect{height:344px;padding-top:80px}
 .welcomeXE .connect ul{overflow:hidden;padding:40px 0}
 .welcomeXE .connect li{position:relative;float:left;width:180px;margin-left:24px;padding:4px 0 0 102px;min-height:78px}
@@ -71,4 +74,4 @@
 .welcomeXE .connect .ico:focus{background-color:#555}
 .welcomeXE .connect .ico i{line-height:78px}
 .welcomeXE .connect h2{margin-bottom:16px;font-size:15px;font-weight:600;letter-spacing:1px;line-height:18px;color:#333}
-.welcomeXE .connect p{font-size:13px;color:#888;line-height:21px}
+.welcomeXE .connect p{font-size:13px;color:#888;line-height:21px}

layouts/xedition/demo/welcome_main.html

@@ -6,22 +6,15 @@
 		<P class="cont">XpressEngine은 자유로운 웹 콘텐츠 발행을 돕는 CMS입니다.<br />간편한 설치와 다양한 추가 프로그램을 활용하여<br /> 자신만의 웹페이지를 쉽고 빠르게 만들 수 있습니다.</P>
 		<a href="{getUrl('', 'module', 'admin')}" target="_blank" class="btn_start">XE 시작하기</a>
 	</section>
-	<section class="statistics">
-		<ul>
-		<li>
-			<span class="number" data-from="0" data-to="62247" data-speed="1500">62247</span>
-			<span class="text">INSTALLS</span>
-		</li>
-		<li class="even">
-			<span class="number" data-from="0" data-to="1300000" data-speed="1500">1300000</span>
-			<span class="text">XE DOWNLOADS</span>
-		</li>
-		<li>
-			<span class="number" data-from="0" data-to="830000" data-speed="1500">830000</span>
-			<span class="text">COMMNITY MEMBERS</span>
-		</li>
-		</ul>
+
+	<section class="xeicon">
+		<h1>Beautiful iconpack<br>XEIcon</h1>
+		<div class="button-area">
+			<a class="btn_item" target="_blank" href="/core-origin/index.php?module=admin">homepage</a>
+			<a class="btn_item" target="_blank" href="/core-origin/index.php?module=admin">github</a>
+		</div>
 	</section>
+
 	<section class="guide">
 		<span class="noti">GUIDE</span>
 		<h1 class="tit">START-UP</h1>

layouts/xedition/js/welcome.js

@@ -1,39 +1,27 @@
 (function($){
-    $(function(){
-        var flag = true;
-        $('.statistics').parallax('50%',0.4)
-        $(window).scroll(function(){
-            var winScrollTop = $(this).scrollTop();
-            if(winScrollTop > 500) {
-                if(flag){
-                    $('.number').countTo({
-                         formatter: function (value, options) {
-                            return value.toFixed(options.decimals).replace(/\B(?=(\d{3})+(?!\d))/g, ",");
-                         }
-                    });
-                }
-                flag = false;
-            }
-        });
+  "user strict";
+  $(function(){
+    $('.xeicon').parallax('50%',0.4);
 
-        $('.fe_box').on('mouseenter mouseleave',function(e){
-            $this = $(this);
-            if(e.type == 'mouseenter'){
-                $this.addClass('on')
-            } else {
-                $this.removeClass('on');
-            }
+    $('.fe_box').on('mouseenter mouseleave',function(e){
+      $this = $(this);
+      if(e.type == 'mouseenter'){
+        $this.addClass('on');
+      } else {
+        $this.removeClass('on');
+      }
 
-        });
-    })
+    });
+  });
 })(jQuery);
 
 (function($) {
+  "user strict";
   var $window = $(window);
   var windowHeight = $window.height();
 
   $window.resize(function() {
-    windowHeight = $window.height()
+    windowHeight = $window.height();
   });
 
 
@@ -51,12 +39,12 @@
 
     if (outerHeight) {
       getHeight = function(object) {
-        return object.outerHeight(true)
-      }
+        return object.outerHeight(true);
+      };
     } else {
       getHeight = function(object) {
-        return object.height()
-      }
+        return object.height();
+      };
     }
     if (arguments.length < 1 || xpos === null)
       xpos = "50%";
@@ -72,12 +60,12 @@
         var height = getHeight($element);
 
         if (top + height < pos || top > pos + windowHeight) {
-          return
+          return;
         }
-        $this.css('backgroundPosition', xpos + " " + Math.round((firstTop - pos) * speedFactor) + "px")
-      })
+        $this.css('backgroundPosition', xpos + " " + Math.round((firstTop - pos) * speedFactor) + "px");
+      });
     }
     $window.bind('scroll', update).resize(update);
-    update()
-  }
+    update();
+  };
 })(jQuery);