First setup of website

assets/js/custom_checkbox_and_radio.js

@@ -0,0 +1,53 @@
+// Custom checkbox and radios
+function setupLabel() {
+    // Checkbox
+    var checkBox = ".checkbox";
+    var checkBoxInput = checkBox + " input[type='checkbox']";
+    var checkBoxChecked = "checked";
+    var checkBoxDisabled = "disabled";
+
+    // Radio
+    var radio = ".radio";
+    var radioInput = radio + " input[type='radio']";
+    var radioOn = "checked";
+    var radioDisabled = "disabled";
+
+    // Checkboxes
+    if ($(checkBoxInput).length) {
+        $(checkBox).each(function(){
+            $(this).removeClass(checkBoxChecked);
+        });
+        $(checkBoxInput + ":checked").each(function(){
+            $(this).parent(checkBox).addClass(checkBoxChecked);
+        });
+        $(checkBoxInput + ":disabled").each(function(){
+            $(this).parent(checkBox).addClass(checkBoxDisabled);
+        });
+    };
+
+    // Radios
+    if ($(radioInput).length) {
+        $(radio).each(function(){
+            $(this).removeClass(radioOn);
+        });
+        $(radioInput + ":checked").each(function(){
+            $(this).parent(radio).addClass(radioOn);
+        });
+        $(radioInput + ":disabled").each(function(){
+            $(this).parent(radio).addClass(radioDisabled);
+        });
+    };
+};
+
+$(document).ready(function(){
+    $("html").addClass("has-js");
+
+    // First let's prepend icons (needed for effects)
+    $(".checkbox, .radio").prepend("<span class='icon'></span><span class='icon-to-fade'></span>");
+
+    $(".checkbox, .radio").click(function(){
+        setupLabel();
+    });
+    setupLabel();
+});
+

assets/js/custom_radio.js

@@ -0,0 +1,28 @@
+var toggleHandler = function(toggle) {
+    var toggle = toggle;
+    var radio = $(toggle).find("input");
+
+    var checkToggleState = function() {
+        if (radio.eq(0).is(":checked")) {
+            $(toggle).removeClass("toggle-off");
+        } else {
+            $(toggle).addClass("toggle-off");
+        }
+    };
+
+    checkToggleState();
+
+    radio.eq(0).click(function() {
+        $(toggle).toggleClass("toggle-off");
+    });
+
+    radio.eq(1).click(function() {
+        $(toggle).toggleClass("toggle-off");
+    });
+};
+
+$(document).ready(function() {
+    $(".toggle").each(function(index, toggle) {
+        toggleHandler(toggle);
+    });
+});

assets/js/showcase.js

@@ -0,0 +1,17 @@
+(function($) {
+	$(document).ready( function() {
+	    $('.feature-slider a').click(function(e) {
+	        $('.featured-posts section.featured-post').css({
+	            opacity: 0,
+	            visibility: 'hidden'
+	        });
+	        $(this.hash).css({
+	            opacity: 1,
+	            visibility: 'visible'
+	        });
+	        $('.feature-slider a').removeClass('active');
+	        $(this).addClass('active');
+	        e.preventDefault();
+	    });
+	});
+})(jQuery);

assets/js/zion.js

@@ -0,0 +1,20 @@
+$(document).ready(function() {
+  $('#navbar').affix();
+  $('.dropdown-toggle').dropdown();
+  $('[data-toggle=tooltip]').tooltip();
+  function parallax(){
+    var scrolled = $(window).scrollTop();
+    if(scrolled >= 0) {
+      $('.container-wrapper-home .summary').css('top', (scrolled * 0.5) + 'px');
+      var opacity = scrolled / 100;
+      var opacity = opacity / 2;
+      $('.container-wrapper-home .summary').css('opacity', 1 - opacity);
+    }
+  }
+  var x = $(window).width();
+  if(x > 767) {
+    $(window).scroll(function(e){
+      parallax();
+    });
+  }
+});

footer.php

