diff --git a/static/img/about/bio1.jpg b/static/img/about/bio1.jpg new file mode 100644 index 0000000..36241d5 Binary files /dev/null and b/static/img/about/bio1.jpg differ diff --git a/static/img/about/bio2.jpg b/static/img/about/bio2.jpg new file mode 100644 index 0000000..36241d5 Binary files /dev/null and b/static/img/about/bio2.jpg differ diff --git a/static/img/about/bio3.jpg b/static/img/about/bio3.jpg new file mode 100644 index 0000000..36241d5 Binary files /dev/null and b/static/img/about/bio3.jpg differ diff --git a/static/sass/about.sass b/static/sass/about.sass index 3303a6d..1cac36b 100644 --- a/static/sass/about.sass +++ b/static/sass/about.sass @@ -5,6 +5,8 @@ @import mixins @import variables +$centered-section-min-width: 500px + div.bg $img-height: 650px @@ -28,22 +30,22 @@ div.bg background: url(../img/about/bg3.png) no-repeat background-size: cover height: $img-height + 250 - top: 1600px + top: 1560px &#img-4 background: url(../img/about/bg4.png) no-repeat background-size: cover - height: $img-height + 300 - top: 5450px + height: $img-height + 400 + top: 5280px div.section background-color: white border: 1px solid $baseColor2 - height: 300px margin-bottom: 200px margin-top: 300px padding-bottom: 50px padding-top: 20px + overflow: hidden &#top margin-top: 0px @@ -53,7 +55,8 @@ div.section line-height: 150% margin-left: auto margin-right: auto - width: 50% + min-width: 500px + width: 65% &#how b @@ -86,3 +89,35 @@ div.section span#title color: $baseColor1 font-weight: bold + +div.person + font-size: 80% + overflow: hidden + + &#top + margin-top: 40px + + >div + $image-min-width: 100px + + display: inline-block + height: 100% + margin-bottom: 40px + vertical-align: top + + &.photo + margin-right: 40px + width: $image-min-width + + img + display: block + height: $image-min-width + width: $image-min-width + + &.bio + min-width: $centered-section-min-width - $image-min-width - 50px + width: 70% + + h1 + font-size: 130% + margin: 0 diff --git a/templates/about.html b/templates/about.html index 0440d56..75fd70e 100644 --- a/templates/about.html +++ b/templates/about.html @@ -12,10 +12,10 @@ = endblock = block after_body -
-
-
-
+ + + +
@@ -24,10 +24,10 @@ online source-code search engine, developed by programmers, for programmers. The engine currently aggregates publicly-available code from two online frameworks – GitHub and Bitbucket – but has the necessary infrastructure to quickly incorporate - others, like StackOverflow and Gitorious - bitshift supports a robust query language, which allows users to search for specific - languages, files, dates of creation and last modifcation, and symbols (function, class, and variable names), - amongst other attributes. + others, like StackOverflow and + Gitorious. bitshift supports a robust query + language, which allows users to search for specific languages, files, dates of creation and last modifcation, + and symbols (function, class, and variable names), amongst other attributes.
@@ -42,14 +42,40 @@ The engine was developed over the span of four months, and is primarily implemented in Python, but has - parser in Ruby, Java, and a number of other languages. + parsers in Ruby, Java, and a number of other languages.

» Who

- Who who? Us who. More stuffs to come (photos and bios). +
+
+ Severyn Kozak's photo. +
+

Benjamin Attal

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus porttitor bibendum enim. Proin porttitor tortor eget scelerisque pharetra. Etiam ac arcu congue, ultricies sem a, hendrerit arcu. Duis imperdiet tellus ut arcu tincidunt, ut sagittis enim aliquam. Quisque eget magna a lacus feugiat fringilla. Etiam consequat dictum neque nec ullamcorper. Sed in nunc erat. Donec at metus feugiat, consequat massa in, lacinia purus. Fusce pulvinar iaculis cursus. Curabitur cursus sit amet ligula eleifend sollicitudin. +
+
+
+
+ Severyn Kozak's photo. +
+

Benjamin Kurtovic

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus porttitor bibendum enim. Proin porttitor tortor eget scelerisque pharetra. Etiam ac arcu congue, ultricies sem a, hendrerit arcu. Duis imperdiet tellus ut arcu tincidunt, ut sagittis enim aliquam. Quisque eget magna a lacus feugiat fringilla. Etiam consequat dictum neque nec ullamcorper. Sed in nunc erat. Donec at metus feugiat, consequat massa in, lacinia purus. Fusce pulvinar iaculis cursus. Curabitur cursus sit amet ligula eleifend sollicitudin. +
+
+
+
+ Severyn Kozak's photo. +
+

Severyn Kozak

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus porttitor bibendum enim. Proin porttitor tortor eget scelerisque pharetra. Etiam ac arcu congue, ultricies sem a, hendrerit arcu. Duis imperdiet tellus ut arcu tincidunt, ut sagittis enim aliquam. Quisque eget magna a lacus feugiat fringilla. Etiam consequat dictum neque nec ullamcorper. Sed in nunc erat. Donec at metus feugiat, consequat massa in, lacinia purus. Fusce pulvinar iaculis cursus. Curabitur cursus sit amet ligula eleifend sollicitudin. +
+
= endblock