Index: modules/uoa-repository-dashboard-gui/branches/new-ui/src/app/pages/sources/sources-register.component.html
===================================================================
--- modules/uoa-repository-dashboard-gui/branches/new-ui/src/app/pages/sources/sources-register.component.html	(revision 58377)
+++ modules/uoa-repository-dashboard-gui/branches/new-ui/src/app/pages/sources/sources-register.component.html	(revision 58378)
@@ -17,154 +17,174 @@
       <!-- MIDDLE -->
       <div class=" uk-width-expand@m">
 
-        <div class="uk-grid uk-grid-match uk-grid-medium repositoryTypeSelection" data-uk-grid-margin="">
-          <div class="uk-width-1-4 uk-row-first">
-            <div class="uk-text-center md-card md-card-default md-card-hover uk-scrollspy-inview uk-animation-slide-top-medium" uk-scrollspy-class="">
+        <div class="uk-grid uk-grid-match uk-grid-medium repositoryTypeSelection uk-child-width-1-3@l uk-child-widht-1-3@m" data-uk-grid-margin="">
+
+          <div class="uk-row-first">
+            <div class="uk-text-center md-card md-card-default md-card-hover uk-scrollspy-inview uk-animation-slide-top-medium
+            datasourceTypeCard uk-inline-clip uk-transition-toggle" uk-scrollspy-class="" tabindex="0">
               <a [routerLink]="['literature']" [queryParams]="{ step: 'selectDatasource' }" class="el-link uk-position-cover uk-margin-remove-adjacent"></a>
-              <div class="uk-card-media-top">
-                <img class="el-image" src="../../../assets/imgs/Literature_repos_square.png" alt="" style="width: 100%;">
-              </div>
-              <div class="uk-card-body">
-                <h3 class="el-title uk-margin uk-card-title uk-margin-remove-adjacent uk-margin-small-bottom">
-                  Make sure your repository is already registered in OpenDOAR, the authoritative directory of institutional and thematic OA repositories.
-                </h3>
-                <div class="el-meta uk-margin uk-text-meta" style="z-index:9999; position:relative;">
+              <div class="md-card-content large-padding uk-margin-medium-top uk-margin-bottom">
+                <div class="">
+                  <img class="el-image" src="../../../assets/imgs/datasourcetypes/Asset%203.svg" alt="" width="51">
+                </div>
+                <h3>Literature repository</h3>
+                <div class="uk-transition-slide-bottom uk-position-bottom uk-overlay uk-overlay-primary">
+                  <p class="uk-margin-remove">Make sure your repository is already registered in OpenDOAR, the authoritative directory of institutional and thematic OA repositories.</p>
                   <a href="http://v2.sherpa.ac.uk/opendoar/" target="_blank">
-                    List provided by
-                    <br>
-                    OpenDOAR<i class="fa fa-external-link" style="margin-left: 3px !important;"></i>
+                  List provided by
+                  <br>
+                  OpenDOAR<i class="fas fa-external-link-alt" style="margin-left: 3px !important;"></i>
                   </a>
                 </div>
               </div>
             </div>
-            <!--<div class="md-card">-->
-            <!--<div class="md-card-content">-->
-            <!--Deleniti sit dolores magni et illo blanditiis numquam neque nihil id qui consequuntur earum assumenda modi aut qui sed aliquam cumque nesciunt non delectus dolor impedit dolores totam enim aut expedita officia dolorum iusto et consequatur vel vitae modi et quae enim quo sit dicta consequatur.-->
-            <!--</div>-->
-            <!--</div>-->
           </div>
-          <div class="uk-width-1-4">
-            <div class="uk-margin uk-text-center md-card md-card-default md-card-hover uk-scrollspy-inview uk-animation-slide-top-medium" uk-scrollspy-class="" data-id="" style="">
-              <a [routerLink]="['data']" [queryParams]="{ step: 'selectDatasource' }" class="el-link uk-position-cover uk-margin-remove-adjacent" href=""></a>
-              <div class="uk-card-media-top">
-                <img class="el-image" src="../../../assets/imgs/Data_repos_sqare.png" alt="" style="width:100%;">
-              </div>
-              <div class="uk-card-body">
-                <h3 class="el-title uk-margin uk-card-title uk-margin-remove-adjacent uk-margin-small-bottom" >
-                  Make sure your data repository is registered in Re3Data, the global registry of research data repositories from different academic disciplines.
-                </h3>
-                <div class="el-meta uk-margin uk-text-meta" style="z-index:9999; position:relative;">
+
+          <div class="">
+            <div class="uk-text-center md-card md-card-default md-card-hover uk-scrollspy-inview uk-animation-slide-top-medium
+            datasourceTypeCard uk-inline-clip uk-transition-toggle" uk-scrollspy-class="" tabindex="0">
+              <a [routerLink]="['data']" [queryParams]="{ step: 'selectDatasource' }" class="el-link uk-position-cover uk-margin-remove-adjacent"></a>
+              <div class="md-card-content large-padding uk-margin-medium-top uk-margin-bottom">
+                <div class="">
+                  <img class="el-image" src="../../../assets/imgs/datasourcetypes/Asset%202.svg" alt="" width="51">
+                </div>
+                <h3>Data repository</h3>
+                <div class="uk-transition-slide-bottom uk-position-bottom uk-overlay uk-overlay-primary">
+                  <p class="uk-margin-remove">Make sure your data repository is registered in Re3Data, the global registry of research data repositories from different academic disciplines.</p>
                   <a href="http://www.re3data.org" target="_blank">
                     List provided by
                     <br>
-                    Re3data<i class="fa fa-external-link" style="margin-left: 3px !important;"></i>
+                    Re3data<i class="fas fa-external-link-alt" style="margin-left: 3px !important;"></i>
                   </a>
                 </div>
               </div>
             </div>
           </div>
