Ndj support cloud merge demo

docs/.pages.yml

@@ -1,6 +1,11 @@
 nav:
+  - Researcher Support: 
+    - index.md
     - Getting_Started
     - General
     - Scientific_Computing
     - Storage
     - NeSI_Service_Subscriptions
+  - Research Developer Cloud:
+    - research_developer_cloud
+

docs/research_developer_cloud/assets/css/footer.css

@@ -0,0 +1,31 @@
+#new-footer {
+    font-family: Lato;
+    font-size: 12px;
+    font-weight: 400;
+    background-color: #101010;
+}
+
+#partners {
+    height: auto;
+    background-color: #101010;
+}
+
+#partners #logos img {
+    height: 40px;
+    margin: 10px;
+}
+
+#partners #logos {
+    padding: 10px;
+    text-align: center;
+}
+
+#partners #logos .nesi-footer-logo img {
+    margin-right: 100px;
+    height: 60px;
+}
+
+#partners #logos img {
+    height: 40px;
+    margin: 10px;
+}

docs/research_developer_cloud/assets/css/my.css

@@ -0,0 +1,42 @@
+/*start Pillar style*/
+.pillarwrapper {
+    display: flex;
+    padding: 20px 20px 0px 20px;
+  }
+
+  .pillarwrapper > div {
+    flex-grow: 1;
+    padding: 20px 20px 0px 20px;
+    height:auto;
+    overflow:hidden;
+    transition: ease-in-out 200ms;
+   /*box-shadow: 0.05rem 0.05rem 0.075rem 0.075rem gainsboro; */
+    box-shadow: 0px 10px 10px rgba(30, 30, 30, 0.08);
+    /*background: linear-gradient(to right bottom, #f7fafc, #fff);*/
+    /* background-color: #ffffff; */
+    border-collapse: collapse;
+    cursor: default; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ 
+  }
+
+  .pillarwrapper > div:first-of-type { margin-right:10px }
+  .pillarwrapper > div:nth-of-type(2) { margin-right:10px }
+  .pillarwrapper > div:nth-of-type(3) {  }
+
+  .pillarwrapper > h2 { margin-top:0 margin-bottom:0 }
+
+  .pillarwrapper > div:hover {
+    box-shadow: 0px 10px 20px rgba(30, 30, 30, 0.16);
+  }
+
+  .pillarcard {
+  padding-bottom:0px;
+  width:33vw; 
+  }   
+  .pillarcard img {
+  opacity: 0.8;
+  transition: ease-in-out 200ms;  
+  }
+  .pillarcard:hover img {
+  opacity: 1.0;
+  }
+  /*end Pillar style*/

docs/research_developer_cloud/assets/css/neoteroi-cards.css

@@ -0,0 +1,102 @@
+.nt-cards.nt-grid {
+  display: grid;
+  grid-auto-columns: 1fr;
+  gap: 0.5rem;
+  max-width: 100vw;
+  overflow-x: auto;
+  padding: 1px;
+}
+.nt-cards.nt-grid.cols-1 {
+  grid-template-columns: repeat(1, 1fr);
+}
+.nt-cards.nt-grid.cols-2 {
+  grid-template-columns: repeat(2, 1fr);
+}
+.nt-cards.nt-grid.cols-3 {
+  grid-template-columns: repeat(3, 1fr);
+}
+.nt-cards.nt-grid.cols-4 {
+  grid-template-columns: repeat(4, 1fr);
+}
+.nt-cards.nt-grid.cols-5 {
+  grid-template-columns: repeat(5, 1fr);
+}
+.nt-cards.nt-grid.cols-6 {
+  grid-template-columns: repeat(6, 1fr);
+}
+
+@media only screen and (max-width: 400px) {
+  .nt-cards.nt-grid {
+    grid-template-columns: repeat(1, 1fr) !important;
+  }
+}
+.nt-card {
+  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+}
+.nt-card:hover {
+  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 3px 1px -2px rgba(0, 0, 0, 0.3), 0 1px 5px 0 rgba(0, 0, 0, 0.22);
+}
+
+[data-md-color-scheme=slate] .nt-card {
+  box-shadow: 0 2px 2px 0 rgba(4, 40, 33, 0.14), 0 3px 1px -2px rgba(40, 86, 94, 0.47), 0 1px 5px 0 rgba(139, 252, 255, 0.64);
+}
+[data-md-color-scheme=slate] .nt-card:hover {
+  box-shadow: 0 2px 2px 0 rgba(0, 255, 206, 0.14), 0 3px 1px -2px rgba(33, 156, 177, 0.47), 0 1px 5px 0 rgba(96, 251, 255, 0.64);
+}
+
+.nt-card > a {
+  color: var(--md-default-fg-color);
+}
+
+.nt-card > a > div {
+  cursor: pointer;
+}
+
+.nt-card {
+  padding: 5px;
+  margin-bottom: 0.5rem;
+}
+
+.nt-card-title {
+  font-size: 1rem;
+  font-weight: bold;
+  margin: 4px 0 8px 0;
+  line-height: 22px;
+}
+
+.nt-card-content {
+  padding: 0.4rem 0.8rem 0.8rem 0.8rem;
+}
+
+.nt-card-text {
+  font-size: 14px;
+  padding: 0;
+  margin: 0;
+}
+
+.nt-card .nt-card-image {
+  text-align: center;
+  border-radius: 2px;
+  background-position: center center;
+  background-size: cover;
+  background-repeat: no-repeat;
+  min-height: 120px;
+}
+
+.nt-card .nt-card-image.tags img {
+  margin-top: 12px;
+}
+
+.nt-card .nt-card-image img {
+  height: 105px;
+  margin-top: 5px;
+}
+
+.nt-card a:hover,
+.nt-card a:focus {
+  color: var(--md-accent-fg-color);
+}
+
+.nt-card h2 {
+  margin: 0;
+}