MaDgIK
/
connect
13
0
Fork 0
Code Issues Pull Requests Projects Releases 12 Wiki Activity

Add homepage links for enermaps

This commit is contained in:
Alex Martzios 2021-11-15 17:00:02 +02:00
parent 84d7250654
commit 4bcd6c50ee
8 changed files with 74 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
src/app/community/community.component.html
View File

@ -631,6 +631,52 @@
</div>
</div>
</div>
<ng-container *ngIf="properties.environment == 'development' && communityId == 'enermaps'">
<div class="uk-section uk-container uk-container-large tm-middle">
<div class="">
<h3 class="uk-margin-large-top uk-text-center uk-text-muted uk-text-bold">
About Enermaps
</h3>
<div class="uk-padding uk-grid uk-child-width-1-1@s uk-child-width-1-2@m uk-child-width-1-4@l uk-grid-large uk-margin-medium-top" uk-grid>
<div class="uk-flex uk-flex-column uk-flex-middle">
<div class="icon-wrapper uk-flex uk-flex-center uk-flex-middle">
<img src="assets/connect-assets/home/website.svg">
</div>
<!-- <div class="text uk-margin-medium-top">
<a href="https://enermaps.eu/" target="_blank" class="uk-text-bolder uk-text-uppercase">Project Website <span uk-icon="icon: arrow-right" class="uk-icon"></span></a>
</div> -->
<div class="uk-margin-medium-top">
<a href="https://enermaps.eu/" target="_blank" class="uk-button uk-button-text uk-text-bolder custom-text">Project Website</a>
</div>
</div>
<div class="uk-flex uk-flex-column uk-flex-middle">
<div class="icon-wrapper uk-flex uk-flex-center uk-flex-middle">
<img src="assets/connect-assets/home/map.svg">
</div>
<div class="uk-margin-medium-top">
<a href="https://lab.idiap.ch/enermaps/" target="_blank" class="uk-button uk-button-text uk-text-bolder custom-text">Open Data Management Tool <span class="uk-text-capitalize">(Prototype)</span></a>
</div>
</div>
<div class="uk-flex uk-flex-column uk-flex-middle">
<div class="icon-wrapper uk-flex uk-flex-center uk-flex-middle">
<img src="assets/connect-assets/home/wiki.svg">
</div>
<div class="uk-margin-medium-top" uk-tooltip="Coming soon">
<a target="_blank" class="uk-button uk-button-text uk-disabled uk-text-bolder custom-text coming-soon-link" title="Coming soon">Wiki</a>
</div>
</div>
<div class="uk-flex uk-flex-column uk-flex-middle">
<div class="icon-wrapper uk-flex uk-flex-center uk-flex-middle">
<img src="assets/connect-assets/home/training.svg">
</div>
<div class="uk-margin-medium-top" uk-tooltip="Coming soon">
<a target="_blank" class="uk-button uk-button-text uk-disabled uk-text-bolder custom-text coming-soon-link">Training</a>
</div>
</div>
</div>
</div>
</div>
</ng-container>
<!--<statistics-for-dashboard [currentMode]="'showInDashboard'"></statistics-for-dashboard>-->
<div class="uk-section tm-middle uk-container uk-margin-top uk-padding-remove-top" id=""
*ngIf="communityId && communityInfo">

2
src/app/openaireLibrary

@ -1 +1 @@
Subproject commit 3632510e387b3a83f8d8e0f27cd796912a19c741
Subproject commit 23f9f2c76810d8a88946c23cd78c6fa7cccc73ee

2
src/assets/common-assets

@ -1 +1 @@
Subproject commit 318c6560565a7a0da818385de27ebb430b22aea3
Subproject commit 999d3833d3805534677aa741a3759e26e09b50f2

