From 3bf1c3ea1b00b1e8ae248e4f03e5a1ade9a5bdbb Mon Sep 17 00:00:00 2001 From: Francesco Siddi Date: Mon, 12 Feb 2018 00:32:12 +0100 Subject: [PATCH] About: introducing team profiles CSS should be refactored, probably in the page itself. --- src/styles/_about.sass | 9 ++ src/styles/main.sass | 1 + src/templates/about.pug | 183 +++++++++++++++++++++++++++++++++++----- 3 files changed, 174 insertions(+), 19 deletions(-) create mode 100644 src/styles/_about.sass diff --git a/src/styles/_about.sass b/src/styles/_about.sass new file mode 100644 index 0000000..34a8630 --- /dev/null +++ b/src/styles/_about.sass @@ -0,0 +1,9 @@ +section.team + h2, .people-container + text-align: center + h3 + margin-bottom: 0 + h3 small + display: block + .people-intro, .row + margin-bottom: 20px diff --git a/src/styles/main.sass b/src/styles/main.sass index 5a4adc9..6d2da95 100644 --- a/src/styles/main.sass +++ b/src/styles/main.sass @@ -12,6 +12,7 @@ @import _welcome @import _homepage @import _services +@import _about @import ../../../pillar/src/styles/_search @import ../../../pillar/src/styles/_organizations diff --git a/src/templates/about.pug b/src/templates/about.pug index d2e1666..a44992c 100644 --- a/src/templates/about.pug +++ b/src/templates/about.pug @@ -24,6 +24,148 @@ style. br | unique set of learning and creative resources. #page-content + + section.team + .container + h2. + Meet a restless team of artists and developers
+ wants to share their work with you. + + .people-container + .people-intro + h3 Blender Institute + span Amsterdam, The Netherlands + + .row + .col-md-3 + a.face( + href="https://twitter.com/tonroosendaal", + data-blenderhead='ton') + img(alt="Ton", src="{{ url_for('static', filename='assets/img/people/ton.jpg')}}") + .bio + h3 Ton Roosendaal + small CEO Blender Foundation. Producer Blender Institute + span The Netherlands + .col-md-3 + a.face( + href="https://twitter.com/fsiddi", + data-blenderhead='francesco') + img(alt="Francesco", src="{{ url_for('static', filename='assets/img/people/francesco.jpg')}}") + .bio + h3 Francesco Siddi + small Pipeline Tools & Back-end Web Development + span Italy + .col-md-3 + a.face( + href="https://twitter.com/hjalti", + data-blenderhead='hjalti') + img(alt="Hjalti", src="{{ url_for('static', filename='assets/img/people/hjalti.jpg')}}") + .bio + h3 Hjalti Hjálmarsson + small Director. Animation. Layout. + span Iceland + .col-md-3 + a.face( + href="https://twitter.com/PabloVazquez_", + data-blenderhead='pablo') + img(alt="Pablo", src="{{ url_for('static', filename='assets/img/people/pablo.jpg')}}") + .bio + h3 Pablo Vázquez + small Lighting, Rendering. Front-end Web Development + span Argentina + .row + .col-md-3 + a.face( + href="https://twitter.com/artificial3d", + data-blenderhead='andy') + img(alt="Andy", src="{{ url_for('static', filename='assets/img/people/andy.jpg')}}") + .bio + h3 Andy Goralczyk + small Shading, Lighting, Rendering, FX + span Germany + .col-md-3 + a.face( + href="https://developer.blender.org/p/sergey/", + data-blenderhead='sergey') + img(alt="Sergey", src="{{ url_for('static', filename='assets/img/people/sergey.jpg')}}") + .bio + h3 Sergey Sharybin + small Blender & Cycles Core Developer + span Russia + .col-md-3 + a.face( + href="https://twitter.com/sastuvel", + data-blenderhead='sybren') + img(alt="Sybren", src="{{ url_for('static', filename='assets/img/people/sybren.jpg')}}") + .bio + h3 Sybren Stüvel + small Blender Cloud Developer + span The Netherlands + .col-md-3 + a.face( + href="https://twitter.com/dfelinto", + data-blenderhead='dalai') + img(alt="dalai", src="{{ url_for('static', filename='assets/img/people/dalai.jpg')}}") + .bio + h3 Dalai Felinto + small Blender Developer + span Brazil + + .people-container.online + .people-intro + h3 Online Collaborators + span Contributing to Blender Cloud from all over the globe. + .row + .col-md-3 + a.face( + href="https://twitter.com/davidrevoy", + data-blenderhead='david') + img(alt="David", src="{{ url_for('static', filename='assets/img/people/david.jpg')}}") + .bio + h3 David Revoy + small Illustrator & Concept Artist + span France + .col-md-3 + a.face( + href="https://twitter.com/s_koenig", + data-blenderhead='sebastian') + img(alt="Sebastian", src="{{ url_for('static', filename='assets/img/people/sebastian.jpg')}}") + .bio + h3 Sebastian König + small VFX + span Germany + .col-md-3 + a.face( + href="https://twitter.com/gleb_alexandrov", + data-blenderhead='gleb') + img(alt="Gleb", src="{{ url_for('static', filename='assets/img/people/gleb.jpg')}}") + .bio + h3 Gleb Alexandrov + small Lighting & Shading + span Belarus + .col-md-3 + a.face( + href="https://twitter.com/the_mantissa", + data-blenderhead='midge') + img(alt="Midge", src="{{ url_for('static', filename='assets/img/people/midge.jpg')}}") + .bio + h3 Midge Sinnaeve + small Motion Graphics + span Belgium + + .row + .col-md-3 + a.face( + href="https://twitter.com/jpbouza", + data-blenderhead='jpbouza') + img(alt="Juan Pablo", src="{{ url_for('static', filename='assets/img/people/jpbouza.jpg')}}") + .bio + h3 Juan Pablo Bouza + small Rigging + span Argentina + + section.page-card + h2 A bit of History section.page-card .page-card-side h2.page-card-title @@ -33,11 +175,11 @@ style. | First happy cloud video and crowdfunding for Cosmos Laundromat Pilot. .page-card-side a(href='https://gooseberry.blender.org/gooseberry-campaign-launched-we-need-10k-people-to-help/') - img.img-responsive(src="{{ url_for('static_cloud', filename='img/2014_03_09_sxsw.jpg') }}") + img.img-responsive(src="{{ url_for('static_cloud', filename='img/2014_03_09_sxsw.jpg') }}", alt="SXSW") section.page-card .page-card-side a(href='https://gooseberry.blender.org/gooseberry-campaign-launched-we-need-10k-people-to-help/') - img.img-responsive(src="{{ url_for('static_cloud', filename='img/2014_03_10_cosmos.jpg') }}") + img.img-responsive(src="{{ url_for('static_cloud', filename='img/2014_03_10_cosmos.jpg') }}", alt="Cosmos Laundromat") .page-card-side h2.page-card-title | Gooseberry | Cosmos Laundromat @@ -57,11 +199,11 @@ style. | . .page-card-side a(href='https://cloud.blender.org/p/glass-half/blog/glass-half-premiere') - img.img-responsive(src="{{ url_for('static_cloud', filename='img/2015_10_30_glass.jpg') }}") + img.img-responsive(src="{{ url_for('static_cloud', filename='img/2015_10_30_glass.jpg') }}", alt="Glass Half") section.page-card .page-card-side a(href='https://cloud.blender.org/blog/new-art-gallery-with-gleb-alexandrov') - img.img-responsive(src="{{ url_for('static_cloud', filename='img/2015_11_19_art.jpg') }}") + img.img-responsive(src="{{ url_for('static_cloud', filename='img/2015_11_19_art.jpg') }}", alt="Art Gallery") .page-card-side h2.page-card-title | Art Gallery @@ -77,11 +219,11 @@ style. | With so much going on in the Cloud at at the studio. The Blender Institute Podcast was born! Sharing our daily studio work, Blender community news, and interacting with the awesome Blender Cloud subscribers. .page-card-side a(href='https://cloud.blender.org/blog/introducing-blender-institute-podcast') - img.img-responsive(src="{{ url_for('static_cloud', filename='img/2015_11_24_bip.jpg') }}") + img.img-responsive(src="{{ url_for('static_cloud', filename='img/2015_11_24_bip.jpg') }}", alt="Blender Institute Podcast") section.page-card .page-card-side a(href='https://cloud.blender.org/p/blenrig/blog/welcome-to-the-blenrig-project') - img.img-responsive(src="{{ url_for('static_cloud', filename='img/2015_12_01_blenrig.jpg') }}") + img.img-responsive(src="{{ url_for('static_cloud', filename='img/2015_12_01_blenrig.jpg') }}", alt="Blenrig") .page-card-side h2.page-card-title | Blenrig @@ -97,11 +239,11 @@ style. | The biggest source for CC0/Public Domain textures on the interwebs goes live. First as beta, as a quick gift right before Xmas 2015! .page-card-side a(href='https://cloud.blender.org/blog/new-texture-library') - img.img-responsive(src="{{ url_for('static_cloud', filename='img/2015_12_23_textures.jpg') }}") + img.img-responsive(src="{{ url_for('static_cloud', filename='img/2015_12_23_textures.jpg') }}", alt="Texture Library") section.page-card .page-card-side a(href='https://cloud.blender.org/blog/nraryew-the-character-lib') - img.img-responsive(src="{{ url_for('static_cloud', filename='img/2016_01_05_charlib.jpg') }}") + img.img-responsive(src="{{ url_for('static_cloud', filename='img/2016_01_05_charlib.jpg') }}", alt="Character Library") .page-card-side h2.page-card-title | Character Library @@ -121,11 +263,11 @@ style. | . .page-card-side a(href='https://cloud.blender.org/p/caminandes-3/blog/caminandes-llamigos') - img.img-responsive(src="{{ url_for('static_cloud', filename='img/2016_01_30_llamigos.jpg') }}") + img.img-responsive(src="{{ url_for('static_cloud', filename='img/2016_01_30_llamigos.jpg') }}", alt="Caminandes: Llamigos") section.page-card .page-card-side a(href='https://cloud.blender.org/blog/welcome-sybren') - img.img-responsive(src="{{ url_for('static_cloud', filename='img/2016_03_01_sybren.jpg') }}") + img.img-responsive(src="{{ url_for('static_cloud', filename='img/2016_03_01_sybren.jpg') }}", alt="Dr. Sybren!") .page-card-side h2.page-card-title | Sybren @@ -141,11 +283,11 @@ style. | Create your own private projects on Blender Cloud. .page-card-side a(href='https://cloud.blender.org/blog/welcome-sybren') - img.img-responsive(src="{{ url_for('static_cloud', filename='img/2016_05_03_projects.jpg') }}") + img.img-responsive(src="{{ url_for('static_cloud', filename='img/2016_05_03_projects.jpg') }}", alt="Projects") section.page-card .page-card-side a(href='https://cloud.blender.org/blog/introducing-project-sharing') - img.img-responsive(src="{{ url_for('static_cloud', filename='img/2016_05_09_projectsharing.jpg') }}") + img.img-responsive(src="{{ url_for('static_cloud', filename='img/2016_05_09_projectsharing.jpg') }}", alt="Sharing") .page-card-side h2.page-card-title | Project Sharing @@ -161,11 +303,11 @@ style. | Browse the textures from within Blender! .page-card-side a(href='https://cloud.blender.org/blog/introducing-project-sharing') - img.img-responsive(src="{{ url_for('static_cloud', filename='img/2016_05_11_addon.jpg') }}") + img.img-responsive(src="{{ url_for('static_cloud', filename='img/2016_05_11_addon.jpg') }}", alt="Blender Cloud Add-on") section.page-card .page-card-side a(href='https://cloud.blender.org/blog/introducing-private-texture-libraries') - img.img-responsive(src="{{ url_for('static_cloud', filename='img/2016_05_23_privtextures.jpg') }}") + img.img-responsive(src="{{ url_for('static_cloud', filename='img/2016_05_23_privtextures.jpg') }}", alt="Texture Libraries") .page-card-side h2.page-card-title | Private Texture Libraries @@ -181,11 +323,11 @@ style. | Sync your Blender preferences across multiple devices. .page-card-side a(href='https://cloud.blender.org/blog/introducing-blender-sync') - img.img-responsive(src="{{ url_for('static_cloud', filename='img/2016_06_30_sync.jpg') }}") + img.img-responsive(src="{{ url_for('static_cloud', filename='img/2016_06_30_sync.jpg') }}", alt="Blender Sync") section.page-card .page-card-side a(href='https://cloud.blender.org/blog/introducing-image-sharing') - img.img-responsive(src="{{ url_for('static_cloud', filename='img/2016_07_14_image.jpg') }}") + img.img-responsive(src="{{ url_for('static_cloud', filename='img/2016_07_14_image.jpg') }}", alt="Image Sharing") .page-card-side h2.page-card-title | Image Sharing @@ -202,11 +344,11 @@ style. | High-dynamic range images are now available on Blender Cloud! With their own special viewer. Also available via the Blender Cloud add-on. .page-card-side a(href='https://cloud.blender.org/blog/introducing-the-hdri-library') - img.img-responsive(src="{{ url_for('static_cloud', filename='img/2016_07_27_hdri.jpg') }}") + img.img-responsive(src="{{ url_for('static_cloud', filename='img/2016_07_27_hdri.jpg') }}", alt="HDRI Library") section.page-card .page-card-side a(href='https://cloud.blender.org/blog/introducing-the-hdri-library') - img.img-responsive(src="{{ url_for('static_cloud', filename='img/2016_12_06_toon.jpg') }}") + img.img-responsive(src="{{ url_for('static_cloud', filename='img/2016_12_06_toon.jpg') }}", alt="Hdri Library") .page-card-side h2.page-card-title a(href='https://cloud.blender.org/blog/new-training-toon-character-workflow') @@ -225,5 +367,8 @@ style. a.page-card-cta(href='https://store.blender.org/product/membership/') Subscribe .page-card-side a(href='https://cloud.blender.org/p/agent-327') - img.img-responsive(src="{{ url_for('static_cloud', filename='img/2017_03_10_agent.jpg') }}") + img.img-responsive(src="{{ url_for('static_cloud', filename='img/2017_03_10_agent.jpg') }}", alt="Agent 327") + + + | {% endblock body%}