Merge branch 'screen' of neko/jekyll-crt-theme into master

This commit is contained in:
neko 2020-01-25 13:20:07 +00:00 committed by Gitea
commit 2e9da77bde
7 changed files with 65 additions and 10 deletions

View File

@ -6,5 +6,5 @@
<link rel="stylesheet" href="{{site.baseurl}}/assets/css/mark.css" /> <link rel="stylesheet" href="{{site.baseurl}}/assets/css/mark.css" />
<link rel="stylesheet" href="{{site.baseurl}}/assets/css/custom.css" /> <link rel="stylesheet" href="{{site.baseurl}}/assets/css/custom.css" />
<link rel="stylesheet" href="{{site.baseurl}}/assets/css/crt.css" /> <link rel="stylesheet" href="{{site.baseurl}}/assets/css/crt.css" />
<link rel="stylesheet" href="{{site.baseurl}}/assets/css/crt-screen.css" />
</head> </head>

28
_layouts/page-screen.html Normal file
View File

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html lang="en">
{% include head.html %}
<body>
<div class="screen">
<div class="screen-content crt">
<style>
.meta {
font-size: .7rem;
font-weight: normal;
}
</style>
<!-- header -->
{% include header.html %}
<!-- nav -->
{% include nav.html %}
<!-- page content -->
<main class="post-list">
<p class="title">{{page.title}}</p>
{{content}}
</main>
<!-- footer -->
{% include footer.html %}
</div>
</div>
</body>
</html>

28
assets/css/crt-screen.css Normal file
View File

@ -0,0 +1,28 @@
---
layout: none
---
.screen{
margin-left: auto;
margin-right: auto;
background-image: url(/neko/welp/assets/images/crt.png);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
align-content: center;
width: 1000px;
height: 800px;
}
.screen-content{
margin-top: 60px;
/* padding-left: 350px; */
/* padding-right: inherit; */
margin-left: auto;
margin-right: auto;
/* padding-left: 50px; */
/* padding-right: 50px; */
height: 480px;
width: 640px;
overflow: scroll;
}

View File

@ -13,6 +13,10 @@
body { body {
font-size: 12px; font-size: 12px;
background: #241c11 !important; background: #241c11 !important;
display: flex;
flex-flow: column;
height: 100%;
} }
img { img {
@ -22,7 +26,6 @@ img {
/* header */ /* header */
header { header {
margin: 2rem 20% -2rem 20%;
display: flex; display: flex;
} }
@ -34,9 +37,6 @@ header * {
/* nav */ /* nav */
nav { nav {
margin-left: 20%;
margin-right: 20%;
padding-top: 0.5rem;
line-height: 2rem; line-height: 2rem;
} }
@ -58,9 +58,6 @@ a.a-active {
/* main */ /* main */
main { main {
margin-top: 3rem;
margin-left: 20%;
margin-right: 20%;
display: grid; display: grid;
grid-gap: 0.4rem; grid-gap: 0.4rem;
line-height: 1.5rem; line-height: 1.5rem;
@ -114,7 +111,6 @@ footer {
font-weight: bold; font-weight: bold;
color: #ffd300; color: #ffd300;
font-size: 0.7rem; font-size: 0.7rem;
margin: 4rem 20% 4rem 20%;
} }
@media screen and (max-width: 780px) { @media screen and (max-width: 780px) {

BIN
assets/images/crt.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 820 KiB

3
compile.sh Executable file
View File

@ -0,0 +1,3 @@
#!/bin/zsh
bundle exec jekyll build
bundle exec jekyll server

View File

@ -1,6 +1,6 @@
--- ---
title: ~/doc/blog title: ~/doc/blog
layout: page layout: page-screen
--- ---
{% for post in site.posts %} {% for post in site.posts %}