1
src/assets/connect-assets/home/map.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 62.54 52.87"><defs><style>.cls-1{fill:url(#linear-gradient);}</style><linearGradient id="linear-gradient" x1="69.2" y1="-4.08" x2="-24.93" y2="71.61" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#3b88cc"/><stop offset="0.16" stop-color="#3a83c7"/><stop offset="0.37" stop-color="#3875b8"/><stop offset="0.59" stop-color="#345f9f"/><stop offset="0.83" stop-color="#2f3f7c"/><stop offset="1" stop-color="#2b245e"/></linearGradient></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M62.49,25.84V2.17a2.24,2.24,0,0,0-.05-.46A2.2,2.2,0,0,0,61.49.34,2.17,2.17,0,0,0,59.86.05L40.94,4.14,22,.05a2.41,2.41,0,0,0-.73,0L1.71,4.24A2.17,2.17,0,0,0,0,6.36V50.71a2.15,2.15,0,0,0,2.62,2.11l18.93-4.09,18.91,4.09a2.61,2.61,0,0,0,.48,0,2.42,2.42,0,0,0,.47,0l7.79-1.69A2.14,2.14,0,0,0,50,51l10.79-2.34a2.17,2.17,0,0,0,1.71-2.11V26.8A2.22,2.22,0,0,0,62.49,25.84ZM43.1,48V8.1l15-3.25V25.93L47.7,47Zm15-12.34v9.09l-5,1.09ZM23.72,11.08V4.85L38.77,8.1V18.87Zm0,33.69V16l15.05,7.78V48ZM19.38,29.48V44.77L4.33,48V35.41Zm0-16.66v12l-15,5.92V8.1L19.38,4.85v7.08A2.22,2.22,0,0,0,19.38,12.82Z"/></g></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

1
src/assets/connect-assets/home/training.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 56.67 51.37"><defs><style>.cls-1{fill:url(#linear-gradient);}</style><linearGradient id="linear-gradient" x1="54.08" y1="-1.23" x2="-41.54" y2="78.07" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#3b88cc"/><stop offset="0.16" stop-color="#3a7fc2"/><stop offset="0.43" stop-color="#3667a7"/><stop offset="0.78" stop-color="#2f407c"/><stop offset="1" stop-color="#2b245e"/></linearGradient></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M52.1,0H4.56A4.56,4.56,0,0,0,0,4.56V35.67a4.56,4.56,0,0,0,4.56,4.57H20.78v5.57H17v5.56H39.7V45.81H35.89V40.24H52.1a4.56,4.56,0,0,0,4.57-4.57V4.56A4.56,4.56,0,0,0,52.1,0ZM50.63,26.17h-.05v8H6V14.07h0v-8H50.63Z"/><circle class="cls-1" cx="28.12" cy="15.54" r="5.33"/><path class="cls-1" d="M17.7,30H39A11.08,11.08,0,0,0,17.7,30Z"/></g></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 946 B

1
src/assets/connect-assets/home/website.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 42.47 42.47"><defs><style>.cls-1{fill:url(#linear-gradient);}</style><linearGradient id="linear-gradient" x1="43.68" y1="5.29" x2="-56.05" y2="76.13" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#3b88cc"/><stop offset="0.13" stop-color="#3a7fc2"/><stop offset="0.35" stop-color="#3667a7"/><stop offset="0.64" stop-color="#2f407c"/><stop offset="0.81" stop-color="#2b245e"/></linearGradient></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M21.23,0A21.24,21.24,0,1,0,42.47,21.24,21.26,21.26,0,0,0,21.23,0Zm7.55,5.51a17.42,17.42,0,0,1,7.56,7l.21.37H30.88l0-.2a27.87,27.87,0,0,0-2.39-6.84l-.35-.66ZM15.54,12.58a20.19,20.19,0,0,1,2.69-6.4c.86-1.26,1.73-2.38,3-2.38s2.15,1.12,3,2.38a20.2,20.2,0,0,1,2.7,6.4l.08.31H15.46Zm-11.2,13a17.56,17.56,0,0,1,0-8.72l0-.19H11L11,17c-.14,1.41-.21,2.85-.21,4.28s.07,2.86.21,4.27l0,.27H4.39ZM13.69,37a17.46,17.46,0,0,1-7.56-7l-.21-.38h5.67l0,.2A27.72,27.72,0,0,0,14,36.62l.34.67ZM14,5.85a27.87,27.87,0,0,0-2.39,6.84l0,.2H5.92l.21-.37a17.42,17.42,0,0,1,7.56-7l.67-.32Zm12.91,24a20.2,20.2,0,0,1-2.7,6.4c-.85,1.26-1.73,2.38-3,2.38s-2.14-1.12-3-2.38a20.19,20.19,0,0,1-2.69-6.4l-.08-.31H27Zm.76-4.33,0,.22H14.8l0-.22a40.78,40.78,0,0,1,0-8.65l0-.22H27.67l0,.22a38.21,38.21,0,0,1,.24,4.33A38,38,0,0,1,27.69,25.56ZM36.34,30a17.46,17.46,0,0,1-7.56,7l-.68.32.35-.66a27.72,27.72,0,0,0,2.39-6.84l0-.2h5.67Zm1.74-4.18H31.49l0-.27a40.57,40.57,0,0,0,.22-4.27A40.62,40.62,0,0,0,31.51,17l0-.27h6.59l0,.19a17.56,17.56,0,0,1,0,8.72Z"/></g></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