-          <div class="uk-width-1-4">
-            <div class="uk-margin uk-text-center md-card md-card-default md-card-hover uk-scrollspy-inview uk-animation-slide-top-medium" uk-scrollspy-class="" data-id="" style="">
+
+          <div class="">
+            <div class="uk-text-center md-card md-card-default md-card-hover uk-scrollspy-inview uk-animation-slide-top-medium
+            datasourceTypeCard uk-inline-clip uk-transition-toggle" uk-scrollspy-class="" tabindex="0">
               <a [routerLink]="['journal']" [queryParams]="{ step: 'basicInformation' }" class="el-link uk-position-cover uk-margin-remove-adjacent"></a>
-              <div class="uk-card-media-top">
-                <img class="el-image" src="../../../assets/imgs/OAJournals_square.png" alt="" style="width:100%;">
-              </div>
-              <div class="uk-card-body">
-                <h3 class="el-title uk-margin uk-card-title uk-margin-remove-adjacent uk-margin-small-bottom">
-                  Make sure that your Open Access Journal is compatible with the OpenAIRE literature Guidelines.
-                </h3>
-                <div class="el-meta uk-margin uk-text-meta" style="z-index:9999; position:relative;">
+              <div class="md-card-content large-padding uk-margin-medium-top uk-margin-bottom">
+                <div class="">
+                  <img class="el-image" src="../../../assets/imgs/datasourcetypes/Asset%208.svg" alt="" width="37">
+                </div>
+                <h3>Journal</h3>
+                <div class="uk-transition-slide-bottom uk-position-bottom uk-overlay uk-overlay-primary">
+                  <p class="uk-margin-remove">Make sure that your Open Access Journal is compatible with the OpenAIRE literature Guidelines.</p>
                   <a href="https://www.openaire.eu/support/helpdesk" target="_blank">
-                    For any questions please contact the OpenAIRE helpdesk.
-                    <i class="fa fa-external-link" style="margin-left: 3px !important;"></i>
+                    For any questions please contact the OpenAIRE helpdesk.<i class="fas fa-external-link-alt" style="margin-left: 3px !important;"></i>
                   </a>
                 </div>
               </div>
             </div>
           </div>
-          <div class="uk-width-1-4">
-            <div class="uk-margin uk-text-center md-card md-card-default md-card-hover uk-scrollspy-inview uk-animation-slide-top-medium" uk-scrollspy-class="" data-id="" style="">
+
+        </div>
+
+        <div class="uk-margin uk-grid uk-grid-match uk-grid-medium repositoryTypeSelection uk-child-width-1-3@l uk-child-widht-1-3@m" uk-grid="">
+
+          <div class="uk-row-first">
+            <div class="uk-text-center md-card md-card-default md-card-hover uk-scrollspy-inview uk-animation-slide-top-medium
+            datasourceTypeCard uk-inline-clip uk-transition-toggle" uk-scrollspy-class="" tabindex="0">
               <a [routerLink]="['aggregator']" [queryParams]="{ step: 'basicInformation' }" class="el-link uk-position-cover uk-margin-remove-adjacent"></a>
-              <div class="uk-card-media-top">
-                <img class="el-image" src="../../../assets/imgs/Icons_Aggregators_square.png" alt="" style="width:100%;">
-              </div>
-              <div class="uk-card-body">
-                <h3 class="el-title uk-margin uk-card-title uk-margin-remove-adjacent uk-margin-small-bottom">
-                  Make sure that your publications aggregator is compatible with the OpenAIRE literature Guidelines.
-                </h3>
-                <div class="el-meta uk-margin uk-text-meta" style="z-index:9999; position:relative;">
+              <div class="md-card-content large-padding uk-margin-medium-top uk-margin-bottom">
+                <div class="">
+                  <img class="el-image" src="../../../assets/imgs/datasourcetypes/Asset%204.svg" alt="" width="50">
+                </div>
+                <h3>Journal</h3>
+                <div class="uk-transition-slide-bottom uk-position-bottom uk-overlay uk-overlay-primary">
+                  <p class="uk-margin-remove">Make sure that your publications aggregator is compatible with the OpenAIRE literature Guidelines.</p>
                   <a href="https://www.openaire.eu/support/helpdesk" target="_blank">
-                    For any questions please contact the OpenAIRE helpdesk.
-                    <i class="fa fa-external-link" style="margin-left: 3px !important;"></i>
+                    For any questions please contact the OpenAIRE helpdesk.<i class="fas fa-external-link-alt" style="margin-left: 3px !important;"></i>
                   </a>
                 </div>
               </div>
             </div>
           </div>
+
         </div>
 
-        <div class="uk-margin uk-grid uk-grid-match uk-grid-medium repositoryTypeSelection" uk-grid="">
-          <div class="uk-width-1-4 uk-row-first">
-            <div class="uk-margin uk-text-center md-card md-card-default md-card-hover uk-scrollspy-inview uk-animation-slide-top-medium" uk-scrollspy-class="" data-id="" style="">
-              <a class="el-link uk-position-cover uk-margin-remove-adjacent"></a>
-              <div class="uk-card-media-top">
-                <img class="el-image" src="../../../assets/imgs/CRIS_square_grey.png" alt="" style="width:100%;">
-              </div>
-              <div class="uk-card-body">
-                <div class="el-meta uk-margin uk-text-meta" style="z-index:9999; position:relative;">
-                  <a>
-                    Stay tuned
-                  </a>
+        <hr style="border-top: 1px solid #dedede; margin-top: 40px; margin-bottom: 30px;">
+
+        <h2 class="heading_b uk-margin-bottom">Coming soon</h2>
+
+        <div class="uk-margin uk-grid uk-grid-match uk-grid-medium repositoryTypeSelection uk-child-width-1-3@l uk-child-widht-1-3@m" uk-grid="">
+
+          <div class="uk-row-first">
+            <div class="uk-text-center md-card md-card-default md-card-hover uk-scrollspy-inview uk-animation-slide-top-medium
+            datasourceTypeCard uk-inline-clip uk-transition-toggle" uk-scrollspy-class="" tabindex="0">
+              <a class="el-link uk-position-cover uk-margin-remove-adjacent uk-disabled"></a>
+              <div class="md-card-content large-padding uk-margin-medium-top uk-margin-bottom">
+                <div class="">
+                  <img class="el-image" src="../../../assets/imgs/datasourcetypes/Asset%201.svg" alt="" width="50">
                 </div>
