(menu testing)

content/images/menu1.svg

@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg55"
+   width="39.903442"
+   height="26.489899"
+   viewBox="0 0 39.903442 26.489899"
+   sodipodi:docname="Screen Shot 2022-08-16 at 22.09.29.png"
+   xml:space="preserve"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+     id="defs59" /><sodipodi:namedview
+     id="namedview57"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     showguides="true" /><g
+     id="g1190"
+     transform="matrix(0.41068348,0,0,1,-138.3332,-42.4699)"><path
+       style="fill:#000000;stroke:#000000;stroke-width:1.5;stroke-dasharray:none;stroke-opacity:1"
+       d="m 336.83655,43.2199 c 97.16345,0 97.16345,0 97.16345,0"
+       id="path464" /><path
+       style="fill:#000000;stroke:#000000;stroke-width:1.5;stroke-dasharray:none;stroke-opacity:1"
+       d="m 336.83655,55.71485 c 97.16345,0 97.16345,0 97.16345,0"
+       id="path464-0" /><path
+       style="fill:#000000;stroke:#000000;stroke-width:1.5;stroke-dasharray:none;stroke-opacity:1"
+       d="m 336.83655,68.2098 c 97.16345,0 97.16345,0 97.16345,0"
+       id="path464-0-6" /></g></svg>

content/posts/프린스의 방/프린스의 방.rst

@@ -6,6 +6,9 @@
 :category: works
 :slug: 1-and-12-128th-seconds
 
+.. role:: raw-html(raw)
+          :format: html
+
 | **프린스의 방에서의 1과 128분의 12초 | 1 and 12 128th seconds in the prince’s room**
 | **Feb 2019**
 |

themes/dianaband/static/base.css

@@ -38,6 +38,18 @@ img {
     width: 45px;
 }
 
+.menu {
+    position: fixed;
+    top: 15px;
+    width: 100%;
+    text-align: right;
+}
+
+.menu a {
+    display: inline-block;
+    width: 40px;
+}
+
 .wrapper {
     display: flex;
     flex-direction: column;

themes/dianaband/templates/base.html

@@ -16,6 +16,11 @@
         <img src="/images/dianaband_logo.svg" />
       </a>
     </div>
+    <div class="menu">
+      <a href="{{ SITEURL }}">
+        <img src="/images/menu1.svg" />
+      </a>
+    </div>
     <div class="wrapper">
       <div class="content">
         {% block content %}