ben
/
bitshift
kopie van https://github.com/earwig/bitshift
1
1
Vork 0
Code Publicaties 1 Activiteit
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.
358 Commits
2 Branches
4.1 MiB
Tree: 523217eae3
Branches Labels
${ item.name }
Maak branch ${ searchTerm }
van '523217eae3'
${ noResults }
bitshift/static/sass/about.sass

about.sass 2.4 KiB
Ruw Normale weergave Geschiedenis

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 jaren geleden
​
​
​
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 jaren geleden
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 jaren geleden
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 jaren geleden
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 jaren geleden
​
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 jaren geleden
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 jaren geleden
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 jaren geleden
​
​
​
​
​
​
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 jaren geleden
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 jaren geleden
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 jaren geleden
​
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 jaren geleden
​
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 jaren geleden
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 jaren geleden
​
​
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 jaren geleden
​
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 jaren geleden
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 jaren geleden
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 jaren geleden
​
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 jaren geleden
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 jaren geleden
​
​
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 jaren geleden
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 jaren geleden
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 jaren geleden
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 jaren geleden
​
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 jaren geleden
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 jaren geleden
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 jaren geleden
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 jaren geleden
​
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 jaren geleden
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 jaren geleden
​
​
​
​
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 jaren geleden
​
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 jaren geleden
​
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 jaren geleden
​
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 jaren geleden
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 jaren geleden
​
​
​
​
​
​
​
​
​
​
​
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 jaren geleden
​
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 jaren geleden
​
​
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 jaren geleden
​
​
​
​
​
​
​
​
​
​
​
​
​
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 jaren geleden
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124 
  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: 450px

  29. 

  30.     &#img-3

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

  32.         background-size: cover

  33.         height: $img-height + 300

  34.         top: 1250px

  35. 

  36.     &#img-4

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

  38.         background-size: cover

  39.         height: $img-height + 400

  40.         top: 2500px

  41. 

  42. div.section

  43.     background-color: white

  44.     border: 1px solid $baseColor2

  45.     margin-bottom: 200px

  46.     margin-top: 300px

  47.     padding-bottom: 50px

  48.     padding-top: 20px

  49.     overflow: hidden

  50. 

  51.     &#top

  52.         margin-top: 0px

  53. 

  54.     div.centered

  55.         font-size: 110%

  56.         line-height: 150%

  57.         margin-left: auto

  58.         margin-right: auto

  59.         min-width: 500px

  60.         width: 65%

  61. 

  62.         &#how

  63.             b

  64.                 font-family: monospace

  65.                 font-size: 110%

  66. 

  67.             ul

  68.                 list-style: none

  69. 

  70.                 span

  71.                     color: $baseColor1

  72.                     font-weight: bold

  73. 

  74.         h1

  75.             color: $baseColor1

  76. 

  77.             span

  78.                 color: $baseColor2

  79. 

  80.         a

  81.             color: #727070

  82.             font-style: italic

  83.             text-decoration: none

  84. 

  85.             &:hover

  86.                 @extend .t3

  87. 

  88.                 color: #575757

  89. 

  90.         span#title

  91.             color: $baseColor1

  92.             font-weight: bold

  93. 

  94. div.person

  95.     font-size: 80%

  96.     overflow: hidden

  97. 

  98.     &#top

  99.         margin-top: 40px

  100. 

  101.     >div

  102.         $image-min-width: 100px

  103. 

  104.         display: inline-block

  105.         height: 100%

  106.         margin-bottom: 40px

  107.         vertical-align: top

  108. 

  109.         &.photo

  110.             margin-right: 40px

  111.             width: $image-min-width

  112. 

  113.             img

  114.                 display: block

  115.                 height: $image-min-width

  116.                 width: $image-min-width

  117. 

  118.         &.bio

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

  120.             width: 70%

  121. 

  122.             h1

  123.                 font-size: 130%

  124.                 margin: 0