瀏覽代碼

Started building the docs site

Kevin Brown 10 年之前
父節點
當前提交
4ae3439dbc

+ 2 - 0
docs/.gitignore

@@ -0,0 +1,2 @@
+_site
+dist

+ 0 - 0
docs/_includes/footer.html


+ 19 - 0
docs/_includes/head.html

@@ -0,0 +1,19 @@
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+
+<title>
+  {{ page.title }}
+</title>
+
+<script type="text/javascript" src="dist/js/select2.full.min.js"></script>
+<script type="text/javascript" src="vendor/js/bootstrap.min.js"></script>
+
+<link href="vendor/css/bootstrap.min.css" type="text/css" rel="stylesheet" />
+<link href="dist/css/select2.min.css" type="text/css" rel="stylesheet" />
+
+<link href="vendor/css/font-awesome.min.css" type="text/css" rel="stylesheet" />
+
+<style type="text/css">
+  .navbar-inverse .navbar-brand { color: #fff; }
+</style>

+ 39 - 0
docs/_includes/navigation.html

@@ -0,0 +1,39 @@
+<header class="navbar navbar-inverse navbar-static-top" id="top" role="banner">
+  <div class="container">
+    <div class="navbar-header">
+      <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target=".select2-navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+      </button>
+      <a href="./" class="navbar-brand">Select2</a>
+    </div>
+
+    <nav class="collapse navbar-collapse select2-navbar-collapse" role="navigation">
+      <ul class="nav navbar-nav">
+        <li{% if page.slug == "home" %} class="active"{% endif %}>
+          <a href="./">Home</a>
+        </li>
+        <li{% if page.slug == "getting-started" %} class="active"{% endif %}>
+          <a href="./getting-started.html">Getting started</a>
+        </li>
+        <li{% if page.slug == "examples" %} class="active"{% endif %}>
+          <a href="./examples.html">Examples</a>
+        </li>
+        <li{% if page.slug == "community" %} class="active"{% endif %}>
+          <a href="./community.html">Community</a>
+        </li>
+      </ul>
+
+      <ul class="nav navbar-nav navbar-right">
+        <li>
+          <a href="https://github.com/ivaynberg/select2">
+            <i class="fa fa-github"></i>
+            GitHub
+          </a>
+        </li>
+      </ul>
+    </nav>
+  </div>
+</header>

+ 13 - 0
docs/_layouts/default.html

@@ -0,0 +1,13 @@
+<!doctype html>
+<html>
+    <head>
+        {% include head.html %}
+    </head>
+    <body>
+        {% include navigation.html %}
+
+        {{ content }}
+
+        {% include footer.html %}
+    </body>
+</html>

+ 18 - 0
docs/_layouts/home.html

@@ -0,0 +1,18 @@
+<!doctype html>
+<html>
+    <head>
+        {% include head.html %}
+
+        <style type="text/css">
+          .navbar { margin-bottom: 0; }
+          .jumbotron-side { padding-top: 2em; }
+        </style>
+    </head>
+    <body>
+        {% include navigation.html %}
+
+        {{ content }}
+
+        {% include footer.html %}
+    </body>
+</html>

+ 0 - 0
docs/dist/.gitkeep


+ 23 - 18
docs/examples.html

@@ -1,9 +1,8 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <title>Select2</title>
-</head>
-<body>
+---
+layout: default
+title: Examples - Select2
+slug: examples
+---
 
 <select class="js-source-states" style="display: none;">
     <option value="AK">Alaska</option>
@@ -61,13 +60,6 @@
 <select class="js-example-basic-single js-states"></select>
 <select class="js-example-basic-multiple js-states" multiple="multiple"></select>
 
-<link href="../dist/css/select2.css" rel="stylesheet"/>
-
-<script src="../vendor/almond-0.2.9.js" type="text/javascript"></script>
-<script src="../vendor/jquery-2.1.0.js" type="text/javascript"></script>
-
-<script src="../dist/js/select2.js" type="text/javascript"></script>
-
 <script type="text/javascript">
 
 var $states = $(".js-source-states");
@@ -76,14 +68,27 @@ $states.remove();
 
 $(".js-states").html(statesOptions);
 
-require(["select2/core"], function (Select2) {
+require(["select2/core", "select2/dropdown", "select2/utils"], function (Select2, Dropdown, Utils) {
     var $basicSingle = $(".js-example-basic-single");
     var $basicMultiple = $(".js-example-basic-multiple");
 
-    new Select2($basicSingle);
+    //new Select2($basicSingle);
     new Select2($basicMultiple);
+
+    function AttachToBody () { }
+
+    AttachToBody.prototype.render = function (decorated) {
+        var $dropdown = decorated.call(this);
+
+
+
+        return $dropdown;
+    }
+
+    var BodyDropdown = Utils.Decorate(Dropdown, AttachToBody);
+
+    new Select2($basicSingle, {
+        dropdownAdapter: BodyDropdown
+    });
 });
 </script>
-
-</body>
-</html>

+ 29 - 0
docs/index.html

@@ -0,0 +1,29 @@
+---
+layout: home
+title: Select2 - The jQuery replacement for select boxes
+slug: home
+---
+
+<main class="jumbotron" role="main">
+  <div class="container">
+    <div class="row">
+      <div class="col-md-6 text-center">
+        <h1>Select2</h1>
+        <p class="lead">
+          The jQuery replacement for select boxes
+        </p>
+      </div>
+      <div class="col-md-6 jumbotron-side">
+        <p>
+          <a href="https://github.com/ivaynberg/select2/tags" class="btn btn-success btn-lg">
+            <i class="fa fa-download fa-lg"></i>
+            Download
+          </a>
+        </p>
+        <p>
+          <strong>Version</strong> 4.0.0
+        </p>
+      </div>
+    </div>
+  </div>
+</main>

文件差異過大導致無法顯示
+ 4 - 0
docs/vendor/css/bootstrap.min.css


文件差異過大導致無法顯示
+ 3 - 0
docs/vendor/css/font-awesome.min.css


二進制
docs/vendor/fonts/FontAwesome.otf


二進制
docs/vendor/fonts/fontawesome-webfont.eot


文件差異過大導致無法顯示
+ 196 - 0
docs/vendor/fonts/fontawesome-webfont.svg


二進制
docs/vendor/fonts/fontawesome-webfont.ttf


二進制
docs/vendor/fonts/fontawesome-webfont.woff


文件差異過大導致無法顯示
+ 5 - 0
docs/vendor/js/bootstrap.min.js


部分文件因文件數量過多而無法顯示