` is where all your content goes.
color: #333;
text-align: center;
padding: 2.5em 2em 0;
- border-bottom: 1px solid #eee;
+ border-bottom: 1px solid #00000088;
+ margin-bottom: 2.5em;
}
- .header h1 {
+ /* .header h1 {
margin: 0.2em 0;
font-size: 3em;
font-weight: 300;
@@ -70,7 +73,7 @@ The content `
` is where all your content goes.
color: #ccc;
padding: 0;
margin-top: 0;
- }
+ } */
.content-subhead {
margin: 50px 0 20px 0;
@@ -252,3 +255,105 @@ Hides the menu at `48em`, but modify this based on your app's needs.
left: 150px;
}
}
+
+/* */
+
+.pure-menu {
+ box-sizing: border-box;
+}
+
+.pure-menu-fixed {
+ position: fixed;
+ left: 0;
+ top: 0;
+ z-index: 3;
+}
+
+.pure-menu-list,
+.pure-menu-item {
+ position: relative;
+}
+
+.pure-menu-list {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
+
+.pure-menu-item {
+ padding: 0;
+ margin: 0;
+ height: 100%;
+}
+
+.pure-menu-link,
+.pure-menu-heading {
+ display: block;
+ text-decoration: none;
+ white-space: nowrap;
+}
+
+
+/* https://github.com/pure-css/pure/blob/master/src/menus/css/menus-skin.css */
+.pure-menu-separator,
+.pure-menu-horizontal .pure-menu-children .pure-menu-separator {
+ background-color: #ccc;
+ height: 1px;
+ margin: .3em 0;
+}
+
+.pure-menu-horizontal .pure-menu-separator {
+ width: 1px;
+ height: 1.3em;
+ margin: 0 .3em ;
+}
+
+/* Need to reset the separator since submenu is vertical */
+.pure-menu-horizontal .pure-menu-children .pure-menu-separator {
+ display: block;
+ width: auto;
+}
+
+.pure-menu-heading {
+ text-transform: uppercase;
+ color: #565d64;
+}
+
+.pure-menu-link {
+ color: #777;
+}
+
+.pure-menu-children {
+ background-color: #fff;
+}
+
+.pure-menu-link,
+.pure-menu-heading {
+ padding: .5em 1em;
+}
+
+.pure-menu-disabled {
+ opacity: .5;
+}
+
+.pure-menu-disabled .pure-menu-link:hover {
+ background-color: transparent;
+ cursor: default;
+}
+
+.pure-menu-active > .pure-menu-link,
+.pure-menu-link:hover,
+.pure-menu-link:focus {
+ background-color: #eee;
+}
+
+.pure-menu-selected > .pure-menu-link,
+.pure-menu-selected > .pure-menu-link:visited {
+ color: #000;
+}
+
+/* */
+
+.nani_card-link:hover {
+ filter: brightness(90%);
+}
\ No newline at end of file
diff --git a/src/index.html b/src/index.html
index d0f4aba..e5573c2 100644
--- a/src/index.html
+++ b/src/index.html
@@ -7,36 +7,51 @@ title: "Nani"
---
-
-
-
Posts
-
- $for(posts)$
- -
-
- $date$
-
- $endfor$
-
+
+
+
+
+
+
Posts
+
+ $for(posts)$
+
+
+
+
$title$
+
$date$
+
$desc$
+
+
+
+ $endfor$
+
+
+
+
+
+
+
+
語源
+
+ $for(gogen)$
+ -
+
+
+ $endfor$
+
+
-
-
語源
-
- $for(gogen)$
- -
-
-
- $endfor$
-
diff --git a/src/templates/default.html b/src/templates/default.html
index 2964f0b..b5e62f3 100644
--- a/src/templates/default.html
+++ b/src/templates/default.html
@@ -45,27 +45,24 @@
$endif$
-
-
-
-
+
+
+
+
+
-
-
+
-
-