+                <h3>CRIS systems</h3>
+                <div class="uk-transition-slide-bottom uk-position-bottom uk-overlay uk-overlay-primary">
+                  <p class="uk-margin-remove">Stay tuned.</p>
+                </div>
               </div>
+              <div class="whiteFilm"></div>
             </div>
           </div>
-          <div class="uk-width-1-4">
-            <div class="uk-margin uk-text-center md-card md-card-default md-card-hover uk-scrollspy-inview uk-animation-slide-top-medium" uk-scrollspy-class="" data-id="" style="">
-              <a class="el-link uk-position-cover uk-margin-remove-adjacent"></a>
-              <div class="uk-card-media-top">
-                <img class="el-image" src="../../../assets/imgs/Software_repos_square.png" alt="" style="width:100%;">
-              </div>
-              <div class="uk-card-body">
-                <div class="el-meta uk-margin uk-text-meta" style="z-index:9999; position:relative;">
-                  <a>
-                    Stay tuned
-                  </a>
+
+          <div class="">
+            <div class="uk-text-center md-card md-card-default md-card-hover uk-scrollspy-inview uk-animation-slide-top-medium
+            datasourceTypeCard uk-inline-clip uk-transition-toggle" uk-scrollspy-class="" tabindex="0">
+              <a class="el-link uk-position-cover uk-margin-remove-adjacent uk-disabled"></a>
+              <div class="md-card-content large-padding uk-margin-medium-top uk-margin-bottom">
+                <div class="">
+                  <img class="el-image" src="../../../assets/imgs/datasourcetypes/Asset%207.svg" alt="" width="51">
                 </div>
+                <h3>Software</h3>
+                <div class="uk-transition-slide-bottom uk-position-bottom uk-overlay uk-overlay-primary">
+                  <p class="uk-margin-remove">Stay tuned.</p>
+                </div>
               </div>
+              <div class="whiteFilm"></div>
             </div>
           </div>
-          <div class="uk-width-1-4">
-            <div class="uk-margin uk-text-center md-card md-card-default md-card-hover uk-scrollspy-inview uk-animation-slide-top-medium" uk-scrollspy-class="" data-id="" style="">
-              <a class="el-link uk-position-cover uk-margin-remove-adjacent"></a>
-              <div class="uk-card-media-top">
-                <img class="el-image" src="../../../assets/imgs/Catch-all_repos_sqare.png" alt="" style="width:100%;">
-              </div>
-              <div class="uk-card-body">
-                <div class="el-meta uk-margin uk-text-meta" style="z-index:9999; position:relative;">
-                  <a>
-                    Stay tuned
-                  </a>
+
+          <div class="">
+            <div class="uk-text-center md-card md-card-default md-card-hover uk-scrollspy-inview uk-animation-slide-top-medium
+            datasourceTypeCard uk-inline-clip uk-transition-toggle" uk-scrollspy-class="" tabindex="0">
+              <a class="el-link uk-position-cover uk-margin-remove-adjacent uk-disabled"></a>
+              <div class="md-card-content large-padding uk-margin-medium-top uk-margin-bottom">
+                <div class="">
+                  <img class="el-image" src="../../../assets/imgs/datasourcetypes/Asset%206.svg" alt="" width="47">
                 </div>
+                <h3>Catch-all</h3>
+                <div class="uk-transition-slide-bottom uk-position-bottom uk-overlay uk-overlay-primary">
+                  <p class="uk-margin-remove">Stay tuned.</p>
+                </div>
               </div>
+              <div class="whiteFilm"></div>
             </div>
           </div>
-          <div class="uk-width-1-4">
-            <div class="uk-margin uk-text-center md-card md-card-default md-card-hover uk-scrollspy-inview uk-animation-slide-top-medium" uk-scrollspy-class="" data-id="" style="">
-              <a class="el-link uk-position-cover uk-margin-remove-adjacent"></a>
-              <div class="uk-card-media-top">
-                <img class="el-image" src="../../../assets/imgs/Other_Sources_square.png" alt="" style="width:100%;">
-              </div>
-              <div class="uk-card-body uk-text-meta">
-                <div class="el-meta uk-margin uk-text-meta" style="z-index:9999; position:relative;">
-                  <a>
-                    Stay tuned
-                  </a>
+
+        </div>
+
+        <div class="uk-margin uk-grid uk-grid-match uk-grid-medium repositoryTypeSelection uk-child-width-1-3@l uk-child-widht-1-3@m" uk-grid="">
+
+          <div class="uk-row-first">
+            <div class="uk-text-center md-card md-card-default md-card-hover uk-scrollspy-inview uk-animation-slide-top-medium
+            datasourceTypeCard uk-inline-clip uk-transition-toggle" uk-scrollspy-class="" tabindex="0">
+              <a class="el-link uk-position-cover uk-margin-remove-adjacent uk-disabled"></a>
+              <div class="md-card-content large-padding uk-margin-medium-top uk-margin-bottom">
+                <div class="">
+                  <img class="el-image" src="../../../assets/imgs/datasourcetypes/Asset%205.svg" alt="" width="50">
                 </div>
