ben
/
bitshift
Mirror von https://github.com/earwig/bitshift
1
1
Fork 0
Code Releases 1 Aktivität
A semantic search engine for source code https://bitshift.benkurtovic.com/
Du kannst nicht mehr als 25 Themen auswählen Themen müssen entweder mit einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.
374 Commits
2 Branches
4.1 MiB
Struktur: 1fc123a57d
Branches Tags
${ item.name }
Erstelle Branch ${ searchTerm }
von „1fc123a57d“
${ noResults }
bitshift/static/sass/about.sass

about.sass 2.8 KiB
Originalformat Normale Ansicht Verlauf

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.
vor 10 Jahren
​
​
​
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.
vor 10 Jahren
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.
vor 10 Jahren
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.
vor 10 Jahren
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.
vor 10 Jahren
​
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.
vor 10 Jahren
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.
vor 10 Jahren
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.
vor 10 Jahren
​
​
​
​
​
​
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.
vor 10 Jahren
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.
vor 10 Jahren
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).
vor 10 Jahren
​
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.
vor 10 Jahren
​
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.
vor 10 Jahren
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).
vor 10 Jahren
​
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.
vor 10 Jahren
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.
vor 10 Jahren
​
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.
vor 10 Jahren
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.
vor 10 Jahren
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).
vor 10 Jahren
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.
vor 10 Jahren
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.
vor 10 Jahren
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.
vor 10 Jahren
​
​
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.
vor 10 Jahren
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.
vor 10 Jahren
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.
vor 10 Jahren
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.
vor 10 Jahren
​
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.
vor 10 Jahren
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.
vor 10 Jahren
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.
vor 10 Jahren
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.
vor 10 Jahren
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.
vor 10 Jahren
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.
vor 10 Jahren
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.
vor 10 Jahren
​
​
​
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.
vor 10 Jahren
​
​
​
​
​
​
​
​
​
​
​
​
​
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.
vor 10 Jahren
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.
vor 10 Jahren
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.
vor 10 Jahren
​
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.
vor 10 Jahren
​
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.
vor 10 Jahren
​
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.
vor 10 Jahren
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.
vor 10 Jahren
​
​
​
​
​
​
​
​
​
​
​
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.
vor 10 Jahren
​
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.
vor 10 Jahren
​
​
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.
vor 10 Jahren
​
​
​
​
​
​
​
​
​
​
​
​
​
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.
vor 10 Jahren
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139 
  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: 1150px

  29. 

  30.     &#img-3

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

  32.         background-size: cover

  33.         height: $img-height + 300

  34.         top: 2050px

  35. 

  36.     &#img-4

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

  38.         background-size: cover

  39.         height: $img-height + 400

  40.         top: 3200px

  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.         div#wrap

  55.             width: 100%

  56.             position: relative

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

  58. 

  59.             iframe#vimeo

  60.                 border: 1px solid $baseColor3

  61.                 margin-top: 40px

  62. 

  63.                 position: absolute

  64.                 top: 0

  65.                 left: 0

  66.                 height: none

  67.                 width: none

  68. 

  69.     div.centered

  70.         font-size: 110%

  71.         line-height: 150%

  72.         margin-left: auto

  73.         margin-right: auto

  74.         min-width: 500px

  75.         width: 65%

  76. 

  77.         &#how

  78.             b

  79.                 font-family: monospace

  80.                 font-size: 110%

  81. 

  82.             ul

  83.                 list-style: none

  84. 

  85.                 span

  86.                     color: $baseColor1

  87.                     font-weight: bold

  88. 

  89.         h1

  90.             color: $baseColor1

  91. 

  92.             span

  93.                 color: $baseColor2

  94. 

  95.         a

  96.             color: #727070

  97.             font-style: italic

  98.             text-decoration: none

  99. 

  100.             &:hover

  101.                 @extend .t3

  102. 

  103.                 color: #575757

  104. 

  105.         span#title

  106.             color: $baseColor1

  107.             font-weight: bold

  108. 

  109. div.person

  110.     font-size: 80%

  111.     overflow: hidden

  112. 

  113.     &#top

  114.         margin-top: 40px

  115. 

  116.     >div

  117.         $image-min-width: 100px

  118. 

  119.         display: inline-block

  120.         height: 100%

  121.         margin-bottom: 40px

  122.         vertical-align: top

  123. 

  124.         &.photo

  125.             margin-right: 40px

  126.             width: $image-min-width

  127. 

  128.             img

  129.                 display: block

  130.                 height: $image-min-width

  131.                 width: $image-min-width

  132. 

  133.         &.bio

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

  135.             width: 70%

  136. 

  137.             h1

  138.                 font-size: 130%

  139.                 margin: 0