Skip to content

Instantly share code, notes, and snippets.

Instructions:

  1. Download this application skeleton.
  2. Convert the app to use AJAX.
  3. Add any files you changed to your gist and submit your code.
/* Here is your chance to take over Socrates!
Spend 10 minutes on each of the following hacks to the socrates website.
Enter them in the console to make sure it works and then save
your results here.
Choose a new pair for each. Add your names to the section you complete.
*/
@villanuv
villanuv / index.html
Last active December 19, 2015 07:19 — forked from dbc-challenges/zoo.js
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="zoo.js"></script>
<title></title>
</head>
<body>
</body>
@villanuv
villanuv / index.html
Last active December 19, 2015 07:19 — forked from dbc-challenges/index.html
DBC Phase 2 Practice Assessment Part 3
<!doctype html>
<html>
<head>
<link rel="stylesheet" href="http://cdn.jsdelivr.net/normalize/2.1.0/normalize.css">
<link rel="stylesheet" href="main.css">
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800">
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Lato:100,900">
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/3.0.2/css/font-awesome.min.css">
</head>
@villanuv
villanuv / app.js
Last active December 19, 2015 13:28
$(document).ready(function() {
$("#open").on('click', function(){
$("nav").toggle();
$("#close").toggle();
$("#open").toggle();
});
$("#close").on('click', function(){
@villanuv
villanuv / gist:0515ad8d62f20c0e49a8
Last active August 29, 2015 14:21
For QDL Tumblr Post #1
<!-- html form -->
<form onsubmit="mainSearch();return false;">
<input id="search-field" type="text" placeholder="Search QDL..." class="hint">
<button id="search-submit" type="submit"><i class="fa fa-search"></i></button>
</form>
@villanuv
villanuv / gist:bbf785fb4a499942e11f
Last active August 29, 2015 14:21
For QDL Tumblr Post #1 Pt. 2
// javascript method
function mainSearch() {
var searchSite = ($('#search-field').val()).replace(/\s+/g, ' ').replace(/ /g, '+');
window.location = '/search?type=product&q=*' + searchSite + '*';
}
@villanuv
villanuv / gist:65cfc6fc3e92abea7d20
Created May 15, 2015 19:15
For QDL Tumblr Post #2
<!-- in collection template -->
<ul id="menu-filter">
{% if collection.all_tags.size > 1 %}
{% include 'automagic-filter-dropdown' %}
{% endif %}
</ul>
@villanuv
villanuv / gist:e2dd39cdd46eebc76796
Created May 15, 2015 19:37
For QDL Tumblr Post #2 Pt. 2
<!-- snippet: automagic-filter-dropdown.liquid -->
{% assign c = 0 %}
{% for t in collection.all_tags %}
{% capture cat %}{{ cat }}{% capture temp_cat %}{% if t contains ':' %}{% assign cat_grp = t | split: ':' %}{{ cat_grp.first }}{% endif %}{% endcapture %}{% unless cat contains temp_cat %}{% if t contains ':' %}{% assign new_cat_grp = t | split: ':' %}{{ new_cat_grp.first }}{% endif %}{% unless forloop.last %}+{% endunless %}{% assign c = c | plus: 1 %}{% endunless %}{% endcapture %}
{% endfor %}
{% assign cat_array = cat | split: '+' %}
{% for i in cat_array %}
{% unless i == '' %}
@villanuv
villanuv / gist:2e0efe3d56ec9f27e759
Created May 15, 2015 19:40
For QDL Tumblr Post #2 Pt.3
// javascript
$('#select-price').insertAfter('#select-brand');
$('#select-light-source').insertAfter('#select-finish');
$('#select-height').insertAfter('#select-width');
$('li.price-100-200').insertAfter('li#select-price ul li:last-child');
$('li.price-200').insertAfter('li#select-price ul li:last-child');
{% for tag in collection.all_tags %}{% if current_tags contains tag %}
{% if tag contains 'brand' %}$('#select-brand').hide();