-
-
- {% include header.html %}
-
- {% include nav.html %}
-
-
- {{page.title}}
- {{content}}
-
+
+
+
+
+
+ {% include header.html %}
+
+ {% include nav.html %}
+
+
+ {{page.title}}
+ {{content}}
+
-
- {% include footer.html %}
+
+ {% include footer.html %}
+
diff --git a/_layouts/post.html b/_layouts/post.html
index fcda543..38626b3 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -1,26 +1,31 @@
{% include head.html %}
-
-
-
- {% include header.html %}
-
- {% include nav.html %}
-
-
-
- {{page.title}} {{ "Written By" | downcase }} {{page.author | downcase}}
-
- {{content}}
-
+
+
+
-
- {% include footer.html %}
+
+
+ {% include header.html %}
+
+ {% include nav.html %}
+
+
+
+ {{page.title}} {{ "Written By" | downcase }} {{page.author | downcase}}
+
+ {{content}}
+
+
+
+ {% include footer.html %}
+
+
diff --git a/about.md b/about.md
index 16472f9..98f50dc 100644
--- a/about.md
+++ b/about.md
@@ -1,6 +1,6 @@
---
title: About
-layout: page
+layout: page-screen
---
Lorem ipsum.
diff --git a/assets/css/crt-screen.css b/assets/css/crt-screen.css
index 155b87f..b7dab53 100644
--- a/assets/css/crt-screen.css
+++ b/assets/css/crt-screen.css
@@ -2,35 +2,29 @@
layout: none
---
-.screen{
- margin-left: auto;
- margin-right: auto;
- align-content: center;
- height: 700px;
- width: 900px;
- pointer-events: none;
-}
+
.screen-image{
margin-left: auto;
margin-right: auto;
- position: fixed;
+ align-content: center;
background-image: url({{site.baseurl}}/assets/images/crt2.png);
background-repeat: no-repeat;
background-size: contain;
- background-position: center;
- height: 700px;
- width: 900px;
+ background-position: top;
pointer-events: none;
- z-index: 1;
-
+ width: 1000px;
+ height: 830px;
}
+
.screen-content{
position: relative;
- top: 121px;
- left: 128px;
- height: 492px;
- width: 645px;
+ top: 141px;
+ left: 117px;
overflow-y: auto;
overflow-x: hidden;
- pointer-events: all !important;
-}
\ No newline at end of file
+ /*z-index: -1;*/
+ width: 768px;
+ height: 584px;
+ pointer-events: auto !important;
+ background: #241c11 !important;
+;
\ No newline at end of file
diff --git a/assets/css/crt.css b/assets/css/crt.css
index 6578c6c..2d83329 100644
--- a/assets/css/crt.css
+++ b/assets/css/crt.css
@@ -139,22 +139,18 @@ http://aleclownes.com/2017/02/01/crt-display.html
text-shadow: 2.6208764473832513px 0 1px rgba(0,30,255,0.1), -2.6208764473832513px 0 1px rgba(255,0,80,0.2), 0 0 3px;
}
}
-.crt::after {
+
+.crt-flicker {
content: " ";
- display: block;
- position: absolute;
- top: auto;
- left: auto;
- bottom: auto;
- right: auto;
+ pointer-events: none;
+ animation: flicker 3s infinite;
background: rgba(18, 16, 16, 0.1);
opacity: 0;
z-index: 2;
- pointer-events: none;
- animation: flicker 3s infinite;
- width: 640px;
- height: 480px;
+
}
+
+/*
.crt::before {
content: " ";
display: block;
@@ -168,6 +164,15 @@ http://aleclownes.com/2017/02/01/crt-display.html
width: 640px;
height: 480px;
}
-.crt {
+*/
+.crt{
+ position: relative;
+ overflow: hidden;
+ height: 100%;
+ width: 100%;
+
+}
+
+.crt-shadow {
animation: textShadow 5s infinite;
}
\ No newline at end of file
diff --git a/assets/css/custom.css b/assets/css/custom.css
index 3200e63..bfeeb2f 100644
--- a/assets/css/custom.css
+++ b/assets/css/custom.css
@@ -12,10 +12,10 @@
body {
font-size: 12px;
- background: #241c11 !important;
display: flex;
flex-flow: column;
height: 100%;
+ background-color: black;
}