Styling and content improvements

invenio_app_rdm/config.py

@@ -131,9 +131,12 @@ def _(x):
 THEME_LOGO = 'images/invenio-rdm.png'
 """Theme logo."""
 
-THEME_SITENAME = _('InvenioRDM: Turn-key Research Data Management Repository')
+THEME_SITENAME = _('InvenioRDM')
 """Site name."""
 
+SECURITY_REGISTER_USER_TEMPLATE = 'invenio_app_rdm/sign_up.html'
+"""Default template for user registration."""
+
 
 # Invenio-Mail / Flask-Mail
 # =========================

invenio_app_rdm/theme/assets/scss/invenio_app_rdm/frontpage.scss

@@ -0,0 +1,91 @@
+/*
+ *   Copyright (C) 2020 CERN.
+ *   Copyright (C) 2020 Northwestern University.
+ *
+ * Invenio App RDM is free software; you can redistribute it and/or modify it
+ * under the terms of the MIT License; see LICENSE file for more details.
+ */
+
+
+.numbering {
+    font-family: 'Oswald', 'Open Sans', sans-serif;
+    font-weight: 200;
+    font-size: 4em;
+    color: white;
+    background-color: #0377cd91;
+    box-sizing: border-box;
+    width: 100px;
+    height: 100px;
+    border-radius: 50%;
+    margin: 0 auto;
+}
+.flex-center-vertically {
+    display: flex;
+    justify-content: center;
+    text-align: center;
+    height: auto;
+    margin: 0 0 20px 0;
+}
+@media only screen and (min-device-width: 993px),
+only screen and (min-width: 993px) {
+    .flex-center-vertically {
+        flex-direction: column;
+    }
+}
+@media only screen and (max-device-width: 992px),
+only screen and (max-width: 993px) {
+    .flex-center-vertically {
+        flex-direction: row;
+    }
+}
+
+.command-line {
+    font-family: 'Oswald', 'Open Sans', sans-serif;
+    padding: 10px;
+    margin-bottom: 10px;
+    background-color: #eeeeee;
+    text-align: center;
+    word-spacing: normal;
+    word-wrap: normal;
+    word-break: normal;
+    border-radius: 5px;
+    color: rgba(16, 16, 16, 0.7);
+}
+
+@media (max-width: 1200px) {
+    .command-line {
+        font-size: 0.5em;
+    }
+}
+
+.inline-row {
+    text-align: center;
+}
+
+.inline-row-pane {
+    display: inline-flex;
+    flex-direction: row;
+}
+
+.goto-button {
+    text-align: center;
+    padding: 20px 10px;
+    white-space: nowrap;
+}
+
+.goto-button a {
+    text-decoration: none;
+    border-radius: 4px;
+    line-height: 25px;
+    padding: 15px 30px;
+    background-color: #0377cd;
+    color: rgb(212, 229, 239) !important;
+    height: 50px;
+    font-size: 1em;
+    font-weight: 200;
+}
+
+.goto-button a:hover,
+.goto-button a:active {
+    color: white !important;
+}

invenio_app_rdm/theme/assets/scss/invenio_app_rdm/theme.scss

@@ -1,6 +1,6 @@
 /*
- *   Copyright (C) 2019 CERN.
- *   Copyright (C) 2019 Northwestern University.
+ *   Copyright (C) 2019-2020 CERN.
+ *   Copyright (C) 2019-2020 Northwestern University.
  *
  * Invenio App RDM is free software; you can redistribute it and/or modify it
  * under the terms of the MIT License; see LICENSE file for more details.
@@ -12,6 +12,7 @@
 @import "../invenio_theme/styles";
 
 @import "footer";
+@import "frontpage";
 
 
 html,
@@ -122,6 +123,13 @@ h6 {
   font-weight: 500;
 }
 
+.section-subtitle {
+  font-family: 'Oswald', 'Open Sans', sans-serif;
+  color: #0377cd !important;
+  text-align: center;
+  margin-bottom: 40px;
+}
+
 .invenio-rdm-project-goals {
   display: flex;
   flex-direction: row;
@@ -171,3 +179,24 @@ h6 {
 .record-elem .record-description {
     color: #000000;
 }
+
+.site-wrapper {
+  background-image: $navbar_background_image;
+  background-color: $navbar_background_color;
+  border-color: transparent;
+}
+
+.btn-warning {
+  background-color: #44a244;
+  border-color: #44a244;
+}
+
+.btn-primary  {
+  background-color: #0377cd;
+  border-color: #0377cd;
+}
+
+.panel-free-title {
+  font-family: 'Oswald', 'Open Sans', sans-serif;
+  color: #0377cd;
+}