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>
<body>
<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">
$items
</div>

View File

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

View File

@@ -1,35 +1,57 @@
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
solution: Nextcloud
title: Datacloud
description: "Collaborate, share and manage documents, files and folders"
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
solution: Mlmmj
title: E-Mail lists
title: Mailinglists
description: "Information distribution lists via email"
cssClass: maillist
- url: https://login.smartwe.de/SmartWe/
solution: SmartWE
title: Membership admin
cssClass: smartwe
- url: https://datacloud.ecogood.org/apps/calendar/
title: Calendar
description: Manage and share calendars
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
solution: Gitea
title: Code hosting
title: Gitea
description: "Code hosting and collaboration platform"
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
solution: JIRA
title: Ticket system
title: JIRA
description: "Ticketing system"
cssClass: projekte

View File

@@ -15,6 +15,19 @@ a {
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 {
margin: auto;
max-width: 900px;
@@ -36,15 +49,15 @@ a {
font-weight: bold;
position: absolute;
color: white;
bottom: 20%;
bottom: 33%;
font-size: 1.35rem;
}
.eptexttool {
.eptextdescription {
width: 100%;
position: absolute;
color: white;
bottom: 8%;
top: 68%;
}
.epcolwiki {
@@ -63,7 +76,7 @@ a {
}
.epcolmaillist {
background-color: #99CC00;
background-color: #889e33;
background-image: url(epmaillist.png);
}
@@ -82,11 +95,20 @@ a {
background-image: url(epcode.png);
}
.epcolforum {
background-color: #FF9900;
background-image: url(epforum.png);
.epcolchat {
background-color: #F5455C;
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) {
.epsquare {
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