@@ -0,0 +1,43 @@
+    <div class="clear"></div>
+
+    <footer>
+      <div class="container">
+        <div class="row">
+          <div class="col-md-12">
+            <ul class="unstyled center list-circle-icons list-circle-icons-small">
+              <li><a href="#none" title="Like us on Facebook" data-rel="tooltip" data-toggle="tooltip"><span class="fa fa-facebook"></span></a></li>
+              <li><a href="#none" title="Follow us on Twitter" data-rel="tooltip" data-toggle="tooltip"><span class="fa fa-twitter"></span></a></li>
+              <li><a href="#none" title="Follow us on Pinterest" data-rel="tooltip" data-toggle="tooltip"><span class="fa fa-pinterest"></span></a></li>
+              <li><a href="#none" title="Follow us on Google Plus" data-rel="tooltip" data-toggle="tooltip"><span class="fa fa-google-plus"></span></a></li>
+              <li><a href="#none" title="View Flickr Gallery" data-rel="tooltip" data-toggle="tooltip"><span class="fa fa-flickr"></span></a></li>
+            </ul>
+            <ul class="list-inline">
+              <li><a href="index.html">Home</a></li>
+              <li><a href="features.html">Features</a></li>
+              <li><a href="portfolio-parent.html">Portfolio</a></li>
+              <li><a href="blog-parent.html">Blog</a></li>
+              <li><a href="contact.html">Contact</a></li>
+              <li><a href="user-signup.html">Sign Up</a></li>
+              <li><a href="user-login.html">Login</a></li>
+            </ul>
+            <p>&copy; Copyright 2013. Zion.</p>
+          </div><!-- end col -->
+        </div><!-- end row fluid -->
+      </div><!-- end container -->
+    </footer>
+
+    <!-- Le javascript
+    ================================================== -->
+    <!-- Placed at the end of the document so the pages load faster -->
+
+    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
+    <script src="assets/js/bootstrap.js"></script>
+    <script src="assets/js/zion.js"></script>
+    <script type="text/javascript">
+
+
+
+    </script>
+
+  </body>
+</html>

header.php

@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+	<meta charset="utf-8">
+	<title>Primecoin</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<meta name="description" content="">
+	<meta name="author" content="">
+
+    <!-- Le styles -->
+    <link href="assets/css/bootstrap.css" rel="stylesheet">
+    <link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
+    <!--[if IE 7]>
+      <link rel="stylesheet" href="assets/css/font-awesome-ie7.min.css">
+    <![endif]-->
+    <link rel="stylesheet" type="text/css" href="assets/css/style.css" />
+
+    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
+    <!--[if lt IE 9]>
+      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+    <![endif]-->
+
+    <!-- Fav and touch icons -->
+    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="img/sample/logo-144.png">
+    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/sample/logo-114.png">
+    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/sample/logo-72.png">
+    <link rel="apple-touch-icon-precomposed" href="img/sample/logo-57.png">
+    <link rel="shortcut icon" href="img/sample/logo.png">
+
+  </head>
+
+  <body>
+
+    <div class="navbar navbar-inverse navbar-fixed-top" id="navbar">
+      <div class="navbar-inner">
+        <div class="container">
+          <div class="row">
+            <div class="col-md-12">
+              <a href="#none" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
+                <span class="fa fa-bars"></span>
+                <span class="btn-navbar-text">Menu</span>
+              </a>
+              <a class="brand" href="./index.html"><span class="logo">Primecoin</span></a>
+              <div class="nav-user pull-right">
+                <ul class="nav nav-user-options">
+                  <li class="signup"><a href="user-signup.html" class="btn btn-purple">Download Wallet!</a></li>
+                </ul>
+              </div><!-- end nav-user -->
+              <div class="navbar-collapse collapse">
+                <div class="nav-menu pull-right">
+                  <ul class="nav nav-pills">
+                    <li><a href="features.html">Features</a></li>
+                    <li><a href="portfolio-parent.html">Mine</a></li>
+                    <li><a href="blog-parent.html">Mint</a></li>
+                    <li><a href="blog-parent.html">Forum</a></li>
+                  </ul>
+                </div><!-- end nav-menu -->
+              </div><!-- end navbar-collapse -->
+            </div><!-- end col-md-12 -->
+          </div><!-- end row fluid -->
+        </div><!-- end container -->
+      </div><!-- end navbar-inner -->
+    </div><!-- end navbar -->
+
+    <div class="clear"></div>