ben
/
bitshift
mirror of https://github.com/earwig/bitshift
1
1
Fork 0
Code Releases 1 Activity
A semantic search engine for source code https://bitshift.benkurtovic.com/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
111 Commits
2 Branches
6.3 MiB
Tree: e92abddb50
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'e92abddb50'
${ noResults }
bitshift/static/sass/index.sass

index.sass 6.7 KiB
Raw Normal View History

Add partly styled search bar, fix footer. Add: templates/index.html -Add search bar elements. static/sass/index.sass -Add styling for the search entry bar. Fix: static/sass/main.sass -Fix footer's styling, which lacked a `bottom: 0px` that floored it.
10 years ago
​
​
​
​
Add results animation, more content to index.js. Add: static/js/index.js -Add `populateResults()`, to distinguish the addition of results to `div#results` from the retrieval of Codelets from the server itself. -Add `clearResults()` for convenience. static/sass/index.sass -Add `.cascade`, to provide new `div.result` elements with a downwards-cascading animation.
10 years ago
Add partly styled search bar, fix footer. Add: templates/index.html -Add search bar elements. static/sass/index.sass -Add styling for the search entry bar. Fix: static/sass/main.sass -Fix footer's styling, which lacked a `bottom: 0px` that floored it.
10 years ago
Add `datepicker` and `typeahead`, Add: static/sass/index.sass -Add style rules for `datepicker` and `typeahead` elements. templates/index.html -Add any class specifiers required by both libraries to their corresponding elements. -Add a hack-ish `script` tag containing setup for `typeahead`.
10 years ago
Integrate advanced search form with existing UI. Add: static/js/index.js -Add a `jQuery` callback to `fadeIn()` and `fadeOut()` the advanced-search form. templates/index.html, static/sass/index.sass -Add advanced-search form toggling button markup and styling.
10 years ago
Add `datepicker` and `typeahead`, Add: static/sass/index.sass -Add style rules for `datepicker` and `typeahead` elements. templates/index.html -Add any class specifiers required by both libraries to their corresponding elements. -Add a hack-ish `script` tag containing setup for `typeahead`.
10 years ago
​
​
​
Create lib/ structure, clean up js. Add: static/(css, js)/lib -Add directories to contain third-party library files (eg, `jquery.min.js`). templates/index.html, static/js/index.js -Move `typeahead` initialization from `index.html` to `index.js`. static/sass/index.sass -Refactor `twitter-typeahead` specifier hierarchy.
10 years ago
​
Add `datepicker` and `typeahead`, Add: static/sass/index.sass -Add style rules for `datepicker` and `typeahead` elements. templates/index.html -Add any class specifiers required by both libraries to their corresponding elements. -Add a hack-ish `script` tag containing setup for `typeahead`.
10 years ago
Create lib/ structure, clean up js. Add: static/(css, js)/lib -Add directories to contain third-party library files (eg, `jquery.min.js`). templates/index.html, static/js/index.js -Move `typeahead` initialization from `index.html` to `index.js`. static/sass/index.sass -Refactor `twitter-typeahead` specifier hierarchy.
10 years ago
​
​
​
​
Add `datepicker` and `typeahead`, Add: static/sass/index.sass -Add style rules for `datepicker` and `typeahead` elements. templates/index.html -Add any class specifiers required by both libraries to their corresponding elements. -Add a hack-ish `script` tag containing setup for `typeahead`.
10 years ago
Create lib/ structure, clean up js. Add: static/(css, js)/lib -Add directories to contain third-party library files (eg, `jquery.min.js`). templates/index.html, static/js/index.js -Move `typeahead` initialization from `index.html` to `index.js`. static/sass/index.sass -Refactor `twitter-typeahead` specifier hierarchy.
10 years ago
​
Add `datepicker` and `typeahead`, Add: static/sass/index.sass -Add style rules for `datepicker` and `typeahead` elements. templates/index.html -Add any class specifiers required by both libraries to their corresponding elements. -Add a hack-ish `script` tag containing setup for `typeahead`.
10 years ago
Create lib/ structure, clean up js. Add: static/(css, js)/lib -Add directories to contain third-party library files (eg, `jquery.min.js`). templates/index.html, static/js/index.js -Move `typeahead` initialization from `index.html` to `index.js`. static/sass/index.sass -Refactor `twitter-typeahead` specifier hierarchy.
10 years ago
​
Add `datepicker` and `typeahead`, Add: static/sass/index.sass -Add style rules for `datepicker` and `typeahead` elements. templates/index.html -Add any class specifiers required by both libraries to their corresponding elements. -Add a hack-ish `script` tag containing setup for `typeahead`.
10 years ago
Create lib/ structure, clean up js. Add: static/(css, js)/lib -Add directories to contain third-party library files (eg, `jquery.min.js`). templates/index.html, static/js/index.js -Move `typeahead` initialization from `index.html` to `index.js`. static/sass/index.sass -Refactor `twitter-typeahead` specifier hierarchy.
10 years ago
​
Add `datepicker` and `typeahead`, Add: static/sass/index.sass -Add style rules for `datepicker` and `typeahead` elements. templates/index.html -Add any class specifiers required by both libraries to their corresponding elements. -Add a hack-ish `script` tag containing setup for `typeahead`.
10 years ago
Create lib/ structure, clean up js. Add: static/(css, js)/lib -Add directories to contain third-party library files (eg, `jquery.min.js`). templates/index.html, static/js/index.js -Move `typeahead` initialization from `index.html` to `index.js`. static/sass/index.sass -Refactor `twitter-typeahead` specifier hierarchy.
10 years ago
​
Add `datepicker` and `typeahead`, Add: static/sass/index.sass -Add style rules for `datepicker` and `typeahead` elements. templates/index.html -Add any class specifiers required by both libraries to their corresponding elements. -Add a hack-ish `script` tag containing setup for `typeahead`.
10 years ago
Create lib/ structure, clean up js. Add: static/(css, js)/lib -Add directories to contain third-party library files (eg, `jquery.min.js`). templates/index.html, static/js/index.js -Move `typeahead` initialization from `index.html` to `index.js`. static/sass/index.sass -Refactor `twitter-typeahead` specifier hierarchy.
10 years ago
Add `datepicker` and `typeahead`, Add: static/sass/index.sass -Add style rules for `datepicker` and `typeahead` elements. templates/index.html -Add any class specifiers required by both libraries to their corresponding elements. -Add a hack-ish `script` tag containing setup for `typeahead`.
10 years ago
Create lib/ structure, clean up js. Add: static/(css, js)/lib -Add directories to contain third-party library files (eg, `jquery.min.js`). templates/index.html, static/js/index.js -Move `typeahead` initialization from `index.html` to `index.js`. static/sass/index.sass -Refactor `twitter-typeahead` specifier hierarchy.
10 years ago
​
Add `datepicker` and `typeahead`, Add: static/sass/index.sass -Add style rules for `datepicker` and `typeahead` elements. templates/index.html -Add any class specifiers required by both libraries to their corresponding elements. -Add a hack-ish `script` tag containing setup for `typeahead`.
10 years ago
Add transition when user types, results styling. Add: static/js/index.js -Add conditional to prevent a search from being triggered when a non-character key combination (ie, `up`, `down`, `ctrl-c`) was entered. -Add `queryServer()`, currently only for testing purposes (it populates `div#results` with randomized content). -Add documentation comments to all functions. static/sass/index.sass -Add different styling to the `#search-field` whenever results are visible (in other words, at any point after a query has been executed).
10 years ago
Add jQuery; infinite scrolling to results. Add: static/js/index.js -Add new results to the results `div` whenever the user scrolls to the bottom of the page.
10 years ago
Add results animation, more content to index.js. Add: static/js/index.js -Add `populateResults()`, to distinguish the addition of results to `div#results` from the retrieval of Codelets from the server itself. -Add `clearResults()` for convenience. static/sass/index.sass -Add `.cascade`, to provide new `div.result` elements with a downwards-cascading animation.
10 years ago
Add partly styled search bar, fix footer. Add: templates/index.html -Add search bar elements. static/sass/index.sass -Add styling for the search entry bar. Fix: static/sass/main.sass -Fix footer's styling, which lacked a `bottom: 0px` that floored it.
10 years ago
Add 3 base-colors, better transition animation. Add: static/sass/index.sass -Add a gradual CSS `transition` to the search-bar, when a query is entered for the first time. static/sass/_variables.sass -Add bitshift's three new primary base colors.
10 years ago
Add partly styled search bar, fix footer. Add: templates/index.html -Add search bar elements. static/sass/index.sass -Add styling for the search entry bar. Fix: static/sass/main.sass -Fix footer's styling, which lacked a `bottom: 0px` that floored it.
10 years ago
​
Add 3 base-colors, better transition animation. Add: static/sass/index.sass -Add a gradual CSS `transition` to the search-bar, when a query is entered for the first time. static/sass/_variables.sass -Add bitshift's three new primary base colors.
10 years ago
Add adv-search form, skeleton-pages. Add: templates/index.html -Add compartmental `div` structure for the advanced-search form. static/sass/index.sass -Add layout style rules to the advanced-search form. app.py, templates/(about, developers).html -Add `Flask` routes and skeleton files for pages to be developed later. Ref: static/js/index.js -Substitute some verbose `JavaScript` calls with their `jQuery` equivalents.
10 years ago
Add partly styled search bar, fix footer. Add: templates/index.html -Add search bar elements. static/sass/index.sass -Add styling for the search entry bar. Fix: static/sass/main.sass -Fix footer's styling, which lacked a `bottom: 0px` that floored it.
10 years ago
Add advanced-search icon, move title to corner. Add: static/js/index.js -Move `div#title` to the corner of the page when the search bar is `.partly-visible` (ie, results are displayed). templates/index.html, static/(sass/index.sass, img/*.png) -Replace the advanced-search button with a magnifying glass icon.
10 years ago
Add partly styled search bar, fix footer. Add: templates/index.html -Add search bar elements. static/sass/index.sass -Add styling for the search entry bar. Fix: static/sass/main.sass -Fix footer's styling, which lacked a `bottom: 0px` that floored it.
10 years ago
Add advanced-search icon, move title to corner. Add: static/js/index.js -Move `div#title` to the corner of the page when the search bar is `.partly-visible` (ie, results are displayed). templates/index.html, static/(sass/index.sass, img/*.png) -Replace the advanced-search button with a magnifying glass icon.
10 years ago
Add partly styled search bar, fix footer. Add: templates/index.html -Add search bar elements. static/sass/index.sass -Add styling for the search entry bar. Fix: static/sass/main.sass -Fix footer's styling, which lacked a `bottom: 0px` that floored it.
10 years ago
Add search group creation/selection. Add: static/js/index.js -Add advanced-search form search-group logic. -Allow users to create new search groups, and cycle through existing ones. static/templates/index.html -Add search-group count widget, and selection/addition buttons. static/sass/index.sass -Style the various search group elements.
10 years ago
​
Add partly styled search bar, fix footer. Add: templates/index.html -Add search bar elements. static/sass/index.sass -Add styling for the search entry bar. Fix: static/sass/main.sass -Fix footer's styling, which lacked a `bottom: 0px` that floored it.
10 years ago
Add search group creation/selection. Add: static/js/index.js -Add advanced-search form search-group logic. -Allow users to create new search groups, and cycle through existing ones. static/templates/index.html -Add search-group count widget, and selection/addition buttons. static/sass/index.sass -Style the various search group elements.
10 years ago
​
​
​
Add a text logo.
10 years ago
Add search group creation/selection. Add: static/js/index.js -Add advanced-search form search-group logic. -Allow users to create new search groups, and cycle through existing ones. static/templates/index.html -Add search-group count widget, and selection/addition buttons. static/sass/index.sass -Style the various search group elements.
10 years ago
​
Add a text logo.
10 years ago
Add search group creation/selection. Add: static/js/index.js -Add advanced-search form search-group logic. -Allow users to create new search groups, and cycle through existing ones. static/templates/index.html -Add search-group count widget, and selection/addition buttons. static/sass/index.sass -Style the various search group elements.
10 years ago
​
​
​
​
​
Add a text logo.
10 years ago
Add adv-search form, skeleton-pages. Add: templates/index.html -Add compartmental `div` structure for the advanced-search form. static/sass/index.sass -Add layout style rules to the advanced-search form. app.py, templates/(about, developers).html -Add `Flask` routes and skeleton files for pages to be developed later. Ref: static/js/index.js -Substitute some verbose `JavaScript` calls with their `jQuery` equivalents.
10 years ago
Integrate advanced search form with existing UI. Add: static/js/index.js -Add a `jQuery` callback to `fadeIn()` and `fadeOut()` the advanced-search form. templates/index.html, static/sass/index.sass -Add advanced-search form toggling button markup and styling.
10 years ago
​
Add adv-search form, skeleton-pages. Add: templates/index.html -Add compartmental `div` structure for the advanced-search form. static/sass/index.sass -Add layout style rules to the advanced-search form. app.py, templates/(about, developers).html -Add `Flask` routes and skeleton files for pages to be developed later. Ref: static/js/index.js -Substitute some verbose `JavaScript` calls with their `jQuery` equivalents.
10 years ago
​
Integrate advanced search form with existing UI. Add: static/js/index.js -Add a `jQuery` callback to `fadeIn()` and `fadeOut()` the advanced-search form. templates/index.html, static/sass/index.sass -Add advanced-search form toggling button markup and styling.
10 years ago
​
Add adv-search form, skeleton-pages. Add: templates/index.html -Add compartmental `div` structure for the advanced-search form. static/sass/index.sass -Add layout style rules to the advanced-search form. app.py, templates/(about, developers).html -Add `Flask` routes and skeleton files for pages to be developed later. Ref: static/js/index.js -Substitute some verbose `JavaScript` calls with their `jQuery` equivalents.
10 years ago
Simplify form layout. Add: templates/index.html -Simplify form layout: reduce the number of independent adjacent `div`s, and position `label`s above their corresponding `input` elements. static/sass/index.sass -Remove now superfluous positioning rules for the previous layout.
10 years ago
Add advanced-search icon, move title to corner. Add: static/js/index.js -Move `div#title` to the corner of the page when the search bar is `.partly-visible` (ie, results are displayed). templates/index.html, static/(sass/index.sass, img/*.png) -Replace the advanced-search button with a magnifying glass icon.
10 years ago
​
​
Integrate advanced search form with existing UI. Add: static/js/index.js -Add a `jQuery` callback to `fadeIn()` and `fadeOut()` the advanced-search form. templates/index.html, static/sass/index.sass -Add advanced-search form toggling button markup and styling.
10 years ago
​
​
​
Add search group creation/selection. Add: static/js/index.js -Add advanced-search form search-group logic. -Allow users to create new search groups, and cycle through existing ones. static/templates/index.html -Add search-group count widget, and selection/addition buttons. static/sass/index.sass -Style the various search group elements.
10 years ago
Add advanced-search icon, move title to corner. Add: static/js/index.js -Move `div#title` to the corner of the page when the search bar is `.partly-visible` (ie, results are displayed). templates/index.html, static/(sass/index.sass, img/*.png) -Replace the advanced-search button with a magnifying glass icon.
10 years ago
​
​
​
​
​
Integrate advanced search form with existing UI. Add: static/js/index.js -Add a `jQuery` callback to `fadeIn()` and `fadeOut()` the advanced-search form. templates/index.html, static/sass/index.sass -Add advanced-search form toggling button markup and styling.
10 years ago
​
Add advanced-search icon, move title to corner. Add: static/js/index.js -Move `div#title` to the corner of the page when the search bar is `.partly-visible` (ie, results are displayed). templates/index.html, static/(sass/index.sass, img/*.png) -Replace the advanced-search button with a magnifying glass icon.
10 years ago
​
​
​
​
​
​
​
Integrate advanced search form with existing UI. Add: static/js/index.js -Add a `jQuery` callback to `fadeIn()` and `fadeOut()` the advanced-search form. templates/index.html, static/sass/index.sass -Add advanced-search form toggling button markup and styling.
10 years ago
Add advanced-search icon, move title to corner. Add: static/js/index.js -Move `div#title` to the corner of the page when the search bar is `.partly-visible` (ie, results are displayed). templates/index.html, static/(sass/index.sass, img/*.png) -Replace the advanced-search button with a magnifying glass icon.
10 years ago
​
​
​
​
Add adv-search form, skeleton-pages. Add: templates/index.html -Add compartmental `div` structure for the advanced-search form. static/sass/index.sass -Add layout style rules to the advanced-search form. app.py, templates/(about, developers).html -Add `Flask` routes and skeleton files for pages to be developed later. Ref: static/js/index.js -Substitute some verbose `JavaScript` calls with their `jQuery` equivalents.
10 years ago
​
​
​
​
Create lib/ structure, clean up js. Add: static/(css, js)/lib -Add directories to contain third-party library files (eg, `jquery.min.js`). templates/index.html, static/js/index.js -Move `typeahead` initialization from `index.html` to `index.js`. static/sass/index.sass -Refactor `twitter-typeahead` specifier hierarchy.
10 years ago
Add search group creation/selection. Add: static/js/index.js -Add advanced-search form search-group logic. -Allow users to create new search groups, and cycle through existing ones. static/templates/index.html -Add search-group count widget, and selection/addition buttons. static/sass/index.sass -Style the various search group elements.
10 years ago
Add adv-search form, skeleton-pages. Add: templates/index.html -Add compartmental `div` structure for the advanced-search form. static/sass/index.sass -Add layout style rules to the advanced-search form. app.py, templates/(about, developers).html -Add `Flask` routes and skeleton files for pages to be developed later. Ref: static/js/index.js -Substitute some verbose `JavaScript` calls with their `jQuery` equivalents.
10 years ago
​
Simplify form layout. Add: templates/index.html -Simplify form layout: reduce the number of independent adjacent `div`s, and position `label`s above their corresponding `input` elements. static/sass/index.sass -Remove now superfluous positioning rules for the previous layout.
10 years ago
​
Add adv-search form, skeleton-pages. Add: templates/index.html -Add compartmental `div` structure for the advanced-search form. static/sass/index.sass -Add layout style rules to the advanced-search form. app.py, templates/(about, developers).html -Add `Flask` routes and skeleton files for pages to be developed later. Ref: static/js/index.js -Substitute some verbose `JavaScript` calls with their `jQuery` equivalents.
10 years ago
​
​
​
​
​
Add search group creation/selection. Add: static/js/index.js -Add advanced-search form search-group logic. -Allow users to create new search groups, and cycle through existing ones. static/templates/index.html -Add search-group count widget, and selection/addition buttons. static/sass/index.sass -Style the various search group elements.
10 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Add adv-search form, skeleton-pages. Add: templates/index.html -Add compartmental `div` structure for the advanced-search form. static/sass/index.sass -Add layout style rules to the advanced-search form. app.py, templates/(about, developers).html -Add `Flask` routes and skeleton files for pages to be developed later. Ref: static/js/index.js -Substitute some verbose `JavaScript` calls with their `jQuery` equivalents.
10 years ago
Simplify form layout. Add: templates/index.html -Simplify form layout: reduce the number of independent adjacent `div`s, and position `label`s above their corresponding `input` elements. static/sass/index.sass -Remove now superfluous positioning rules for the previous layout.
10 years ago
​
​
​
​
​
​
Add adv-search form, skeleton-pages. Add: templates/index.html -Add compartmental `div` structure for the advanced-search form. static/sass/index.sass -Add layout style rules to the advanced-search form. app.py, templates/(about, developers).html -Add `Flask` routes and skeleton files for pages to be developed later. Ref: static/js/index.js -Substitute some verbose `JavaScript` calls with their `jQuery` equivalents.
10 years ago
Add search group creation/selection. Add: static/js/index.js -Add advanced-search form search-group logic. -Allow users to create new search groups, and cycle through existing ones. static/templates/index.html -Add search-group count widget, and selection/addition buttons. static/sass/index.sass -Style the various search group elements.
10 years ago
​
​
​
​
Add advanced-search icon, move title to corner. Add: static/js/index.js -Move `div#title` to the corner of the page when the search bar is `.partly-visible` (ie, results are displayed). templates/index.html, static/(sass/index.sass, img/*.png) -Replace the advanced-search button with a magnifying glass icon.
10 years ago
​
​
​
​
​
Simplify form layout. Add: templates/index.html -Simplify form layout: reduce the number of independent adjacent `div`s, and position `label`s above their corresponding `input` elements. static/sass/index.sass -Remove now superfluous positioning rules for the previous layout.
10 years ago
​
Integrate advanced search form with existing UI. Add: static/js/index.js -Add a `jQuery` callback to `fadeIn()` and `fadeOut()` the advanced-search form. templates/index.html, static/sass/index.sass -Add advanced-search form toggling button markup and styling.
10 years ago
Add advanced-search icon, move title to corner. Add: static/js/index.js -Move `div#title` to the corner of the page when the search bar is `.partly-visible` (ie, results are displayed). templates/index.html, static/(sass/index.sass, img/*.png) -Replace the advanced-search button with a magnifying glass icon.
10 years ago
Add adv-search form, skeleton-pages. Add: templates/index.html -Add compartmental `div` structure for the advanced-search form. static/sass/index.sass -Add layout style rules to the advanced-search form. app.py, templates/(about, developers).html -Add `Flask` routes and skeleton files for pages to be developed later. Ref: static/js/index.js -Substitute some verbose `JavaScript` calls with their `jQuery` equivalents.
10 years ago
Simplify form layout. Add: templates/index.html -Simplify form layout: reduce the number of independent adjacent `div`s, and position `label`s above their corresponding `input` elements. static/sass/index.sass -Remove now superfluous positioning rules for the previous layout.
10 years ago
Add advanced-search icon, move title to corner. Add: static/js/index.js -Move `div#title` to the corner of the page when the search bar is `.partly-visible` (ie, results are displayed). templates/index.html, static/(sass/index.sass, img/*.png) -Replace the advanced-search button with a magnifying glass icon.
10 years ago
Add `datepicker` and `typeahead`, Add: static/sass/index.sass -Add style rules for `datepicker` and `typeahead` elements. templates/index.html -Add any class specifiers required by both libraries to their corresponding elements. -Add a hack-ish `script` tag containing setup for `typeahead`.
10 years ago
Simplify form layout. Add: templates/index.html -Simplify form layout: reduce the number of independent adjacent `div`s, and position `label`s above their corresponding `input` elements. static/sass/index.sass -Remove now superfluous positioning rules for the previous layout.
10 years ago
Integrate advanced search form with existing UI. Add: static/js/index.js -Add a `jQuery` callback to `fadeIn()` and `fadeOut()` the advanced-search form. templates/index.html, static/sass/index.sass -Add advanced-search form toggling button markup and styling.
10 years ago
Create lib/ structure, clean up js. Add: static/(css, js)/lib -Add directories to contain third-party library files (eg, `jquery.min.js`). templates/index.html, static/js/index.js -Move `typeahead` initialization from `index.html` to `index.js`. static/sass/index.sass -Refactor `twitter-typeahead` specifier hierarchy.
10 years ago
Add adv-search form, skeleton-pages. Add: templates/index.html -Add compartmental `div` structure for the advanced-search form. static/sass/index.sass -Add layout style rules to the advanced-search form. app.py, templates/(about, developers).html -Add `Flask` routes and skeleton files for pages to be developed later. Ref: static/js/index.js -Substitute some verbose `JavaScript` calls with their `jQuery` equivalents.
10 years ago
​
​
Simplify form layout. Add: templates/index.html -Simplify form layout: reduce the number of independent adjacent `div`s, and position `label`s above their corresponding `input` elements. static/sass/index.sass -Remove now superfluous positioning rules for the previous layout.
10 years ago
Add adv-search form, skeleton-pages. Add: templates/index.html -Add compartmental `div` structure for the advanced-search form. static/sass/index.sass -Add layout style rules to the advanced-search form. app.py, templates/(about, developers).html -Add `Flask` routes and skeleton files for pages to be developed later. Ref: static/js/index.js -Substitute some verbose `JavaScript` calls with their `jQuery` equivalents.
10 years ago
Simplify form layout. Add: templates/index.html -Simplify form layout: reduce the number of independent adjacent `div`s, and position `label`s above their corresponding `input` elements. static/sass/index.sass -Remove now superfluous positioning rules for the previous layout.
10 years ago
Add transition when user types, results styling. Add: static/js/index.js -Add conditional to prevent a search from being triggered when a non-character key combination (ie, `up`, `down`, `ctrl-c`) was entered. -Add `queryServer()`, currently only for testing purposes (it populates `div#results` with randomized content). -Add documentation comments to all functions. static/sass/index.sass -Add different styling to the `#search-field` whenever results are visible (in other words, at any point after a query has been executed).
10 years ago
Add `datepicker` and `typeahead`, Add: static/sass/index.sass -Add style rules for `datepicker` and `typeahead` elements. templates/index.html -Add any class specifiers required by both libraries to their corresponding elements. -Add a hack-ish `script` tag containing setup for `typeahead`.
10 years ago
​
​
​
Add advanced-search icon, move title to corner. Add: static/js/index.js -Move `div#title` to the corner of the page when the search bar is `.partly-visible` (ie, results are displayed). templates/index.html, static/(sass/index.sass, img/*.png) -Replace the advanced-search button with a magnifying glass icon.
10 years ago
​
​
Add transition when user types, results styling. Add: static/js/index.js -Add conditional to prevent a search from being triggered when a non-character key combination (ie, `up`, `down`, `ctrl-c`) was entered. -Add `queryServer()`, currently only for testing purposes (it populates `div#results` with randomized content). -Add documentation comments to all functions. static/sass/index.sass -Add different styling to the `#search-field` whenever results are visible (in other words, at any point after a query has been executed).
10 years ago
Add advanced-search icon, move title to corner. Add: static/js/index.js -Move `div#title` to the corner of the page when the search bar is `.partly-visible` (ie, results are displayed). templates/index.html, static/(sass/index.sass, img/*.png) -Replace the advanced-search button with a magnifying glass icon.
10 years ago
​
​
​
Add transition when user types, results styling. Add: static/js/index.js -Add conditional to prevent a search from being triggered when a non-character key combination (ie, `up`, `down`, `ctrl-c`) was entered. -Add `queryServer()`, currently only for testing purposes (it populates `div#results` with randomized content). -Add documentation comments to all functions. static/sass/index.sass -Add different styling to the `#search-field` whenever results are visible (in other words, at any point after a query has been executed).
10 years ago
​
Add advanced-search icon, move title to corner. Add: static/js/index.js -Move `div#title` to the corner of the page when the search bar is `.partly-visible` (ie, results are displayed). templates/index.html, static/(sass/index.sass, img/*.png) -Replace the advanced-search button with a magnifying glass icon.
10 years ago
​
​
​
​
​
​
​
​
​
​
​
Add transition when user types, results styling. Add: static/js/index.js -Add conditional to prevent a search from being triggered when a non-character key combination (ie, `up`, `down`, `ctrl-c`) was entered. -Add `queryServer()`, currently only for testing purposes (it populates `div#results` with randomized content). -Add documentation comments to all functions. static/sass/index.sass -Add different styling to the `#search-field` whenever results are visible (in other words, at any point after a query has been executed).
10 years ago
​
Add advanced-search icon, move title to corner. Add: static/js/index.js -Move `div#title` to the corner of the page when the search bar is `.partly-visible` (ie, results are displayed). templates/index.html, static/(sass/index.sass, img/*.png) -Replace the advanced-search button with a magnifying glass icon.
10 years ago
Add transition when user types, results styling. Add: static/js/index.js -Add conditional to prevent a search from being triggered when a non-character key combination (ie, `up`, `down`, `ctrl-c`) was entered. -Add `queryServer()`, currently only for testing purposes (it populates `div#results` with randomized content). -Add documentation comments to all functions. static/sass/index.sass -Add different styling to the `#search-field` whenever results are visible (in other words, at any point after a query has been executed).
10 years ago
​
​
Add results animation, more content to index.js. Add: static/js/index.js -Add `populateResults()`, to distinguish the addition of results to `div#results` from the retrieval of Codelets from the server itself. -Add `clearResults()` for convenience. static/sass/index.sass -Add `.cascade`, to provide new `div.result` elements with a downwards-cascading animation.
10 years ago
​
​
​
​
​
​
​
Add jQuery; infinite scrolling to results. Add: static/js/index.js -Add new results to the results `div` whenever the user scrolls to the bottom of the page.
10 years ago
​
Add results animation, more content to index.js. Add: static/js/index.js -Add `populateResults()`, to distinguish the addition of results to `div#results` from the retrieval of Codelets from the server itself. -Add `clearResults()` for convenience. static/sass/index.sass -Add `.cascade`, to provide new `div.result` elements with a downwards-cascading animation.
10 years ago
 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288 
  1. /*

  2.  Stylesheet for index.html.

  3.  */

  4. 

  5. @import mixins

  6. @import variables

  7. 

  8. .ui-datepicker

  9.     font-size: 70%

  10. 

  11. .twitter-typeahead

  12.     width: 100%

  13. 

  14.     .tt-hint

  15.         color: $baseColor2

  16. 

  17.     .tt-dropdown-menu

  18.         width: 100%

  19.         padding: 4px 0

  20.         background-color: white

  21.         border: 1px solid $baseColor2

  22. 

  23.         .tt-suggestion

  24.             padding: 4px

  25. 

  26.             p

  27.                 margin: 0

  28. 

  29.                 strong

  30.                     color: $baseColor1

  31. 

  32.             &.tt-cursor

  33.                 @extend .t1

  34. 

  35.                 background-color: $baseColor1

  36. 

  37.                 *

  38.                     color: white

  39. 

  40. div#search-field

  41.     @extend .t2

  42. 

  43.     bottom: 0

  44.     height: 50%

  45.     left: 0

  46.     margin: auto

  47.     margin-top: 15%

  48.     max-height: 100px

  49.     right: 0

  50.     position: absolute

  51.     top: 0

  52.     width: 40%

  53. 

  54.     a#title

  55.         text-decoration: none

  56. 

  57.         div#title

  58.             font-size: 400%

  59.             padding-bottom: 0.2em

  60.             text-align: center

  61. 

  62.             #title-bit

  63.                 color: $baseColor1

  64. 

  65.             #title-angle

  66.                 color: $baseColor3

  67. 

  68.             #title-shift

  69.                 color: $baseColor2

  70.                 font-style: italic

  71. 

  72.     form#search-bar

  73.         input[type="text"], button

  74.             @extend .t3

  75.             @include vendor(box-sizing, border-box)

  76. 

  77.             border: 1px solid $baseColor2

  78.             font-size: 110%

  79.             margin-bottom: 0px

  80.             padding: 6px

  81. 

  82.         input[type="text"]

  83.             width: 85%

  84. 

  85.             &:hover

  86.                 border-color: $baseColor1

  87. 

  88.         button#advanced-search

  89.             background-color: white

  90.             border: 1px solid white

  91.             width: 15%

  92.             height: 10%

  93.             padding: 0px

  94.             float: right

  95. 

  96.             &.clicked, &:hover

  97.                 img

  98.                     @extend .t3

  99. 

  100.                     background-color: black

  101.                     cursor: pointer

  102. 

  103.             &:focus

  104.                 outline: 0

  105. 

  106.             img

  107.                 background-color: $baseColor2

  108.                 margin-top: 5px

  109.                 width: 26px

  110.                 height: 26px

  111. 

  112.         div#advanced-search

  113.             border: 1px solid $baseColor2

  114.             margin: 0px

  115.             overflow: auto

  116.             padding: 0px

  117.             // display: none

  118. 

  119.             >div

  120.                 @include vendor(box-sizing, border-box)

  121. 

  122.                 float: left

  123.                 height: 100%

  124. 

  125.             >#col1

  126.                 width: 10%

  127. 

  128.                 div#group-count

  129.                     font-size: 150%

  130.                     margin-left: 10%

  131.                     padding: 35% 0 20% 12%

  132. 

  133.                     #current

  134.                         color: green

  135.                         font-size: 140%

  136. 

  137.                     #seperator

  138.                         color: $baseColor3

  139.                         font-weight: bold

  140. 

  141.                 div#group-selector

  142.                     margin-left: 20%

  143. 

  144.                     div

  145.                         $triangleHeight: 40%

  146. 

  147.                         display: inline-block

  148.                         height: 0

  149.                         padding-bottom: $triangleHeight

  150.                         padding-top: $triangleHeight

  151.                         overflow: hidden

  152. 

  153.                         &:after

  154.                             border-bottom: 500px solid transparent

  155.                             border-top: 500px solid transparent

  156.                             content: ""

  157.                             display: block

  158.                             height: 0

  159.                             margin-top: -500px

  160.                             width: 0

  161. 

  162.                         &#previous-group

  163.                             width: $triangleHeight

  164. 

  165.                             &:after

  166.                                 border-right: 500px solid $baseColor3

  167. 

  168.                             &:hover

  169.                                 &:after

  170.                                     @extend .t3

  171. 

  172.                                     border-right-color: green

  173. 

  174.                         &#next-group

  175.                             padding-left: $triangleHeight

  176.                             width: 0

  177. 

  178.                             &:after

  179.                                 border-left: 500px solid $baseColor3

  180.                                 margin-left: -500px

  181. 

  182.                             &:hover

  183.                                 &:after

  184.                                     @extend .t3

  185. 

  186.                                     border-left-color: green

  187. 

  188.                 div#add-group

  189.                     margin-top: -10px

  190.                     margin-left: auto

  191.                     margin-right: auto

  192.                     width: 50%

  193. 

  194.                     span

  195.                         color: $baseColor3

  196.                         font-size: 510%

  197.                         font-weight: bold

  198. 

  199.                         &:hover

  200.                             @extend .t3

  201. 

  202.                             color: green

  203. 

  204.                 div#add-group, div#group-selector div

  205.                     &:hover

  206.                         cursor: pointer

  207. 

  208.             >#col2

  209.                 width: 84%

  210. 

  211.                 ul

  212.                     list-style: none

  213. 

  214.                     li

  215.                         margin-bottom: 0.5em

  216. 

  217.                         label

  218.                             @extend .t3

  219. 

  220. 

  221.                         &:hover

  222.                             input[type="text"]

  223.                                 border-color: $baseColor1

  224. 

  225.                             label

  226.                                 color: black

  227. 

  228.                         label

  229.                             display: block

  230.                             font-size: 110%

  231.                             color: #747575

  232. 

  233.                 input[type="text"]

  234.                     @extend .t3

  235. 

  236.                     border-color: $baseColor3

  237.                     font-size: 100%

  238.                     padding: 4px

  239.                     width: 100%

  240. 

  241.                 #upper-half

  242.                     >div

  243.                         float: left

  244.                         width: 50%

  245. 

  246.                     #col2

  247.                         input[type="text"]

  248.                             width: 50%

  249. 

  250.                 #lower-half

  251.                     padding-bottom: 20px

  252. 

  253.     &.partly-visible

  254.         margin-top: 0%

  255.         padding-bottom: 3%

  256.         position: absolute

  257.         width: 100%

  258. 

  259.         #title

  260.             position: absolute

  261.             top: -1%

  262.             left: 1%

  263. 

  264.             span

  265.                 font-size: 50%

  266. 

  267.         form#search-bar

  268.             padding-top: 3%

  269.             margin-left: auto

  270.             margin-right: auto

  271.             width: 60%

  272. 

  273. div#results

  274.     margin: 3% auto 0 auto

  275.     margin-left: auto

  276.     margin-right: auto

  277.     width: 80%

  278. 

  279.     div.result

  280.         background-color: #F8F8F8

  281.         margin-bottom: 10%

  282.         margin-top: 1%

  283.         padding: 1%

  284. 

  285.         &.cascade

  286.             @extend .t3

  287. 

  288.             margin-bottom: 0%