First draft of new layout

This commit is contained in:
2021-05-06 23:23:00 +02:00
parent 6947ee23b9
commit c6aa110b19
14 changed files with 80 additions and 33 deletions

View File

@@ -11,6 +11,9 @@
</head> </head>
<body> <body>
<img class="heading-img" src="ecg-portal-logo.png" /> <img class="heading-img" src="ecg-portal-logo.png" />
<div class="heading-summary">
<p>This is your ECG start page where you find shortcuts to all tools you can access inside ECG.</p>
</div>
<div class="epframe"> <div class="epframe">
$items $items
</div> </div>

View File

@@ -1,5 +1,5 @@
<a href="$url" target="_blank"> <a href="$url" target="_blank">
<div class="epsquare epcol$cssClass"> <div class="epsquare epcol$cssClass">
<div class="eptextfunc">$title</div> <div class="eptextfunc">$title</div>
<div class="eptexttool">$solution</div> <div class="eptextdescription">$description</div>
</div></a> </div></a>

View File

@@ -1,35 +1,57 @@
items: items:
# - url: https://forum.ecogood.org
# solution: Discourse
# title:
# en: Forum
# de: Discussion Board
# cssClass: forum
- url: https://webmail.ecogood.org
solution: Roundcube
title: Webmail
cssClass: mail
- url: https://wiki.ecogood.org
solution: Confluence
title: Wiki
cssClass: wiki
- url: https://datacloud.ecogood.org - url: https://datacloud.ecogood.org
solution: Nextcloud
title: Datacloud title: Datacloud
description: "Collaborate, share and manage documents, files and folders"
cssClass: cloud cssClass: cloud
- url: https://wiki.ecogood.org
title: Wiki
description: "Central knowledge base with collaborative functions"
cssClass: wiki
- url: https://webmail.ecogood.org
title: Webmail
description: "Email client in your web browser"
cssClass: mail
- url: https://wiki.ecogood.org/display/INTERN/Mailinglisten-Anmeldung - url: https://wiki.ecogood.org/display/INTERN/Mailinglisten-Anmeldung
solution: Mlmmj title: Mailinglists
title: E-Mail lists description: "Information distribution lists via email"
cssClass: maillist cssClass: maillist
- url: https://login.smartwe.de/SmartWe/ - url: https://datacloud.ecogood.org/apps/calendar/
solution: SmartWE title: Calendar
title: Membership admin description: Manage and share calendars
cssClass: smartwe cssClass: cloud
- url: https://datacloud.ecogood.org/apps/contacts/
title: Contacts
description: Manage and share contacts
cssClass: cloud
- url: https://datacloud.ecogood.org/apps/polls/
title: Polls
description: "Schedule meetings<br />(like Doodle®)"
cssClass: cloud
- url: https://datacloud.ecogood.org/apps/deck/
title: Deck
description: KanBan Board<br />(like Trello®)
cssClass: cloud
- url: https://chat.ecogood.org
title: Chat
description: "Chat directly or within channels and groups<br />(like Slack®)"
cssClass: chat
- url: https://survey.ecogood.org/index.php/admin
title: LimeSurvey
description: "Create and send complex surveys"
cssClass: survey
- url: https://git.ecogood.org - url: https://git.ecogood.org
solution: Gitea title: Gitea
title: Code hosting description: "Code hosting and collaboration platform"
cssClass: code cssClass: code
- url: https://my.ecogood.org/index_extended.html
title: Page 2
description: "I want to see more IT tools"
cssClass: next
- url: https://login.smartwe.de/SmartWe/
title: SmartWe
description: "Manage all data regarding ECG membership"
cssClass: smartwe
- url: https://jira.ecogood.org - url: https://jira.ecogood.org
solution: JIRA title: JIRA
title: Ticket system description: "Ticketing system"
cssClass: projekte cssClass: projekte

View File

@@ -15,6 +15,19 @@ a {
margin: auto; margin: auto;
} }
.heading-summary {
text-align: center;
background-color: #deffbc;
margin: auto;
width: auto;
margin-left: auto;
margin-right: auto;
width: 48rem;
padding: 0.5rem;
border: 1px solid #9ace3e;
border-radius: 0.25rem;
}
.epframe { .epframe {
margin: auto; margin: auto;
max-width: 900px; max-width: 900px;
@@ -36,15 +49,15 @@ a {
font-weight: bold; font-weight: bold;
position: absolute; position: absolute;
color: white; color: white;
bottom: 20%; bottom: 33%;
font-size: 1.35rem; font-size: 1.35rem;
} }
.eptexttool { .eptextdescription {
width: 100%; width: 100%;
position: absolute; position: absolute;
color: white; color: white;
bottom: 8%; top: 68%;
} }
.epcolwiki { .epcolwiki {
@@ -63,7 +76,7 @@ a {
} }
.epcolmaillist { .epcolmaillist {
background-color: #99CC00; background-color: #889e33;
background-image: url(epmaillist.png); background-image: url(epmaillist.png);
} }
@@ -82,11 +95,20 @@ a {
background-image: url(epcode.png); background-image: url(epcode.png);
} }
.epcolforum { .epcolchat {
background-color: #FF9900; background-color: #F5455C;
background-image: url(epforum.png); background-image: url(epchat.png);
} }
.epcolsurvey {
background-color: #42ac00;
background-image: url(epsmartwe.png);
}
.epcolnext {
background-color: #b694ff;
background-image: url(epnext.png);
}
@media only screen and (max-width: 900px) { @media only screen and (max-width: 900px) {
.epsquare { .epsquare {
width: 30%; width: 30%;

BIN
static/epchat.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.7 KiB

After

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.7 KiB

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.7 KiB

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.2 KiB

After

Width:  |  Height:  |  Size: 18 KiB

BIN
static/epnext.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.8 KiB

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.2 KiB

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.9 KiB

After

Width:  |  Height:  |  Size: 7.5 KiB