1
src/assets/connect-assets/home/wiki.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 62.93 42.98"><defs><style>.cls-1{fill:none;}.cls-2{clip-path:url(#clip-path);}.cls-3{fill:url(#linear-gradient);}.cls-4{clip-path:url(#clip-path-2);}</style><clipPath id="clip-path"><path class="cls-1" d="M20.63,13.76h25.3a1.52,1.52,0,0,1,1.53,1.52h0a1.52,1.52,0,0,1-1.53,1.52H20.63a1.52,1.52,0,0,1-1.52-1.52h0A1.52,1.52,0,0,1,20.63,13.76Z"/></clipPath><linearGradient id="linear-gradient" x1="65.99" y1="-5.92" x2="-36.35" y2="78.95" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#3b88cc"/><stop offset="0.16" stop-color="#3a7fc2"/><stop offset="0.42" stop-color="#3667a7"/><stop offset="0.76" stop-color="#2f407c"/><stop offset="0.97" stop-color="#2b245e"/></linearGradient><clipPath id="clip-path-2"><path class="cls-1" d="M24.72,23.44H45.93A1.52,1.52,0,0,1,47.46,25h0a1.52,1.52,0,0,1-1.53,1.52H24.72A1.52,1.52,0,0,1,23.2,25h0A1.52,1.52,0,0,1,24.72,23.44Z"/></clipPath></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><g id="Layer_2-3" data-name="Layer 2"><g id="Layer_1-2-3" data-name="Layer 1-2"><g class="cls-2"><polygon class="cls-3" points="45.35 16.8 47.46 14.29 47.46 16.8 45.35 16.8"/><polygon class="cls-3" points="42.73 16.8 45.27 13.76 47.46 13.76 47.46 14.29 45.35 16.8 42.73 16.8"/><polygon class="cls-3" points="40.11 16.8 42.66 13.76 45.27 13.76 42.73 16.8 40.11 16.8"/><polygon class="cls-3" points="37.49 16.8 40.04 13.76 42.66 13.76 40.11 16.8 37.49 16.8"/><polygon class="cls-3" points="34.87 16.8 37.41 13.76 40.04 13.76 37.49 16.8 34.87 16.8"/><polygon class="cls-3" points="32.25 16.8 34.8 13.76 37.41 13.76 34.87 16.8 32.25 16.8"/><polygon class="cls-3" points="29.64 16.8 32.18 13.76 34.8 13.76 32.25 16.8 29.64 16.8"/><polygon class="cls-3" points="27.01 16.8 29.56 13.76 32.18 13.76 29.64 16.8 27.01 16.8"/><polygon class="cls-3" points="24.39 16.8 26.94 13.76 29.56 13.76 27.01 16.8 24.39 16.8"/><polygon class="cls-3" points="21.78 16.8 24.32 13.76 26.94 13.76 24.39 16.8 21.78 16.8"/><polygon class="cls-3" points="19.15 16.8 21.7 13.76 24.32 13.76 21.78 16.8 19.15 16.8"/><polygon class="cls-3" points="21.7 13.76 19.15 16.8 19.11 16.8 19.11 13.76 21.7 13.76"/></g><g class="cls-4"><polygon class="cls-3" points="45.53 26.49 47.46 24.19 47.46 26.49 45.53 26.49"/><polygon class="cls-3" points="43.28 26.49 45.83 23.44 47.46 23.44 47.46 24.19 45.53 26.49 43.28 26.49"/><polygon class="cls-3" points="41.03 26.49 43.57 23.44 45.83 23.44 43.28 26.49 41.03 26.49"/><polygon class="cls-3" points="38.77 26.49 41.32 23.44 43.57 23.44 41.03 26.49 38.77 26.49"/><polygon class="cls-3" points="36.52 26.49 39.06 23.44 41.32 23.44 38.77 26.49 36.52 26.49"/><polygon class="cls-3" points="34.26 26.49 36.81 23.44 39.06 23.44 36.52 26.49 34.26 26.49"/><polygon class="cls-3" points="32.01 26.49 34.56 23.44 36.81 23.44 34.26 26.49 32.01 26.49"/><polygon class="cls-3" points="29.76 26.49 32.3 23.44 34.56 23.44 32.01 26.49 29.76 26.49"/><polygon class="cls-3" points="27.5 26.49 30.05 23.44 32.3 23.44 29.76 26.49 27.5 26.49"/><polygon class="cls-3" points="25.25 26.49 27.79 23.44 30.05 23.44 27.5 26.49 25.25 26.49"/><polygon class="cls-3" points="23.2 26.24 25.54 23.44 27.79 23.44 25.25 26.49 23.2 26.49 23.2 26.24"/><polygon class="cls-3" points="23.2 23.55 23.29 23.44 25.54 23.44 23.2 26.24 23.2 23.55"/><polygon class="cls-3" points="23.29 23.44 23.2 23.55 23.2 23.44 23.29 23.44"/></g></g></g><path class="cls-3" d="M58.36,0H10.82A4.56,4.56,0,0,0,6.26,4.56V18.3a14.91,14.91,0,0,1,4.09-.57,15.71,15.71,0,0,1,2,.12V14.07h0v-8H56.89V26.17h0v8H25.18a14.92,14.92,0,0,1-2,6.09H58.36a4.58,4.58,0,0,0,4.57-4.57V4.56A4.57,4.57,0,0,0,58.36,0Z"/><path class="cls-3" d="M12.3,26.31v.83a2.21,2.21,0,0,0,0-.37A1.75,1.75,0,0,0,12.3,26.31Z"/><path class="cls-3" d="M12.3,22.46a10.4,10.4,0,0,0-2-.19,10.15,10.15,0,0,0-4.09.85,10.35,10.35,0,1,0,14.33,11,9.54,9.54,0,0,0,.12-1.52A10.37,10.37,0,0,0,12.3,22.46ZM10.65,25a1.71,1.71,0,0,1,1.65,1.28,1.75,1.75,0,0,1,0,.46,2.21,2.21,0,0,1,0,.37,1.74,1.74,0,0,1-3.45-.37A1.8,1.8,0,0,1,10.65,25Zm-3,5.85c.11,0,.27-.05.38-.05h3.28c.42,0,.63.21.63.58a5.78,5.78,0,0,1-.11,1c-.2,1.21-.47,2.49-.68,3.7-.06.43-.16.85-.21,1.23a2.13,2.13,0,0,0,0,.58.43.43,0,0,0,.53.36,2.88,2.88,0,0,0,.63-.15,2.9,2.9,0,0,0,.48-.27c.27-.11.48.06.37.32a.67.67,0,0,1-.26.42,3.43,3.43,0,0,1-2.28,1.06,10.79,10.79,0,0,1-1.27-.05,1.8,1.8,0,0,1-1.43-1.86c.11-.63.16-1.27.27-1.85.16-1.11.37-2.17.58-3.28v-.21c0-.48-.16-.64-.58-.69-.22-.05-.38-.05-.59-.1a.51.51,0,0,1-.32-.43A1,1,0,0,1,7.68,30.88Z"/></g></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.5 KiB

22
src/assets/connect-custom.css
View File

@ -253,3 +253,25 @@ a:hover .user-circle-background {
box-shadow: none;
cursor: not-allowed;
}
/* Custom styles for enermap homepage links */
.icon-wrapper {
width: 100px;
height: 100px;
border-radius: 100%;
box-shadow: 15px 15px 25px #0000001A;
}
.icon-wrapper img {
height: 38px;
width: auto;
margin: auto;
}
.custom-text {
font-size: 14px !important;
}
.coming-soon-link:hover {
cursor: default;
}
.uk-text-bolder {
font-weight: 600 !important;
}