From 9286a2b68546f968282eadf2c519ebef3def9b70 Mon Sep 17 00:00:00 2001
From: Yaroslav <contact@yaroslavps.com>
Date: Mon, 20 Apr 2020 16:07:59 +0300
Subject: style changes; landing page

---
 sass/css/yaroslavps.scss | 37 ++++++++++++++++++++++++++++++-------
 1 file changed, 30 insertions(+), 7 deletions(-)

(limited to 'sass/css/yaroslavps.scss')

diff --git a/sass/css/yaroslavps.scss b/sass/css/yaroslavps.scss
index c0b903a..74da50b 100644
--- a/sass/css/yaroslavps.scss
+++ b/sass/css/yaroslavps.scss
@@ -5,11 +5,13 @@
 html, body {
   width: 100%;
   min-height: 100vh;
-  background-color: $bg;
+  background-color: $bg2;
+  /*
   background-image: url("/svg/background.svg");
   background-size: 45px 45px;
   background-repeat: repeat;
-  background-attachment: fixed;
+  background-attachment: center;
+   */
 }
 
 h1,
@@ -105,17 +107,37 @@ h2 > span.publish-date {
 .landing-page-container {
   grid-column-start: 1;
   grid-column-end: 3;
+  padding: 2em;
+  font-size: 1.3em;
 }
 
-.header-container {
-  grid-column-start: 1;
-  grid-column-end: 3;
+.landing-page-container > h1 {
   text-align: center;
-  padding: 0 1em;
+  font-size: 3em;
+}
+
+.landing-page-container > .links-container {
+  padding: 0.5em;
+}
+
+.landing-page-container > .links-container > a {
+  font-size: 1.5em;
+  margin: auto 1em;
+}
+
+.landing-page-container > .links-container > a > span.icon {
+  font-size: 1.5em;
+}
+
+.header-container {
+  padding: 0 2em;
 }
 
 .sidebar-container {
-  padding: 1em;
+  grid-row-start: 1;
+  grid-row-end: 3;
+  grid-column-start: 2;
+  grid-column-end: 3;
 }
 
 .sidebar-container span.icon {
@@ -124,6 +146,7 @@ h2 > span.publish-date {
 }
 
 .sticky-wrapper {
+  padding: 1em;
   position: sticky;
   top: 1em;
 }
-- 
cgit v1.2.3