all repos — website @ 41bd17cde30fefcb559fdcc097c1420f5c3847cc

personal website hosted at prithu.xyz, built using hugo

changed the look of post list page
Prithu Goswami prithugoswami524@gmail.com
Sat, 23 Jan 2021 03:17:50 +0530
commit

41bd17cde30fefcb559fdcc097c1420f5c3847cc

parent

b96d787cbe6acc817fd4f8486e0e77b8030a2d56

3 files changed, 27 insertions(+), 7 deletions(-)

jump to
M layouts/partials/head.htmllayouts/partials/head.html

@@ -26,7 +26,6 @@ {{ end }}

<meta name="author" content="Prithu Goswami"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="https://fonts.googleapis.com/css?family=Roboto+Mono:300,400,700" rel="stylesheet"> - <link href="https://fonts.googleapis.com/css?family=Inter:400,700,900" rel="stylesheet"> <link rel="stylesheet" href="/css/main.css"> <link rel="stylesheet" href="/css/blog.css"> <link rel="icon" type="img/png" href="/img/favicon.png">
M static/css/blog.cssstatic/css/blog.css

@@ -1,3 +1,5 @@

+@import url('https://rsms.me/inter/inter.css'); + .bcontainer{ margin-top: 2rem; display: flex;

@@ -76,32 +78,33 @@ .posts{

font-family: Inter, sans-serif; list-style: none; margin-top: 1.5rem; + font-size: 1.18rem; } .posts > div:nth-child(odd){ - background-color: #e6e6e6; } .post-item{ display: flex; + flex-direction: row; justify-content: space-between; - padding: 0.5rem 1rem; + padding: 0.7rem 0rem; } .post-item > a { margin-right: 4rem; overflow: hidden; + font-weight: 500; } .post-item > .post-date{ font-size: 1rem; line-height: 1.4; white-space: nowrap; - text-align: right; + color: rgba(0,0,0,0.7); } .post-text{ - /* font-family: Roboto, Sans-serif; */ font-family: Inter, sans-serif; font-size: 16px; }

@@ -178,8 +181,8 @@ max-width: 100%;

background: #e6e6e6; padding: 1rem; margin: 0.5rem 0; - border: 1px solid rgba(0,0,0,0.1); - border-radius: 4px; + border: 1px solid rgba(0,0,0,0.15); + border-radius: 6px; font-size: 0.9rem; overflow-x: scroll; }

@@ -240,5 +243,21 @@

.bcontainer { margin-top: 1rem; } + + .post-item{ + flex-direction: column-reverse; + padding: 0.7rem 1rem; + } + + .post-item > a { + margin-right: 0rem; + overflow: hidden; + font-weight: 500; + } + + .post-item > .post-date{ + margin-bottom: 0.2rem; + } + }
M static/css/main.cssstatic/css/main.css

@@ -1,3 +1,5 @@

+@import url('https://rsms.me/inter/inter.css'); + *, *::before, *::after {