Unity 4

.gitignore

@@ -0,0 +1,4 @@
+.idea
+*/**/imprint.html
+*/**/impressum.html
+*/**/data-privacy-statement.html

README.md

@@ -1,5 +1,55 @@
-EUDAT B2ACCESS webserver theme components
+# B2ACCESS Theme
 
-One can install it by cloning this repository to the directory where are 
-B2ACCESS html files deployed
-" git clone https://github.com/EUDAT-B2ACCESS/b2access-theme.git theme "
+Subset of configurations and customizations on Unity IdM installation for b2access.eudat.eu
+
+### What's in here
+
+- Landing page (and homepage) template
+- about-page
+- acceptable-use-policy
+
+### What's **not** in here
+- Imprint/Impressum
+- Data privacy statement
+
+## Installation
+
+1. Clone this repository into `unity-4.x.x./webContents` with `git clone https://github.com/EUDAT-B2ACCESS/b2access-theme.git b2access` 
+so your directory structure looks like this:
+```
+webContents/
+├── assets/
+├── favicon.html
+├── b2access/
+│   ├── README.md
+    **this project**
+├── styles.css
+└── templates/
+
+```
+
+2. Swap assets (e.g logo, favicon, etc.) under `webContents/assets`
+3. Put missing files like `impressum.html` and `data-privacy-statement.html` in `webContents/b2access/files/`
+4. Change permissions `chown -R unity:unity webContents`
+5. Set up the following unity settings in `conf/modules/core/userhome.properties` for the home endpoint:
+```
+unity.endpoint.web.customCssFileName=b2access/b2access-home.css
+unity.endpoint.web.extraTopPanel=b2access/b2access-topbar.html
+unity.endpoint.web.extraBottomPanel=b2access/b2access-bottombar.html
+
+```
+
+6. `conf/modules/core/upman.properties` for the upman-endpoint:
+```
+unity.endpoint.web.customCssFileName=b2access/b2access-home.css
+unity.endpoint.web.extraTopPanel=b2access/b2access-topbar.html
+unity.endpoint.web.extraBottomPanel=b2access/b2access-bottombar.html
+```
+
+Note: You can put off the extra panels prevents header and footer to show AFTER login
+with `unity.endpoint.web.addExtraPanelsAfterAuthentication=false`
+
+7. `conf/unityServer.conf` for general endpoints:
+```
+unityServer.core.customCssFileName=b2access/b2access-core.css
+```

b2access-bottombar.html

@@ -0,0 +1,54 @@
+<div id="footer" class="flex-center-column">
+    <div id="primary-footer" class="flex-center-row">
+        <div class="flex-center-column">
+            <div id="footer-menu-button-menu">
+                <button id="footer-menu-button"
+                    onclick="getElementById('footer-menu').classList.toggle('active')">☰</button>
+            </div>
+        </div>
+        <div class="flex-center-column footer-hspacer">
+            <div class="flex-left-row">
+                <img src="/unitygw/b2access/common/img/Logo_eudat_CDI_white.svg" width="201px;"
+                    style="margin-bottom: -6px;" alt="EUDAT logo">
+            </div>
+            <div id="copyright-eudat" class="footer-text">
+                © 2019 EUDAT Collaborative Data Infrastructure
+            </div>
+        </div>
+        <div id="footer-menu" class="flex-center-row">
+            <div class="flex-center-column">
+                <a target="_blank" href="/unitygw/b2access/files/imprint.html"><span>Imprint</span></a>
+            </div>
+            <div class="flex-center-column">
+                <a target="_blank" href="https://www.eudat.eu/eudat-cdi-aup"><span>EUDAT Service
+                        ToU</span></a>
+            </div>
+            <div class="flex-center-column">
+                <a href="/unitygw/b2access/files/data-privacy-statement.html">
+                    <span>Data Privacy Statement</span>
+                </a>
+            </div>
+            <div class="flex-center-column">
+                <a href="https://eudat.eu"><span>About EUDAT</span></a>
+            </div>
+        </div>
+    </div>
+    <div id="secondary-footer" class="flex-center-column">
+        <div class="line"></div>
+        <div id="subfooter-menu" class="flex-center-row">
+            <div class="flag-eu">
+                <img src="/unitygw/b2access/common/img/euflag.png" height="40px;" alt="EU flag">
+            </div>
+            <div class="project">
+                <img src="/unitygw/b2access/common/img/EOSC-hub-extended-grey.png" height="40px;" alt="EOSC hub logo">
+            </div>
+            <div class="footer-text flex-center-column">
+                B2ACCESS is co-funded by the EOSC-hub project (Horizon 2020) under Grant number 777536
+            </div>
+            <div class="footer-hspacer"></div>
+            <div class="flex-center-column">
+                <a href="http://unity-idm.eu/"><span>Powered by Unity-IDM</span></a>
+            </div>
+        </div>
+    </div>
+</div>

b2access-core.css

@@ -0,0 +1,29 @@
+html {
+    --lumo-font-size-xxxl: 3rem;
+    --lumo-font-family: Verdana, "Verdana Ref", sans-serif;
+    --lumo-size-xl: 5rem;
+    --lumo-primary-text-color: #3F3F3E;
+    --lumo-primary-color-50pct: #fff;
+    --lumo-primary-color-10pct: #fff;
+    --lumo-primary-color: #FF4637;
+    --lumo-shade-90pct: hsla(214, 40%, 16%, 0.94);
+    --lumo-header-text-color: #264899;
+    --lumo-error-color: #FF4637;
+    --lumo-success-color: #00B720;
+    --unity-font-weight: 500;
+    --vaadin-text-field-default-width: 16em;
+    --lumo-button-primary-background: #264899;
+    --vaadin-button-primary-background: #264899;
+    --unity-hover-button-color: #E65217;
+    --unity-selected-tab-color: #677eb7;
+
+    --unity-tab-hover-color: #E65217;
+    /* This naming schema >.< */
+    --unity-icon-color: #264899;
+    /* Why is the default so stupid here? Make a handsymbol for clickable stuff*/
+    --lumo-clickable-cursor: pointer;
+    /*This one works on u-authn-screen*/
+    background-color: #fafafa;
+    --unity-text-field-medium: 100%;
+    --unity-left-menu-navbar-color: #264899;
+}