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.
378 Commits
2 Branches
6.3 MiB
Tree: 462e4bcca0
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '462e4bcca0'
${ noResults }
bitshift/static/sass/about.sass

about.sass 2.8 KiB
Raw Normal View History

Add some documentation, clean up before merge. Add: static/js/about.js, static/sass/(index, about).sass -Minor cleanup before merge into `develop`: remove a superfluous style rule, update header comments.
10 years ago
​
​
​
Add text to about page; fix copyright year. Add: templates/about.html, static/sass/about.sass -Add text to the about page, and the necessary styling for it. app.py, templates/layout.html -Add an automated copyright year loader.
10 years ago
Clean up style rules, improve positioning. Add: static/sass/about.sass -Clean up existing style rules. -Add rules for the about sections' text. templates/about.html -Integrate with `templates/layout.html`, the project's global HTML template.
10 years ago
Add prototype about page. Add: templates/index.html, static/(sass/about.sass, js/about.js, img/about/) -Add first iteration of the about page, with basic parallax scrolling and filler text.
10 years ago
Work on #55: add styled bio divs. Add: templates/about.html, static/sass/about.sass -Add biography-section HTML structure and styling, containing filler images and lorem ipsum; now, it's just a matter of substituting in the appropriate content. static/img/about.bio(1, 2, 3).jpg -Add placeholder bio images.
10 years ago
​
Add some documentation, clean up before merge. Add: static/js/about.js, static/sass/(index, about).sass -Minor cleanup before merge into `develop`: remove a superfluous style rule, update header comments.
10 years ago
Clean up style rules, improve positioning. Add: static/sass/about.sass -Clean up existing style rules. -Add rules for the about sections' text. templates/about.html -Integrate with `templates/layout.html`, the project's global HTML template.
10 years ago
Add prototype about page. Add: templates/index.html, static/(sass/about.sass, js/about.js, img/about/) -Add first iteration of the about page, with basic parallax scrolling and filler text.
10 years ago
​
​
​
​
​
​
Update footer, minor changes to /about styling. Add: static/sass/main.sass -Rework the footer, which is now fixed at the bottom of the screen as opposed to floored to the bottom of the page. Positioning at the bottom of the page doesn't make any sense with a technically infinite results page.
10 years ago
Add prototype about page. Add: templates/index.html, static/(sass/about.sass, js/about.js, img/about/) -Add first iteration of the about page, with basic parallax scrolling and filler text.
10 years ago
Modify parallax image speeds and offsets. Add: templates/about.html, static/sass/about.sass -Change parallax image offsets and scroll speeds; current implementation still isn't scalable to different resolutions (it'll work for most, but not all).
10 years ago
​
Add prototype about page. Add: templates/index.html, static/(sass/about.sass, js/about.js, img/about/) -Add first iteration of the about page, with basic parallax scrolling and filler text.
10 years ago
​
Update footer, minor changes to /about styling. Add: static/sass/main.sass -Rework the footer, which is now fixed at the bottom of the screen as opposed to floored to the bottom of the page. Positioning at the bottom of the page doesn't make any sense with a technically infinite results page.
10 years ago
Modify parallax image speeds and offsets. Add: templates/about.html, static/sass/about.sass -Change parallax image offsets and scroll speeds; current implementation still isn't scalable to different resolutions (it'll work for most, but not all).
10 years ago
​
Embed our NYTM demo video in the about page. static/sass/about.sass, templates/about.html -Embed our NYTM demo video in the about page, beneath the original demo video. -Change video `div`'s specifier from `#wrap` to `.video`.
10 years ago
Add prototype about page. Add: templates/index.html, static/(sass/about.sass, js/about.js, img/about/) -Add first iteration of the about page, with basic parallax scrolling and filler text.
10 years ago
​
Update footer, minor changes to /about styling. Add: static/sass/main.sass -Rework the footer, which is now fixed at the bottom of the screen as opposed to floored to the bottom of the page. Positioning at the bottom of the page doesn't make any sense with a technically infinite results page.
10 years ago
Add prototype about page. Add: templates/index.html, static/(sass/about.sass, js/about.js, img/about/) -Add first iteration of the about page, with basic parallax scrolling and filler text.
10 years ago
Modify parallax image speeds and offsets. Add: templates/about.html, static/sass/about.sass -Change parallax image offsets and scroll speeds; current implementation still isn't scalable to different resolutions (it'll work for most, but not all).
10 years ago
Minor about page parallax style edit. static/sass/about.sass -Offset the third parallax background-image, `#img-3`, from the top more.
10 years ago
Add prototype about page. Add: templates/index.html, static/(sass/about.sass, js/about.js, img/about/) -Add first iteration of the about page, with basic parallax scrolling and filler text.
10 years ago
Add text to about page; fix copyright year. Add: templates/about.html, static/sass/about.sass -Add text to the about page, and the necessary styling for it. app.py, templates/layout.html -Add an automated copyright year loader.
10 years ago
​
​
Work on #55: add styled bio divs. Add: templates/about.html, static/sass/about.sass -Add biography-section HTML structure and styling, containing filler images and lorem ipsum; now, it's just a matter of substituting in the appropriate content. static/img/about.bio(1, 2, 3).jpg -Add placeholder bio images.
10 years ago
Embed our NYTM demo video in the about page. static/sass/about.sass, templates/about.html -Embed our NYTM demo video in the about page, beneath the original demo video. -Change video `div`'s specifier from `#wrap` to `.video`.
10 years ago
Add text to about page; fix copyright year. Add: templates/about.html, static/sass/about.sass -Add text to the about page, and the necessary styling for it. app.py, templates/layout.html -Add an automated copyright year loader.
10 years ago
Add prototype about page. Add: templates/index.html, static/(sass/about.sass, js/about.js, img/about/) -Add first iteration of the about page, with basic parallax scrolling and filler text.
10 years ago
​
Clean up style rules, improve positioning. Add: static/sass/about.sass -Clean up existing style rules. -Add rules for the about sections' text. templates/about.html -Integrate with `templates/layout.html`, the project's global HTML template.
10 years ago
Update footer, minor changes to /about styling. Add: static/sass/main.sass -Rework the footer, which is now fixed at the bottom of the screen as opposed to floored to the bottom of the page. Positioning at the bottom of the page doesn't make any sense with a technically infinite results page.
10 years ago
Clean up style rules, improve positioning. Add: static/sass/about.sass -Clean up existing style rules. -Add rules for the about sections' text. templates/about.html -Integrate with `templates/layout.html`, the project's global HTML template.
10 years ago
Reformat about.html, embed vimeo demo video. Add: templates/about.html. static/(sass/about.sass, js/about.js) -Embed our Vimeo video, and add the Javascript necessary to make it fluid-width. Ref: templates/about.html -The file's indented formatting was completely mangled in a previous commit; reformat.
10 years ago
Update footer, minor changes to /about styling. Add: static/sass/main.sass -Rework the footer, which is now fixed at the bottom of the screen as opposed to floored to the bottom of the page. Positioning at the bottom of the page doesn't make any sense with a technically infinite results page.
10 years ago
Work on #55: add styled bio divs. Add: templates/about.html, static/sass/about.sass -Add biography-section HTML structure and styling, containing filler images and lorem ipsum; now, it's just a matter of substituting in the appropriate content. static/img/about.bio(1, 2, 3).jpg -Add placeholder bio images.
10 years ago
Clean up style rules, improve positioning. Add: static/sass/about.sass -Clean up existing style rules. -Add rules for the about sections' text. templates/about.html -Integrate with `templates/layout.html`, the project's global HTML template.
10 years ago
​
​
​
Embed our NYTM demo video in the about page. static/sass/about.sass, templates/about.html -Embed our NYTM demo video in the about page, beneath the original demo video. -Change video `div`'s specifier from `#wrap` to `.video`.
10 years ago
​
​
​
​
Replace scalable-video JS solution with pure CSS. Add: static/(sass/about.sass, js/about.js) -Convert `adjustVimeoDimensions()`, which created the fluid-dimensioned Vimeo video, to a pure CSS solution.
10 years ago
​
​
​
​
​
​
​
​
​
​
​
Reformat about.html, embed vimeo demo video. Add: templates/about.html. static/(sass/about.sass, js/about.js) -Embed our Vimeo video, and add the Javascript necessary to make it fluid-width. Ref: templates/about.html -The file's indented formatting was completely mangled in a previous commit; reformat.
10 years ago
Clean up style rules, improve positioning. Add: static/sass/about.sass -Clean up existing style rules. -Add rules for the about sections' text. templates/about.html -Integrate with `templates/layout.html`, the project's global HTML template.
10 years ago
Add text to about page; fix copyright year. Add: templates/about.html, static/sass/about.sass -Add text to the about page, and the necessary styling for it. app.py, templates/layout.html -Add an automated copyright year loader.
10 years ago
​
Clean up style rules, improve positioning. Add: static/sass/about.sass -Clean up existing style rules. -Add rules for the about sections' text. templates/about.html -Integrate with `templates/layout.html`, the project's global HTML template.
10 years ago
​
Work on #55: add styled bio divs. Add: templates/about.html, static/sass/about.sass -Add biography-section HTML structure and styling, containing filler images and lorem ipsum; now, it's just a matter of substituting in the appropriate content. static/img/about.bio(1, 2, 3).jpg -Add placeholder bio images.
10 years ago
​
Clean up style rules, improve positioning. Add: static/sass/about.sass -Clean up existing style rules. -Add rules for the about sections' text. templates/about.html -Integrate with `templates/layout.html`, the project's global HTML template.
10 years ago
Add text to about page; fix copyright year. Add: templates/about.html, static/sass/about.sass -Add text to the about page, and the necessary styling for it. app.py, templates/layout.html -Add an automated copyright year loader.
10 years ago
​
​
​
​
​
​
​
​
​
​
​
Clean up style rules, improve positioning. Add: static/sass/about.sass -Clean up existing style rules. -Add rules for the about sections' text. templates/about.html -Integrate with `templates/layout.html`, the project's global HTML template.
10 years ago
​
Finalize about page parallax styling. Add: templates/about.html, static/js/about.js -Add a `speed` attribute to all image divs, which is used to determine the rate at which an image moves upward. static/img/about/bg2.png -Change image to another source-code screenshot.
10 years ago
​
​
Add text to about page; fix copyright year. Add: templates/about.html, static/sass/about.sass -Add text to the about page, and the necessary styling for it. app.py, templates/layout.html -Add an automated copyright year loader.
10 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
Work on #55: add styled bio divs. Add: templates/about.html, static/sass/about.sass -Add biography-section HTML structure and styling, containing filler images and lorem ipsum; now, it's just a matter of substituting in the appropriate content. static/img/about.bio(1, 2, 3).jpg -Add placeholder bio images.
10 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142 
  1. /*

  2.  Stylesheet for `templates/about.html`

  3.  */

  4. 

  5. @import mixins

  6. @import variables

  7. 

  8. $centered-section-min-width: 500px

  9. 

  10. div.bg

  11.     $img-height: 650px

  12. 

  13.     position: fixed

  14.     width: 100%

  15.     left: 0

  16.     z-index: -1

  17. 

  18.     &#img-1

  19.         background: url(../img/about/bg1.png) no-repeat

  20.         background-size: cover

  21.         height: 600px

  22.         top: -300px

  23. 

  24.     &#img-2

  25.         background: url(../img/about/bg2.png) no-repeat

  26.         background-size: cover

  27.         height: $img-height + 300

  28.         top: 1800px

  29. 

  30.     &#img-3

  31.         background: url(../img/about/bg3.png) no-repeat

  32.         background-size: cover

  33.         height: $img-height + 300

  34.         top: 2850px

  35. 

  36.     &#img-4

  37.         background: url(../img/about/bg4.png) no-repeat

  38.         background-size: cover

  39.         height: $img-height + 400

  40.         top: 4000px

  41. 

  42. div.section

  43.     background-color: white

  44.     border: 1px solid $baseColor2

  45.     margin-bottom: 200px

  46.     margin-top: 300px

  47.     padding-bottom: 80px

  48.     padding-top: 20px

  49.     overflow: hidden

  50. 

  51.     &#top

  52.         margin-top: 0px

  53. 

  54.         h2

  55.             color: $baseColor1

  56.             margin-top: 40px

  57. 

  58.         div.video

  59.             width: 100%

  60.             position: relative

  61.             padding-top: 56.782% // aspect ration, 9 / 16

  62. 

  63.             iframe#vimeo

  64.                 border: 1px solid $baseColor3

  65. 

  66.                 position: absolute

  67.                 top: 0

  68.                 left: 0

  69.                 height: none

  70.                 width: none

  71. 

  72.     div.centered

  73.         font-size: 110%

  74.         line-height: 150%

  75.         margin-left: auto

  76.         margin-right: auto

  77.         min-width: 500px

  78.         width: 65%

  79. 

  80.         &#how

  81.             b

  82.                 font-family: monospace

  83.                 font-size: 110%

  84. 

  85.             ul

  86.                 list-style: none

  87. 

  88.                 span

  89.                     color: $baseColor1

  90.                     font-weight: bold

  91. 

  92.         h1

  93.             color: $baseColor1

  94. 

  95.             span

  96.                 color: $baseColor2

  97. 

  98.         a

  99.             color: #727070

  100.             font-style: italic

  101.             text-decoration: none

  102. 

  103.             &:hover

  104.                 @extend .t3

  105. 

  106.                 color: #575757

  107. 

  108.         span#title

  109.             color: $baseColor1

  110.             font-weight: bold

  111. 

  112. div.person

  113.     font-size: 80%

  114.     overflow: hidden

  115. 

  116.     &#top

  117.         margin-top: 40px

  118. 

  119.     >div

  120.         $image-min-width: 100px

  121. 

  122.         display: inline-block

  123.         height: 100%

  124.         margin-bottom: 40px

  125.         vertical-align: top

  126. 

  127.         &.photo

  128.             margin-right: 40px

  129.             width: $image-min-width

  130. 

  131.             img

  132.                 display: block

  133.                 height: $image-min-width

  134.                 width: $image-min-width

  135. 

  136.         &.bio

  137.             min-width: $centered-section-min-width - $image-min-width - 50px

  138.             width: 70%

  139. 

  140.             h1

  141.                 font-size: 130%

  142.                 margin: 0