ben
/
bitshift
ミラー元 https://github.com/earwig/bitshift
1
1
フォーク 0
コード リリース 1 アクティビティ
A semantic search engine for source code https://bitshift.benkurtovic.com/
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。
376 コミット
2 ブランチ
6.3 MiB
ツリー: 5e834e657f
ブランチ タグ
${ item.name }
ブランチ ${ searchTerm } を作成
'5e834e657f' から
${ noResults }
bitshift/static/sass/about.sass

about.sass 2.8 KiB
Raw 通常表示 履歴

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年前
​
​
​
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年前
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年前
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年前
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年前
​
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年前
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年前
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年前
​
​
​
​
​
​
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年前
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年前
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年前
​
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年前
​
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年前
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年前
​
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年前
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年前
​
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年前
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年前
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年前
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年前
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年前
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年前
​
​
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年前
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年前
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年前
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年前
​
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年前
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年前
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年前
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年前
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年前
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年前
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年前
​
​
​
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年前
​
​
​
​
​
​
​
​
​
​
​
​
​
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年前
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年前
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年前
​
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年前
​
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年前
​
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年前
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年前
​
​
​
​
​
​
​
​
​
​
​
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年前
​
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年前
​
​
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年前
​
​
​
​
​
​
​
​
​
​
​
​
​
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年前
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
 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