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.
105 Commits
2 Branches
22 MiB
Tree: c8dcfde8c8
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'c8dcfde8c8'
${ noResults }
bitshift/static/sass/index.sass

index.sass 2.1 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 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 a text logo.
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 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
​
​
​
​
​
​
​
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 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 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 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 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 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 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
 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109 
  1. /*

  2.  Stylesheet for index.html.

  3.  */

  4. 

  5. @import mixins

  6. @import variables

  7. 

  8. div#search-field

  9.     @extend .t2

  10. 

  11.     bottom: 0

  12.     height: 50%

  13.     left: 0

  14.     margin: auto

  15.     margin-top: 15%

  16.     max-height: 100px

  17.     position: absolute

  18.     right: 0

  19.     top: 0

  20.     width: 34%

  21. 

  22.     #title

  23.         font-size: 4em

  24.         padding-bottom: 0.5em

  25.         text-align: center

  26. 

  27.         #title-bit

  28.             color: $baseColor1

  29. 

  30.         #title-angle

  31.             color: $baseColor3

  32. 

  33.         #title-shift

  34.             color: $baseColor2

  35.             font-style: italic

  36. 

  37.     form#search-bar

  38. 

  39.         input[type="text"]

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

  41. 

  42.             border: 1px solid $baseColor1

  43.             font-size: 1.1em

  44.             margin-bottom: 0px

  45.             padding: 6px

  46.             width: 100%

  47. 

  48.         div#advanced-search

  49.             background-color: white

  50.             border: 1px solid $baseColor2

  51.             margin: 0px

  52.             overflow: auto

  53. 

  54.             >div

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

  56. 

  57.                 float: left

  58.                 height: 100%

  59. 

  60.             >#col1

  61.                 width: 10%

  62. 

  63.             >#col2

  64.                 width: 84%

  65. 

  66.                 ul

  67.                     list-style: none

  68. 

  69.                     li

  70.                         margin-bottom: 0.5em

  71. 

  72.                         label

  73.                             display: block

  74.                             font-size: 1.1em

  75. 

  76.                 input[type="text"]

  77.                     border-color: $baseColor3

  78.                     font-size: 1em

  79.                     padding: 2px

  80.                     width: 100%

  81. 

  82.                 #upper-half

  83.                     >div

  84.                         float: left

  85.                         width: 50%

  86. 

  87.     &.partly-visible

  88.         height: 1%

  89.         margin-top: 3%

  90.         width: 60%

  91. 

  92.         #title

  93.             display: none

  94. 

  95. div#results

  96.     margin-left: auto

  97.     margin-right: auto

  98.     width: 80%

  99. 

  100.     div.result

  101.         background-color: #F8F8F8

  102.         margin-bottom: 10%

  103.         margin-top: 1%

  104.         padding: 1%

  105. 

  106.         &.cascade

  107.             @extend .t3

  108. 

  109.             margin-bottom: 0%