diff --git a/_includes/head.html b/_includes/head.html index 5e791c9..1db1305 100644 --- a/_includes/head.html +++ b/_includes/head.html @@ -6,5 +6,6 @@ + diff --git a/_layouts/page-screen.html b/_layouts/page-screen.html new file mode 100644 index 0000000..fd4446c --- /dev/null +++ b/_layouts/page-screen.html @@ -0,0 +1,28 @@ + + + {% include head.html %} + +
+
+ + + {% include header.html %} + + {% include nav.html %} + +
+

{{page.title}}

+ {{content}} +
+ + + {% include footer.html %} +
+
+ + diff --git a/assets/css/crt-screen.css b/assets/css/crt-screen.css new file mode 100644 index 0000000..965848a --- /dev/null +++ b/assets/css/crt-screen.css @@ -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; +} \ No newline at end of file diff --git a/assets/css/custom.css b/assets/css/custom.css index ace582c..b01d2e6 100644 --- a/assets/css/custom.css +++ b/assets/css/custom.css @@ -13,6 +13,10 @@ body { font-size: 12px; background: #241c11 !important; + display: flex; + flex-flow: column; + height: 100%; + } img { @@ -22,7 +26,6 @@ img { /* header */ header { - margin: 2rem 20% -2rem 20%; display: flex; } @@ -34,9 +37,6 @@ header * { /* nav */ nav { - margin-left: 20%; - margin-right: 20%; - padding-top: 0.5rem; line-height: 2rem; } @@ -58,9 +58,6 @@ a.a-active { /* main */ main { - margin-top: 3rem; - margin-left: 20%; - margin-right: 20%; display: grid; grid-gap: 0.4rem; line-height: 1.5rem; @@ -114,7 +111,6 @@ footer { font-weight: bold; color: #ffd300; font-size: 0.7rem; - margin: 4rem 20% 4rem 20%; } @media screen and (max-width: 780px) { diff --git a/assets/images/crt.png b/assets/images/crt.png new file mode 100644 index 0000000..98434df Binary files /dev/null and b/assets/images/crt.png differ diff --git a/compile.sh b/compile.sh new file mode 100755 index 0000000..91b7adb --- /dev/null +++ b/compile.sh @@ -0,0 +1,3 @@ +#!/bin/zsh +bundle exec jekyll build +bundle exec jekyll server diff --git a/index.html b/index.html index f6afe46..522105b 100644 --- a/index.html +++ b/index.html @@ -1,6 +1,6 @@ --- title: ~/doc/blog -layout: page +layout: page-screen --- {% for post in site.posts %}