7 changed files with 127 additions and 353 deletions
@ -0,0 +1,48 @@
@@ -0,0 +1,48 @@
|
||||
<!DOCTYPE html> |
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="$lang$" xml:lang="$lang$"$if(dir)$ dir="$dir$"$endif$> |
||||
<head> |
||||
<meta charset="utf-8" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> |
||||
|
||||
{{ ifdef:title:<title>{{ :title }}</title> }} |
||||
|
||||
<link rel="stylesheet" type="text/css" href="{{:url}}/style.css"> |
||||
|
||||
</head> |
||||
<body> |
||||
|
||||
|
||||
<div class="grid-container"> |
||||
|
||||
<div class=header_group> |
||||
</div> |
||||
|
||||
<div class=menu_group> |
||||
<ul> |
||||
<li class=menu_item><a href="{{:url}}">home</a></li> |
||||
</ul> |
||||
|
||||
</div> |
||||
|
||||
<div class=main_page> |
||||
|
||||
<header> |
||||
{{ifdef:title:<h1 class="title">{{ :title }}</h1>}} |
||||
{{ifdef:date:<p class="date">Published {{ :date }}</p>}} |
||||
</header> |
||||
|
||||
{{ :body}} |
||||
|
||||
</hr> |
||||
|
||||
|
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body> |
||||
</html> |
||||
@ -1,244 +0,0 @@
@@ -1,244 +0,0 @@
|
||||
code { |
||||
white-space: pre-wrap; |
||||
background: #eee; |
||||
border-color: #eee; |
||||
border-radius: 6px; |
||||
border-style: solid; |
||||
border-left-width: 4px; |
||||
border-right-width: 4px; |
||||
border-top-width:1px; |
||||
border-bottom-width:1px; |
||||
} |
||||
|
||||
div.sourceCode { |
||||
background: #eee; |
||||
border-radius: 7px; |
||||
} |
||||
|
||||
pre code { |
||||
border-style: none; |
||||
background: none; |
||||
} |
||||
|
||||
code { |
||||
font-family: 'Bitstream Vera Sans Mono', 'Monospace', monospace; |
||||
} |
||||
|
||||
pre { |
||||
font-family: 'Bitstream Vera Sans Mono', 'Monospace', monospace; |
||||
background: #eee; |
||||
border-radius:6px; |
||||
padding: 0.7em; |
||||
} |
||||
|
||||
span.smallcaps { |
||||
font-variant: small-caps; |
||||
} span.underline { |
||||
text-decoration: underline; |
||||
} |
||||
div.column { |
||||
display: inline-block; |
||||
vertical-align: top; |
||||
width: 50%; |
||||
} |
||||
|
||||
dl { |
||||
padding-left:1.5em; |
||||
} |
||||
|
||||
dl dt { |
||||
font-size:0.6em; |
||||
font-weight:200; |
||||
} |
||||
|
||||
dl dd { |
||||
margin-bottom:0.7em; |
||||
|
||||
margin-left:0px; |
||||
|
||||
} |
||||
|
||||
dl dd a { |
||||
color:black; |
||||
} |
||||
|
||||
body { |
||||
font-family: 'Bitrstream Vera Sans', Helvetica Neue, Helvetica, sans-serif, sans; |
||||
font-size: 18px; |
||||
} |
||||
|
||||
|
||||
body .main_page p { |
||||
line-height:1.3em; |
||||
} |
||||
|
||||
.main_page li { |
||||
margin-top:0.3em; |
||||
margin-bottom:0.3em; |
||||
} |
||||
|
||||
img { |
||||
margin: auto; |
||||
max-width: 90%; |
||||
display: block; |
||||
} |
||||
dd { |
||||
margin-top: 5px; |
||||
margin-bottom: 7px; |
||||
} |
||||
h1 { |
||||
margin-bottom: 10px; |
||||
margin-top: 10px; |
||||
} |
||||
|
||||
h1, h2, h3, h4, h5, h6 { |
||||
font-weight:400; |
||||
} |
||||
|
||||
|
||||
a { |
||||
text-decoration:none; |
||||
color: #0066cc; |
||||
} |
||||
|
||||
|
||||
div.main_page { |
||||
padding-top: 0; |
||||
} |
||||
|
||||
hr { |
||||
border-style: solid; |
||||
color: #bbb; |
||||
border-width:0.1em; |
||||
} |
||||
pre.numberSource { |
||||
margin-left: 4; |
||||
} |
||||
|
||||
q { |
||||
quotes: "“" "”" "‘" "’"; |
||||
} |
||||
|
||||
|
||||
.grid-container { |
||||
display: grid; |
||||
grid-template-columns: 2fr 3fr 3fr 4fr; |
||||
grid-template-rows: 0.5fr repeat(0.5, 1fr); |
||||
gap: 1px 1px; |
||||
grid-template-areas: "header_group header_group header_group header_group" "menu_group main_page main_page table_of_contents" "menu_group main_page main_page table_of_contents"; |
||||
} |
||||
|
||||
.header_group { grid-area: header_group; } |
||||
|
||||
.menu_group { |
||||
grid-area: menu_group; |
||||
position:fixed; |
||||
} |
||||
|
||||
.table_of_contents { |
||||
grid-area: table_of_contents; |
||||
max-width: 100%; |
||||
} |
||||
|
||||
.main_page { |
||||
grid-area: main_page; |
||||
max-width:100%; |
||||
} |
||||
|
||||
.menu_item { |
||||
display:block; |
||||
padding:5px; |
||||
display: flex; |
||||
justify-content: space-between; |
||||
} |
||||
|
||||
|
||||
@media (max-width: 1200px) { |
||||
.grid-container { |
||||
display: grid; |
||||
gap: 1px 1px; |
||||
grid-template-areas: "header_group header_group header_group header_group" "menu_group menu_group menu_group menu_group " "table_of_contents table_of_contents table_of_contents table_of_contents" "main_page main_page main_page main_page"; |
||||
padding-left:10px; |
||||
padding-right:10px; |
||||
max-width: 45em; |
||||
margin:auto; |
||||
} |
||||
.menu_item { |
||||
display:inline-block; |
||||
} |
||||
|
||||
.menu_group { |
||||
position:inherit; |
||||
} |
||||
|
||||
.menu_group ul { |
||||
padding:0; |
||||
} |
||||
|
||||
} |
||||
|
||||
blockquote { |
||||
border-left: #bbb; |
||||
border-left-style: solid; |
||||
border-left-width: 0.2em; |
||||
padding:0.6em; |
||||
padding-left:1em; |
||||
} |
||||
|
||||
blockquote p { |
||||
margin:0px; |
||||
} |
||||
|
||||
|
||||
|
||||
tr:nth-child(even) {background-color: #eee;} |
||||
|
||||
table { |
||||
border-collapse: collapse; |
||||
display:block; |
||||
overflow:auto; |
||||
width:100%; |
||||
margin: 0, auto; |
||||
} |
||||
|
||||
.header th { |
||||
|
||||
text-align: left; |
||||
border-bottom-style:solid; |
||||
border-left:none; |
||||
border-right:none; |
||||
|
||||
border-bottom-width:1px; |
||||
} |
||||
|
||||
td { |
||||
padding-top:0.3em; |
||||
padding-bottom:0.3em; |
||||
padding-left: 0.7em; |
||||
padding-right:0.7em; |
||||
} |
||||
|
||||
thead { |
||||
border-bottom-width: 1px; |
||||
border-bottom-style: solid; |
||||
border-bottom-color: black; |
||||
line-height: 2em; |
||||
} |
||||
|
||||
|
||||
.microblog_date { |
||||
font-size: 0.7em; |
||||
text-align: right; |
||||
} |
||||
|
||||
.microblog_post .microblog_content p { |
||||
margin-top: 0.1em; |
||||
} |
||||
|
||||
.microblog_post { |
||||
background: var(--secondary-bg); |
||||
border-radius: 0.4em; |
||||
padding: 0.5em; |
||||
margin-top:0.1em; |
||||
margin-bottom:0.1em; |
||||
} |
||||
@ -1,69 +0,0 @@
@@ -1,69 +0,0 @@
|
||||
<!DOCTYPE html> |
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="$lang$" xml:lang="$lang$"$if(dir)$ dir="$dir$"$endif$> |
||||
<head> |
||||
<meta charset="utf-8" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> |
||||
|
||||
{{ifdef:title: |
||||
<title>{{ :title }}</title> |
||||
}} |
||||
|
||||
<!-- <link rel="stylesheet" type="text/css" href="${baseurl}/media/style.css"> --> |
||||
|
||||
<style type="text/css"> |
||||
{{ :css }} |
||||
</style> |
||||
|
||||
<!-- <script |
||||
src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.2/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script> |
||||
--> |
||||
|
||||
<link rel="stylesheet" |
||||
href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/styles/default.min.css"> |
||||
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js"></script> |
||||
|
||||
<script>hljs.initHighlightingOnLoad();</script> |
||||
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.css" integrity="sha384-AfEj0r4/OFrOo5t7NnNe46zW/tFgW6x/bCJG8FqQCEo3+Aro6EYUG4+cU+KJWu/X" crossorigin="anonymous"> |
||||
|
||||
<!-- The loading of KaTeX is deferred to speed up page rendering --> |
||||
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.js" integrity="sha384-g7c+Jr9ZivxKLnZTDUhnkOnsh30B4H0rpLUpJ4jAIKs4fnJI+sEnkvrMWph2EDg4" crossorigin="anonymous"></script> |
||||
|
||||
<!-- To automatically render math in text elements, include the auto-render extension: --> |
||||
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/contrib/auto-render.min.js" integrity="sha384-mll67QQFJfxn0IYznZYonOWZ644AWYC+Pt2cHqMaRhXVrursRwvLnLaebdGIlYNa" crossorigin="anonymous" |
||||
onload="renderMathInElement(document.body);"></script> |
||||
</head> |
||||
|
||||
</head> |
||||
<body> |
||||
|
||||
|
||||
<div class="grid-container"> |
||||
|
||||
<div class=header_group> |
||||
</div> |
||||
|
||||
<div class=menu_group> |
||||
<ul> |
||||
<li class=menu_item><a href="{{:url}}">home</a></li> |
||||
</ul> |
||||
</div> |
||||
|
||||
<div class=main_page> |
||||
|
||||
<header> |
||||
{{ifdef:title: |
||||
<h1 class="title">{{:title }}</h1> |
||||
}} |
||||
{{ifdef:date: |
||||
<p class="date">{{:date }}</p> |
||||
}} |
||||
</header> |
||||
|
||||
{{ :body}} |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
</body> |
||||
</html> |
||||
Loading…
Reference in new issue