diff --git a/_config.yml b/_config.yml index 9447930..504fd37 100644 --- a/_config.yml +++ b/_config.yml @@ -30,7 +30,6 @@ twitter_username: jekyllrb github_username: jekyll # Build settings -theme: minima plugins: - jekyll-feed diff --git a/_includes/style.css b/_includes/style.css new file mode 100644 index 0000000..34eec07 --- /dev/null +++ b/_includes/style.css @@ -0,0 +1,67 @@ +body{ + margin: 0; + font-family: Arial, sans-serif; + display: flex; + height: 100vh; +} + +.container{ + display:flex; + width: 100%; + height: 100%; +} + +.sidebar{ + width: 200px; + background-color: #2c3e50; + color: #ecf0f1; + display: flex; + flex-direction: column; + padding: 20px; + box-shadow: 2px 0 5px rgba(0,0,0,0.1); +} + +.sidebar-button{ + background-color: #34495e; + color: #ecf0f1; + border: none; + border-radius: 5px; + padding: 10px; + margin-bottom: 10px; + cursor: pointer; + text-align: left; + width: 100%; +} + +.sidebar-button:hover{ + background-color: #1abc9c; +} + +.main-content{ + flex: 1; + padding: 20px; + backgound-color: #ecf0f1; + display: flex; + flex-wrap: wrap; + gap: 10px; +} + +.post-grid{ + display: grid; + grid-template-columns: repeat(3,1fr); + gap: 10px; + width: 100%; +} + +.post{ + background-color: #3498db; + color: #fff; + padding: 20px; + text-align: center; + border-radius: 5px; + height: 150px; + display: flex; + justify-content: center; + align-items: center; +} + diff --git a/_layouts/default.html b/_layouts/default.html index 88bd9d4..459c255 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -3,24 +3,45 @@ + {{ page.title }} - + - - {% include header.html %} -
+ +
+
+
- + - - diff --git a/_layouts/post.html b/_layouts/post.html new file mode 100644 index 0000000..e69de29 diff --git a/_sass/main.scss b/_sass/main.scss new file mode 100644 index 0000000..34eec07 --- /dev/null +++ b/_sass/main.scss @@ -0,0 +1,67 @@ +body{ + margin: 0; + font-family: Arial, sans-serif; + display: flex; + height: 100vh; +} + +.container{ + display:flex; + width: 100%; + height: 100%; +} + +.sidebar{ + width: 200px; + background-color: #2c3e50; + color: #ecf0f1; + display: flex; + flex-direction: column; + padding: 20px; + box-shadow: 2px 0 5px rgba(0,0,0,0.1); +} + +.sidebar-button{ + background-color: #34495e; + color: #ecf0f1; + border: none; + border-radius: 5px; + padding: 10px; + margin-bottom: 10px; + cursor: pointer; + text-align: left; + width: 100%; +} + +.sidebar-button:hover{ + background-color: #1abc9c; +} + +.main-content{ + flex: 1; + padding: 20px; + backgound-color: #ecf0f1; + display: flex; + flex-wrap: wrap; + gap: 10px; +} + +.post-grid{ + display: grid; + grid-template-columns: repeat(3,1fr); + gap: 10px; + width: 100%; +} + +.post{ + background-color: #3498db; + color: #fff; + padding: 20px; + text-align: center; + border-radius: 5px; + height: 150px; + display: flex; + justify-content: center; + align-items: center; +} + diff --git a/_site/404.html b/_site/404.html index 6659309..f99aef8 100644 --- a/_site/404.html +++ b/_site/404.html @@ -3,29 +3,36 @@ + - + + - +
+
+