moved assets under docs, update config.yml

_config.yml

@@ -1,3 +1,61 @@
 name: AGDR Support files - proof of concept
-theme: minima
-description: test
+site_name: AGDR Support files - proof of concept
+repo_url: https://github.com/nesi/agdr-docs-concept
+repo_name: nesi/agdr-docs-concept
+theme:
+  name: material
+  custom_dir: overrides
+  palette:
+    # Palette toggle for light mode
+    - media: "(prefers-color-scheme: light)"
+      scheme: default
+      primary: white
+      toggle:
+        icon: material/brightness-7
+        name: Switch to dark mode
+
+    # Palette toggle for dark mode
+    - media: "(prefers-color-scheme: dark)"
+      scheme: slate
+      primary: white
+      toggle:
+        icon: material/brightness-4
+        name: Switch to light mode
+  features:
+    - content.code.copy
+    - navigation.tabs
+    - navigation.indexes
+    - navigation.top
+
+description: agdr test
+
+markdown_extensions:
+  - pymdownx.highlight:
+      anchor_linenums: true
+      line_spans: __span
+      pygments_lang_class: true
+  - pymdownx.inlinehilite
+  - pymdownx.snippets
+  - pymdownx.superfences
+  - attr_list
+  - md_in_html
+  - admonition
+  - pymdownx.tabbed:
+      alternate_style: true 
+  - def_list
+  - tables
+  - neoteroi.cards
+  - neoteroi.timeline
+
+plugins:
+  - glightbox
+  - search
+  - literate-nav:
+      nav_file: summary.md
+  - git-revision-date-localized:
+      enable_creation_date: true
+
+extra_css:
+  - assets/css/neoteroi-mkdocs.css
+  - assets/css/footer.css
+  # - assets/css/my.css

docs/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/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/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;
+}