diff --git a/src/dependencies.pug b/src/dependencies.pug
index 305ec0e2dba42df347b19c6d05afdf3fe2d836fa..09ad1ff8e5c6232bfdd188df0afdaf4926c69c3b 100644
--- a/src/dependencies.pug
+++ b/src/dependencies.pug
@@ -12,7 +12,7 @@ link(rel='stylesheet', href='https://fonts.googleapis.com/css?family=Open+Sans:3
//- script(type="module" src="/lib/sib-chat/sib-chat.js")
//- script(type="module" src="/lib/sib-notifications/sib-notifications.js")
//- script(type="module" src="/lib/sib-conversation/sib-conversation.js")
-//- script(type="module" src="/lib/sib-directory/sib-directory.js")
+script(type="module" src="/lib/sib-directory/sib-directory.js")
script(type="module" src="/lib/sib-job-board/sib-job-board.js")
//- CDN
@@ -21,5 +21,5 @@ script(type="module" src="https://unpkg.com/@startinblox/router@0.7")
script(type="module" src="https://unpkg.com/@startinblox/component-chat@0.1")
script(type="module" src="https://unpkg.com/@startinblox/component-notifications@0.1")
script(type="module" src="https://unpkg.com/@startinblox/component-conversation@0.2")
-script(type="module" src="https://unpkg.com/@startinblox/component-directory@0.1")
-//-script(type="module" src="https://unpkg.com/@startinblox/component-job-board@0.1")
+//- script(type="module" src="https://unpkg.com/@startinblox/component-directory@0.1")
+//- script(type="module" src="https://unpkg.com/@startinblox/component-job-board@0.1")
diff --git a/src/styles/base/header.scss b/src/styles/base/header.scss
index 360531f3de0b3941cd83f22c0def7117941e92a6..a9f9cce255e4a3840c9ed26f1ae288d536a1a85b 100644
--- a/src/styles/base/header.scss
+++ b/src/styles/base/header.scss
@@ -112,7 +112,7 @@
user-select: none;
summary {
- padding: 16px;
+ padding: 18px;
cursor: pointer;
&:focus {
background-color: $color-233-18-29;
@@ -129,14 +129,29 @@
> * {
vertical-align: middle;
}
-
- img {
- border-radius: 100%;
+
+ hd-user-avatar {
+ align-items: center;
+ background-color: $color-213-20-91;
+ border-radius: 50%;
+ display: flex;
height: 4.8rem;
+ justify-content: center;
margin-right: 2rem;
+ overflow: hidden;
+ width: 4.8rem;
+ }
+
+ img {
+ height: 100%;
object-fit: cover;
object-position: center;
- width: 4.8rem;
+ width: 100%;
+ }
+
+ img[src$='alien.svg'] {
+ height: 45%;
+ width: 45%;
}
sib-display-value[name='first_name'] {
diff --git a/src/styles/layout/job-offers/job-offers.scss b/src/styles/layout/job-offers/job-offers.scss
index 52c7f293bd99a2eb067c643fee775789f32c830b..0aa633e6f4042b0c5b535d885f4b5eceb8d9013b 100644
--- a/src/styles/layout/job-offers/job-offers.scss
+++ b/src/styles/layout/job-offers/job-offers.scss
@@ -88,22 +88,26 @@ sib-job-board {
}
author-avatar {
+ align-items: center;
background-color: $color-213-20-91;
border-radius: 50%;
+ display: flex;
height: 4.25rem;
+ justify-content: center;
overflow: hidden;
- position: relative;
width: 4.25rem;
img {
height: 50%;
- left: 0;
object-fit: cover;
object-position: center;
- position: absolute;
- top: 0;
width: 50%;
}
+
+ img[src$='alien.svg'] {
+ height: 45%;
+ width: 45%;
+ }
}
}
diff --git a/src/styles/layout/members/members.scss b/src/styles/layout/members/members.scss
index 4af55b74a86e9fbcd596c9b9947cc61bde62b3ec..b69558fad028174c548eb830ab23e3abf1ccb150 100644
--- a/src/styles/layout/members/members.scss
+++ b/src/styles/layout/members/members.scss
@@ -159,22 +159,27 @@ member-info-groups {
}
member-picture {
- background-color: $color-0-0-100;
+ align-items: center;
+ background-color: $color-213-20-91;
border-radius: 50%;
+ display: flex;
height: 28vh;
+ justify-content: center;
margin: 1.7rem auto;
overflow: hidden;
- position: relative;
width: 28vh;
img {
height: 100%;
- left: 0;
object-fit: cover;
- position: absolute;
- top: 0;
+ object-position: center;
width: 100%;
}
+
+ img[src$='alien.svg'] {
+ height: 45%;
+ width: 45%;
+ }
}
[name='name'] {
diff --git a/src/templates/hd-user-avatar.pug b/src/templates/hd-user-avatar.pug
index 86a0d4c976c38e3484543bd149a5730de5160e3a..5d08050494bc1021f6ac6fed2e392bcc019ec7ed 100644
--- a/src/templates/hd-user-avatar.pug
+++ b/src/templates/hd-user-avatar.pug
@@ -1,3 +1,3 @@
sib-widget(name='hd-user-avatar')
template
- img(name="${name}",src="\${value || '/images/alien.jpg'}",style="max-width:100%; max-height: 100%;")
\ No newline at end of file
+ img(name="${name}",src="\${value || '/images/alien.svg'}",style="max-width:100%; max-height: 100%;")
\ No newline at end of file
diff --git a/www/images/alien.svg b/www/images/alien.svg
new file mode 100644
index 0000000000000000000000000000000000000000..a338a54ded3d550d4646940a570f132b7f5c919b
--- /dev/null
+++ b/www/images/alien.svg
@@ -0,0 +1,89 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg fill="#AAA9B9" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 512.145 512.145" style="enable-background:new 0 0 512.145 512.145;" xml:space="preserve">
+<g>
+ <g>
+ <g>
+ <path d="M179.409,71.671C202.611,58.283,229.124,51.2,256.073,51.2c26.982,0,53.513,7.1,76.732,20.514
+ c1.348,0.785,2.816,1.152,4.267,1.152c2.953,0,5.82-1.536,7.398-4.267c2.364-4.079,0.964-9.301-3.115-11.657
+ c-25.813-14.925-55.296-22.81-85.282-22.81c-29.943,0-59.4,7.868-85.197,22.758c-4.087,2.355-5.487,7.578-3.132,11.657
+ C170.108,72.627,175.33,74.018,179.409,71.671z"/>
+ <path d="M256.073,187.733c-9.412,0-17.067,7.654-17.067,17.067c0,9.412,7.654,17.067,17.067,17.067
+ c9.412,0,17.067-7.654,17.067-17.067C273.139,195.388,265.485,187.733,256.073,187.733z"/>
+ <path d="M329.971,162.133c-2.355-4.087-7.586-5.495-11.665-3.123l-7.936,4.582c-3.755-4.932-8.158-9.335-13.09-13.09l4.582-7.945
+ c2.364-4.079,0.964-9.301-3.123-11.656c-4.079-2.355-9.301-0.956-11.656,3.123l-4.531,7.851
+ c-5.641-2.372-11.674-3.959-17.946-4.753V128c0-4.71-3.814-8.533-8.533-8.533c-4.719,0-8.533,3.823-8.533,8.533v9.122
+ c-6.272,0.794-12.305,2.381-17.946,4.753l-4.531-7.851c-2.364-4.087-7.586-5.487-11.657-3.132
+ c-4.087,2.364-5.487,7.578-3.123,11.665l4.582,7.945c-4.932,3.755-9.336,8.149-13.09,13.09l-7.945-4.591
+ c-4.079-2.364-9.301-0.956-11.657,3.132c-2.364,4.079-0.956,9.293,3.123,11.656l7.859,4.531
+ c-3.439,8.149-5.35,17.092-5.35,26.479c0,37.641,30.626,68.267,68.267,68.267c37.641,0,68.267-30.626,68.267-68.267
+ c0-9.378-1.911-18.321-5.342-26.47l7.859-4.54C330.927,171.426,332.335,166.212,329.971,162.133z M256.073,256
+ c-28.237,0-51.2-22.963-51.2-51.2c0-28.237,22.963-51.2,51.2-51.2s51.2,22.963,51.2,51.2
+ C307.273,233.037,284.309,256,256.073,256z"/>
+ <path d="M510.903,451.959c-2.295-8.585-7.723-15.795-15.317-20.378l-47.027-37.606c-0.222-0.145-21.82-14.967-21.82-35.575V204.8
+ c0-46.541-18.97-90.863-52.335-122.982l32.862-33.169c3.328,1.587,7.006,2.551,10.94,2.551c14.114,0,25.6-11.486,25.6-25.6
+ S432.32,0,418.206,0s-25.6,11.486-25.6,25.6c0,3.951,0.973,7.654,2.586,11l-39.159,39.518c-1.664,1.681-2.56,3.977-2.466,6.34
+ c0.094,2.355,1.161,4.574,2.944,6.118c33.783,29.235,53.163,71.595,53.163,116.224v153.6c0,29.824,28.203,48.964,28.8,49.331
+ l46.925,37.555c0.341,0.273,0.691,0.512,1.067,0.734c3.951,2.278,6.775,5.956,7.962,10.359c1.178,4.403,0.572,9.003-1.715,12.945
+ c-4.702,8.166-15.155,10.957-23.142,6.349L362.91,410.846c-3.234-1.963-7.356-1.579-10.155,0.947
+ c-2.799,2.526-3.61,6.588-1.988,9.993l22.545,47.548c2.372,4.087,3.14,9.003,2.133,13.491c-0.998,4.429-3.618,8.064-7.373,10.232
+ c-8.875,5.12-19.396,0.009-24.499-6.98l-46.165-72.525c-1.929-3.012-5.504-4.506-9.003-3.763
+ c-3.49,0.759-6.144,3.601-6.647,7.134l-8.533,59.733c-0.06,0.401-0.085,0.811-0.085,1.212c0,9.412-7.654,17.067-17.067,17.067
+ c-9.412,0-17.067-7.654-17.067-17.067c0-0.401-0.026-0.811-0.085-1.212l-8.533-59.733c-0.503-3.533-3.157-6.383-6.647-7.134
+ c-3.516-0.751-7.091,0.751-9.003,3.772l-45.815,72.124c-6.135,8.516-17.545,11.742-25.378,7.194
+ c-4.292-2.475-6.067-6.238-6.793-8.96c-1.271-4.719-0.478-10.027,2.483-15.223l21.76-46.225c1.613-3.405,0.794-7.45-1.997-9.976
+ c-2.79-2.517-6.912-2.91-10.121-0.964L42.748,475.571c-8.149,4.685-18.611,1.911-23.313-6.238
+ c-2.287-3.951-2.893-8.55-1.715-12.954c1.186-4.403,4.011-8.081,7.962-10.359c0.367-0.213,0.717-0.461,1.05-0.725l46.541-37.146
+ c1.195-0.802,29.201-19.942,29.201-49.749V204.8c0-44.809,19.507-87.287,53.513-116.523c1.801-1.545,2.876-3.78,2.961-6.161
+ c0.094-2.381-0.828-4.685-2.509-6.357l-39.45-39.219c1.596-3.328,2.552-7.014,2.552-10.94c0-14.114-11.486-25.6-25.6-25.6
+ s-25.6,11.486-25.6,25.6s11.486,25.6,25.6,25.6c3.951,0,7.646-0.973,10.991-2.577l33.109,32.905
+ c-33.562,32.137-52.634,76.561-52.634,123.273v153.6c0,20.625-21.453,35.447-22.212,35.994l-46.626,37.188
+ c-7.595,4.582-13.03,11.793-15.326,20.378c-2.372,8.806-1.152,18.014,3.405,25.907c9.412,16.299,30.336,21.897,46.78,12.407
+ l82.15-49.579l-9.446,20.096c-4.881,8.439-6.289,18.483-3.866,27.546c2.21,8.243,7.441,15.113,14.746,19.319
+ c15.488,8.96,36.497,3.686,48.034-12.416l33.715-53.043l5.188,36.318C222.289,497.041,237.47,512,256.073,512
+ s33.783-14.959,34.125-33.485l5.188-36.352l34.091,53.521c7.723,10.615,19.396,16.461,30.899,16.461
+ c5.615,0,11.187-1.391,16.23-4.309c7.936-4.582,13.431-12.134,15.488-21.274c1.971-8.747,0.546-17.903-3.678-25.156
+ l-10.035-21.188l82.483,50.142c16.29,9.395,37.222,3.806,46.635-12.493C512.055,469.965,513.276,460.766,510.903,451.959z
+ M418.206,17.067c4.71,0,8.533,3.831,8.533,8.533c0,4.702-3.823,8.533-8.533,8.533c-2.278,0-4.318-0.922-5.845-2.372
+ c-0.06-0.068-0.077-0.154-0.145-0.222c-0.06-0.06-0.137-0.068-0.188-0.119c-1.442-1.536-2.355-3.558-2.355-5.82
+ C409.673,20.898,413.495,17.067,418.206,17.067z M100.279,31.181c-0.145,0.12-0.333,0.171-0.469,0.307
+ c-0.136,0.137-0.179,0.316-0.307,0.461c-1.493,1.314-3.413,2.185-5.564,2.185c-4.71,0-8.533-3.831-8.533-8.533
+ c0-4.702,3.823-8.533,8.533-8.533s8.533,3.831,8.533,8.533C102.473,27.75,101.594,29.679,100.279,31.181z"/>
+ <path d="M154.893,311.356c-2.423,4.036-1.109,9.276,2.918,11.691c1.826,1.101,45.303,26.82,98.261,26.82
+ s96.435-25.719,98.261-26.82c4.028-2.415,5.342-7.654,2.918-11.691c-2.406-4.036-7.629-5.367-11.699-2.944
+ c-0.41,0.239-41.387,24.388-89.481,24.388s-89.071-24.149-89.481-24.388C162.522,305.988,157.308,307.319,154.893,311.356z"/>
+ </g>
+ </g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>