From 3ab327df13b5e2b2495c300cc1071d097b1d2a04 Mon Sep 17 00:00:00 2001
From: atsuyaw <watanabe@osakafu-u.net>
Date: Mon, 7 Oct 2024 17:31:28 +0900
Subject: [PATCH] feat: update sass

---
 content/page/papers.ja.md              |  1 -
 layouts/partials/papers.html           |  6 +--
 layouts/shortcodes/researchmapApi.html |  8 ++--
 static/sass/custom.css                 | 54 ++++++++++++++++++++++++++
 4 files changed, 61 insertions(+), 8 deletions(-)

diff --git a/content/page/papers.ja.md b/content/page/papers.ja.md
index f9b8749c..28a49bdf 100644
--- a/content/page/papers.ja.md
+++ b/content/page/papers.ja.md
@@ -10,4 +10,3 @@ menu: "topnav"
 
 {{< researchmapApi >}}
 
-<!--{{< paperList data="papers" >}}-->
diff --git a/layouts/partials/papers.html b/layouts/partials/papers.html
index f59d8a0a..71dd749a 100644
--- a/layouts/partials/papers.html
+++ b/layouts/partials/papers.html
@@ -1,4 +1,4 @@
-<div>
+<div class="rm">
 {{ with index . "paper_title" }}
   {{ if .ja }}<h5 class="pubTitle">{{ .ja }}</h5>
   {{ else }}<h5 class="pubTitle">{{ .en }}</h5>{{ end }}
@@ -25,11 +25,11 @@
 <p class="pubDate">{{ index . "publication_date" }}</p>
 
 {{ range .identifiers.doi }}
-  <p class="doi">doi: <a href="https://doi.org/{{ . }}"><span class="doiID">{{ . }}</span></a></p>
+  <p class="seeAlso"><span class="label">doi</span> <a href="https://doi.org/{{ . }}"><code class="doiID">{{ . }}</code></a></p>
 {{ end }}
 {{ with index . "see_also" }}
   {{ range $k, $v := where (where . "label" "ne" "doi") "is_downloadable" true }}
-  <p>{{ .label }} <a href="{{ $k := index . "@id" }}">{{ $k }}</a></p>
+  <p class="seeAlso"><span class="label">{{ .label }}</span> <a href="{{ $k := index . "@id" }}">{{ $k }}</a></p>
   {{ end }}
 {{ end }}
 </div>
diff --git a/layouts/shortcodes/researchmapApi.html b/layouts/shortcodes/researchmapApi.html
index 2c808b9c..68d53b7c 100644
--- a/layouts/shortcodes/researchmapApi.html
+++ b/layouts/shortcodes/researchmapApi.html
@@ -7,16 +7,16 @@
     {{ with $data := .Content | transform.Unmarshal }}
       {{ with index . "items" }}
         {{ with where . "published_paper_type" "scientific_journal" }}
-          <ol reversed>
+          <ol class="rmol" reversed>
           {{ range sort . "publication_date" "desc" }}
-            <li>{{ partial "papers" . }}</li>
+            <li class="rmli">{{ partial "papers" . }}</li>
           {{ end }}
           </ol>
         {{ end }}
         {{ with where . "published_paper_type" "ne" "scientific_journal" }}
-          <ol>
+          <ol class="rmol" reversed>
           {{ range sort . "publication_date" "desc" }}
-            <li>{{ partial "papers" . }}</li>
+            <li class="rmli">{{ partial "papers" . }}</li>
           {{ end }}
           </ol>
         {{ end }}
diff --git a/static/sass/custom.css b/static/sass/custom.css
index ca9986b9..6812d4d1 100644
--- a/static/sass/custom.css
+++ b/static/sass/custom.css
@@ -19,3 +19,57 @@
 .tooltip:hover .tooltip-text {
   visibility: visible;
 }
+
+.rmli {
+  clear: both;
+  margin-bottom:3ex;
+  & .rm {
+    max-width:93%;
+    margin-left: 3rem;
+    & .pubDetail {
+      margin: 0;
+    }
+    & .pubTitle {
+      margin-bottom: .5rem;
+      font-weight: bold;
+    }
+    & .authors {
+      margin-bottom: .5rem;
+    }
+    & .vol {
+      font-weight: bold;
+    }
+    & .pubName {
+      font-style: italic;
+      margin-bottom: .5rem;
+    }
+    & .pubDate {
+      margin-bottom: .5rem;
+    }
+    & .doi {
+      margin-bottom: .5rem;
+    }
+    & .seeAlso {
+      margin-bottom: 1rem;
+      & .label {
+        display: inline-block;
+        text-align: center;
+        background: #333;
+        color: #aaa;
+        margin-right: .5rem;
+        padding: .1rem;
+        border-radius: .5rem;
+        min-width: 5rem;
+        font-size: 80%;
+        float: left;
+      }
+      & .doiID {
+        background: transparent;
+        color: text;
+        border: 0;
+        padding: 0;
+        margin: 0;
+      }
+    }
+  }
+}