diff --git a/scss/main.scss b/scss/main.scss index ca1135c..2c51c5e 100644 --- a/scss/main.scss +++ b/scss/main.scss @@ -40,7 +40,7 @@ a { color: #fea500; &:hover { - color: darken(#fea500, .5); + color: #d78c00; } } @@ -121,6 +121,24 @@ a { top: 0; bottom: 0; right: 0; + color: #fea500 !important; + + &[href]:hover { + color: #d78c00 !important; + } + } + + .beta { + position: absolute; + top: 1rem; + right: 0; + font-weight: bold; + background-color: #fea500; + color: #000000; + padding: .5rem 1rem; + border-radius: 10px; + transform: rotate(20deg); + box-shadow: -1px 8px 5px rgba(0, 0, 0, .7); } .inner { @@ -148,6 +166,11 @@ a { h2 { margin-left: 0.5rem; } + + .beta { + top: 0; + right: -1rem; + } } } } diff --git a/sites/_data/services.json b/sites/_data/services.json index 2006cea..3be64d3 100644 --- a/sites/_data/services.json +++ b/sites/_data/services.json @@ -51,10 +51,21 @@ { "id": "firefox-sync", "name": "Firefox Sync", - "icon": "fab fa-firefox", + "icon": "fab fa-firefox-browser", "summary": { "de": "Ein Service um Firefox Einstellungen, Lesezeichen, offene Tabs und vieles mehr über verschiedene Geräte zu synchronisieren.", "en": "A service to sync Firefox settings, bookmarks, open tabs and much more between multiple devices." } + }, + { + "id": "jitsi", + "name": "Jitsi Meet", + "icon": "fas fa-users", + "url": "https://jitsi.sp-codes.de", + "beta": true, + "summary": { + "de": "Eine sichere, einfache und skalierbare Plattform für Videokonferenzen.", + "en": "A secure, simple and scalable platform for video conferencing." + } } ] diff --git a/sites/_includes/layouts/services.njk b/sites/_includes/layouts/services.njk index de4675f..2ea3600 100644 --- a/sites/_includes/layouts/services.njk +++ b/sites/_includes/layouts/services.njk @@ -5,6 +5,6 @@ layout: base.njk {{ content | safe }} -
+
{% include 'services-extended.html' %}
diff --git a/sites/_includes/services-extended.html b/sites/_includes/services-extended.html index 1e5a986..2c3863f 100644 --- a/sites/_includes/services-extended.html +++ b/sites/_includes/services-extended.html @@ -1,7 +1,10 @@ {%- for service in services %}
- + + {% if service.beta == true %} +
TEST-PHASE
+ {% endif %}

{{service.name}}{% if service.url %}
- + + {% if service.beta == true %} +
TEST-PHASE
+ {% endif %}

{{service.name}}

diff --git a/sites/de/index.html b/sites/de/index.html index 8d4d8cc..5bbdf57 100644 --- a/sites/de/index.html +++ b/sites/de/index.html @@ -20,7 +20,7 @@ eleventyNavigation:

Dienste

-
+
{% include services-simple.html %}
diff --git a/sites/en/index.html b/sites/en/index.html index 366b187..b7d7def 100644 --- a/sites/en/index.html +++ b/sites/en/index.html @@ -20,7 +20,7 @@ eleventyNavigation:

Services

-
+
{% include services-simple.html %}