diff --git a/assets/_default/list.scss b/assets/_default/list.scss index a5a4fb2..1621d73 100644 --- a/assets/_default/list.scss +++ b/assets/_default/list.scss @@ -28,10 +28,11 @@ header { flex-flow: column; height: max-content; transition: background .2s; + border: 1px solid rgb(60, 60, 90); img { order: -1; max-width: calc(100% + 40px); - border-radius: 5px; + border-radius: 5px 5px 0px 0px; margin: -20px -20px 20px -20px; background: rgb(80, 80, 120); object-fit: cover; diff --git a/assets/_default/single.scss b/assets/_default/single.scss index 46ba454..6d4aad3 100644 --- a/assets/_default/single.scss +++ b/assets/_default/single.scss @@ -16,19 +16,20 @@ max-width: 100%; margin-bottom: 15px; border-radius: 5px; + border: 1px solid rgb(60, 60, 90); } a { background: rgb(60, 60, 90); - color: rgb(240, 240, 255); + color: rgb(240, 240, 250); transition: background .2s, color .2s; margin: -5px 0; padding: 5px 5px; border-radius: 5px; - } - a:hover { - background: rgb(255, 130, 130); - color: rgb(255, 255, 255); - text-decoration: none; + &:hover { + background: rgb(255, 130, 130); + color: rgb(255, 255, 255); + text-decoration: none; + } } aside { margin-top: 80px; @@ -42,9 +43,9 @@ color: rgb(180, 180, 220); padding: 10px; margin-left: 10px; - } - a:hover { - background: rgb(70, 70, 105); + &:hover { + background: rgb(70, 70, 105); + } } } } diff --git a/assets/index.scss b/assets/index.scss index c8223c0..f26e564 100644 --- a/assets/index.scss +++ b/assets/index.scss @@ -29,11 +29,12 @@ header { grid-template-areas: "img h1" "img p"; transition: background .2s; + border: 1px solid rgb(60, 60, 90); img { object-fit: cover; height: 180px; width: 120px; - border-radius: 5px; + border-radius: 5px 0px 0px 5px; border: 0px solid rgb(40, 40, 60); grid-area: img; margin: -20px; @@ -79,10 +80,11 @@ header { flex-flow: column; height: max-content; transition: background .2s; + border: 1px solid rgb(60, 60, 90); img { order: -1; max-width: calc(100% + 40px); - border-radius: 5px; + border-radius: 5px 5px 0px 0px; margin: -20px -20px 20px -20px; background: rgb(80, 80, 120); object-fit: cover; diff --git a/assets/partials/_main.scss b/assets/partials/_main.scss index c375716..14767a0 100644 --- a/assets/partials/_main.scss +++ b/assets/partials/_main.scss @@ -22,9 +22,9 @@ body { a { color: rgb(255, 130, 130); text-decoration: none; -} -a:hover { - text-decoration: underline; + &:hover { + text-decoration: underline; + } } .container { diff --git a/assets/partials/_nav.scss b/assets/partials/_nav.scss index 2ec0e0e..4f72d77 100644 --- a/assets/partials/_nav.scss +++ b/assets/partials/_nav.scss @@ -9,10 +9,12 @@ nav { a { color: rgb(245, 245, 245); text-decoration: none; - background: rgb(255, 130, 130); - padding: 5px 10px; - border-radius: 20px; - text-shadow: rgb(255, 100, 100) 2px 2px; + padding: 20px 30px; + display: block; + transition: background .2s; + } + a:hover { + background: rgb(50, 50, 75); } } .website-nav { diff --git a/assets/projects/list.scss b/assets/projects/list.scss index 8fbee67..b9eb88f 100644 --- a/assets/projects/list.scss +++ b/assets/projects/list.scss @@ -28,10 +28,11 @@ header { max-width: 562px; height: max-content; transition: background .2s; + border: 1px solid rgb(60, 60, 90); img { order: -1; max-width: calc(100% + 40px); - border-radius: 5px; + border-radius: 5px 5px 0px 0px; margin: -20px -20px 20px -20px; background: rgb(80, 80, 120); object-fit: cover; diff --git a/config.yaml b/config.yaml index 7427768..b400709 100644 --- a/config.yaml +++ b/config.yaml @@ -2,6 +2,8 @@ baseURL: https://vrifox.cc/ languageCode: en-us title: vrifox.cc enableRobotsTXT: true +params: + menuname: vrifox.cc menu: main: - identifier: blog diff --git a/layouts/_default/single.html b/layouts/_default/single.html index 3e7c772..9510637 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -14,7 +14,7 @@

{{ .Title }}

{{ with .Params.featured_image }} - + {{ end }} {{ .Content }}