+                <h3>Other sources</h3>
+                <div class="uk-transition-slide-bottom uk-position-bottom uk-overlay uk-overlay-primary">
+                  <p class="uk-margin-remove">Stay tuned.</p>
+                </div>
               </div>
+              <div class="whiteFilm"></div>
             </div>
           </div>
+
         </div>
+
       </div>
 
       <!-- RIGHT HELP CONTENT -->
Index: modules/uoa-repository-dashboard-gui/branches/new-ui/src/app/pages/compatibility/compatibility-validate.component.html
===================================================================
--- modules/uoa-repository-dashboard-gui/branches/new-ui/src/app/pages/compatibility/compatibility-validate.component.html	(revision 58377)
+++ modules/uoa-repository-dashboard-gui/branches/new-ui/src/app/pages/compatibility/compatibility-validate.component.html	(revision 58378)
@@ -17,46 +17,56 @@
       <!-- MIDDLE -->
       <div class=" uk-width-expand@m">
 
-        <div class="uk-grid uk-grid-match uk-grid-medium repositoryTypeSelection" data-uk-grid-margin="">
-          <div class="uk-width-1-3@m uk-row-first">
-            <div class="uk-text-center md-card md-card-default md-card-hover uk-scrollspy-inview uk-animation-slide-top-medium" uk-scrollspy-class="">
+        <div class="uk-grid uk-grid-match uk-grid-medium repositoryTypeSelection uk-child-width-1-3@l uk-child-widht-1-3@m" data-uk-grid-margin="">
+
+          <div class="uk-row-first">
+            <div class="uk-text-center md-card md-card-default md-card-hover uk-scrollspy-inview uk-animation-slide-top-medium
+            datasourceTypeCard uk-inline-clip uk-transition-toggle" uk-scrollspy-class="" tabindex="0">
               <a [routerLink]="['literature']" [queryParams]="{ step: 'baseUrl' }" class="el-link uk-position-cover uk-margin-remove-adjacent"></a>
-              <div class="uk-card-media-top">
-                <img class="el-image" src="../../../assets/imgs/Literature_repos_wide.png" alt="" style="width: 100%;">
+              <div class="md-card-content large-padding uk-margin-medium-top uk-margin-bottom">
+                <div class="">
+                  <img class="el-image" src="../../../assets/imgs/datasourcetypes/Asset%203.svg" alt="" width="50">
+                </div>
+                <h3>Literature repository</h3>
+                <div class="uk-transition-slide-bottom uk-position-bottom uk-overlay uk-overlay-primary">
+                  <p class="uk-margin-remove">Run compatibility test against the OpenAIRE literature guidelines.</p>
+                </div>
               </div>
-              <div class="uk-card-body">
-                <h3 class="el-title uk-margin uk-card-title uk-margin-remove-adjacent uk-margin-small-bottom">
-                  Run compatibility test against the OpenAIRE literature guidelines.
-                </h3>
-              </div>
             </div>
           </div>
-          <div class="uk-width-1-3@m">
-            <div class="uk-margin uk-text-center md-card md-card-default md-card-hover uk-scrollspy-inview uk-animation-slide-top-medium" uk-scrollspy-class="" data-id="" style="">
-              <a [routerLink]="['data']" [queryParams]="{ step: 'baseUrl' }" class="el-link uk-position-cover uk-margin-remove-adjacent" href=""></a>
-              <div class="uk-card-media-top">
-                <img class="el-image" class="el-image" src="../../../assets/imgs/Data_repos_wide.png" alt="" style="width:100%;">
+
+          <div class="">
+            <div class="uk-text-center md-card md-card-default md-card-hover uk-scrollspy-inview uk-animation-slide-top-medium
+            datasourceTypeCard uk-inline-clip uk-transition-toggle" uk-scrollspy-class="" tabindex="0">
+              <a [routerLink]="['data']" [queryParams]="{ step: 'baseUrl' }" class="el-link uk-position-cover uk-margin-remove-adjacent"></a>
+              <div class="md-card-content large-padding uk-margin-medium-top uk-margin-bottom">
+                <div class="">
+                  <img class="el-image" src="../../../assets/imgs/datasourcetypes/Asset%202.svg" alt="" width="50">
+                </div>
+                <h3>Data repository</h3>
+                <div class="uk-transition-slide-bottom uk-position-bottom uk-overlay uk-overlay-primary">
+                  <p class="uk-margin-remove">Run compatibility test against the OpenAIRE Guidelines for Data Archives.</p>
+                </div>
               </div>
-              <div class="uk-card-body">
-                <h3 class="el-title uk-margin uk-card-title uk-margin-remove-adjacent uk-margin-small-bottom" >
-                  Run compatibility test against the OpenAIRE Guidelines for Data Archives.
-                </h3>
-              </div>
             </div>
           </div>
-          <div class="uk-width-1-3@m">
-            <div class="uk-margin uk-text-center md-card md-card-default md-card-hover uk-scrollspy-inview uk-animation-slide-top-medium" uk-scrollspy-class="" data-id="" style="">
+
+          <div class="">
+            <div class="uk-text-center md-card md-card-default md-card-hover uk-scrollspy-inview uk-animation-slide-top-medium
+            datasourceTypeCard uk-inline-clip uk-transition-toggle" uk-scrollspy-class="" tabindex="0">
               <a [routerLink]="['cris']" [queryParams]="{ step: 'baseUrl' }" class="el-link uk-position-cover uk-margin-remove-adjacent"></a>
-              <div class="uk-card-media-top">
-                <img class="el-image" src="../../../assets/imgs/CRIS_wide.png" alt="" style="width:100%;">
+              <div class="md-card-content large-padding uk-margin-medium-top uk-margin-bottom">
+                <div class="">
+                  <img class="el-image" src="../../../assets/imgs/datasourcetypes/Asset%201.svg" alt="" width="50">
+                </div>
+                <h3>CRIS systems</h3>
+                <div class="uk-transition-slide-bottom uk-position-bottom uk-overlay uk-overlay-primary">
+                  <p class="uk-margin-remove">Run compatibility test against the OpenAIRE Guidelines for CRIS Managers based on CERIF-XML.</p>
+                </div>
               </div>
