Move static resources to static/ and do not minify the CSS
This commit is contained in:
		
							parent
							
								
									ce1c860269
								
							
						
					
					
						commit
						173ae928f8
					
				
					 12 changed files with 3 additions and 8 deletions
				
			
		
							
								
								
									
										1
									
								
								static/an-old-hope.min.css
									
										
									
									
										vendored
									
									
										Normal file
									
								
							
							
						
						
									
										1
									
								
								static/an-old-hope.min.css
									
										
									
									
										vendored
									
									
										Normal file
									
								
							| 
						 | 
				
			
			@ -0,0 +1 @@
 | 
			
		|||
.hljs-comment,.hljs-quote{color:#B6B18B}.hljs-variable,.hljs-template-variable,.hljs-tag,.hljs-name,.hljs-selector-id,.hljs-selector-class,.hljs-regexp,.hljs-deletion{color:#EB3C54}.hljs-number,.hljs-built_in,.hljs-builtin-name,.hljs-literal,.hljs-type,.hljs-params,.hljs-meta,.hljs-link{color:#E7CE56}.hljs-attribute{color:#EE7C2B}.hljs-string,.hljs-symbol,.hljs-bullet,.hljs-addition{color:#4FB4D7}.hljs-title,.hljs-section{color:#78BB65}.hljs-keyword,.hljs-selector-tag{color:#B45EA4}.hljs{display:block;overflow-x:auto;background:#1C1D21;color:#c0c5ce;padding:.5em}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold}
 | 
			
		||||
							
								
								
									
										683
									
								
								static/app.css
									
										
									
									
									
										Normal file
									
								
							
							
						
						
									
										683
									
								
								static/app.css
									
										
									
									
									
										Normal file
									
								
							| 
						 | 
				
			
			@ -0,0 +1,683 @@
 | 
			
		|||
/*
 | 
			
		||||
 * Paper
 | 
			
		||||
 * A simple, clean, flexible Hugo theme
 | 
			
		||||
 * https://github.com/nanxiaobei/hugo-paper
 | 
			
		||||
 * Designed by 南小北 (https://lee.so/)
 | 
			
		||||
 * Updated in 2021.8.24
 | 
			
		||||
 */
 | 
			
		||||
 | 
			
		||||
/* Theme
 | 
			
		||||
 -------------------------------------------------- */
 | 
			
		||||
:root {
 | 
			
		||||
  --gap: 3.5rem;
 | 
			
		||||
  --y-gap: 8rem;
 | 
			
		||||
  --wide: 140rem;
 | 
			
		||||
  --narrow: 80rem;
 | 
			
		||||
  --side: calc((var(--wide) - var(--narrow)) / 2);
 | 
			
		||||
  --header: 8rem;
 | 
			
		||||
  --footer: calc(8rem + var(--safe-bottom));
 | 
			
		||||
  --link-color: #3486ff;
 | 
			
		||||
 | 
			
		||||
  --light: 255, 255, 255;
 | 
			
		||||
  --dark: 22, 22, 22;
 | 
			
		||||
  --hljs-bg: #111;
 | 
			
		||||
 | 
			
		||||
  --safe-bottom: 0;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@supports (bottom: constant(safe-area-inset-bottom)) {
 | 
			
		||||
  :root {
 | 
			
		||||
    --safe-bottom: constant(safe-area-inset-bottom);
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@supports (bottom: env(safe-area-inset-bottom)) {
 | 
			
		||||
  :root {
 | 
			
		||||
    --safe-bottom: env(safe-area-inset-bottom);
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.dark {
 | 
			
		||||
  --light: 22, 22, 22;
 | 
			
		||||
  --dark: 255, 255, 255;
 | 
			
		||||
  --hljs-bg: #282828;
 | 
			
		||||
  --link-color: #56a8ff;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
*,
 | 
			
		||||
*::before,
 | 
			
		||||
*::after {
 | 
			
		||||
  box-sizing: border-box;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
html,
 | 
			
		||||
body {
 | 
			
		||||
  height: 100%;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
html {
 | 
			
		||||
  -webkit-tap-highlight-color: transparent;
 | 
			
		||||
  font-size: 8px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
body {
 | 
			
		||||
  --white: rgba(var(--light), 1);
 | 
			
		||||
  --black: rgba(var(--dark), 1);
 | 
			
		||||
 | 
			
		||||
  --pro: rgba(var(--dark), 1);
 | 
			
		||||
  --lit: rgba(var(--dark), 0.64);
 | 
			
		||||
  --air: rgba(var(--dark), 0.48);
 | 
			
		||||
  --fog: rgba(var(--dark), 0.12);
 | 
			
		||||
 | 
			
		||||
  display: flex;
 | 
			
		||||
  flex-direction: column;
 | 
			
		||||
  padding-right: var(--gap);
 | 
			
		||||
  padding-left: var(--gap);
 | 
			
		||||
  margin: 0;
 | 
			
		||||
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
 | 
			
		||||
    'Open Sans', 'Helvetica Neue', sans-serif;
 | 
			
		||||
  font-size: 2rem;
 | 
			
		||||
  line-height: 1.8;
 | 
			
		||||
  color: var(--pro);
 | 
			
		||||
  word-break: break-word;
 | 
			
		||||
  background: var(--white);
 | 
			
		||||
  transition: background 0.4s ease-out;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
body > * {
 | 
			
		||||
  flex-shrink: 0;
 | 
			
		||||
  width: 100%;
 | 
			
		||||
  margin-inline: auto;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.not-ready,
 | 
			
		||||
.not-ready * {
 | 
			
		||||
  transition: none !important;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@media (max-width: 1199px) {
 | 
			
		||||
  html {
 | 
			
		||||
    font-size: 7px;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/* Reset
 | 
			
		||||
-------------------------------------------------- */
 | 
			
		||||
 | 
			
		||||
h1,
 | 
			
		||||
h2,
 | 
			
		||||
h3,
 | 
			
		||||
h4,
 | 
			
		||||
h5,
 | 
			
		||||
h6 {
 | 
			
		||||
  margin: 0;
 | 
			
		||||
  font-size: inherit;
 | 
			
		||||
  font-weight: 700;
 | 
			
		||||
  line-height: 1.2;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
p {
 | 
			
		||||
  margin: 0;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
strong,
 | 
			
		||||
b {
 | 
			
		||||
  font-weight: 500;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
ul,
 | 
			
		||||
ol {
 | 
			
		||||
  padding: 0;
 | 
			
		||||
  margin: 0;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
a {
 | 
			
		||||
  color: inherit;
 | 
			
		||||
  text-decoration: none;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
table {
 | 
			
		||||
  width: 100%;
 | 
			
		||||
  border-spacing: 0;
 | 
			
		||||
  border-collapse: collapse;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
button,
 | 
			
		||||
input,
 | 
			
		||||
textarea {
 | 
			
		||||
  padding: 0;
 | 
			
		||||
  font: inherit;
 | 
			
		||||
  background: transparent;
 | 
			
		||||
  border: 0;
 | 
			
		||||
  outline: 0;
 | 
			
		||||
  -webkit-appearance: none;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
button,
 | 
			
		||||
input[type='button'],
 | 
			
		||||
input[type='submit'] {
 | 
			
		||||
  cursor: pointer;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
input,
 | 
			
		||||
textarea {
 | 
			
		||||
  padding: 0;
 | 
			
		||||
  border: 0;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
input:-webkit-autofill,
 | 
			
		||||
textarea:-webkit-autofill {
 | 
			
		||||
  box-shadow: 0 0 0 6rem var(--white) inset;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
img {
 | 
			
		||||
  display: block;
 | 
			
		||||
  max-width: 100%;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/* Header
 | 
			
		||||
 -------------------------------------------------- */
 | 
			
		||||
.header {
 | 
			
		||||
  margin-top: 2rem;
 | 
			
		||||
  display: flex;
 | 
			
		||||
  max-width: var(--wide);
 | 
			
		||||
  height: var(--header);
 | 
			
		||||
  align-items: baseline;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.header a {
 | 
			
		||||
  display: flex;
 | 
			
		||||
  flex-shrink: 0;
 | 
			
		||||
  align-items: center;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.logo {
 | 
			
		||||
  display: flex;
 | 
			
		||||
  min-width: var(--side);
 | 
			
		||||
  padding-right: var(--gap);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.site-name {
 | 
			
		||||
  padding-bottom: 0.3rem;
 | 
			
		||||
  overflow: auto;
 | 
			
		||||
  font-size: 3.4rem;
 | 
			
		||||
  font-weight: 700;
 | 
			
		||||
  white-space: nowrap;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.btn-dark {
 | 
			
		||||
  width: 3rem;
 | 
			
		||||
  margin-left: 2rem;
 | 
			
		||||
  cursor: pointer;
 | 
			
		||||
  background: url(./theme.png) left / auto 3rem no-repeat;
 | 
			
		||||
  transition: background-position 0.4s steps(5);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.dark .btn-dark {
 | 
			
		||||
  background-position: right;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.menu {
 | 
			
		||||
  display: flex;
 | 
			
		||||
  overflow: auto;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.menu a + a {
 | 
			
		||||
  margin-left: var(--gap);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.menu a.active {
 | 
			
		||||
  opacity: 0.44;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.social {
 | 
			
		||||
  display: flex;
 | 
			
		||||
  margin-left: auto;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.social a {
 | 
			
		||||
  width: 3rem;
 | 
			
		||||
  margin-left: 3rem;
 | 
			
		||||
  background: var(--url) center center no-repeat;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.social a span {
 | 
			
		||||
  visibility: hidden;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.dark .social a {
 | 
			
		||||
  filter: invert(1);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@media (max-width: 1199px) {
 | 
			
		||||
  .logo {
 | 
			
		||||
    min-width: auto;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  [data-menu='true'] {
 | 
			
		||||
    --header: 16rem;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  [data-menu='true'] .header {
 | 
			
		||||
    position: relative;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  [data-menu='true'] .header > * {
 | 
			
		||||
    height: calc(var(--header) / 2);
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  [data-menu='true'] .menu {
 | 
			
		||||
    position: absolute;
 | 
			
		||||
    inset: auto 0 0;
 | 
			
		||||
    border-bottom: 1px solid var(--fog);
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/* Main
 | 
			
		||||
 -------------------------------------------------- */
 | 
			
		||||
.main {
 | 
			
		||||
  max-width: var(--narrow);
 | 
			
		||||
  min-height: calc(100% - var(--header) - var(--footer));
 | 
			
		||||
  padding-top: var(--y-gap);
 | 
			
		||||
  padding-bottom: var(--y-gap);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.main-title {
 | 
			
		||||
  margin-bottom: calc(var(--y-gap) + 1rem);
 | 
			
		||||
  font-size: 3rem;
 | 
			
		||||
  font-weight: 400;
 | 
			
		||||
  color: var(--lit);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.main-nav {
 | 
			
		||||
  display: flex;
 | 
			
		||||
  margin-top: 5rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.main-nav a {
 | 
			
		||||
  font-size: 1.8rem;
 | 
			
		||||
  line-height: 5.5rem;
 | 
			
		||||
  color: var(--white);
 | 
			
		||||
  background: var(--black);
 | 
			
		||||
  border-radius: 0.5rem;
 | 
			
		||||
  padding-inline: 3rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.main-nav .next {
 | 
			
		||||
  margin-left: auto;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/* Post entry
 | 
			
		||||
 -------------------------------------------------- */
 | 
			
		||||
.post-entry {
 | 
			
		||||
  position: relative;
 | 
			
		||||
  padding-block: 2rem;
 | 
			
		||||
  transition: transform 0.1s;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.post-entry:first-of-type {
 | 
			
		||||
  margin-top: -2rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.post-entry:active {
 | 
			
		||||
  transform: scale(0.99);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.post-entry h2 {
 | 
			
		||||
  margin-bottom: 0.2rem;
 | 
			
		||||
  font-size: 3rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.post-entry time {
 | 
			
		||||
  flex-shrink: 0;
 | 
			
		||||
  font-size: 1.7rem;
 | 
			
		||||
  color: var(--air);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.post-entry a {
 | 
			
		||||
  position: absolute;
 | 
			
		||||
  inset: 0;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/* Post single
 | 
			
		||||
 -------------------------------------------------- */
 | 
			
		||||
.post-title {
 | 
			
		||||
  margin-bottom: calc(var(--y-gap) + 1rem);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.post-title p {
 | 
			
		||||
  display: flex;
 | 
			
		||||
  margin-bottom: 1.5rem;
 | 
			
		||||
  font-size: 1.6rem;
 | 
			
		||||
  color: var(--air);
 | 
			
		||||
  transform: translateY(0.4rem);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.post-title p span::before {
 | 
			
		||||
  content: '·';
 | 
			
		||||
  margin-inline: 0.8rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.post-title h1 {
 | 
			
		||||
  font-size: 5rem;
 | 
			
		||||
  transform: translateX(-0.3rem);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.post-tags {
 | 
			
		||||
  margin-top: 7rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.post-tags a {
 | 
			
		||||
  display: inline-block;
 | 
			
		||||
  font-weight: 500;
 | 
			
		||||
  line-height: 5rem;
 | 
			
		||||
  color: var(--lit);
 | 
			
		||||
  background: rgba(var(--dark), 0.05);
 | 
			
		||||
  border-radius: 0.5rem;
 | 
			
		||||
  padding-inline: 2rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.post-tags a + a {
 | 
			
		||||
  margin-left: 0.5rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.post-nav {
 | 
			
		||||
  display: flex;
 | 
			
		||||
  justify-content: space-between;
 | 
			
		||||
  margin-top: var(--y-gap);
 | 
			
		||||
  background: rgba(var(--dark), 0.05);
 | 
			
		||||
  border-radius: 0.5rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.post-nav a {
 | 
			
		||||
  display: flex;
 | 
			
		||||
  align-items: center;
 | 
			
		||||
  width: 50%;
 | 
			
		||||
  padding: var(--gap);
 | 
			
		||||
  font-size: 2.4rem;
 | 
			
		||||
  font-weight: 700;
 | 
			
		||||
  line-height: 1.2;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.post-nav a span + span {
 | 
			
		||||
  margin-left: 1rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.post-nav .prev {
 | 
			
		||||
  padding-right: 1rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.post-nav .next {
 | 
			
		||||
  justify-content: flex-end;
 | 
			
		||||
  padding-left: 1rem;
 | 
			
		||||
  margin-left: auto;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.post-comments {
 | 
			
		||||
  margin-top: var(--y-gap);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@media (max-width: 1199px) {
 | 
			
		||||
  .post-title {
 | 
			
		||||
    display: block;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  .post-title aside {
 | 
			
		||||
    flex-direction: row;
 | 
			
		||||
    width: auto;
 | 
			
		||||
    padding-right: 0;
 | 
			
		||||
    margin-bottom: 0.5rem;
 | 
			
		||||
    margin-left: 0;
 | 
			
		||||
    transform: none;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  .post-title aside span::before {
 | 
			
		||||
    content: '·';
 | 
			
		||||
    margin-inline: 0.5rem;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/* Post content
 | 
			
		||||
 -------------------------------------------------- */
 | 
			
		||||
.post-content {
 | 
			
		||||
  font-size: 2.2rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.post-content h1,
 | 
			
		||||
.post-content h2,
 | 
			
		||||
.post-content h3,
 | 
			
		||||
.post-content h4,
 | 
			
		||||
.post-content h5,
 | 
			
		||||
.post-content h6 {
 | 
			
		||||
  margin-block: 2rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.post-content h1 {
 | 
			
		||||
  margin-top: var(--y-gap);
 | 
			
		||||
  font-size: 4.5rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.post-content h2 {
 | 
			
		||||
  margin-top: 6rem;
 | 
			
		||||
  font-size: 3.5rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.post-content h3 {
 | 
			
		||||
  font-size: 2.5rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.post-content h4 {
 | 
			
		||||
  font-size: 2.2rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.post-content h5 {
 | 
			
		||||
  font-size: 1.8rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.post-content h6 {
 | 
			
		||||
  font-size: 1.5rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.post-content img {
 | 
			
		||||
  margin-inline: auto;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.post-content a {
 | 
			
		||||
  padding-bottom: 0.2rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.post-content a:hover {
 | 
			
		||||
  border-bottom: 2px solid var(--link-color);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.post-content a code {
 | 
			
		||||
  margin-inline: 0;
 | 
			
		||||
  border-bottom-right-radius: 0;
 | 
			
		||||
  border-bottom-left-radius: 0;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.post-content del {
 | 
			
		||||
  text-decoration: none;
 | 
			
		||||
  background: linear-gradient(to right, var(--pro) 100%, transparent 0) 0 50% / 1px 1px repeat-x;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.post-content p,
 | 
			
		||||
.post-content ul,
 | 
			
		||||
.post-content ol,
 | 
			
		||||
.post-content dl,
 | 
			
		||||
.post-content details {
 | 
			
		||||
  margin-bottom: 3rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.post-content ul,
 | 
			
		||||
.post-content ol {
 | 
			
		||||
  padding-left: 2.5rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.post-content li {
 | 
			
		||||
  margin-top: 0.6rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.post-content li p {
 | 
			
		||||
  margin-bottom: 0;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.post-content dl {
 | 
			
		||||
  display: flex;
 | 
			
		||||
  flex-wrap: wrap;
 | 
			
		||||
  margin: 0;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.post-content dt {
 | 
			
		||||
  width: 25%;
 | 
			
		||||
  font-weight: 500;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.post-content dd {
 | 
			
		||||
  width: 75%;
 | 
			
		||||
  padding-left: 1.3rem;
 | 
			
		||||
  margin-left: 0;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.post-content dt ~ dt,
 | 
			
		||||
.post-content dd ~ dd {
 | 
			
		||||
  margin-top: 1.3rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.post-content table {
 | 
			
		||||
  margin-bottom: 4rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.post-content table th,
 | 
			
		||||
.post-content table:not(.highlighttable) td {
 | 
			
		||||
  min-width: 10rem;
 | 
			
		||||
  padding: 1.5rem 1rem;
 | 
			
		||||
  line-height: 1.5;
 | 
			
		||||
  border-bottom: 1px solid var(--fog);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.post-content table th {
 | 
			
		||||
  font-size: 1.6rem;
 | 
			
		||||
  text-align: left;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.post-content table:not(.highlighttable) td code:only-of-type {
 | 
			
		||||
  margin-inline: 0;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.post-content .highlight,
 | 
			
		||||
.post-content pre {
 | 
			
		||||
  margin: 0 calc(var(--gap) * -1) 4rem;
 | 
			
		||||
  overflow-x: auto;
 | 
			
		||||
  background: var(--hljs-bg) !important;
 | 
			
		||||
  border-radius: 0.5rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.post-content ul pre {
 | 
			
		||||
  margin-left: calc(var(--gap) * -2);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.post-content .highlight pre {
 | 
			
		||||
  margin-inline: 0;
 | 
			
		||||
  margin-bottom: 0;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/* table */
 | 
			
		||||
.post-content .highlighttable {
 | 
			
		||||
  table-layout: fixed;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.post-content .highlighttable td:first-of-type {
 | 
			
		||||
  width: 5rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.post-content .highlighttable td .linenodiv {
 | 
			
		||||
  padding-right: 0 !important;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.post-content .highlighttable td .linenodiv pre,
 | 
			
		||||
.post-content .highlighttable td .highlight {
 | 
			
		||||
  margin-bottom: 0;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.post-content .highlighttable td .highlight pre code::-webkit-scrollbar {
 | 
			
		||||
  display: none;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/* inline */
 | 
			
		||||
.post-content .highlight span {
 | 
			
		||||
  background: transparent !important;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.post-content code {
 | 
			
		||||
  padding: 0.5rem 1rem;
 | 
			
		||||
  margin-inline: 0.5rem;
 | 
			
		||||
  font-family: Menlo, Monaco, 'Courier New', Courier, monospace;
 | 
			
		||||
  font-size: 0.8em;
 | 
			
		||||
  line-height: 1.5;
 | 
			
		||||
  background: rgba(var(--dark), 0.06);
 | 
			
		||||
  border-radius: 0.3rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.post-content pre code {
 | 
			
		||||
  display: block;
 | 
			
		||||
  padding: var(--gap);
 | 
			
		||||
  margin-inline: 0;
 | 
			
		||||
  color: rgba(255, 255, 255, 0.8);
 | 
			
		||||
  background: transparent;
 | 
			
		||||
  border-radius: 0;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.post-content blockquote {
 | 
			
		||||
  padding: 0 0 0 calc(var(--gap) - 0.4rem);
 | 
			
		||||
  margin: 0 0 0 calc(var(--gap) * -1);
 | 
			
		||||
  border-left: 0.4rem solid var(--pro);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.post-content hr {
 | 
			
		||||
  height: 1px;
 | 
			
		||||
  background: var(--fog);
 | 
			
		||||
  border: 0;
 | 
			
		||||
  margin-block: 12rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.post-content iframe {
 | 
			
		||||
  width: 100%;
 | 
			
		||||
  background: var(--black);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/* Footer
 | 
			
		||||
 -------------------------------------------------- */
 | 
			
		||||
.footer {
 | 
			
		||||
  display: flex;
 | 
			
		||||
  align-items: center;
 | 
			
		||||
  justify-content: center;
 | 
			
		||||
  max-width: var(--narrow);
 | 
			
		||||
  height: var(--footer);
 | 
			
		||||
  padding-bottom: var(--safe-bottom);
 | 
			
		||||
  margin-top: auto;
 | 
			
		||||
  font-size: 1.6rem;
 | 
			
		||||
  color: var(--lit);
 | 
			
		||||
  border-top: 1px solid var(--fog);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.footer p + p::before {
 | 
			
		||||
  content: '·';
 | 
			
		||||
  margin-inline: 0.6rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.footer a:hover {
 | 
			
		||||
  color: var(--pro);
 | 
			
		||||
  border-bottom: 1px solid var(--pro);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/* 404
 | 
			
		||||
 -------------------------------------------------- */
 | 
			
		||||
.title-404 {
 | 
			
		||||
  display: flex;
 | 
			
		||||
  align-items: center;
 | 
			
		||||
  justify-content: center;
 | 
			
		||||
  height: 100%;
 | 
			
		||||
  padding-bottom: 8rem;
 | 
			
		||||
  font-size: 16rem;
 | 
			
		||||
}
 | 
			
		||||
							
								
								
									
										
											BIN
										
									
								
								static/apple-touch-icon.png
									
										
									
									
									
										Normal file
									
								
							
							
						
						
									
										
											BIN
										
									
								
								static/apple-touch-icon.png
									
										
									
									
									
										Normal file
									
								
							
										
											Binary file not shown.
										
									
								
							| 
		 After Width: | Height: | Size: 866 B  | 
							
								
								
									
										
											BIN
										
									
								
								static/favicon.ico
									
										
									
									
									
										Normal file
									
								
							
							
						
						
									
										
											BIN
										
									
								
								static/favicon.ico
									
										
									
									
									
										Normal file
									
								
							
										
											Binary file not shown.
										
									
								
							| 
		 After Width: | Height: | Size: 689 B  | 
							
								
								
									
										1
									
								
								static/github.svg
									
										
									
									
									
										Normal file
									
								
							
							
						
						
									
										1
									
								
								static/github.svg
									
										
									
									
									
										Normal file
									
								
							| 
						 | 
				
			
			@ -0,0 +1 @@
 | 
			
		|||
<svg viewBox="-0.8 -1 17.6 17.6" xmlns="http://www.w3.org/2000/svg"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z" /></svg>
 | 
			
		||||
| 
		 After Width: | Height: | Size: 656 B  | 
							
								
								
									
										2
									
								
								static/highlight.min.js
									
										
									
									
										vendored
									
									
										Normal file
									
								
							
							
						
						
									
										2
									
								
								static/highlight.min.js
									
										
									
									
										vendored
									
									
										Normal file
									
								
							
										
											
												File diff suppressed because one or more lines are too long
											
										
									
								
							
							
								
								
									
										41
									
								
								static/home.css
									
										
									
									
									
										Normal file
									
								
							
							
						
						
									
										41
									
								
								static/home.css
									
										
									
									
									
										Normal file
									
								
							| 
						 | 
				
			
			@ -0,0 +1,41 @@
 | 
			
		|||
/* home.css */
 | 
			
		||||
 | 
			
		||||
.main h1,
 | 
			
		||||
.main h2,
 | 
			
		||||
.main h3 {
 | 
			
		||||
    margin-top: 5rem;
 | 
			
		||||
    margin-bottom: 0.7rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.main h1:first-child {
 | 
			
		||||
    margin-top: 0;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.main a {
 | 
			
		||||
    color: var(--link-color);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.main a:hover {
 | 
			
		||||
  border-bottom: 2px solid var(--link-color);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.main h1 {
 | 
			
		||||
    font-size: 5rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.main h2 {
 | 
			
		||||
    font-size: 3rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#homepage-content {
 | 
			
		||||
    margin-bottom: 2em;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.main p:first-child {
 | 
			
		||||
    margin-top: 0;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.main p,
 | 
			
		||||
.main ul {
 | 
			
		||||
    margin-top: 1.5rem;
 | 
			
		||||
}
 | 
			
		||||
							
								
								
									
										1
									
								
								static/instagram.svg
									
										
									
									
									
										Normal file
									
								
							
							
						
						
									
										1
									
								
								static/instagram.svg
									
										
									
									
									
										Normal file
									
								
							| 
						 | 
				
			
			@ -0,0 +1 @@
 | 
			
		|||
<svg viewBox="-1.5 -3 53 53" xmlns="http://www.w3.org/2000/svg"><path d="M25 1c-6.52 0-7.34.03-9.9.14-2.55.12-4.3.53-5.82 1.12a11.76 11.76 0 0 0-4.25 2.77 11.76 11.76 0 0 0-2.77 4.25c-.6 1.52-1 3.27-1.12 5.82C1.03 17.66 1 18.48 1 25c0 6.5.03 7.33.14 9.88.12 2.56.53 4.3 1.12 5.83a11.76 11.76 0 0 0 2.77 4.25 11.76 11.76 0 0 0 4.25 2.77c1.52.59 3.27 1 5.82 1.11 2.56.12 3.38.14 9.9.14 6.5 0 7.33-.02 9.88-.14 2.56-.12 4.3-.52 5.83-1.11a11.76 11.76 0 0 0 4.25-2.77 11.76 11.76 0 0 0 2.77-4.25c.59-1.53 1-3.27 1.11-5.83.12-2.55.14-3.37.14-9.89 0-6.51-.02-7.33-.14-9.89-.12-2.55-.52-4.3-1.11-5.82a11.76 11.76 0 0 0-2.77-4.25 11.76 11.76 0 0 0-4.25-2.77c-1.53-.6-3.27-1-5.83-1.12A170.2 170.2 0 0 0 25 1zm0 4.32c6.4 0 7.16.03 9.69.14 2.34.11 3.6.5 4.45.83 1.12.43 1.92.95 2.76 1.8a7.43 7.43 0 0 1 1.8 2.75c.32.85.72 2.12.82 4.46.12 2.53.14 3.29.14 9.7 0 6.4-.02 7.16-.14 9.69-.1 2.34-.5 3.6-.82 4.45a7.43 7.43 0 0 1-1.8 2.76 7.43 7.43 0 0 1-2.76 1.8c-.84.32-2.11.72-4.45.82-2.53.12-3.3.14-9.7.14-6.4 0-7.16-.02-9.7-.14-2.33-.1-3.6-.5-4.45-.82a7.43 7.43 0 0 1-2.76-1.8 7.43 7.43 0 0 1-1.8-2.76c-.32-.84-.71-2.11-.82-4.45a166.5 166.5 0 0 1-.14-9.7c0-6.4.03-7.16.14-9.7.11-2.33.5-3.6.83-4.45a7.43 7.43 0 0 1 1.8-2.76 7.43 7.43 0 0 1 2.75-1.8c.85-.32 2.12-.71 4.46-.82 2.53-.11 3.29-.14 9.7-.14zm0 7.35a12.32 12.32 0 1 0 0 24.64 12.32 12.32 0 0 0 0-24.64zM25 33a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm15.68-20.8a2.88 2.88 0 1 0-5.76 0 2.88 2.88 0 0 0 5.76 0z" /></svg>
 | 
			
		||||
| 
		 After Width: | Height: | Size: 1.4 KiB  | 
							
								
								
									
										38
									
								
								static/style.css
									
										
									
									
									
										Normal file
									
								
							
							
						
						
									
										38
									
								
								static/style.css
									
										
									
									
									
										Normal file
									
								
							| 
						 | 
				
			
			@ -0,0 +1,38 @@
 | 
			
		|||
/* Place custom css here. */
 | 
			
		||||
 | 
			
		||||
figure {
 | 
			
		||||
    padding: 6px;
 | 
			
		||||
    border: 1px solid var(--fog);
 | 
			
		||||
    border-radius: 4px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
img {
 | 
			
		||||
    border-radius: 4px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.draft {
 | 
			
		||||
    text-transform: uppercase;
 | 
			
		||||
    font-size: 80%;
 | 
			
		||||
    color: white;
 | 
			
		||||
    font-weight: 800;
 | 
			
		||||
    /*border: 2px solid #aaa;*/
 | 
			
		||||
    border-radius: 4px;
 | 
			
		||||
    padding: 0.2rem 0.8rem;
 | 
			
		||||
    margin-left: 0.5rem;
 | 
			
		||||
    background-color: #aaa;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.flex-date {
 | 
			
		||||
    display: flex;
 | 
			
		||||
    align-items: baseline;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.flex-date .date {
 | 
			
		||||
    margin-left: auto;
 | 
			
		||||
    font-size: 80%;
 | 
			
		||||
    font-style: italic;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.post-content a {
 | 
			
		||||
    color: var(--link-color);
 | 
			
		||||
}
 | 
			
		||||
							
								
								
									
										
											BIN
										
									
								
								static/theme.png
									
										
									
									
									
										Normal file
									
								
							
							
						
						
									
										
											BIN
										
									
								
								static/theme.png
									
										
									
									
									
										Normal file
									
								
							
										
											Binary file not shown.
										
									
								
							| 
		 After Width: | Height: | Size: 7.8 KiB  | 
							
								
								
									
										1
									
								
								static/twitter.svg
									
										
									
									
									
										Normal file
									
								
							
							
						
						
									
										1
									
								
								static/twitter.svg
									
										
									
									
									
										Normal file
									
								
							| 
						 | 
				
			
			@ -0,0 +1 @@
 | 
			
		|||
<svg viewBox="0.9 0.5 22.8 22.8" xmlns="http://www.w3.org/2000/svg"><g><path d="M23.643 4.937c-.835.37-1.732.62-2.675.733.962-.576 1.7-1.49 2.048-2.578-.9.534-1.897.922-2.958 1.13-.85-.904-2.06-1.47-3.4-1.47-2.572 0-4.658 2.086-4.658 4.66 0 .364.042.718.12 1.06-3.873-.195-7.304-2.05-9.602-4.868-.4.69-.63 1.49-.63 2.342 0 1.616.823 3.043 2.072 3.878-.764-.025-1.482-.234-2.11-.583v.06c0 2.257 1.605 4.14 3.737 4.568-.392.106-.803.162-1.227.162-.3 0-.593-.028-.877-.082.593 1.85 2.313 3.198 4.352 3.234-1.595 1.25-3.604 1.995-5.786 1.995-.376 0-.747-.022-1.112-.065 2.062 1.323 4.51 2.093 7.14 2.093 8.57 0 13.255-7.098 13.255-13.254 0-.2-.005-.402-.014-.602.91-.658 1.7-1.477 2.323-2.41z" /></g></svg>
 | 
			
		||||
| 
		 After Width: | Height: | Size: 703 B  | 
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue