diff --git a/services/web/frontend/stylesheets/components/lists.less b/services/web/frontend/stylesheets/components/lists.less
index ef16296983..5d7ced87b2 100644
--- a/services/web/frontend/stylesheets/components/lists.less
+++ b/services/web/frontend/stylesheets/components/lists.less
@@ -35,7 +35,7 @@
 
   &.checked {
     li {
-      background: url('../../../public/img/material-icon-circle-green.svg')
+      background: url('../../../public/img/material-icons/circle-green-24.svg')
         no-repeat left top;
       background-size: @icon-bullet-list-icon-size @icon-bullet-list-icon-size;
       min-height: @icon-bullet-list-icon-size;
diff --git a/services/web/public/img/material-icon-arrow-white.svg b/services/web/public/img/material-icons/arrow-white-24.svg
similarity index 100%
rename from services/web/public/img/material-icon-arrow-white.svg
rename to services/web/public/img/material-icons/arrow-white-24.svg
diff --git a/services/web/public/img/material-icons/assignment-blue-68.svg b/services/web/public/img/material-icons/assignment-blue-68.svg
new file mode 100644
index 0000000000..e6324c1914
--- /dev/null
+++ b/services/web/public/img/material-icons/assignment-blue-68.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="68" viewBox="0 0 24 24" width="68" fill="#3265B2"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M7 15h7v2H7zm0-4h10v2H7zm0-4h10v2H7zm12-4h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-.14 0-.27.01-.4.04-.39.08-.74.28-1.01.55-.18.18-.33.4-.43.64-.1.23-.16.49-.16.77v14c0 .27.06.54.16.78s.25.45.43.64c.27.27.62.47 1.01.55.13.02.26.03.4.03h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7-.25c.41 0 .75.34.75.75s-.34.75-.75.75-.75-.34-.75-.75.34-.75.75-.75zM19 19H5V5h14v14z"></path></svg>
\ No newline at end of file
diff --git a/services/web/public/img/material-icon-circle-green.svg b/services/web/public/img/material-icons/circle-green-24.svg
similarity index 100%
rename from services/web/public/img/material-icon-circle-green.svg
rename to services/web/public/img/material-icons/circle-green-24.svg
diff --git a/services/web/public/img/material-icons/description-blue-68.svg b/services/web/public/img/material-icons/description-blue-68.svg
new file mode 100644
index 0000000000..892821f737
--- /dev/null
+++ b/services/web/public/img/material-icons/description-blue-68.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="68" viewBox="0 0 24 24" width="68" fill="#3265B2"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M8 16h8v2H8zm0-4h8v2H8zm6-10H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11z"></path></svg>
\ No newline at end of file
diff --git a/services/web/public/img/material-icons/functions-green-24.svg b/services/web/public/img/material-icons/functions-green-24.svg
new file mode 100644
index 0000000000..a815f9229e
--- /dev/null
+++ b/services/web/public/img/material-icons/functions-green-24.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#46a546"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M16.5 4H7.56C6.7 4 6 4.7 6 5.56c0 .28.12.55.32.74L12.5 12l-6.18 5.7c-.2.19-.32.46-.32.74C6 19.3 6.7 20 7.56 20h8.94c.83 0 1.5-.67 1.5-1.5s-.67-1.5-1.5-1.5H11l3.59-3.59c.78-.78.78-2.05 0-2.83L11 7h5.5c.83 0 1.5-.67 1.5-1.5S17.33 4 16.5 4z"/></svg>
\ No newline at end of file
diff --git a/services/web/public/img/material-icons/history-green-24.svg b/services/web/public/img/material-icons/history-green-24.svg
new file mode 100644
index 0000000000..bee242774e
--- /dev/null
+++ b/services/web/public/img/material-icons/history-green-24.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#46a546"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M13.26 3C8.17 2.86 4 6.95 4 12H2.21c-.45 0-.67.54-.35.85l2.79 2.8c.2.2.51.2.71 0l2.79-2.8c.31-.31.09-.85-.36-.85H6c0-3.9 3.18-7.05 7.1-7 3.72.05 6.85 3.18 6.9 6.9.05 3.91-3.1 7.1-7 7.1-1.61 0-3.1-.55-4.28-1.48-.4-.31-.96-.28-1.32.08-.42.42-.39 1.13.08 1.49C9 20.29 10.91 21 13 21c5.05 0 9.14-4.17 9-9.26-.13-4.69-4.05-8.61-8.74-8.74zm-.51 5c-.41 0-.75.34-.75.75v3.68c0 .35.19.68.49.86l3.12 1.85c.36.21.82.09 1.03-.26.21-.36.09-.82-.26-1.03l-2.88-1.71v-3.4c0-.4-.34-.74-.75-.74z"/></svg>
\ No newline at end of file
diff --git a/services/web/public/img/material-icons/note-add-blue-68.svg b/services/web/public/img/material-icons/note-add-blue-68.svg
new file mode 100644
index 0000000000..be12963be4
--- /dev/null
+++ b/services/web/public/img/material-icons/note-add-blue-68.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="68" viewBox="0 0 24 24" width="68" fill="#3265B2"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M13 11h-2v3H8v2h3v3h2v-3h3v-2h-3zm1-9H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11z"></path></svg>
\ No newline at end of file
diff --git a/services/web/public/img/material-icons/page-green-24.svg b/services/web/public/img/material-icons/page-green-24.svg
new file mode 100644
index 0000000000..56c2a9ab26
--- /dev/null
+++ b/services/web/public/img/material-icons/page-green-24.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#46a546"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zM6 4h7l5 5v8.58l-1.84-1.84c1.28-1.94 1.07-4.57-.64-6.28C14.55 8.49 13.28 8 12 8c-1.28 0-2.55.49-3.53 1.46-1.95 1.95-1.95 5.11 0 7.05.97.97 2.25 1.46 3.53 1.46.96 0 1.92-.28 2.75-.83L17.6 20H6V4zm8.11 11.1c-.56.56-1.31.88-2.11.88s-1.55-.31-2.11-.88c-.56-.56-.88-1.31-.88-2.11s.31-1.55.88-2.11c.56-.57 1.31-.88 2.11-.88s1.55.31 2.11.88c.56.56.88 1.31.88 2.11s-.31 1.55-.88 2.11z"/></svg>
\ No newline at end of file
diff --git a/services/web/public/img/material-icons/school-blue-68.svg b/services/web/public/img/material-icons/school-blue-68.svg
new file mode 100644
index 0000000000..9a08222bdb
--- /dev/null
+++ b/services/web/public/img/material-icons/school-blue-68.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="68" viewBox="0 0 24 24" width="68" fill="#3265B2"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M12 3 1 9l4 2.18v6L12 21l7-3.82v-6l2-1.09V17h2V9L12 3zm6.82 6L12 12.72 5.18 9 12 5.28 18.82 9zM17 15.99l-5 2.73-5-2.73v-3.72L12 15l5-2.73v3.72z"></path></svg>
\ No newline at end of file
diff --git a/services/web/public/img/other-brands/logo_dropbox.svg b/services/web/public/img/other-brands/logo_dropbox.svg
new file mode 100644
index 0000000000..914e1209f0
--- /dev/null
+++ b/services/web/public/img/other-brands/logo_dropbox.svg
@@ -0,0 +1,5 @@
+<svg width="96" height="97" viewBox="0 0 96 97" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="48" cy="48.6367" r="42" fill="#0F287F"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M33 24.6367L18 33.6367L33 42.6367L18 51.6367L33 60.6367L48 51.6367L63 60.6367L78 51.6367L63 42.6367L78 33.6367L63 24.6367L48 33.6367L33 24.6367ZM48 33.6367L63 42.6367L48 51.6367L33 42.6367L48 33.6367Z" fill="#DAF8FE"/>
+<path d="M33 66.6367L48 57.6367L63 66.6367L48 75.6367L33 66.6367Z" fill="#DAF8FE"/>
+</svg>
diff --git a/services/web/public/img/other-brands/logo_git.svg b/services/web/public/img/other-brands/logo_git.svg
new file mode 100644
index 0000000000..be16111096
--- /dev/null
+++ b/services/web/public/img/other-brands/logo_git.svg
@@ -0,0 +1,10 @@
+<svg width="100" height="101" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_743_5735)">
+<path d="M90.4146 46.8907L53.7328 10.2221C51.6276 8.10371 48.1967 8.10371 46.0757 10.2221L38.4737 17.8372L48.139 27.4893C50.3938 26.7386 52.9663 27.2426 54.7435 29.0355C56.5495 30.8415 57.0535 33.4376 56.2896 35.6793L65.5873 44.9902C67.8422 44.2106 70.441 44.7172 72.2312 46.5206C74.7617 49.0353 74.7617 53.1093 72.2312 55.6267C69.7165 58.1415 65.6556 58.1415 63.1382 55.6267C61.2508 53.7393 60.7731 50.9516 61.7155 48.6416L53.0057 39.9738V62.8192C53.62 63.1211 54.208 63.5306 54.7146 64.0372C57.2162 66.5677 57.2162 70.626 54.7146 73.1433C52.1998 75.6581 48.1101 75.6581 45.5822 73.1433C43.0675 70.6286 43.0675 66.5677 45.5822 64.0372C46.2253 63.4072 46.9367 62.9426 47.7006 62.6302V39.567C46.9498 39.2388 46.2227 38.7873 45.5953 38.16C43.6948 36.2595 43.2302 33.4717 44.2146 31.1328L34.7252 21.591L9.56984 46.7332C7.47772 48.8385 7.47772 52.2693 9.56984 54.3903L46.2516 91.059C48.37 93.1773 51.7877 93.1773 53.9087 91.059L90.412 54.5557C92.5303 52.4505 92.5303 49.0196 90.412 46.8986L90.4146 46.8907Z" fill="black"/>
+</g>
+<defs>
+<clipPath id="clip0_743_5735">
+<rect width="84" height="84" fill="white" transform="translate(8 8.63672)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/services/web/public/img/other-brands/logo_github.svg b/services/web/public/img/other-brands/logo_github.svg
new file mode 100644
index 0000000000..2d3589a604
--- /dev/null
+++ b/services/web/public/img/other-brands/logo_github.svg
@@ -0,0 +1,3 @@
+<svg width="96" height="97" viewBox="0 0 96 97" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M48 6.63672C24.795 6.63672 6 25.4317 6 48.6367C6 67.2217 18.0225 82.9192 34.7175 88.4842C36.8175 88.8517 37.605 87.5917 37.605 86.4892C37.605 85.4917 37.5525 82.1842 37.5525 78.6667C27 80.6092 24.27 76.0942 23.43 73.7317C22.9575 72.5242 20.91 68.7967 19.125 67.7992C17.655 67.0117 15.555 65.0692 19.0725 65.0167C22.38 64.9642 24.7425 68.0617 25.53 69.3217C29.31 75.6742 35.3475 73.8892 37.7625 72.7867C38.13 70.0567 39.2325 68.2192 40.44 67.1692C31.095 66.1192 21.33 62.4967 21.33 46.4317C21.33 41.8642 22.9575 38.0842 25.635 35.1442C25.215 34.0942 23.745 29.7892 26.055 24.0142C26.055 24.0142 29.5725 22.9117 37.605 28.3192C40.965 27.3742 44.535 26.9017 48.105 26.9017C51.675 26.9017 55.245 27.3742 58.605 28.3192C66.6375 22.8592 70.155 24.0142 70.155 24.0142C72.465 29.7892 70.995 34.0942 70.575 35.1442C73.2525 38.0842 74.88 41.8117 74.88 46.4317C74.88 62.5492 65.0625 66.1192 55.7175 67.1692C57.24 68.4817 58.5525 71.0017 58.5525 74.9392C58.5525 80.5567 58.5 85.0717 58.5 86.4892C58.5 87.5917 59.2875 88.9042 61.3875 88.4842C69.7253 85.6695 76.9704 80.3109 82.1031 73.1627C87.2359 66.0146 89.9977 57.4368 90 48.6367C90 25.4317 71.205 6.63672 48 6.63672Z" fill="#252525"/>
+</svg>
diff --git a/services/web/public/img/other-brands/logo_mendeley.svg b/services/web/public/img/other-brands/logo_mendeley.svg
new file mode 100644
index 0000000000..96a203aeba
--- /dev/null
+++ b/services/web/public/img/other-brands/logo_mendeley.svg
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 2500 1388"
+	 style="enable-background:new 0 0 2500 1388;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#323232;}
+</style>
+<title>Black</title>
+<desc>Created with Sketch.</desc>
+<g id="Page-1" sketch:type="MSPage">
+	<g id="Black" sketch:type="MSArtboardGroup">
+		<path id="Fill-17-Copy-4" sketch:type="MSShapeGroup" class="st0" d="M1250.3,399.1c0.4,0,0.7,0.1,1,0.1c0.3,0,0.6-0.1,1-0.1
+			c135.4,0,245.2,109.7,245.2,245.3c0,75.8-34.5,143.6-88.6,188.6c-23.6,22.3-53.1,38.7-89.1,47c-21.4,6.2-44.2,9.6-67.5,9.6h-1h-1
+			c-23.4,0-46.1-3.4-67.6-9.6c-36-8.3-65.6-24.7-89.1-47c-54.1-45-88.6-112.7-88.6-188.6C1005,508.8,1114.9,399.1,1250.3,399.1
+			 M211.5,1385.8c131.8,16.6,248.8-79.4,261.2-214.2c4.1-45.5-4.4-89.7-22.2-128.8c-184.6-405.1,726.2-414.4,572.3-32
+			c-0.3,0.5-0.7,0.9-1.1,1.6c-72.8,116.3-33.4,267.6,87.7,337.5c44.5,25.7,93.7,36.5,141.9,34.5c48.2,2,97.5-8.8,141.9-34.5
+			c121-70,160.4-221.2,87.6-337.5c-0.3-0.7-0.8-1.1-1.1-1.6c-153.8-382.4,757.1-373.2,572.3,32c-17.8,39.1-26.3,83.3-22.2,128.8
+			c12.5,134.9,129.4,230.8,261.2,214.2c58.6-7.4,110.3-35.7,148.5-76.8c0,0,61.3-50.8,60.3-180.6c-0.9-105.7-60.3-164.3-60.3-164.3
+			c-47.9-48.4-116-75-189-67.2c-169.1-3.8-194.2-136.1-146.4-385.8c17.5-44.2,25.1-91.7,23.6-139.1
+			c4.7-127.6-59.5-253.5-177.7-321.9c-14.4-8.3-29.2-15.1-44.3-21.3c-4-1.8-8.2-3.2-12.3-4.9c-4.7-1.7-9.2-3.5-13.9-4.8
+			c-36.8-12.4-76.1-19.2-117-18.7c-127.2,1.2-238,69.2-300.1,170.1c-85.2,93.4-123.6,150.1-211.2,150.1
+			c-83.2,0-126.1-56.8-211.3-150.1C978,69.5,867.2,1.5,740,0.3c-41-0.4-80.2,6.3-116.9,18.7c-4.7,1.4-9.4,3.2-13.9,4.8
+			c-4.2,1.6-8.2,3.1-12.4,4.9c-15,6.2-29.9,13-44.2,21.3C434.3,118.5,370.2,244.4,374.8,372c-1.6,47.4,6.1,94.9,23.6,139.1
+			c47.7,249.7,22.6,382-146.4,385.8C169.3,888,107.5,922.1,45,984.6c-62.6,62.5-57.4,229.8,0,302.8
+			C86.6,1340.5,143.1,1377.2,211.5,1385.8"/>
+	</g>
+</g>
+</svg>
diff --git a/services/web/public/img/other-brands/logo_zotero.svg b/services/web/public/img/other-brands/logo_zotero.svg
new file mode 100644
index 0000000000..82314cd623
--- /dev/null
+++ b/services/web/public/img/other-brands/logo_zotero.svg
@@ -0,0 +1,10 @@
+<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" width="512" height="123" viewBox="0 0 512 123">
+  <g>
+    <path d="M73.915,36.1,19.179,108.014H75.912V120H0v-9.589L54.738,38.493H2.8V26.51H73.915Z" fill="#cc2936"/>
+    <path d="M181.391,73.254a50.99,50.99,0,0,1-3.7,19.578,46.339,46.339,0,0,1-25.97,25.87,52.875,52.875,0,0,1-20.075,3.7,52.316,52.316,0,0,1-19.878-3.7A46.347,46.347,0,0,1,85.8,92.832a50.933,50.933,0,0,1-3.7-19.578,50.923,50.923,0,0,1,3.7-19.576,46.323,46.323,0,0,1,25.97-25.87,52.279,52.279,0,0,1,19.878-3.7,52.837,52.837,0,0,1,20.075,3.7,46.315,46.315,0,0,1,25.97,25.87A50.98,50.98,0,0,1,181.391,73.254Zm-14.383,0a41.934,41.934,0,0,0-2.5-14.583,35.122,35.122,0,0,0-7.09-11.787,33.352,33.352,0,0,0-11.088-7.889,38.643,38.643,0,0,0-29.365,0,32.214,32.214,0,0,0-10.988,7.889,35.905,35.905,0,0,0-6.992,11.787,43.829,43.829,0,0,0,0,29.165,35.813,35.813,0,0,0,6.992,11.787,32.2,32.2,0,0,0,10.988,7.892,38.668,38.668,0,0,0,29.365,0,33.332,33.332,0,0,0,11.088-7.892,35.033,35.033,0,0,0,7.09-11.787A41.9,41.9,0,0,0,167.008,73.254Z" fill="#222"/>
+    <path d="M245.712,38.493H218.743V93.631a29.833,29.833,0,0,0,1,8.491,11.963,11.963,0,0,0,2.8,5.093,9.627,9.627,0,0,0,4.3,2.5,20.2,20.2,0,0,0,5.492.7,25.978,25.978,0,0,0,6.993-1,32.094,32.094,0,0,0,6.591-2.6l.6,12.185q-7.392,3.394-17.778,3.4a33.373,33.373,0,0,1-7.892-1,18.6,18.6,0,0,1-7.492-3.8,20.886,20.886,0,0,1-5.592-7.592q-2.2-4.792-2.2-12.585V38.493H185.78V26.51h19.779V.138h13.184V26.51h26.969Z" fill="#222"/>
+    <path d="M264.888,76.851a40.055,40.055,0,0,0,3.4,13.185,34.493,34.493,0,0,0,17.981,17.778,32.264,32.264,0,0,0,12.985,2.6,33.3,33.3,0,0,0,18.278-4.894A36.6,36.6,0,0,0,329.213,94.23l10.189,8.391q-8.392,10.59-18.48,15.182a51.705,51.705,0,0,1-21.673,4.594,49.743,49.743,0,0,1-19.279-3.7,45.151,45.151,0,0,1-15.282-10.289A48.651,48.651,0,0,1,254.6,92.832a50.933,50.933,0,0,1-3.695-19.578A52.232,52.232,0,0,1,254.5,53.678a47.343,47.343,0,0,1,9.989-15.584,45.906,45.906,0,0,1,14.982-10.286,46.486,46.486,0,0,1,18.579-3.7,45.564,45.564,0,0,1,18.977,3.8,42.109,42.109,0,0,1,14.084,10.086,43.2,43.2,0,0,1,8.69,14.785,53.921,53.921,0,0,1,3,18.078v5.994Zm63.526-10.788q0-13.38-7.991-21.675T298.05,36.1a31.918,31.918,0,0,0-12.385,2.5,34.9,34.9,0,0,0-10.488,6.694,33.48,33.48,0,0,0-7.193,9.589,24.716,24.716,0,0,0-2.7,11.187Z" fill="#222"/>
+    <path d="M362.174,55.675q0-6.19-.3-12.585t-.5-16.58h12.984V43.888h.4a29.025,29.025,0,0,1,4-7.292,31.327,31.327,0,0,1,6.291-6.292,30.907,30.907,0,0,1,8.591-4.5,33.784,33.784,0,0,1,11.088-1.7,35.791,35.791,0,0,1,9.786,1.2l-2.6,12.985a22.215,22.215,0,0,0-7.59-1,27.106,27.106,0,0,0-12.985,2.9,28.807,28.807,0,0,0-8.99,7.391,30.677,30.677,0,0,0-5.3,9.689,32.149,32.149,0,0,0-1.7,9.989V120H362.174Z" fill="#222"/>
+    <path d="M512,73.254a50.99,50.99,0,0,1-3.7,19.578,46.339,46.339,0,0,1-25.97,25.87,52.875,52.875,0,0,1-20.075,3.7,52.316,52.316,0,0,1-19.878-3.7,46.347,46.347,0,0,1-25.97-25.87,50.933,50.933,0,0,1-3.7-19.578,50.923,50.923,0,0,1,3.7-19.576,46.323,46.323,0,0,1,25.97-25.87,52.279,52.279,0,0,1,19.878-3.7,52.837,52.837,0,0,1,20.075,3.7,46.315,46.315,0,0,1,25.97,25.87A50.98,50.98,0,0,1,512,73.254Zm-14.383,0a41.934,41.934,0,0,0-2.5-14.583,35.122,35.122,0,0,0-7.09-11.787,33.352,33.352,0,0,0-11.088-7.889,38.643,38.643,0,0,0-29.365,0,32.214,32.214,0,0,0-10.988,7.889A35.905,35.905,0,0,0,429.6,58.671a43.829,43.829,0,0,0,0,29.165,35.813,35.813,0,0,0,6.992,11.787,32.2,32.2,0,0,0,10.988,7.892,38.668,38.668,0,0,0,29.365,0,33.332,33.332,0,0,0,11.088-7.892,35.033,35.033,0,0,0,7.09-11.787A41.9,41.9,0,0,0,497.617,73.254Z" fill="#222"/>
+  </g>
+</svg>
\ No newline at end of file