-              <div class="uk-card-body">
-                <h3 class="el-title uk-margin uk-card-title uk-margin-remove-adjacent uk-margin-small-bottom">
-                  Run compatibility test against the OpenAIRE Guidelines for CRIS Managers based on CERIF-XML.
-                </h3>
-              </div>
             </div>
           </div>
+
         </div>
 
       </div>
Index: modules/uoa-repository-dashboard-gui/branches/new-ui/src/assets/imgs/datasourcetypes/Asset 2.svg
===================================================================
--- modules/uoa-repository-dashboard-gui/branches/new-ui/src/assets/imgs/datasourcetypes/Asset 2.svg	(nonexistent)
+++ modules/uoa-repository-dashboard-gui/branches/new-ui/src/assets/imgs/datasourcetypes/Asset 2.svg	(revision 58378)
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 113.56 109.67"><defs><style>.cls-1{fill:#3581b8;opacity:0.2;}.cls-2,.cls-3,.cls-4{fill:none;stroke:#3581b8;}.cls-2,.cls-3{stroke-miterlimit:10;stroke-width:4px;}.cls-3,.cls-4{stroke-linecap:round;}.cls-4{stroke-linejoin:round;stroke-width:2px;}</style></defs><title>Asset 2</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_3" data-name="Layer 3"><g id="_Group_" data-name="&lt;Group&gt;"><path id="_Path_" data-name="&lt;Path&gt;" class="cls-1" d="M92.45,50.72l-.91-40.35S54.54-6.64,4,9L2.21,11.74,2,75.39l1.08,9.73s35.87,9.43,54,7.62c0,0-8.06-19.93,1.93-29.27S70.37,50.87,92.45,50.72Z"/><path id="_Path_2" data-name="&lt;Path&gt;" class="cls-2" d="M92.45,12.35c0,5.39-20.16,9.14-45.22,9.14s-45-4.36-45-9.75S22.17,2,47.23,2,92.45,7,92.45,12.35Z"/><line id="_Path_3" data-name="&lt;Path&gt;" class="cls-3" x1="91.78" y1="12.9" x2="91.78" y2="49.9"/><path id="_Path_4" data-name="&lt;Path&gt;" class="cls-3" d="M2.67,49.81s25.75,10.26,62.48,6.92"/><path id="_Path_5" data-name="&lt;Path&gt;" class="cls-3" d="M57.1,92.74c-29.59,1.2-49.29-5.74-54-7.62A1.71,1.71,0,0,1,2,83.49H2l.21-72.17"/><circle id="_Path_6" data-name="&lt;Path&gt;" class="cls-3" cx="82.97" cy="79.08" r="28.59"/><polygon id="_Path_7" data-name="&lt;Path&gt;" class="cls-4" points="101.28 74.18 96.58 76.98 83.1 85.01 69.33 76.96 64.59 74.18 82.94 63.55 101.28 74.18"/><polyline id="_Path_8" data-name="&lt;Path&gt;" class="cls-4" points="101.28 79.7 96.58 82.5 83.1 90.53 69.33 82.47 64.59 79.7"/><polyline id="_Path_9" data-name="&lt;Path&gt;" class="cls-4" points="101.28 85.22 83.1 96.05 64.59 85.22"/></g></g></g></svg>
\ No newline at end of file
Index: modules/uoa-repository-dashboard-gui/branches/new-ui/src/assets/imgs/datasourcetypes/Asset 3.svg
===================================================================
--- modules/uoa-repository-dashboard-gui/branches/new-ui/src/assets/imgs/datasourcetypes/Asset 3.svg	(nonexistent)
+++ modules/uoa-repository-dashboard-gui/branches/new-ui/src/assets/imgs/datasourcetypes/Asset 3.svg	(revision 58378)
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 113.56 109.67"><defs><style>.cls-1{fill:#ead94c;opacity:0.2;}.cls-2,.cls-3,.cls-4{fill:none;stroke:#ead94c;}.cls-2,.cls-3{stroke-miterlimit:10;stroke-width:4px;}.cls-3,.cls-4{stroke-linecap:round;}.cls-4{stroke-linejoin:round;stroke-width:2px;}</style></defs><title>Asset 3</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_4" data-name="Layer 4"><g id="_Group_" data-name="&lt;Group&gt;"><path id="_Path_" data-name="&lt;Path&gt;" class="cls-1" d="M92.45,50.72l-.91-40.35S54.54-6.64,4,9L2.21,11.74,2,75.39l1.08,9.73s35.87,9.43,54,7.62c0,0-8.06-19.93,1.93-29.27S70.37,50.87,92.45,50.72Z"/><path id="_Path_2" data-name="&lt;Path&gt;" class="cls-2" d="M92.45,12.35c0,5.39-20.16,9.14-45.22,9.14s-45-4.36-45-9.75S22.17,2,47.23,2,92.45,7,92.45,12.35Z"/><line id="_Path_3" data-name="&lt;Path&gt;" class="cls-3" x1="92.74" y1="12.9" x2="92.74" y2="49.9"/><path id="_Path_4" data-name="&lt;Path&gt;" class="cls-3" d="M2.67,49.81s25.75,10.26,62.48,6.92"/><path id="_Path_5" data-name="&lt;Path&gt;" class="cls-3" d="M57.1,92.74c-29.59,1.2-49.29-5.74-54-7.62A1.71,1.71,0,0,1,2,83.49H2l.21-72.17"/><circle id="_Path_6" data-name="&lt;Path&gt;" class="cls-3" cx="82.97" cy="79.08" r="28.59"/><g id="_Group_2" data-name="&lt;Group&gt;"><rect id="_Rectangle_" data-name="&lt;Rectangle&gt;" class="cls-4" x="65.64" y="65.43" width="31.58" height="31.58" rx="9.33" ry="9.33"/><path id="_Path_7" data-name="&lt;Path&gt;" class="cls-4" d="M78.2,61.39H92.72a8.53,8.53,0,0,1,8.53,8.53V84.45"/><line id="_Path_8" data-name="&lt;Path&gt;" class="cls-4" x1="70.74" y1="74.9" x2="91.74" y2="74.9"/><line id="_Path_9" data-name="&lt;Path&gt;" class="cls-4" x1="73.74" y1="79.9" x2="88.74" y2="79.9"/><line id="_Path_10" data-name="&lt;Path&gt;" class="cls-4" x1="70.74" y1="84.9" x2="91.74" y2="84.9"/><line id="_Path_11" data-name="&lt;Path&gt;" class="cls-4" x1="73.74" y1="90.9" x2="88.74" y2="90.9"/></g></g></g></g></svg>
\ No newline at end of file
Index: modules/uoa-repository-dashboard-gui/branches/new-ui/src/assets/imgs/datasourcetypes/Asset 4.svg
===================================================================
--- modules/uoa-repository-dashboard-gui/branches/new-ui/src/assets/imgs/datasourcetypes/Asset 4.svg	(nonexistent)
+++ modules/uoa-repository-dashboard-gui/branches/new-ui/src/assets/imgs/datasourcetypes/Asset 4.svg	(revision 58378)
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 97.38 98.9"><defs><style>.cls-1,.cls-2{fill:none;stroke:#55d6be;stroke-width:4px;}.cls-1{stroke-miterlimit:10;}.cls-2{stroke-linecap:round;stroke-linejoin:round;}.cls-3{fill:#55d6be;opacity:0.2;}</style></defs><title>Asset 4</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_5" data-name="Layer 5"><g id="_Group_" data-name="&lt;Group&gt;"><circle id="_Path_" data-name="&lt;Path&gt;" class="cls-1" cx="49.15" cy="86.38" r="10.53"/><circle id="_Path_2" data-name="&lt;Path&gt;" class="cls-1" cx="84.85" cy="60.74" r="10.53"/><circle id="_Path_3" data-name="&lt;Path&gt;" class="cls-1" cx="12.53" cy="60.74" r="10.53"/><path id="_Path_4" data-name="&lt;Path&gt;" class="cls-1" d="M23.06,60.74S44.72,62.92,48.69,44.3"/><path id="_Path_5" data-name="&lt;Path&gt;" class="cls-1" d="M74.32,60.74S52.66,62.92,48.69,44.3"/><line id="_Path_6" data-name="&lt;Path&gt;" class="cls-1" x1="48.69" y1="76.29" x2="48.69" y2="2.29"/><polyline id="_Path_7" data-name="&lt;Path&gt;" class="cls-2" points="33.7 17.87 48.73 2 64.6 17.87"/><circle id="_Path_8" data-name="&lt;Path&gt;" class="cls-3" cx="49.5" cy="86.77" r="9.19"/><circle id="_Path_9" data-name="&lt;Path&gt;" class="cls-3" cx="84.5" cy="60.77" r="9.19"/><circle id="_Path_10" data-name="&lt;Path&gt;" class="cls-3" cx="12.5" cy="60.77" r="9.19"/></g></g></g></svg>
\ No newline at end of file
Index: modules/uoa-repository-dashboard-gui/branches/new-ui/src/assets/imgs/datasourcetypes/Asset 5.svg
===================================================================
--- modules/uoa-repository-dashboard-gui/branches/new-ui/src/assets/imgs/datasourcetypes/Asset 5.svg	(nonexistent)
+++ modules/uoa-repository-dashboard-gui/branches/new-ui/src/assets/imgs/datasourcetypes/Asset 5.svg	(revision 58378)
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 113.14 34.29"><defs><style>.cls-1{fill:none;stroke:#282b28;stroke-miterlimit:10;stroke-width:5px;}.cls-2{fill:#282b28;opacity:0.2;}</style></defs><title>Asset 5</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_6" data-name="Layer 6"><g id="_Group_" data-name="&lt;Group&gt;"><circle id="_Path_" data-name="&lt;Path&gt;" class="cls-1" cx="17.15" cy="17.15" r="14.65"/><circle id="_Path_2" data-name="&lt;Path&gt;" class="cls-1" cx="56.57" cy="17.15" r="14.65"/><circle id="_Path_3" data-name="&lt;Path&gt;" class="cls-1" cx="95.99" cy="17.15" r="14.65"/><circle id="_Path_4" data-name="&lt;Path&gt;" class="cls-2" cx="17.42" cy="17.12" r="14.68"/><circle id="_Path_5" data-name="&lt;Path&gt;" class="cls-2" cx="56.42" cy="17.12" r="14.68"/><circle id="_Path_6" data-name="&lt;Path&gt;" class="cls-2" cx="95.42" cy="17.12" r="14.68"/></g></g></g></svg>
\ No newline at end of file
Index: modules/uoa-repository-dashboard-gui/branches/new-ui/src/assets/imgs/datasourcetypes/Asset 6.svg
===================================================================
--- modules/uoa-repository-dashboard-gui/branches/new-ui/src/assets/imgs/datasourcetypes/Asset 6.svg	(nonexistent)
+++ modules/uoa-repository-dashboard-gui/branches/new-ui/src/assets/imgs/datasourcetypes/Asset 6.svg	(revision 58378)
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 101 108"><defs><style>.cls-1{fill:none;stroke:#6b6054;stroke-miterlimit:10;stroke-width:4px;}.cls-2{fill:#6b6054;opacity:0.2;}</style></defs><title>Asset 6</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_7" data-name="Layer 7"><g id="_Group_" data-name="&lt;Group&gt;"><path id="_Path_" data-name="&lt;Path&gt;" class="cls-1" d="M90,20.89v65.8a8.83,8.83,0,0,1-.3,1.93c-.88,4.25-4.89,7.6-9.63,8.39A9,9,0,0,0,80,95.08V29.28C80,23.48,75.2,19,68.73,19H14a12.78,12.78,0,0,0-2.15.07c.87-4.25,4.61-7.35,9.36-8.14a13,13,0,0,1,2.15.07H78.09C84.56,11,90,15.1,90,20.89Z"/><path id="_Path_2" data-name="&lt;Path&gt;" class="cls-1" d="M80,29.28v65.8a11,11,0,0,1,0,2.14A11.36,11.36,0,0,1,68.73,106H14c-6.47,0-12-5.12-12-10.92V29.28C2,24.14,6.27,20,11.72,19.07A14.46,14.46,0,0,1,14,19H68.73C75.2,19,80,23.48,80,29.28Z"/><path id="_Path_3" data-name="&lt;Path&gt;" class="cls-1" d="M21,10.57C22,5.69,27,2,32.73,2H87.45C93.92,2,99,6.7,99,12.5V78.3c0,5.14-4,9.28-9.49,10.18"/><rect id="_Rectangle_" data-name="&lt;Rectangle&gt;" class="cls-2" x="1.71" y="18.71" width="78.62" height="87.29" rx="12.21" ry="12.21"/><path id="_Path_4" data-name="&lt;Path&gt;" class="cls-2" d="M99,13.34V78a11.3,11.3,0,0,1-9.52,11.21A11.49,11.49,0,0,0,90,86V21.38C90,15.12,85.26,11,79,11l-56-.5a11.79,11.79,0,0,0-1.69.15C22.68,5.93,27,2,32.2,2H88.14C94.4,2,99,7.08,99,13.34Z"/><path id="_Path_5" data-name="&lt;Path&gt;" class="cls-2" d="M91,21.69V86.3C91,92,86.41,96.67,81,97.51a11.51,11.51,0,0,0,0-3.16V29.74C81,23.48,76.91,19,70.65,19h-56a12.23,12.23,0,0,0-1.73.15A11.31,11.31,0,0,1,23.84,11H79.78C86,11,91,15.44,91,21.69Z"/></g></g></g></svg>
\ No newline at end of file
Index: modules/uoa-repository-dashboard-gui/branches/new-ui/src/assets/imgs/datasourcetypes/Asset 7.svg
===================================================================
--- modules/uoa-repository-dashboard-gui/branches/new-ui/src/assets/imgs/datasourcetypes/Asset 7.svg	(nonexistent)
+++ modules/uoa-repository-dashboard-gui/branches/new-ui/src/assets/imgs/datasourcetypes/Asset 7.svg	(revision 58378)
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 109.67 108"><defs><style>.cls-1,.cls-3,.cls-4{fill:none;stroke:#397367;}.cls-1,.cls-3{stroke-miterlimit:10;}.cls-1{stroke-width:4px;}.cls-2{fill:#397367;opacity:0.2;}.cls-3,.cls-4{stroke-linecap:round;stroke-width:5px;}.cls-4{stroke-linejoin:round;}</style></defs><title>Asset 7</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_8" data-name="Layer 8"><g id="_Group_" data-name="&lt;Group&gt;"><rect id="_Rectangle_" data-name="&lt;Rectangle&gt;" class="cls-1" x="2" y="2" width="105.67" height="104" rx="12" ry="12"/><rect id="_Rectangle_2" data-name="&lt;Rectangle&gt;" class="cls-2" x="2" y="2.33" width="105.67" height="104" rx="12" ry="12"/><line id="_Path_" data-name="&lt;Path&gt;" class="cls-3" x1="66.63" y1="26.91" x2="43.21" y2="81.09"/><polyline id="_Path_2" data-name="&lt;Path&gt;" class="cls-4" points="73.5 37.12 90.83 53.54 73.5 70.88"/><polyline id="_Path_3" data-name="&lt;Path&gt;" class="cls-4" points="35.83 37.12 18.5 53.54 35.83 70.88"/></g></g></g></svg>
\ No newline at end of file
Index: modules/uoa-repository-dashboard-gui/branches/new-ui/src/assets/imgs/datasourcetypes/Asset 8.svg
===================================================================
--- modules/uoa-repository-dashboard-gui/branches/new-ui/src/assets/imgs/datasourcetypes/Asset 8.svg	(nonexistent)
+++ modules/uoa-repository-dashboard-gui/branches/new-ui/src/assets/imgs/datasourcetypes/Asset 8.svg	(revision 58378)
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 81 107"><defs><style>.cls-1{fill:none;stroke:#6d326d;stroke-miterlimit:10;stroke-width:4px;}.cls-2{fill:#6d326d;opacity:0.2;}</style></defs><title>Asset 8</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><g id="_Group_" data-name="&lt;Group&gt;"><path id="_Compound_Path_" data-name="&lt;Compound Path&gt;" class="cls-1" d="M76.36,3.65c-.18-.14-.36-.28-.56-.41a1.5,1.5,0,0,0-.32-.19,4.1,4.1,0,0,0-.4-.23A8,8,0,0,0,72.33,2h-.07c-.22,0-.45,0-.68,0H9.43q-.35,0-.69,0H8.67a8,8,0,0,0-2.88.86,2.71,2.71,0,0,0-.37.21,1.73,1.73,0,0,0-.28.19,4.54,4.54,0,0,0-.5.36A6.71,6.71,0,0,0,2,9V97.51c0,.13,0,.25,0,.37a7.65,7.65,0,0,0,7,7.11H72a7.63,7.63,0,0,0,7-7.48V9A6.68,6.68,0,0,0,76.36,3.65Zm-52,87A8.4,8.4,0,0,1,16,82.21V82a8.41,8.41,0,1,1,8.4,8.62Zm0-26.9A8.41,8.41,0,0,1,16,55.32c0-.11,0-.22,0-.32a8.41,8.41,0,1,1,8.4,8.72Zm0-26.89A8.42,8.42,0,0,1,16,28.42c0-.14,0-.28,0-.42a8.41,8.41,0,1,1,8.4,8.83Z"/><path id="_Compound_Path_2" data-name="&lt;Compound Path&gt;" class="cls-2" d="M76.36,3.65c-.18-.14-.36-.28-.56-.41a1.5,1.5,0,0,0-.32-.19,4.1,4.1,0,0,0-.4-.23A7,7,0,0,0,72.33,2h-.07a4.36,4.36,0,0,0-.51,0H9.25a4.36,4.36,0,0,0-.51,0H8.67a7.05,7.05,0,0,0-2.88.86,2.71,2.71,0,0,0-.37.21,1.73,1.73,0,0,0-.28.19,4.54,4.54,0,0,0-.5.36A7.27,7.27,0,0,0,2,9.25v88.5a.57.57,0,0,0,0,.13,7.23,7.23,0,0,0,7,7.11H72a7.25,7.25,0,0,0,7-7.24V9.25A7.27,7.27,0,0,0,76.36,3.65Zm-52,87A8.4,8.4,0,0,1,16,82.21V82a8.41,8.41,0,1,1,8.4,8.62Zm0-26.9A8.41,8.41,0,0,1,16,55.32c0-.11,0-.22,0-.32a8.41,8.41,0,1,1,8.4,8.72Zm0-26.89A8.42,8.42,0,0,1,16,28.42c0-.14,0-.28,0-.42a8.41,8.41,0,1,1,8.4,8.83Z"/><line id="_Path_" data-name="&lt;Path&gt;" class="cls-1" x1="2" y1="28" x2="16" y2="28"/><line id="_Path_2" data-name="&lt;Path&gt;" class="cls-1" x1="2" y1="55" x2="16" y2="55"/><line id="_Path_3" data-name="&lt;Path&gt;" class="cls-1" x1="2" y1="82" x2="16" y2="82"/></g></g></g></svg>
\ No newline at end of file
Index: modules/uoa-repository-dashboard-gui/branches/new-ui/src/assets/imgs/datasourcetypes/Asset 1.svg
===================================================================
--- modules/uoa-repository-dashboard-gui/branches/new-ui/src/assets/imgs/datasourcetypes/Asset 1.svg	(nonexistent)
+++ modules/uoa-repository-dashboard-gui/branches/new-ui/src/assets/imgs/datasourcetypes/Asset 1.svg	(revision 58378)
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 115.42 114.77"><defs><style>.cls-1{fill:#e4572e;opacity:0.2;}.cls-2{fill:none;stroke:#e4572e;stroke-miterlimit:10;stroke-width:4px;}</style></defs><title>Asset 1</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_2-2" data-name="Layer 2"><g id="_Group_" data-name="&lt;Group&gt;"><circle id="_Path_" data-name="&lt;Path&gt;" class="cls-1" cx="68.71" cy="69.34" r="14.82"/><circle id="_Path_2" data-name="&lt;Path&gt;" class="cls-1" cx="83.13" cy="11.65" r="11.25"/><circle id="_Path_3" data-name="&lt;Path&gt;" class="cls-1" cx="13.43" cy="78.95" r="11.25"/><circle id="_Path_4" data-name="&lt;Path&gt;" class="cls-1" cx="104.76" cy="104.18" r="7.46"/><circle id="_Path_5" data-name="&lt;Path&gt;" class="cls-2" cx="69.11" cy="68.46" r="14.65"/><circle id="_Path_6" data-name="&lt;Path&gt;" class="cls-2" cx="83.53" cy="11.98" r="9.98"/><circle id="_Path_7" data-name="&lt;Path&gt;" class="cls-2" cx="13.83" cy="79.27" r="11.83"/><circle id="_Path_8" data-name="&lt;Path&gt;" class="cls-2" cx="105.16" cy="104.51" r="8.26"/><polyline id="_Path_9" data-name="&lt;Path&gt;" class="cls-2" points="79.95 78.81 79.95 78.81 79.95 78.82 99.63 98.87"/><line id="_Path_10" data-name="&lt;Path&gt;" class="cls-2" x1="80.94" y1="21.7" x2="80.94" y2="21.7"/><polyline id="_Path_11" data-name="&lt;Path&gt;" class="cls-2" points="54.74 71.27 54.74 71.27 25.45 77"/><line id="_Path_12" data-name="&lt;Path&gt;" class="cls-2" x1="80.94" y1="21.7" x2="72.74" y2="54.26"/></g></g></g></svg>
\ No newline at end of file
Index: modules/uoa-repository-dashboard-gui/branches/new-ui/src/assets/css/provide-custom.css
===================================================================
--- modules/uoa-repository-dashboard-gui/branches/new-ui/src/assets/css/provide-custom.css	(revision 58377)
+++ modules/uoa-repository-dashboard-gui/branches/new-ui/src/assets/css/provide-custom.css	(revision 58378)
@@ -392,7 +392,18 @@
 
 /****************************************/
 
+/************ DATASOURCE TYPE SELECTION ***********/
 
+.datasourceTypeCard {
+  background: #F6FAFD 0% 0% no-repeat padding-box;
+  box-shadow: 1px 1px 6px #00000029;
+  border-radius: 5px;
+  opacity: 1;
+}
+
+/****************************************/
+
+
 .comment {
   font-size: 70%;
 }
