diff --git a/index.php b/index.php index 614f996..801fb0c 100755 --- a/index.php +++ b/index.php @@ -79,8 +79,11 @@ $posts = array_reverse($database->getPosts()); //var_dump($posts); foreach($posts as $post) { echo '
'; + echo '
'; echo '' . $post["user.name"] . ''; echo '
@' . $post["user.handle"] . ''; + echo '
'; + echo '

' . $post["post.text"] . '

'; echo '
' . date("D j.n.Y \@ G:i", $post["post.time"]) . ''; echo ' diff --git a/style.css b/style.css index a776198..19d2a9f 100644 --- a/style.css +++ b/style.css @@ -62,14 +62,37 @@ hr { } .post { + position: relative; border-style: solid; border-width: 1px; padding: 1rem; - margin-top: 1rem; + margin-top: 3rem; border-radius: 1rem; } +.postinfo { + position: absolute; + left: -1px; + top: -2em; + height: 3rem; + min-width: 15rem; + background-color: #ffc000; + color: #000000; + border-radius: 3rem; + border-bottom-left-radius: 0; + padding: .25rem; + padding-left: 1rem; + padding-right: 1rem; + text-wrap: nowrap; +} .postactions { - float: right; + /*float: right;*/ + position: absolute; + background-color: #ffc000; + padding: .25rem; + border-radius: 2rem; + border-top-right-radius: 0; + right: -1px; + bottom: -1rem; } .reactionaction { height: 2rem;