other.html

---
layout: default
scripts: [protip]
---
<div class="index">

	<div class="slogan">
		<p>由學生建立、為學生設計的非官方師大生存手冊。</p>
		<input type="text" class="search_bar" placeholder="搜尋" id="search">
	</div>

	<!-- 名字應該更廣泛一點 因為這邊不一定是新聞 -->
	<div class="news" id="highlight-banner"></div>

	<div class="container">
		<div id="lists" class="select">
			<h2>你想尋求什麼協助？</h2>
			<hr>
            {% for order in site.data.order.other %}
                {% for page in site.references %}
                {% assign fname = page.relative_path | replace: '_references/', '' | replace: '.md', '' %}
                    {% if fname == order %}
                    <div>
                        <a href="{{ page.url | prepend: site.baseurl }}">
                            <img src="{{site.baseurl}}/images/icons/{{ page.icon }}" alt="{{ page.alticon }} icon" width="50" height="50" />
                            {{ page.title }}
                        </a>
                    </div>
                    {% endif %}
                {% endfor %}
			{% endfor %}
		</div>
	</div>
</div>

<script src="{{ site.baseurl }}/vendor/fuse.min.js" ></script>
<script type="text/javascript">
	$(document).ready(function() {
		var colors = ["red", "blue", "purple", "yellow", "green", "orange"];
		var squares = $(".select > div");
		squares.toArray().forEach( function(div, i, divs) {
			do {
				div.className = colors[parseInt(Math.random() * 6)];
			}
			while(i > 0 && div.className === divs[i-1].className)
		});

		function searchbar_changed() {
			var search_str = $('.search_bar').val();

			var f = new Fuse(squares.toArray(), {keys: ['innerHTML', 'textContent']});

			var result = f.search(search_str);

			if(search_str.length === 0)
				squares.removeClass('hide');
			else {
				squares.addClass("hide");
				result.forEach( function(div) {
					$(div).removeClass("hide");
				});
			}
		}

		$("#search").keypress(function(e){
			code = (e.keyCode ? e.keyCode : e.which);
			if (code == 13)
				$("html, body").animate({scrollTop: $(".select").offset().top}, 600);
		});

		if (/msie/i.test(navigator.userAgent))	//ie
			document.getElementById('search').onpropertychange = searchbar_changed;
		else
			document.getElementById('search').addEventListener("input", searchbar_changed, false);

	});
</script>