morgan
/
blog
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix theme

This commit is contained in:
Morgan 2024-09-11 04:01:35 +09:00
parent 1ba076d2b4
commit 6c22d44903
No known key found for this signature in database
6 changed files with 164 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
content/about/_index.md Normal file
View File

12
themes/plain/layouts/_default/baseof.html
View File

@ -31,10 +31,13 @@
</script> </script>
</head> </head>
<body> <body>
{{ if .IsHome }} {{ if .IsHome }}
{{- partial "home.html" . -}} {{- partial "home.html" . -}}
{{ else }} {{ else if eq .Page.File.Dir "about/" }}
{{- partial "about.html" . -}}
{{ else }}
<div class="content">
{{ if eq .Page.Path "blog" }} {{ if eq .Page.Path "blog" }}
<header> <header>
<a href='{{ "" | relURL }}' class="title"> <a href='{{ "" | relURL }}' class="title">
@ -67,10 +70,11 @@
<main> <main>
{{- block "main" . }}{{- end }} {{- block "main" . }}{{- end }}
</main> </main>
</div>
<script> <script>
console.log("Sending statistics to server. Personal info is redacted afterwards."); 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)}`)); console.log(fetch(`https://log.blog.morgan.kr/?url=${encodeURIComponent(document.location)}&referer=${encodeURIComponent(document.referrer)}`));
</script> </script>
{{ end }} {{ end }}
</body> </body>
</html> </html>

2
themes/plain/layouts/_default/list.html
View File

@ -21,7 +21,7 @@
{{ range $pages }} {{ range $pages }}
<li> <li>
<span class="date"> <span class="date">
{{ .Date.Format "2006-01-02" }} | {{ .Date.Format "2006-01-02" }}<span class="divider"> |</span>
</span> </span>
<a href="{{ .Permalink }}">{{ .Title }}</a> <a href="{{ .Permalink }}">{{ .Title }}</a>
</li> </li>

47
themes/plain/layouts/partials/about.html Normal file
View File

@ -0,0 +1,47 @@
<style>
body {
padding: 0;
margin: 0;
}
.about {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
main {
padding: 24px 0 100px 24px;
}
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 uni 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>

29
themes/plain/layouts/partials/home.html
View File

@ -1,5 +1,10 @@
<style type="text/css"> <style type="text/css">
.content { body {
padding: 0;
margin: 0;
}
.home {
height: 100vh; height: 100vh;
display: flex; display: flex;
align-items: center; align-items: center;
@ -37,13 +42,33 @@
text-decoration: none; text-decoration: none;
font-size: 18px; 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> </style>
<div class="content"> <div class="home">
<div class="card"> <div class="card">
<h1>Morgan J.</h1> <h1>Morgan J.</h1>
<h3>Average Linux user</h3> <h3>Average Linux user</h3>
<div class="links"> <div class="links">
<li><a href="/about">/about</a></li>
<li><a href="https://git.morgan.kr">/projects</a></li> <li><a href="https://git.morgan.kr">/projects</a></li>
<li><a href="/blog">/blog</a></li> <li><a href="/blog">/blog</a></li>
<li><a href="https://github.com/morgan9e">/github</a></li> <li><a href="https://github.com/morgan9e">/github</a></li>

53
themes/plain/layouts/partials/style.html
View File

@ -44,10 +44,6 @@
font-family: "SUSE", "Inter", "Pretendard", sans-serif; font-family: "SUSE", "Inter", "Pretendard", sans-serif;
font-size: 1.1rem; font-size: 1.1rem;
letter-spacing: 0.28px; letter-spacing: 0.28px;
margin: auto;
padding: 20px;
max-width: 780px;
text-align: left;
background-color: var(--primary-bg-color); background-color: var(--primary-bg-color);
word-wrap: break-word; word-wrap: break-word;
overflow-wrap: break-word; overflow-wrap: break-word;
@ -55,7 +51,54 @@
color: var(--primary-text-color); 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; } h1 { font-size: 26px; }