Initial commit
This commit is contained in:
commit
a8a63bb6b9
31 changed files with 1847 additions and 0 deletions
182
categories/index.html
Normal file
182
categories/index.html
Normal file
|
|
@ -0,0 +1,182 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>Categories</title>
|
||||
|
||||
<meta charset="utf-8">
|
||||
<meta name="X-UA-Compatible" content="IE=edge">
|
||||
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
|
||||
<meta content="telephone=no" name="format-detection">
|
||||
<meta name="renderer" content="webkit">
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
|
||||
|
||||
|
||||
|
||||
<script src="/vendor/js/jquery.min.js" ></script>
|
||||
<script src="/vendor/js/popper.min.js" ></script>
|
||||
<script src="/vendor/js/bootstrap.min.js" ></script>
|
||||
<script src="/vendor/js/smooth-scroll.polyfills.min.js" ></script>
|
||||
<link type="text/css" rel="stylesheet" href="/vendor/css/bootstrap.min.css">
|
||||
<script src="/vendor/js/vue.min.js" ></script>
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://kumi.blog/scss/journal.min.b16b92403170aa4eb662f097e3eb511404d139b4dbc2f3b2a55054fe0b9913c0.css" integrity="sha256-sWuSQDFwqk62YvCX4+tRFATRObTbwvOypVBU/guZE8A=" media="screen">
|
||||
|
||||
<script src="https://kumi.blog//js/loadCSS.js"></script>
|
||||
<script>
|
||||
loadCSS("https://fonts.googleapis.com/css?family=Lora|Montserrat|Fira+Mono|Noto+Serif+SC|Material+Icons");
|
||||
</script>
|
||||
|
||||
</head><body>
|
||||
<div id="app"><div ref="sideContainer" class="side-container">
|
||||
|
||||
<a class="a-block nav-head false" href="https://kumi.blog/">
|
||||
|
||||
<div class="nav-title">
|
||||
Kumi.Blog
|
||||
</div>
|
||||
|
||||
</a>
|
||||
|
||||
<div class="nav-link-list">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a class="a-block nav-link-item active" href="https://kumi.blog/categories/">
|
||||
Categories
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a class="a-block nav-link-item false" href="https://kumi.blog/tags/">
|
||||
Tags
|
||||
</a>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="nav-footer">
|
||||
Hugo Theme <a href="https://github.com/amazingrise/hugo-theme-diary">Diary</a> by <a href="https://amazingrise.net">Rise</a>
|
||||
<br>
|
||||
Ported from <a href="https://mak1t0.cc/" target="_blank" rel="noreferrer noopener">Makito</a>'s <a href="https://github.com/SumiMakito/hexo-theme-journal/" target="_blank" rel="noreferrer noopener">Journal.</a> <br>
|
||||
<br>
|
||||
©
|
||||
|
||||
2019 Kumi.Blog
|
||||
|
||||
</div>
|
||||
|
||||
</div><div ref="extraContainer" class="extra-container">
|
||||
<div class="pagination">
|
||||
<a id="globalBackToTop" class="pagination-action animated-visibility" href="#top" :class="{ invisible: scrollY == 0 }">
|
||||
<i class="material-icons pagination-action-icon">
|
||||
keyboard_arrow_up
|
||||
</i>
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div><div class="single-column-drawer-container" ref="drawer"
|
||||
v-bind:class="{ 'single-column-drawer-container-active': isDrawerOpen }">
|
||||
<div class="drawer-content">
|
||||
<div class="drawer-menu">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a class="a-block drawer-menu-item active" href="https://kumi.blog/categories/">
|
||||
Categories
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a class="a-block drawer-menu-item false" href="https://kumi.blog/tags/">
|
||||
Tags
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<transition name="fade">
|
||||
<div v-bind:class="{ 'single-column-drawer-mask': mounted }" v-if="isDrawerOpen" v-on:click="toggleDrawer"></div>
|
||||
</transition>
|
||||
<nav ref="navBar" class="navbar sticky-top navbar-light single-column-nav-container">
|
||||
<div ref="navBackground" class="nav-background"></div>
|
||||
<div class="container container-narrow nav-content">
|
||||
<button id="nav_dropdown_btn" class="nav-dropdown-toggle" type="button" v-on:click="toggleDrawer">
|
||||
<i class="material-icons">
|
||||
menu
|
||||
</i>
|
||||
</button>
|
||||
<a ref="navTitle" class="navbar-brand" href="https://kumi.blog/">
|
||||
Kumi.Blog
|
||||
</a>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="single-column-header-container" ref="pageHead"
|
||||
v-bind:style="{ transform: 'translateZ(0px) translateY('+.3*scrollY+'px)', opacity: 1-navOpacity }">
|
||||
<a href="https://kumi.blog/">
|
||||
<div class="single-column-header-title">Kumi.Blog</div>
|
||||
|
||||
|
||||
</a>
|
||||
</div>
|
||||
<div id="content">
|
||||
<div ref="streamContainer" class="stream-container">
|
||||
<div class="post-list-container post-list-container-shadow">
|
||||
<a class="a-block">
|
||||
<div class="post-item-wrapper post-item-wrapper-no-hover">
|
||||
<div class="post-item post-item-no-gaps">
|
||||
<div class="post-item-info-wrapper">
|
||||
<div class="post-item-title post-item-title-small">
|
||||
Categories
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div><div id="single-column-footer">Hugo Theme <a href="https://github.com/amazingrise/hugo-theme-diary">Diary</a> by <a href="https://amazingrise.net">Rise</a>
|
||||
<br>
|
||||
Ported from <a href="https://mak1t0.cc/" target="_blank" rel="noreferrer noopener">Makito</a>'s <a href="https://github.com/SumiMakito/hexo-theme-journal/" target="_blank" rel="noreferrer noopener">Journal.</a> <br>
|
||||
<br>
|
||||
©
|
||||
|
||||
2019 Kumi.Blog
|
||||
</div>
|
||||
</div>
|
||||
<script src="https://kumi.blog//js/journal.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
14
categories/index.xml
Normal file
14
categories/index.xml
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>Categories on Kumi.Blog</title>
|
||||
<link>https://kumi.blog/categories/</link>
|
||||
<description>Recent content in Categories on Kumi.Blog</description>
|
||||
<generator>Hugo -- gohugo.io</generator>
|
||||
<language>en-us</language>
|
||||
|
||||
<atom:link href="https://kumi.blog/categories/index.xml" rel="self" type="application/rss+xml" />
|
||||
|
||||
|
||||
</channel>
|
||||
</rss>
|
||||
1
categories/page/1/index.html
Normal file
1
categories/page/1/index.html
Normal file
|
|
@ -0,0 +1 @@
|
|||
<!DOCTYPE html><html><head><title>https://kumi.blog/categories/</title><link rel="canonical" href="https://kumi.blog/categories/"/><meta name="robots" content="noindex"><meta charset="utf-8" /><meta http-equiv="refresh" content="0; url=https://kumi.blog/categories/" /></head></html>
|
||||
712
css/journal.css
Normal file
712
css/journal.css
Normal file
|
|
@ -0,0 +1,712 @@
|
|||
::-webkit-scrollbar {
|
||||
display: none; }
|
||||
|
||||
body {
|
||||
background: #fcfcfc;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-family: "Lora", "source-han-serif-tc", serif;
|
||||
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
|
||||
text-rendering: optimizeLegibility !important;
|
||||
-webkit-font-smoothing: antialiased !important;
|
||||
color: black; }
|
||||
|
||||
* {
|
||||
color: black;
|
||||
line-height: 1.5em;
|
||||
word-wrap: break-word; }
|
||||
|
||||
h1 {
|
||||
font-size: 30px; }
|
||||
|
||||
h2 {
|
||||
font-size: 27px; }
|
||||
|
||||
h3 {
|
||||
font-size: 24px; }
|
||||
|
||||
h4 {
|
||||
font-size: 21px; }
|
||||
|
||||
h5 {
|
||||
font-size: 18px; }
|
||||
|
||||
h6 {
|
||||
font-size: 15px; }
|
||||
|
||||
textarea,
|
||||
select,
|
||||
input,
|
||||
button {
|
||||
outline: none !important; }
|
||||
|
||||
button {
|
||||
cursor: hand;
|
||||
cursor: pointer; }
|
||||
|
||||
code {
|
||||
color: #7a422c;
|
||||
background: rgba(159, 86, 58, 0.07) !important;
|
||||
padding: 2px 5px;
|
||||
border-radius: 3px;
|
||||
font-family: "Fira Mono", "Cousine", Monaco, Menlo, "Source Code Pro", monospace; }
|
||||
|
||||
pre {
|
||||
background: rgba(159, 86, 58, 0.07) !important;
|
||||
color: #7a422c;
|
||||
padding: 12px 15px;
|
||||
border-radius: 5px;
|
||||
font-family: "Fira Mono", "Cousine", Monaco, Menlo, "Source Code Pro", monospace; }
|
||||
pre * {
|
||||
background: none !important;
|
||||
font-family: "Fira Mono", "Cousine", Monaco, Menlo, "Source Code Pro", monospace !important; }
|
||||
pre code {
|
||||
padding: 0; }
|
||||
|
||||
blockquote {
|
||||
padding: 10px 20px;
|
||||
border-left: 3px solid rgba(159, 86, 58, 0.7);
|
||||
color: #7a422c;
|
||||
background: rgba(159, 86, 58, 0.05); }
|
||||
blockquote p {
|
||||
margin-bottom: 0; }
|
||||
blockquote * {
|
||||
color: #7a422c; }
|
||||
|
||||
a {
|
||||
color: #9f563a; }
|
||||
a:hover {
|
||||
color: #7a422c;
|
||||
text-underline-position: under; }
|
||||
@media screen and (max-width: 1020px) {
|
||||
a:hover {
|
||||
text-decoration: none !important; } }
|
||||
|
||||
.a-block {
|
||||
display: block;
|
||||
text-decoration: none !important; }
|
||||
.a-block:hover {
|
||||
text-decoration: none !important; }
|
||||
|
||||
.no-margin {
|
||||
margin: 0; }
|
||||
|
||||
.no-padding {
|
||||
padding: 0; }
|
||||
|
||||
.no-overflow {
|
||||
overflow: hidden !important; }
|
||||
|
||||
.animated-visibility {
|
||||
transition: visibility 0s, opacity 0.5s linear;
|
||||
visibility: visible;
|
||||
opacity: 1; }
|
||||
|
||||
.invisible {
|
||||
visibility: hidden;
|
||||
opacity: 0; }
|
||||
|
||||
.fade-enter-active,
|
||||
.fade-leave-active {
|
||||
transition: opacity 0.3s; }
|
||||
|
||||
.fade-enter,
|
||||
.fade-leave-to {
|
||||
opacity: 0; }
|
||||
|
||||
#lv-container {
|
||||
padding: 0 30px; }
|
||||
@media screen and (max-width: 1020px) {
|
||||
#lv-container {
|
||||
padding: 0 15px; } }
|
||||
|
||||
.single-column-nav-container {
|
||||
display: none !important; }
|
||||
@media screen and (max-width: 1020px) {
|
||||
.single-column-nav-container {
|
||||
display: block !important;
|
||||
padding: 0; }
|
||||
.single-column-nav-container * {
|
||||
font-family: "Montserrat", "Roboto", "Source Sans Pro", "Helvetica", "Arial", "Lora", "source-han-serif-tc", serif;
|
||||
transition: opacity 0.5s ease-in-out; }
|
||||
.single-column-nav-container button {
|
||||
padding: 0; }
|
||||
.single-column-nav-container .nav-content {
|
||||
padding: 12px 20px;
|
||||
justify-content: flex-start;
|
||||
max-width: unset !important; }
|
||||
.single-column-nav-container .navbar-brand {
|
||||
opacity: 0;
|
||||
text-align: left;
|
||||
padding-left: 24px !important; }
|
||||
.single-column-nav-container .nav-dropdown-toggle {
|
||||
display: flex;
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
justify-items: center;
|
||||
justify-content: center;
|
||||
background: none !important;
|
||||
border: none;
|
||||
padding-top: 1px; }
|
||||
.single-column-nav-container .nav-dropdown-toggle:hover {
|
||||
color: #3f587d !important; }
|
||||
.single-column-nav-container .nav-icon-group {
|
||||
z-index: 5;
|
||||
padding-right: 5px; }
|
||||
.single-column-nav-container .nav-icon-group ul {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0; }
|
||||
.single-column-nav-container .nav-icon-group li {
|
||||
display: inline;
|
||||
margin: 0;
|
||||
padding: 0; }
|
||||
.single-column-nav-container .nav-icon {
|
||||
padding: 8px; }
|
||||
.single-column-nav-container .nav-background {
|
||||
opacity: 0;
|
||||
z-index: -1;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: white;
|
||||
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
|
||||
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } }
|
||||
|
||||
.single-column-header-container {
|
||||
display: none !important; }
|
||||
@media screen and (max-width: 1020px) {
|
||||
.single-column-header-container {
|
||||
display: block !important;
|
||||
padding: 50px 20px 80px 20px;
|
||||
transition: padding 0.5s ease-in-out, margin 0.5s ease-in-out;
|
||||
text-align: center; }
|
||||
.single-column-header-container * {
|
||||
font-family: "Montserrat", "Roboto", "Source Sans Pro", "Helvetica", "Arial", "Lora", "source-han-serif-tc", serif;
|
||||
color: black; }
|
||||
.single-column-header-container .single-column-header-title {
|
||||
font-size: 28px; }
|
||||
.single-column-header-container .single-column-header-subtitle {
|
||||
font-size: 20px; } }
|
||||
|
||||
.single-column-drawer-container {
|
||||
display: none !important; }
|
||||
@media screen and (max-width: 1020px) {
|
||||
.single-column-drawer-container {
|
||||
display: block !important;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: -260px;
|
||||
width: 260px;
|
||||
height: 100vh;
|
||||
z-index: 1800;
|
||||
transition: all 0.3s ease-in-out; }
|
||||
.single-column-drawer-container .drawer-content {
|
||||
background: white;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
padding: 50px 0 80px 0;
|
||||
display: flex; }
|
||||
.single-column-drawer-container .drawer-content .drawer-menu {
|
||||
flex-grow: 1;
|
||||
display: flex;
|
||||
justify-items: center;
|
||||
justify-content: center;
|
||||
flex-direction: column; }
|
||||
.single-column-drawer-container .drawer-content .drawer-menu .drawer-menu-item {
|
||||
font-size: 18px;
|
||||
margin-bottom: 10px;
|
||||
border-right: 2px solid transparent;
|
||||
padding: 8px 30px 8px 30px;
|
||||
cursor: hand;
|
||||
cursor: pointer;
|
||||
transition: all 0.2s linear;
|
||||
color: black; }
|
||||
.single-column-drawer-container .drawer-content .drawer-menu .drawer-menu-item.active {
|
||||
border-right: 2px solid #9f563a;
|
||||
background: rgba(159, 86, 58, 0.1);
|
||||
color: #2f1911; } }
|
||||
|
||||
.single-column-drawer-mask {
|
||||
display: none !important; }
|
||||
@media screen and (max-width: 1020px) {
|
||||
.single-column-drawer-mask {
|
||||
display: block !important;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
background: rgba(0, 0, 0, 0.8);
|
||||
z-index: 1600;
|
||||
transition: all 0.3s ease-in-out; } }
|
||||
|
||||
.single-column-drawer-container-active {
|
||||
left: 0;
|
||||
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); }
|
||||
|
||||
.side-container {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
height: 100vh;
|
||||
width: 25%;
|
||||
text-align: right;
|
||||
font-family: "Montserrat", "Roboto", "Source Sans Pro", "Helvetica", "Arial", "Lora", "source-han-serif-tc", serif;
|
||||
padding: 20px 0 50px 0;
|
||||
overflow-x: hidden;
|
||||
overflow-y: scroll;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
scrollbar-width: none;
|
||||
}
|
||||
.side-container .nav-head {
|
||||
padding: 30px 28px 30px 20px;
|
||||
cursor: hand;
|
||||
cursor: pointer;
|
||||
margin-bottom: 10px;
|
||||
transition: all 0.2s linear;
|
||||
color: black;
|
||||
border-right: 2px solid transparent; }
|
||||
.side-container .nav-head .nav-title {
|
||||
font-size: 30px;
|
||||
line-height: 42px; }
|
||||
.side-container .nav-head .nav-subtitle {
|
||||
margin-top: 8px;
|
||||
font-size: 18px; }
|
||||
.side-container .nav-head:hover {
|
||||
border-right: 2px solid rgba(159, 86, 58, 0.6);
|
||||
background: rgba(159, 86, 58, 0.02);
|
||||
color: #2f1911; }
|
||||
.side-container .nav-head.active {
|
||||
border-right: 2px solid #9f563a;
|
||||
background: rgba(159, 86, 58, 0.03);
|
||||
color: #542e1f; }
|
||||
.side-container .nav-link-list {
|
||||
flex-grow: 1; }
|
||||
.side-container .nav-link-list .nav-link-item {
|
||||
font-size: 20px;
|
||||
margin-bottom: 10px;
|
||||
border-right: 2px solid transparent;
|
||||
padding: 8px 28px 8px 30px;
|
||||
cursor: hand;
|
||||
cursor: pointer;
|
||||
transition: all 0.2s linear;
|
||||
color: black; }
|
||||
.side-container .nav-link-list .nav-link-item:hover {
|
||||
border-right: 2px solid rgba(159, 86, 58, 0.6);
|
||||
background: rgba(159, 86, 58, 0.02);
|
||||
color: #2f1911; }
|
||||
.side-container .nav-link-list .nav-link-item.active {
|
||||
border-right: 2px solid #9f563a;
|
||||
background: rgba(159, 86, 58, 0.03);
|
||||
color: #542e1f; }
|
||||
.side-container .nav-footer {
|
||||
padding: 20px 30px 0 20px;
|
||||
font-size: 12px; }
|
||||
@media screen and (max-width: 1020px) {
|
||||
.side-container {
|
||||
display: none; } }
|
||||
|
||||
.extra-container {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
height: 100vh;
|
||||
width: 64px;
|
||||
text-align: right;
|
||||
font-family: "Montserrat", "Roboto", "Source Sans Pro", "Helvetica", "Arial", "Lora", "source-han-serif-tc", serif;
|
||||
overflow-x: hidden;
|
||||
overflow-y: scroll;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-end;
|
||||
padding: 30px 0;
|
||||
scrollbar-width: none;
|
||||
}
|
||||
.extra-container .pagination {
|
||||
display: flex;
|
||||
flex-direction: column; }
|
||||
.extra-container .pagination .pagination-indicator {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-content: center;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
justify-items: center;
|
||||
width: 64px;
|
||||
padding: 15px 0;
|
||||
font-size: 12px;
|
||||
font-family: "Fira Mono", "Cousine", Monaco, Menlo, "Source Code Pro", monospace; }
|
||||
.extra-container .pagination .pagination-action {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-content: center;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
justify-items: center;
|
||||
width: 64px;
|
||||
cursor: hand;
|
||||
cursor: pointer;
|
||||
padding: 15px 0; }
|
||||
.extra-container .pagination .pagination-action :not(.pagination-action-icon) {
|
||||
transition: all 0.2s linear;
|
||||
font-size: 13px;
|
||||
font-family: "Fira Mono", "Cousine", Monaco, Menlo, "Source Code Pro", monospace; }
|
||||
.extra-container .pagination .pagination-action * {
|
||||
transition: all 0.3s linear; }
|
||||
.extra-container .pagination .pagination-action:hover {
|
||||
text-decoration: none; }
|
||||
.extra-container .pagination .pagination-action:hover * {
|
||||
color: #7a422c; }
|
||||
@media screen and (max-width: 1020px) {
|
||||
.extra-container {
|
||||
display: none; } }
|
||||
|
||||
.pagination-bar-container {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
height: 100vh;
|
||||
width: 25%;
|
||||
text-align: right;
|
||||
font-family: "Montserrat", "Roboto", "Source Sans Pro", "Helvetica", "Arial", "Lora", "source-han-serif-tc", serif;
|
||||
padding: 20px 0;
|
||||
overflow: scroll;
|
||||
display: flex;
|
||||
flex-direction: column; }
|
||||
|
||||
.stream-container {
|
||||
padding-left: 25%;
|
||||
padding-right: 64px;
|
||||
width: 100%;
|
||||
min-height: 100vh;
|
||||
max-width: 1480px; }
|
||||
@media screen and (max-width: 1020px) {
|
||||
.stream-container {
|
||||
padding: 0;
|
||||
min-height: unset; } }
|
||||
.stream-container .post-list-container {
|
||||
width: 100%;
|
||||
min-height: 100vh;
|
||||
padding: 20px 0 20px 0;
|
||||
background: #ffffff;
|
||||
box-shadow: 0 0 16px rgba(0, 0, 0, 0.12); }
|
||||
@media screen and (max-width: 1020px) {
|
||||
.stream-container .post-list-container {
|
||||
min-height: unset;
|
||||
padding: 0;
|
||||
box-shadow: 0 0 0 rgba(0, 0, 0, 0.2); } }
|
||||
.stream-container .post-list-container .post-item-wrapper,
|
||||
.stream-container .post-list-container > * .post-item-wrapper {
|
||||
cursor: hand;
|
||||
cursor: pointer;
|
||||
transition: all 0.2s linear; }
|
||||
.stream-container .post-list-container .post-item-wrapper .post-item,
|
||||
.stream-container .post-list-container > * .post-item-wrapper .post-item {
|
||||
margin: 0 28px 0 35px;
|
||||
padding: 30px 0;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center; }
|
||||
@media screen and (max-width: 1020px) {
|
||||
.stream-container .post-list-container .post-item-wrapper .post-item,
|
||||
.stream-container .post-list-container > * .post-item-wrapper .post-item {
|
||||
flex-direction: column-reverse;
|
||||
margin: 0 0 15px 0;
|
||||
padding: 0;
|
||||
box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
|
||||
background: #ffffff; } }
|
||||
.stream-container .post-list-container .post-item-wrapper .post-item .post-item-info-wrapper,
|
||||
.stream-container .post-list-container > * .post-item-wrapper .post-item .post-item-info-wrapper {
|
||||
flex-grow: 1; }
|
||||
@media screen and (max-width: 1020px) {
|
||||
.stream-container .post-list-container .post-item-wrapper .post-item .post-item-info-wrapper,
|
||||
.stream-container .post-list-container > * .post-item-wrapper .post-item .post-item-info-wrapper {
|
||||
width: 100%;
|
||||
padding: 15px 20px; } }
|
||||
.stream-container .post-list-container .post-item-wrapper .post-item .post-item-info-wrapper .post-item-title,
|
||||
.stream-container .post-list-container > * .post-item-wrapper .post-item .post-item-info-wrapper .post-item-title {
|
||||
font-size: 30px;
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
margin-bottom: 10px;
|
||||
line-height: 1.5em; }
|
||||
@media screen and (max-width: 1020px) {
|
||||
.stream-container .post-list-container .post-item-wrapper .post-item .post-item-info-wrapper .post-item-title,
|
||||
.stream-container .post-list-container > * .post-item-wrapper .post-item .post-item-info-wrapper .post-item-title {
|
||||
font-size: 22px;
|
||||
margin-bottom: 5px; } }
|
||||
.stream-container .post-list-container .post-item-wrapper .post-item .post-item-info-wrapper .post-item-title-small,
|
||||
.stream-container .post-list-container > * .post-item-wrapper .post-item .post-item-info-wrapper .post-item-title-small {
|
||||
font-size: 22px;
|
||||
margin-bottom: 0; }
|
||||
@media screen and (max-width: 1020px) {
|
||||
.stream-container .post-list-container .post-item-wrapper .post-item .post-item-info-wrapper .post-item-title-small,
|
||||
.stream-container .post-list-container > * .post-item-wrapper .post-item .post-item-info-wrapper .post-item-title-small {
|
||||
font-size: 14px; } }
|
||||
.stream-container .post-list-container .post-item-wrapper .post-item .post-item-info-wrapper .post-item-summary,
|
||||
.stream-container .post-list-container > * .post-item-wrapper .post-item .post-item-info-wrapper .post-item-summary {
|
||||
font-size: 16px;
|
||||
line-height: 1.5em;
|
||||
margin-bottom: 10px; }
|
||||
@media screen and (max-width: 1020px) {
|
||||
.stream-container .post-list-container .post-item-wrapper .post-item .post-item-info-wrapper .post-item-summary,
|
||||
.stream-container .post-list-container > * .post-item-wrapper .post-item .post-item-info-wrapper .post-item-summary {
|
||||
font-size: 16px;
|
||||
margin-bottom: 5px; } }
|
||||
.stream-container .post-list-container .post-item-wrapper .post-item .post-item-info-wrapper .post-item-meta,
|
||||
.stream-container .post-list-container > * .post-item-wrapper .post-item .post-item-info-wrapper .post-item-meta {
|
||||
font-size: 16px; }
|
||||
@media screen and (max-width: 1020px) {
|
||||
.stream-container .post-list-container .post-item-wrapper .post-item .post-item-info-wrapper .post-item-meta,
|
||||
.stream-container .post-list-container > * .post-item-wrapper .post-item .post-item-info-wrapper .post-item-meta {
|
||||
font-size: 14px; } }
|
||||
.stream-container .post-list-container .post-item-wrapper .post-item .post-item-image-wrapper,
|
||||
.stream-container .post-list-container > * .post-item-wrapper .post-item .post-item-image-wrapper {
|
||||
margin-left: 20px; }
|
||||
@media screen and (max-width: 1020px) {
|
||||
.stream-container .post-list-container .post-item-wrapper .post-item .post-item-image-wrapper,
|
||||
.stream-container .post-list-container > * .post-item-wrapper .post-item .post-item-image-wrapper {
|
||||
width: 100%;
|
||||
margin-left: 0; } }
|
||||
.stream-container .post-list-container .post-item-wrapper .post-item .post-item-image-wrapper .post-item-image,
|
||||
.stream-container .post-list-container > * .post-item-wrapper .post-item .post-item-image-wrapper .post-item-image {
|
||||
width: 230px;
|
||||
height: 120px;
|
||||
background: no-repeat center;
|
||||
background-size: cover;
|
||||
border-radius: 5px;
|
||||
overflow: hidden; }
|
||||
@media screen and (max-width: 1020px) {
|
||||
.stream-container .post-list-container .post-item-wrapper .post-item .post-item-image-wrapper .post-item-image,
|
||||
.stream-container .post-list-container > * .post-item-wrapper .post-item .post-item-image-wrapper .post-item-image {
|
||||
width: 100%;
|
||||
height: 180px;
|
||||
border-radius: 0; } }
|
||||
@media screen and (max-width: 1020px) {
|
||||
.stream-container .post-list-container .post-item-wrapper .post-item-no-divider,
|
||||
.stream-container .post-list-container > * .post-item-wrapper .post-item-no-divider {
|
||||
border-bottom: none !important; }
|
||||
.stream-container .post-list-container .post-item-wrapper .post-item-no-gaps,
|
||||
.stream-container .post-list-container > * .post-item-wrapper .post-item-no-gaps {
|
||||
margin: 0;
|
||||
box-shadow: none; } }
|
||||
.stream-container .post-list-container .post-item-wrapper *,
|
||||
.stream-container .post-list-container > * .post-item-wrapper * {
|
||||
transition: all 0.2s linear; }
|
||||
.stream-container .post-list-container .post-item-wrapper:not(.post-item-wrapper-no-hover):hover,
|
||||
.stream-container .post-list-container > * .post-item-wrapper:not(.post-item-wrapper-no-hover):hover {
|
||||
text-decoration: none;
|
||||
background: rgba(0, 0, 0, 0.03); }
|
||||
.stream-container .post-list-container .post-item-wrapper:not(.post-item-wrapper-no-hover):hover .post-item-title,
|
||||
.stream-container .post-list-container > * .post-item-wrapper:not(.post-item-wrapper-no-hover):hover .post-item-title {
|
||||
text-decoration: underline;
|
||||
text-decoration-style: 2px solid #9f563a;
|
||||
text-underline-position: under; }
|
||||
.stream-container .post-list-container .post-item-wrapper:not(.post-item-wrapper-no-hover):hover *,
|
||||
.stream-container .post-list-container > * .post-item-wrapper:not(.post-item-wrapper-no-hover):hover * {
|
||||
color: #7a422c; }
|
||||
@media screen and (max-width: 1020px) {
|
||||
.stream-container .post-list-container .post-item-wrapper:not(.post-item-wrapper-no-hover):hover .post-item-title,
|
||||
.stream-container .post-list-container > * .post-item-wrapper:not(.post-item-wrapper-no-hover):hover .post-item-title {
|
||||
text-decoration: none !important; } }
|
||||
.stream-container .post-list-container .post-item-wrapper-no-hover,
|
||||
.stream-container .post-list-container > * .post-item-wrapper-no-hover {
|
||||
cursor: unset; }
|
||||
.stream-container .post-list-container:not(:last-child) .post-item,
|
||||
.stream-container .post-list-container > *:not(:last-child) .post-item {
|
||||
border-bottom: 1px solid rgba(128, 128, 128, 0.12); }
|
||||
@media screen and (max-width: 1020px) {
|
||||
.stream-container .post-list-container-no-background {
|
||||
background: none; } }
|
||||
@media screen and (max-width: 1020px) {
|
||||
.stream-container .post-list-container-shadow {
|
||||
box-shadow: 0 0px 8px rgba(0, 0, 0, 0.1); } }
|
||||
.stream-container .post-list-footer {
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
opacity: 0.3;
|
||||
color: black;
|
||||
font-family: "Lora", "source-han-serif-tc", serif;
|
||||
font-size: 13px;
|
||||
padding: 15px; }
|
||||
.stream-container .post {
|
||||
padding: 0 0 20px 0; }
|
||||
.stream-container .post .post-head-wrapper {
|
||||
margin-top: -20px;
|
||||
background: no-repeat center;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
padding-top: 140px; }
|
||||
@media screen and (max-width: 1020px) {
|
||||
.stream-container .post .post-head-wrapper {
|
||||
padding-top: 120px; } }
|
||||
.stream-container .post .post-head-wrapper * {
|
||||
color: white; }
|
||||
.stream-container .post .post-head-wrapper .post-title {
|
||||
padding: 80px 35px 30px 35px;
|
||||
font-size: 30px;
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
line-height: 1.5em;
|
||||
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
|
||||
/* FF3.6-15 */
|
||||
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
|
||||
/* Chrome10-25,Safari5.1-6 */
|
||||
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
|
||||
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#c6000000', GradientType=0);
|
||||
/* IE6-9 */ }
|
||||
@media screen and (max-width: 1020px) {
|
||||
.stream-container .post .post-head-wrapper .post-title {
|
||||
font-size: 22px;
|
||||
padding: 80px 20px 30px 20px; } }
|
||||
.stream-container .post .post-head-wrapper .post-title .post-meta {
|
||||
margin: 0; }
|
||||
.stream-container .post .post-head-wrapper .post-title .post-meta,
|
||||
.stream-container .post .post-head-wrapper .post-title .post-meta * {
|
||||
font-size: 16px; }
|
||||
.stream-container .post .post-head-wrapper .post-title .post-meta .material-icons {
|
||||
vertical-align: middle;
|
||||
margin-bottom: 3px; }
|
||||
@media screen and (max-width: 1020px) {
|
||||
.stream-container .post .post-head-wrapper .post-title .post-meta,
|
||||
.stream-container .post .post-head-wrapper .post-title .post-meta * {
|
||||
font-size: 14px; } }
|
||||
.stream-container .post .post-head-wrapper-text-only {
|
||||
padding: 30px 35px 0 35px; }
|
||||
@media screen and (max-width: 1020px) {
|
||||
.stream-container .post .post-head-wrapper-text-only {
|
||||
padding: 30px 20px 0 20px; } }
|
||||
.stream-container .post .post-head-wrapper-text-only .post-title {
|
||||
font-size: 30px;
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
line-height: 1.5em; }
|
||||
.stream-container .post .post-head-wrapper-text-only .post-title .post-meta {
|
||||
margin: 0; }
|
||||
.stream-container .post .post-head-wrapper-text-only .post-title .post-meta,
|
||||
.stream-container .post .post-head-wrapper-text-only .post-title .post-meta * {
|
||||
font-size: 16px; }
|
||||
.stream-container .post .post-head-wrapper-text-only .post-title .post-meta .material-icons {
|
||||
vertical-align: middle;
|
||||
margin-bottom: 3px; }
|
||||
@media screen and (max-width: 1020px) {
|
||||
.stream-container .post .post-head-wrapper-text-only .post-title .post-meta,
|
||||
.stream-container .post .post-head-wrapper-text-only .post-title .post-meta * {
|
||||
font-size: 14px; } }
|
||||
@media screen and (max-width: 1020px) {
|
||||
.stream-container .post .post-head-wrapper-text-only .post-title {
|
||||
font-size: 22px; } }
|
||||
.stream-container .post .post-body-wrapper {
|
||||
padding: 30px 35px 35px 35px; }
|
||||
@media screen and (max-width: 1020px) {
|
||||
.stream-container .post .post-body-wrapper {
|
||||
padding: 20px 20px 35px 20px; } }
|
||||
.stream-container .post .post-body-wrapper .post-body {
|
||||
font-size: 16px;
|
||||
line-height: 1.5em; }
|
||||
.stream-container .post .post-body-wrapper .post-body * {
|
||||
word-wrap: break-word; }
|
||||
.stream-container .post .post-body-wrapper .post-body img {
|
||||
max-width: 100%;
|
||||
border-radius: 5px;
|
||||
overflow: hidden; }
|
||||
@media screen and (max-width: 1020px) {
|
||||
.stream-container .post .post-body-wrapper .post-body {
|
||||
font-size: 16px; } }
|
||||
.stream-container .post .post-body-wrapper .post-body .toc {
|
||||
float: right;
|
||||
border-radius: 5px;
|
||||
background: rgba(159, 86, 58, 0.05);
|
||||
padding: 30px;
|
||||
margin-left: 30px;
|
||||
margin-bottom: 30px; }
|
||||
.stream-container .post .post-body-wrapper .post-body .toc,
|
||||
.stream-container .post .post-body-wrapper .post-body .toc * {
|
||||
font-size: 16px; }
|
||||
.stream-container .post .post-body-wrapper .post-body .toc ul {
|
||||
list-style: decimal;
|
||||
padding: 0 0 0 20px;
|
||||
margin: 0; }
|
||||
@media screen and (max-width: 1020px) {
|
||||
.stream-container .post .post-body-wrapper .post-body .toc,
|
||||
.stream-container .post .post-body-wrapper .post-body .toc * {
|
||||
font-size: 14px; } }
|
||||
.stream-container .post .post-pagination {
|
||||
padding: 20px 35px;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between; }
|
||||
.stream-container .post .post-pagination .newer-posts {
|
||||
padding-right: 5px;
|
||||
text-align: left;
|
||||
width: 50%; }
|
||||
.stream-container .post .post-pagination .older-posts {
|
||||
padding-left: 5px;
|
||||
text-align: right;
|
||||
width: 50%; }
|
||||
@media screen and (max-width: 1020px) {
|
||||
.stream-container .post .post-pagination {
|
||||
padding: 20px 20px; } }
|
||||
.stream-container .post .post-comment-wrapper {
|
||||
padding: 20px 35px; }
|
||||
.stream-container .post .post-comment-wrapper iframe {
|
||||
overflow: hidden !important; }
|
||||
@media screen and (max-width: 1020px) {
|
||||
.stream-container .post .post-comment-wrapper {
|
||||
padding: 20px 20px; } }
|
||||
.stream-container .pagination {
|
||||
display: none; }
|
||||
@media screen and (max-width: 1020px) {
|
||||
.stream-container .pagination {
|
||||
display: flex !important;
|
||||
flex-direction: row;
|
||||
justify-content: space-between; }
|
||||
.stream-container .pagination:not(.index-page) {
|
||||
margin-top: 15px; }
|
||||
.stream-container .pagination .pagination-indicator {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-content: center;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
justify-items: center;
|
||||
width: 64px;
|
||||
padding: 15px 0;
|
||||
font-size: 12px;
|
||||
font-family: "Fira Mono", "Cousine", Monaco, Menlo, "Source Code Pro", monospace; }
|
||||
.stream-container .pagination .pagination-action {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-content: center;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
justify-items: center;
|
||||
width: 64px;
|
||||
cursor: hand;
|
||||
cursor: pointer;
|
||||
padding: 15px 0; }
|
||||
.stream-container .pagination .pagination-action :not(.pagination-action-icon) {
|
||||
transition: all 0.2s linear;
|
||||
font-size: 13px;
|
||||
font-family: "Fira Mono", "Cousine", Monaco, Menlo, "Source Code Pro", monospace; }
|
||||
.stream-container .pagination .pagination-action * {
|
||||
transition: all 0.3s linear; }
|
||||
.stream-container .pagination .pagination-action:hover {
|
||||
text-decoration: none; }
|
||||
.stream-container .pagination .pagination-action:hover * {
|
||||
color: #7a422c; } }
|
||||
/*.stream-container .single-column-footer*/
|
||||
.single-column-footer {
|
||||
display: none; }
|
||||
@media screen and (max-width: 1020px) {
|
||||
.single-column-footer {
|
||||
display: block !important;
|
||||
text-align: center;
|
||||
font-size: 13px;
|
||||
font-family: "Montserrat", "Roboto", "Source Sans Pro", "Helvetica", "Arial", "Lora", "source-han-serif-tc", serif;
|
||||
padding: 40px 20px 40px 20px; } }
|
||||
BIN
images/Pope-Edouard-de-Beaumont-1844.jpg
Normal file
BIN
images/Pope-Edouard-de-Beaumont-1844.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 66 KiB |
BIN
images/Victor_Hugo-Hunchback.jpg
Normal file
BIN
images/Victor_Hugo-Hunchback.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 109 KiB |
BIN
images/chinese.jpg
Normal file
BIN
images/chinese.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 947 KiB |
BIN
images/esmeralda.jpg
Normal file
BIN
images/esmeralda.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 54 KiB |
BIN
images/notebook.jpg
Normal file
BIN
images/notebook.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 MiB |
187
index.html
Normal file
187
index.html
Normal file
|
|
@ -0,0 +1,187 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta name="generator" content="Hugo 0.57.2" />
|
||||
<title>Kumi.Blog</title>
|
||||
|
||||
<meta charset="utf-8">
|
||||
<meta name="X-UA-Compatible" content="IE=edge">
|
||||
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
|
||||
<meta content="telephone=no" name="format-detection">
|
||||
<meta name="renderer" content="webkit">
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
|
||||
|
||||
|
||||
|
||||
<script src="/vendor/js/jquery.min.js" ></script>
|
||||
<script src="/vendor/js/popper.min.js" ></script>
|
||||
<script src="/vendor/js/bootstrap.min.js" ></script>
|
||||
<script src="/vendor/js/smooth-scroll.polyfills.min.js" ></script>
|
||||
<link type="text/css" rel="stylesheet" href="/vendor/css/bootstrap.min.css">
|
||||
<script src="/vendor/js/vue.min.js" ></script>
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://kumi.blog/scss/journal.min.b16b92403170aa4eb662f097e3eb511404d139b4dbc2f3b2a55054fe0b9913c0.css" integrity="sha256-sWuSQDFwqk62YvCX4+tRFATRObTbwvOypVBU/guZE8A=" media="screen">
|
||||
|
||||
<script src="https://kumi.blog//js/loadCSS.js"></script>
|
||||
<script>
|
||||
loadCSS("https://fonts.googleapis.com/css?family=Lora|Montserrat|Fira+Mono|Noto+Serif+SC|Material+Icons");
|
||||
</script>
|
||||
|
||||
</head><body>
|
||||
<div id="app"><div ref="sideContainer" class="side-container">
|
||||
|
||||
<a class="a-block nav-head active" href="https://kumi.blog/">
|
||||
|
||||
<div class="nav-title">
|
||||
Kumi.Blog
|
||||
</div>
|
||||
|
||||
</a>
|
||||
|
||||
<div class="nav-link-list">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a class="a-block nav-link-item false" href="https://kumi.blog/categories/">
|
||||
Categories
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a class="a-block nav-link-item false" href="https://kumi.blog/tags/">
|
||||
Tags
|
||||
</a>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="nav-footer">
|
||||
Hugo Theme <a href="https://github.com/amazingrise/hugo-theme-diary">Diary</a> by <a href="https://amazingrise.net">Rise</a>
|
||||
<br>
|
||||
Ported from <a href="https://mak1t0.cc/" target="_blank" rel="noreferrer noopener">Makito</a>'s <a href="https://github.com/SumiMakito/hexo-theme-journal/" target="_blank" rel="noreferrer noopener">Journal.</a> <br>
|
||||
<br>
|
||||
©
|
||||
|
||||
2019 Kumi.Blog
|
||||
|
||||
</div>
|
||||
|
||||
</div><div ref="extraContainer" class="extra-container">
|
||||
<div class="pagination">
|
||||
<a id="globalBackToTop" class="pagination-action animated-visibility" href="#top" :class="{ invisible: scrollY == 0 }">
|
||||
<i class="material-icons pagination-action-icon">
|
||||
keyboard_arrow_up
|
||||
</i>
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div><div class="single-column-drawer-container" ref="drawer"
|
||||
v-bind:class="{ 'single-column-drawer-container-active': isDrawerOpen }">
|
||||
<div class="drawer-content">
|
||||
<div class="drawer-menu">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a class="a-block drawer-menu-item false" href="https://kumi.blog/categories/">
|
||||
Categories
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a class="a-block drawer-menu-item false" href="https://kumi.blog/tags/">
|
||||
Tags
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<transition name="fade">
|
||||
<div v-bind:class="{ 'single-column-drawer-mask': mounted }" v-if="isDrawerOpen" v-on:click="toggleDrawer"></div>
|
||||
</transition>
|
||||
<nav ref="navBar" class="navbar sticky-top navbar-light single-column-nav-container">
|
||||
<div ref="navBackground" class="nav-background"></div>
|
||||
<div class="container container-narrow nav-content">
|
||||
<button id="nav_dropdown_btn" class="nav-dropdown-toggle" type="button" v-on:click="toggleDrawer">
|
||||
<i class="material-icons">
|
||||
menu
|
||||
</i>
|
||||
</button>
|
||||
<a ref="navTitle" class="navbar-brand" href="https://kumi.blog/">
|
||||
Kumi.Blog
|
||||
</a>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="single-column-header-container" ref="pageHead"
|
||||
v-bind:style="{ transform: 'translateZ(0px) translateY('+.3*scrollY+'px)', opacity: 1-navOpacity }">
|
||||
<a href="https://kumi.blog/">
|
||||
<div class="single-column-header-title">Kumi.Blog</div>
|
||||
|
||||
|
||||
</a>
|
||||
</div>
|
||||
<div id="content">
|
||||
|
||||
<div ref="streamContainer" class="stream-container">
|
||||
<div class="post-list-container post-list-container-no-background">
|
||||
|
||||
|
||||
<a href="https://kumi.blog/posts/hello-world/" class="a-block">
|
||||
<div class="post-item-wrapper">
|
||||
<div class="post-item post-item-no-divider">
|
||||
<div class="post-item-info-wrapper">
|
||||
<div class="post-item-title">
|
||||
Hello World
|
||||
</div>
|
||||
<div class="post-item-summary">
|
||||
|
||||
</div>
|
||||
<div class="post-item-meta">
|
||||
2019-12-30
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div><div id="single-column-footer">Hugo Theme <a href="https://github.com/amazingrise/hugo-theme-diary">Diary</a> by <a href="https://amazingrise.net">Rise</a>
|
||||
<br>
|
||||
Ported from <a href="https://mak1t0.cc/" target="_blank" rel="noreferrer noopener">Makito</a>'s <a href="https://github.com/SumiMakito/hexo-theme-journal/" target="_blank" rel="noreferrer noopener">Journal.</a> <br>
|
||||
<br>
|
||||
©
|
||||
|
||||
2019 Kumi.Blog
|
||||
</div>
|
||||
</div>
|
||||
<script src="https://kumi.blog//js/journal.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
25
index.xml
Normal file
25
index.xml
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>Kumi.Blog</title>
|
||||
<link>https://kumi.blog/</link>
|
||||
<description>Recent content on Kumi.Blog</description>
|
||||
<generator>Hugo -- gohugo.io</generator>
|
||||
<language>en-us</language>
|
||||
<lastBuildDate>Mon, 30 Dec 2019 20:21:24 +0100</lastBuildDate>
|
||||
|
||||
<atom:link href="https://kumi.blog/index.xml" rel="self" type="application/rss+xml" />
|
||||
|
||||
|
||||
<item>
|
||||
<title>Hello World</title>
|
||||
<link>https://kumi.blog/posts/hello-world/</link>
|
||||
<pubDate>Mon, 30 Dec 2019 20:21:24 +0100</pubDate>
|
||||
|
||||
<guid>https://kumi.blog/posts/hello-world/</guid>
|
||||
<description>Well, hello. These are the first lines on kumi.blog.
|
||||
I&rsquo;m Kumi, this is a blog, so that should explain the name. As for the contents, I&rsquo;m not sure about those either. Expect to see a little bit about my life, a lot of IT related stuff (I&rsquo;m thinking about doing little howtos for server admins and self-datafication, for example), maybe a little politics - well, let&rsquo;s just all sit back and enjoy the show.</description>
|
||||
</item>
|
||||
|
||||
</channel>
|
||||
</rss>
|
||||
70
js/journal.js
Normal file
70
js/journal.js
Normal file
|
|
@ -0,0 +1,70 @@
|
|||
let app;
|
||||
|
||||
app = new Vue({
|
||||
el: '#app',
|
||||
data: {
|
||||
scrollY: 0,
|
||||
navOpacity: 0,
|
||||
isDrawerOpen: false,
|
||||
mounted: false,
|
||||
},
|
||||
methods: {
|
||||
sgn(t, x) {
|
||||
let k = 1. / (1. - 2 * t);
|
||||
if (x <= t) return 0;
|
||||
else if (x >= 1 - t) return 1;
|
||||
else {
|
||||
return k * (x - t);
|
||||
}
|
||||
},
|
||||
handleScroll() {
|
||||
this.scrollY = window.scrollY;
|
||||
this.navOpacity = this.sgn(.0, Math.min(1, Math.max(0, window.scrollY / (this.pageHeadHeight() - this.navBarHeight() * 0.8))));
|
||||
const {navBar, navBackground, navTitle, extraContainer, streamContainer} = this.$refs;
|
||||
|
||||
if (this.navOpacity >= 1) {
|
||||
navBackground.style.opacity = 1;
|
||||
navTitle.style.opacity = 1;
|
||||
} else {
|
||||
navBackground.style.opacity = 0;
|
||||
navTitle.style.opacity = 0;
|
||||
}
|
||||
},
|
||||
handleResize() {
|
||||
const {navBar, navBackground, navTitle, extraContainer, streamContainer} = this.$refs;
|
||||
extraContainer.style.left = (streamContainer.offsetWidth - extraContainer.offsetWidth) + 'px';
|
||||
},
|
||||
navBarHeight() {
|
||||
return this.$refs.navBar.offsetHeight;
|
||||
},
|
||||
pageHeadHeight() {
|
||||
return this.$refs.pageHead.offsetHeight;
|
||||
},
|
||||
toggleDrawer() {
|
||||
this.isDrawerOpen = !this.isDrawerOpen;
|
||||
document.getElementsByTagName('html')[0].style.overflow = this.isDrawerOpen ? 'hidden' : 'unset';
|
||||
},
|
||||
},
|
||||
created() {
|
||||
window.addEventListener('scroll', this.handleScroll);
|
||||
window.addEventListener('resize', this.handleResize);
|
||||
window._nonDesktop = function () {
|
||||
let check = false;
|
||||
(function (a) {
|
||||
if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(a) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0, 4))) check = true;
|
||||
})(navigator.userAgent || navigator.vendor || window.opera);
|
||||
return check;
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
this.handleScroll();
|
||||
this.handleResize();
|
||||
this.mounted = true;
|
||||
},
|
||||
destroyed() {
|
||||
window.removeEventListener('scroll', this.handleScroll);
|
||||
window.removeEventListener('resize', this.handleResize);
|
||||
}
|
||||
});
|
||||
|
||||
new SmoothScroll('a#globalBackToTop');
|
||||
79
js/loadCSS.js
Normal file
79
js/loadCSS.js
Normal file
|
|
@ -0,0 +1,79 @@
|
|||
/*! loadCSS. [c]2017 Filament Group, Inc. MIT License */
|
||||
(function(w){
|
||||
"use strict";
|
||||
/* exported loadCSS */
|
||||
var loadCSS = function( href, before, media ){
|
||||
// Arguments explained:
|
||||
// `href` [REQUIRED] is the URL for your CSS file.
|
||||
// `before` [OPTIONAL] is the element the script should use as a reference for injecting our stylesheet <link> before
|
||||
// By default, loadCSS attempts to inject the link after the last stylesheet or script in the DOM. However, you might desire a more specific location in your document.
|
||||
// `media` [OPTIONAL] is the media type or query of the stylesheet. By default it will be 'all'
|
||||
var doc = w.document;
|
||||
var ss = doc.createElement( "link" );
|
||||
var ref;
|
||||
if( before ){
|
||||
ref = before;
|
||||
}
|
||||
else {
|
||||
var refs = ( doc.body || doc.getElementsByTagName( "head" )[ 0 ] ).childNodes;
|
||||
ref = refs[ refs.length - 1];
|
||||
}
|
||||
|
||||
var sheets = doc.styleSheets;
|
||||
ss.rel = "stylesheet";
|
||||
ss.href = href;
|
||||
// temporarily set media to something inapplicable to ensure it'll fetch without blocking render
|
||||
ss.media = "only x";
|
||||
|
||||
// wait until body is defined before injecting link. This ensures a non-blocking load in IE11.
|
||||
function ready( cb ){
|
||||
if( doc.body ){
|
||||
return cb();
|
||||
}
|
||||
setTimeout(function(){
|
||||
ready( cb );
|
||||
});
|
||||
}
|
||||
// Inject link
|
||||
// Note: the ternary preserves the existing behavior of "before" argument, but we could choose to change the argument to "after" in a later release and standardize on ref.nextSibling for all refs
|
||||
// Note: `insertBefore` is used instead of `appendChild`, for safety re: http://www.paulirish.com/2011/surefire-dom-element-insertion/
|
||||
ready( function(){
|
||||
ref.parentNode.insertBefore( ss, ( before ? ref : ref.nextSibling ) );
|
||||
});
|
||||
// A method (exposed on return object for external use) that mimics onload by polling document.styleSheets until it includes the new sheet.
|
||||
var onloadcssdefined = function( cb ){
|
||||
var resolvedHref = ss.href;
|
||||
var i = sheets.length;
|
||||
while( i-- ){
|
||||
if( sheets[ i ].href === resolvedHref ){
|
||||
return cb();
|
||||
}
|
||||
}
|
||||
setTimeout(function() {
|
||||
onloadcssdefined( cb );
|
||||
});
|
||||
};
|
||||
|
||||
function loadCB(){
|
||||
if( ss.addEventListener ){
|
||||
ss.removeEventListener( "load", loadCB );
|
||||
}
|
||||
ss.media = media || "all";
|
||||
}
|
||||
|
||||
// once loaded, set link's media back to `all` so that the stylesheet applies once it loads
|
||||
if( ss.addEventListener ){
|
||||
ss.addEventListener( "load", loadCB);
|
||||
}
|
||||
ss.onloadcssdefined = onloadcssdefined;
|
||||
onloadcssdefined( loadCB );
|
||||
return ss;
|
||||
};
|
||||
// commonjs
|
||||
if( typeof exports !== "undefined" ){
|
||||
exports.loadCSS = loadCSS;
|
||||
}
|
||||
else {
|
||||
w.loadCSS = loadCSS;
|
||||
}
|
||||
}( typeof global !== "undefined" ? global : this ));
|
||||
1
page/1/index.html
Normal file
1
page/1/index.html
Normal file
|
|
@ -0,0 +1 @@
|
|||
<!DOCTYPE html><html><head><title>https://kumi.blog/</title><link rel="canonical" href="https://kumi.blog/"/><meta name="robots" content="noindex"><meta charset="utf-8" /><meta http-equiv="refresh" content="0; url=https://kumi.blog/" /></head></html>
|
||||
214
posts/hello-world/index.html
Normal file
214
posts/hello-world/index.html
Normal file
|
|
@ -0,0 +1,214 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>Hello World</title>
|
||||
|
||||
<meta charset="utf-8">
|
||||
<meta name="X-UA-Compatible" content="IE=edge">
|
||||
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
|
||||
<meta content="telephone=no" name="format-detection">
|
||||
<meta name="renderer" content="webkit">
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
|
||||
|
||||
|
||||
|
||||
<script src="/vendor/js/jquery.min.js" ></script>
|
||||
<script src="/vendor/js/popper.min.js" ></script>
|
||||
<script src="/vendor/js/bootstrap.min.js" ></script>
|
||||
<script src="/vendor/js/smooth-scroll.polyfills.min.js" ></script>
|
||||
<link type="text/css" rel="stylesheet" href="/vendor/css/bootstrap.min.css">
|
||||
<script src="/vendor/js/vue.min.js" ></script>
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://kumi.blog/scss/journal.min.b16b92403170aa4eb662f097e3eb511404d139b4dbc2f3b2a55054fe0b9913c0.css" integrity="sha256-sWuSQDFwqk62YvCX4+tRFATRObTbwvOypVBU/guZE8A=" media="screen">
|
||||
|
||||
<script src="https://kumi.blog//js/loadCSS.js"></script>
|
||||
<script>
|
||||
loadCSS("https://fonts.googleapis.com/css?family=Lora|Montserrat|Fira+Mono|Noto+Serif+SC|Material+Icons");
|
||||
</script>
|
||||
|
||||
</head><body>
|
||||
<div id="app"><div ref="sideContainer" class="side-container">
|
||||
|
||||
<a class="a-block nav-head false" href="https://kumi.blog/">
|
||||
|
||||
<div class="nav-title">
|
||||
Kumi.Blog
|
||||
</div>
|
||||
|
||||
</a>
|
||||
|
||||
<div class="nav-link-list">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a class="a-block nav-link-item false" href="https://kumi.blog/categories/">
|
||||
Categories
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a class="a-block nav-link-item false" href="https://kumi.blog/tags/">
|
||||
Tags
|
||||
</a>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="nav-footer">
|
||||
Hugo Theme <a href="https://github.com/amazingrise/hugo-theme-diary">Diary</a> by <a href="https://amazingrise.net">Rise</a>
|
||||
<br>
|
||||
Ported from <a href="https://mak1t0.cc/" target="_blank" rel="noreferrer noopener">Makito</a>'s <a href="https://github.com/SumiMakito/hexo-theme-journal/" target="_blank" rel="noreferrer noopener">Journal.</a> <br>
|
||||
<br>
|
||||
©
|
||||
|
||||
2019 Kumi.Blog
|
||||
|
||||
</div>
|
||||
|
||||
</div><div ref="extraContainer" class="extra-container">
|
||||
<div class="pagination">
|
||||
<a id="globalBackToTop" class="pagination-action animated-visibility" href="#top" :class="{ invisible: scrollY == 0 }">
|
||||
<i class="material-icons pagination-action-icon">
|
||||
keyboard_arrow_up
|
||||
</i>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div><div class="single-column-drawer-container" ref="drawer"
|
||||
v-bind:class="{ 'single-column-drawer-container-active': isDrawerOpen }">
|
||||
<div class="drawer-content">
|
||||
<div class="drawer-menu">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a class="a-block drawer-menu-item false" href="https://kumi.blog/categories/">
|
||||
Categories
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a class="a-block drawer-menu-item false" href="https://kumi.blog/tags/">
|
||||
Tags
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<transition name="fade">
|
||||
<div v-bind:class="{ 'single-column-drawer-mask': mounted }" v-if="isDrawerOpen" v-on:click="toggleDrawer"></div>
|
||||
</transition>
|
||||
<nav ref="navBar" class="navbar sticky-top navbar-light single-column-nav-container">
|
||||
<div ref="navBackground" class="nav-background"></div>
|
||||
<div class="container container-narrow nav-content">
|
||||
<button id="nav_dropdown_btn" class="nav-dropdown-toggle" type="button" v-on:click="toggleDrawer">
|
||||
<i class="material-icons">
|
||||
menu
|
||||
</i>
|
||||
</button>
|
||||
<a ref="navTitle" class="navbar-brand" href="https://kumi.blog/">
|
||||
Kumi.Blog
|
||||
</a>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="single-column-header-container" ref="pageHead"
|
||||
v-bind:style="{ transform: 'translateZ(0px) translateY('+.3*scrollY+'px)', opacity: 1-navOpacity }">
|
||||
<a href="https://kumi.blog/">
|
||||
<div class="single-column-header-title">Kumi.Blog</div>
|
||||
|
||||
|
||||
</a>
|
||||
</div>
|
||||
<div id="content">
|
||||
<div ref="streamContainer" class="stream-container">
|
||||
<div class="post-list-container post-list-container-shadow">
|
||||
<div class="post">
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="post-head-wrapper-text-only"
|
||||
style="background-image: url('/')">
|
||||
<div class="post-title">
|
||||
Hello World
|
||||
<div class="post-meta">
|
||||
<time itemprop="datePublished">
|
||||
2019-12-30 20:21
|
||||
</time>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="post-body-wrapper">
|
||||
<div class="post-body">
|
||||
<p>Well, hello. These are the first lines on kumi.blog.</p>
|
||||
|
||||
<p>I’m Kumi, this is a blog, so that should explain the name. As for the contents,
|
||||
I’m not sure about those either. Expect to see a little bit about my life,
|
||||
a lot of IT related stuff (I’m thinking about doing little howtos for server
|
||||
admins and self-datafication, for example), maybe a little politics - well,
|
||||
let’s just all sit back and enjoy the show.</p>
|
||||
|
||||
<p>That’s all for now. See you all soon!</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<nav class="post-pagination">
|
||||
|
||||
<a class="newer-posts">
|
||||
No newer posts.
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
<a class="older-posts">
|
||||
No older posts.
|
||||
</a>
|
||||
|
||||
</nav>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div><div id="single-column-footer">Hugo Theme <a href="https://github.com/amazingrise/hugo-theme-diary">Diary</a> by <a href="https://amazingrise.net">Rise</a>
|
||||
<br>
|
||||
Ported from <a href="https://mak1t0.cc/" target="_blank" rel="noreferrer noopener">Makito</a>'s <a href="https://github.com/SumiMakito/hexo-theme-journal/" target="_blank" rel="noreferrer noopener">Journal.</a> <br>
|
||||
<br>
|
||||
©
|
||||
|
||||
2019 Kumi.Blog
|
||||
</div>
|
||||
</div>
|
||||
<script src="https://kumi.blog//js/journal.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
25
posts/index.xml
Normal file
25
posts/index.xml
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>Posts on Kumi.Blog</title>
|
||||
<link>https://kumi.blog/posts/</link>
|
||||
<description>Recent content in Posts on Kumi.Blog</description>
|
||||
<generator>Hugo -- gohugo.io</generator>
|
||||
<language>en-us</language>
|
||||
<lastBuildDate>Mon, 30 Dec 2019 20:21:24 +0100</lastBuildDate>
|
||||
|
||||
<atom:link href="https://kumi.blog/posts/index.xml" rel="self" type="application/rss+xml" />
|
||||
|
||||
|
||||
<item>
|
||||
<title>Hello World</title>
|
||||
<link>https://kumi.blog/posts/hello-world/</link>
|
||||
<pubDate>Mon, 30 Dec 2019 20:21:24 +0100</pubDate>
|
||||
|
||||
<guid>https://kumi.blog/posts/hello-world/</guid>
|
||||
<description>Well, hello. These are the first lines on kumi.blog.
|
||||
I&rsquo;m Kumi, this is a blog, so that should explain the name. As for the contents, I&rsquo;m not sure about those either. Expect to see a little bit about my life, a lot of IT related stuff (I&rsquo;m thinking about doing little howtos for server admins and self-datafication, for example), maybe a little politics - well, let&rsquo;s just all sit back and enjoy the show.</description>
|
||||
</item>
|
||||
|
||||
</channel>
|
||||
</rss>
|
||||
File diff suppressed because one or more lines are too long
28
sitemap.xml
Normal file
28
sitemap.xml
Normal file
|
|
@ -0,0 +1,28 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
|
||||
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
|
||||
xmlns:xhtml="http://www.w3.org/1999/xhtml">
|
||||
|
||||
<url>
|
||||
<loc>https://kumi.blog/posts/hello-world/</loc>
|
||||
<lastmod>2019-12-30T20:21:24+01:00</lastmod>
|
||||
</url>
|
||||
|
||||
<url>
|
||||
<loc>https://kumi.blog/</loc>
|
||||
<lastmod>2019-12-30T20:21:24+01:00</lastmod>
|
||||
</url>
|
||||
|
||||
<url>
|
||||
<loc>https://kumi.blog/posts/</loc>
|
||||
<lastmod>2019-12-30T20:21:24+01:00</lastmod>
|
||||
</url>
|
||||
|
||||
<url>
|
||||
<loc>https://kumi.blog/categories/</loc>
|
||||
</url>
|
||||
|
||||
<url>
|
||||
<loc>https://kumi.blog/tags/</loc>
|
||||
</url>
|
||||
|
||||
</urlset>
|
||||
182
tags/index.html
Normal file
182
tags/index.html
Normal file
|
|
@ -0,0 +1,182 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>Tags</title>
|
||||
|
||||
<meta charset="utf-8">
|
||||
<meta name="X-UA-Compatible" content="IE=edge">
|
||||
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
|
||||
<meta content="telephone=no" name="format-detection">
|
||||
<meta name="renderer" content="webkit">
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
|
||||
|
||||
|
||||
|
||||
<script src="/vendor/js/jquery.min.js" ></script>
|
||||
<script src="/vendor/js/popper.min.js" ></script>
|
||||
<script src="/vendor/js/bootstrap.min.js" ></script>
|
||||
<script src="/vendor/js/smooth-scroll.polyfills.min.js" ></script>
|
||||
<link type="text/css" rel="stylesheet" href="/vendor/css/bootstrap.min.css">
|
||||
<script src="/vendor/js/vue.min.js" ></script>
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://kumi.blog/scss/journal.min.b16b92403170aa4eb662f097e3eb511404d139b4dbc2f3b2a55054fe0b9913c0.css" integrity="sha256-sWuSQDFwqk62YvCX4+tRFATRObTbwvOypVBU/guZE8A=" media="screen">
|
||||
|
||||
<script src="https://kumi.blog//js/loadCSS.js"></script>
|
||||
<script>
|
||||
loadCSS("https://fonts.googleapis.com/css?family=Lora|Montserrat|Fira+Mono|Noto+Serif+SC|Material+Icons");
|
||||
</script>
|
||||
|
||||
</head><body>
|
||||
<div id="app"><div ref="sideContainer" class="side-container">
|
||||
|
||||
<a class="a-block nav-head false" href="https://kumi.blog/">
|
||||
|
||||
<div class="nav-title">
|
||||
Kumi.Blog
|
||||
</div>
|
||||
|
||||
</a>
|
||||
|
||||
<div class="nav-link-list">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a class="a-block nav-link-item false" href="https://kumi.blog/categories/">
|
||||
Categories
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a class="a-block nav-link-item active" href="https://kumi.blog/tags/">
|
||||
Tags
|
||||
</a>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="nav-footer">
|
||||
Hugo Theme <a href="https://github.com/amazingrise/hugo-theme-diary">Diary</a> by <a href="https://amazingrise.net">Rise</a>
|
||||
<br>
|
||||
Ported from <a href="https://mak1t0.cc/" target="_blank" rel="noreferrer noopener">Makito</a>'s <a href="https://github.com/SumiMakito/hexo-theme-journal/" target="_blank" rel="noreferrer noopener">Journal.</a> <br>
|
||||
<br>
|
||||
©
|
||||
|
||||
2019 Kumi.Blog
|
||||
|
||||
</div>
|
||||
|
||||
</div><div ref="extraContainer" class="extra-container">
|
||||
<div class="pagination">
|
||||
<a id="globalBackToTop" class="pagination-action animated-visibility" href="#top" :class="{ invisible: scrollY == 0 }">
|
||||
<i class="material-icons pagination-action-icon">
|
||||
keyboard_arrow_up
|
||||
</i>
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div><div class="single-column-drawer-container" ref="drawer"
|
||||
v-bind:class="{ 'single-column-drawer-container-active': isDrawerOpen }">
|
||||
<div class="drawer-content">
|
||||
<div class="drawer-menu">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a class="a-block drawer-menu-item false" href="https://kumi.blog/categories/">
|
||||
Categories
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a class="a-block drawer-menu-item active" href="https://kumi.blog/tags/">
|
||||
Tags
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<transition name="fade">
|
||||
<div v-bind:class="{ 'single-column-drawer-mask': mounted }" v-if="isDrawerOpen" v-on:click="toggleDrawer"></div>
|
||||
</transition>
|
||||
<nav ref="navBar" class="navbar sticky-top navbar-light single-column-nav-container">
|
||||
<div ref="navBackground" class="nav-background"></div>
|
||||
<div class="container container-narrow nav-content">
|
||||
<button id="nav_dropdown_btn" class="nav-dropdown-toggle" type="button" v-on:click="toggleDrawer">
|
||||
<i class="material-icons">
|
||||
menu
|
||||
</i>
|
||||
</button>
|
||||
<a ref="navTitle" class="navbar-brand" href="https://kumi.blog/">
|
||||
Kumi.Blog
|
||||
</a>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="single-column-header-container" ref="pageHead"
|
||||
v-bind:style="{ transform: 'translateZ(0px) translateY('+.3*scrollY+'px)', opacity: 1-navOpacity }">
|
||||
<a href="https://kumi.blog/">
|
||||
<div class="single-column-header-title">Kumi.Blog</div>
|
||||
|
||||
|
||||
</a>
|
||||
</div>
|
||||
<div id="content">
|
||||
<div ref="streamContainer" class="stream-container">
|
||||
<div class="post-list-container post-list-container-shadow">
|
||||
<a class="a-block">
|
||||
<div class="post-item-wrapper post-item-wrapper-no-hover">
|
||||
<div class="post-item post-item-no-gaps">
|
||||
<div class="post-item-info-wrapper">
|
||||
<div class="post-item-title post-item-title-small">
|
||||
Tags
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div><div id="single-column-footer">Hugo Theme <a href="https://github.com/amazingrise/hugo-theme-diary">Diary</a> by <a href="https://amazingrise.net">Rise</a>
|
||||
<br>
|
||||
Ported from <a href="https://mak1t0.cc/" target="_blank" rel="noreferrer noopener">Makito</a>'s <a href="https://github.com/SumiMakito/hexo-theme-journal/" target="_blank" rel="noreferrer noopener">Journal.</a> <br>
|
||||
<br>
|
||||
©
|
||||
|
||||
2019 Kumi.Blog
|
||||
</div>
|
||||
</div>
|
||||
<script src="https://kumi.blog//js/journal.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
14
tags/index.xml
Normal file
14
tags/index.xml
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>Tags on Kumi.Blog</title>
|
||||
<link>https://kumi.blog/tags/</link>
|
||||
<description>Recent content in Tags on Kumi.Blog</description>
|
||||
<generator>Hugo -- gohugo.io</generator>
|
||||
<language>en-us</language>
|
||||
|
||||
<atom:link href="https://kumi.blog/tags/index.xml" rel="self" type="application/rss+xml" />
|
||||
|
||||
|
||||
</channel>
|
||||
</rss>
|
||||
1
tags/page/1/index.html
Normal file
1
tags/page/1/index.html
Normal file
|
|
@ -0,0 +1 @@
|
|||
<!DOCTYPE html><html><head><title>https://kumi.blog/tags/</title><link rel="canonical" href="https://kumi.blog/tags/"/><meta name="robots" content="noindex"><meta charset="utf-8" /><meta http-equiv="refresh" content="0; url=https://kumi.blog/tags/" /></head></html>
|
||||
7
vendor/css/bootstrap.min.css
vendored
Normal file
7
vendor/css/bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
1
vendor/css/bootstrap.min.css.map
vendored
Normal file
1
vendor/css/bootstrap.min.css.map
vendored
Normal file
File diff suppressed because one or more lines are too long
7
vendor/js/bootstrap.min.js
vendored
Normal file
7
vendor/js/bootstrap.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
vendor/js/bootstrap.min.js.map
vendored
Normal file
1
vendor/js/bootstrap.min.js.map
vendored
Normal file
File diff suppressed because one or more lines are too long
2
vendor/js/jquery.min.js
vendored
Normal file
2
vendor/js/jquery.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
79
vendor/js/loadCSS.js
vendored
Normal file
79
vendor/js/loadCSS.js
vendored
Normal file
|
|
@ -0,0 +1,79 @@
|
|||
/*! loadCSS. [c]2017 Filament Group, Inc. MIT License */
|
||||
(function(w){
|
||||
"use strict";
|
||||
/* exported loadCSS */
|
||||
var loadCSS = function( href, before, media ){
|
||||
// Arguments explained:
|
||||
// `href` [REQUIRED] is the URL for your CSS file.
|
||||
// `before` [OPTIONAL] is the element the script should use as a reference for injecting our stylesheet <link> before
|
||||
// By default, loadCSS attempts to inject the link after the last stylesheet or script in the DOM. However, you might desire a more specific location in your document.
|
||||
// `media` [OPTIONAL] is the media type or query of the stylesheet. By default it will be 'all'
|
||||
var doc = w.document;
|
||||
var ss = doc.createElement( "link" );
|
||||
var ref;
|
||||
if( before ){
|
||||
ref = before;
|
||||
}
|
||||
else {
|
||||
var refs = ( doc.body || doc.getElementsByTagName( "head" )[ 0 ] ).childNodes;
|
||||
ref = refs[ refs.length - 1];
|
||||
}
|
||||
|
||||
var sheets = doc.styleSheets;
|
||||
ss.rel = "stylesheet";
|
||||
ss.href = href;
|
||||
// temporarily set media to something inapplicable to ensure it'll fetch without blocking render
|
||||
ss.media = "only x";
|
||||
|
||||
// wait until body is defined before injecting link. This ensures a non-blocking load in IE11.
|
||||
function ready( cb ){
|
||||
if( doc.body ){
|
||||
return cb();
|
||||
}
|
||||
setTimeout(function(){
|
||||
ready( cb );
|
||||
});
|
||||
}
|
||||
// Inject link
|
||||
// Note: the ternary preserves the existing behavior of "before" argument, but we could choose to change the argument to "after" in a later release and standardize on ref.nextSibling for all refs
|
||||
// Note: `insertBefore` is used instead of `appendChild`, for safety re: http://www.paulirish.com/2011/surefire-dom-element-insertion/
|
||||
ready( function(){
|
||||
ref.parentNode.insertBefore( ss, ( before ? ref : ref.nextSibling ) );
|
||||
});
|
||||
// A method (exposed on return object for external use) that mimics onload by polling document.styleSheets until it includes the new sheet.
|
||||
var onloadcssdefined = function( cb ){
|
||||
var resolvedHref = ss.href;
|
||||
var i = sheets.length;
|
||||
while( i-- ){
|
||||
if( sheets[ i ].href === resolvedHref ){
|
||||
return cb();
|
||||
}
|
||||
}
|
||||
setTimeout(function() {
|
||||
onloadcssdefined( cb );
|
||||
});
|
||||
};
|
||||
|
||||
function loadCB(){
|
||||
if( ss.addEventListener ){
|
||||
ss.removeEventListener( "load", loadCB );
|
||||
}
|
||||
ss.media = media || "all";
|
||||
}
|
||||
|
||||
// once loaded, set link's media back to `all` so that the stylesheet applies once it loads
|
||||
if( ss.addEventListener ){
|
||||
ss.addEventListener( "load", loadCB);
|
||||
}
|
||||
ss.onloadcssdefined = onloadcssdefined;
|
||||
onloadcssdefined( loadCB );
|
||||
return ss;
|
||||
};
|
||||
// commonjs
|
||||
if( typeof exports !== "undefined" ){
|
||||
exports.loadCSS = loadCSS;
|
||||
}
|
||||
else {
|
||||
w.loadCSS = loadCSS;
|
||||
}
|
||||
}( typeof global !== "undefined" ? global : this ));
|
||||
5
vendor/js/popper.min.js
vendored
Normal file
5
vendor/js/popper.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
vendor/js/popper.min.js.map
vendored
Normal file
1
vendor/js/popper.min.js.map
vendored
Normal file
File diff suppressed because one or more lines are too long
2
vendor/js/smooth-scroll.polyfills.min.js
vendored
Normal file
2
vendor/js/smooth-scroll.polyfills.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
6
vendor/js/vue.min.js
vendored
Normal file
6
vendor/js/vue.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
Loading…
Reference in a new issue