chore

abap34 · Jan 12, 2025 · 2352a66 · 2352a66
1 parent 5d1307b
commit 2352a66
Show file tree

Hide file tree

Showing 2 changed files with 67 additions and 15 deletions.
diff --git a/assets/modern-light.css b/assets/modern-light.css
@@ -15,10 +15,14 @@ body {
     height: 100%;
     background-color: #fff;
     color: #333;
-    font-family: "Fira Code", "Consolas", "Monaco", "Courier New", monospace;
+    font-family: monospace;
     line-height: 1.5;
+    /* 文字ちょっと */
     /*  global-header のぶんを押し下げる */
     padding-top: 3.5rem;
+
+    /* 長い単語も強制的に改行 */
+    word-wrap: break-word;
 }
 
 /* ===============================================
@@ -30,7 +34,6 @@ body {
     margin: 2rem auto;
     padding: 0 1rem;
     gap: 2rem;
-
 }
 
 .side {
@@ -77,17 +80,11 @@ body {
 
 }
 
-/* スマホでは出さない */
-@media (max-width: 768px) {
-    .global-header {
-        display: none;
-    }
-}
-
-
 .article-header {
     padding: 1rem;
     margin-bottom: 1rem;
+    max-width: 800px;
+    margin: 0 auto;
 }
 
 .title {
@@ -272,6 +269,12 @@ table tbody tr:hover {
     /* ホバー時の強調 */
 }
 
+content a {
+    color: #007bff;
+    text-decoration: none;
+    word-break: break-all;
+}
+
 /* ===============================================
       Footer
       =============================================== */
@@ -443,4 +446,50 @@ footer {
 .definition p:last-child,
 .proof p:last-child {
     margin-bottom: 0;
-}
+}
+
+
+/* ===============================================
+      Footnotes
+        =============================================== */
+
+/* 脚注リンクのスタイル */
+
+
+.footnote-ref {
+    font-size: 0.8em;
+    vertical-align: super;
+    color: #777;
+}
+
+.footnote-ref a {
+    color: #777;
+    text-decoration: none;
+}
+
+.footnote-ref a:hover {
+    text-decoration: underline;
+}
+
+/* 脚注本体のスタイル */
+.footnotes {
+    margin-top: 1rem;
+    padding: 1rem;
+    border: 1px solid #ddd;
+    font-size: 0.9em;
+}
+
+.footnote-def {
+    margin-bottom: 0.5rem;
+    /* 改行 */
+    padding: 0.2rem 0.5rem;
+    border-left: 3px solid #ddd;
+    display: block;
+}
+
+.footnote-def p {
+    margin-bottom: 0;
+}
+
+
+
diff --git a/assets/template.html b/assets/template.html
@@ -61,16 +61,19 @@
 </head>
 
 <body>
-
-    <!-- 1) 新たに追加する固定ヘッダー -->
     <header class="global-header">
         <div class="header-inner">
             <!-- クリックすると sidebar を表示/非表示 -->
-            <a href="https://abap34.com" class="header-logo">abap34.com</a> > <a href="https://abap34.com/blog">/blog</a> > <a href="{{url}}">{{title}}</a>
+            <a href="https://abap34.com" class="header-logo">abap34.com</a> > <a href="https://abap34.com/blog">/blog</a> > <a href="{{url}}">/{{title}}</a>
+        </div>
+
+        <div class="tweet-button">
+            <a href="https://twitter.com/share?ref_src=twsrc%5Etfw" class="twitter-share-button"
+               data-text="{{title}}" data-url="{{url}}" data-via="{{twitter_site}}"> Tweet </a>
+            <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
         </div>
     </header>
 
-    <!-- 2) 従来のヘッダー（タイトル・日付・タグなど） -->
     <div class="article-header">
         <div class="title">{{title}}</div>
         <script>title = document.querySelector(".title").innerHTML;</script>