post list on homepage

2 files changed, 74 insertions, 1 deletions

diff --git a/static/css/core/post_list.css b/static/css/core/post_list.css
new file mode 100644
index 00000000..a84dc36e
--- /dev/null
+++ b/static/css/core/post_list.css
@@ -0,0 +1,73 @@
+.post {
+    margin: 16px 0px;
+}
+
+.author-info>* {
+    display: inline-block;
+    vertical-align: middle;
+}
+
+.author-info {
+    margin: 8px 0px;
+}
+
+.post-profile-image {
+    width: 16px;
+    height: 16px;
+}
+
+.post-body {
+    position: relative;
+}
+
+.post-image {
+    float: left;
+    shape-outside: margin-box;
+    margin-right: 12px;
+    width: 350px;
+    height: 230px;
+    border-radius: 8px;
+    overflow: hidden;
+}
+
+.post-image img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    border-radius: 8px;
+    position: relative;
+    top: 8px;
+}
+
+.post-content {
+    overflow: visible;
+}
+
+.post-content p {
+    text-align: justify;
+    margin: 8px 0px;
+}
+
+.post-actions {
+    display: flex;
+    justify-content: space-between;
+    margin: 8px 0px;
+    align-items: center;
+}
+
+.post-tag {
+    display: inline-block;
+    margin: 5px 2px;
+    padding: 2px 10px;
+    font-size: 11px;
+    font-weight: normal;
+    text-transform: capitalize;
+    background-color: #311b4f;
+    color: #dddddd !important;
+    border-radius: 10px;
+}
+
+.post-tag:hover {
+    background-color: #311b4f;
+    color: #dddddd !important;
+}
\ No newline at end of file
diff --git a/static/css/shared/core.css b/static/css/shared/core.css
index e2eafaaa..02d41657 100644
--- a/static/css/shared/core.css
+++ b/static/css/shared/core.css
@@ -101,7 +101,7 @@ img {
   width: 100%;
   height: 100%;
   background-color: #000;
-  opacity: 0.75;
+  opacity: 0.8;
   z-index: -99;
 }