fix theme
This commit is contained in:
parent
1ba076d2b4
commit
3d1bc101e5
|
|
@ -31,10 +31,13 @@
|
|||
</script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
{{ if .IsHome }}
|
||||
<body>
|
||||
{{ if .IsHome }}
|
||||
{{- partial "home.html" . -}}
|
||||
{{ else }}
|
||||
{{ else if eq .Page.File.Dir "about/" }}
|
||||
{{- partial "about.html" . -}}
|
||||
{{ else }}
|
||||
<div class="content">
|
||||
{{ if eq .Page.Path "blog" }}
|
||||
<header>
|
||||
<a href='{{ "" | relURL }}' class="title">
|
||||
|
|
@ -67,10 +70,11 @@
|
|||
<main>
|
||||
{{- block "main" . }}{{- end }}
|
||||
</main>
|
||||
</div>
|
||||
<script>
|
||||
console.log("Sending statistics to server. Personal info is redacted afterwards.");
|
||||
console.log(fetch(`https://log.blog.morgan.kr/?url=${encodeURIComponent(document.location)}&referer=${encodeURIComponent(document.referrer)}`));
|
||||
</script>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -21,7 +21,7 @@
|
|||
{{ range $pages }}
|
||||
<li>
|
||||
<span class="date">
|
||||
{{ .Date.Format "2006-01-02" }} |
|
||||
{{ .Date.Format "2006-01-02" }}<span class="divider"> |</span>
|
||||
</span>
|
||||
<a href="{{ .Permalink }}">{{ .Title }}</a>
|
||||
</li>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,47 @@
|
|||
<style>
|
||||
body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.about {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
main {
|
||||
padding: 24px 54px;
|
||||
}
|
||||
|
||||
h4 {
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
ul {
|
||||
padding-left: 24px;
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
x {
|
||||
font-size: 0.7rem;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="about">
|
||||
<main>
|
||||
<h2>Hi, I'm Morgan.</h2>
|
||||
Just oridinary univ student, who likes to do anything related to computers.
|
||||
<br><br>
|
||||
I do PCB/FPGA system design and (Hardware) Cryptography.
|
||||
<br>
|
||||
I use Python and C <x>(for sure)</x>, and very little bit of Rust.
|
||||
<br>
|
||||
I'm interested in High-performance Networking, and I really want to learn Hardware Security.
|
||||
<br>
|
||||
I am strong <b>Linux</b> enthusiast, and I do open-source projects in my free time.
|
||||
<br><br>
|
||||
I'm still learing anyway, so I'll try to learn more and more things.
|
||||
</main>
|
||||
</div>
|
||||
|
|
@ -1,5 +1,10 @@
|
|||
<style type="text/css">
|
||||
.content {
|
||||
body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.home {
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
@ -37,13 +42,33 @@
|
|||
text-decoration: none;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 700px) {
|
||||
.links {
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
.links li {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.links a {
|
||||
display: block;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="content">
|
||||
<div class="home">
|
||||
<div class="card">
|
||||
<h1>Morgan J.</h1>
|
||||
<h3>Average Linux user</h3>
|
||||
<div class="links">
|
||||
<li><a href="/about">/about</a></li>
|
||||
<li><a href="https://git.morgan.kr">/projects</a></li>
|
||||
<li><a href="/blog">/blog</a></li>
|
||||
<li><a href="https://github.com/morgan9e">/github</a></li>
|
||||
|
|
|
|||
|
|
@ -44,10 +44,6 @@
|
|||
font-family: "SUSE", "Inter", "Pretendard", sans-serif;
|
||||
font-size: 1.1rem;
|
||||
letter-spacing: 0.28px;
|
||||
margin: auto;
|
||||
padding: 20px;
|
||||
max-width: 780px;
|
||||
text-align: left;
|
||||
background-color: var(--primary-bg-color);
|
||||
word-wrap: break-word;
|
||||
overflow-wrap: break-word;
|
||||
|
|
@ -55,7 +51,54 @@
|
|||
color: var(--primary-text-color);
|
||||
}
|
||||
|
||||
main {
|
||||
@media (max-width: 500px) {
|
||||
.post-header .post-title {
|
||||
font-size: 18px !important;
|
||||
}
|
||||
|
||||
.post-header .post-author {
|
||||
display: block;
|
||||
font-size: 12px !important;
|
||||
}
|
||||
.post-divider {
|
||||
margin-bottom: 24px !important;
|
||||
}
|
||||
body { font-size: 14px; }
|
||||
h1 { font-size: 20px !important; }
|
||||
h2 { font-size: 19px !important; }
|
||||
h3 { font-size: 18px !important; }
|
||||
h4 { font-size: 17px !important; }
|
||||
h5 { font-size: 16px !important; }
|
||||
|
||||
ul.blog-posts {
|
||||
padding-left: 4px !important;
|
||||
font-size: 0.9rem !important;
|
||||
}
|
||||
ul.blog-posts .date {
|
||||
font-size: 0.7rem !important;
|
||||
display: block;
|
||||
}
|
||||
ul.blog-posts .date .divider {
|
||||
display: none;
|
||||
}
|
||||
ul.blog-posts li{
|
||||
padding-bottom: 10px;
|
||||
|
||||
}
|
||||
pre code {
|
||||
font-size: 12px !important;
|
||||
margin: 0;
|
||||
}
|
||||
code {
|
||||
font-size: 12px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.content {
|
||||
text-align: left;
|
||||
max-width: 780px;
|
||||
margin: auto;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
h1 { font-size: 26px; }
|
||||
|
|
|
|||
Loading…
Reference in New Issue