snuffler/snuffler-web
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

prettyyyyy

Browse source
This commit is contained in:
Jarkko Toivanen 2024-09-28 01:27:52 +03:00
parent e13a8d130e
commit 8f2311df0b
Signed by: jt
GPG key ID: 9151B109B73ECAD5
2 changed files with 19 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
index.php
View file

@ -8,7 +8,7 @@
</head> </head>
<body> <body>
<div id="centerbox"> <div id="centerbox">
<h1>Snuffler</h1> <div id="titlebox"><img src="favicon.ico" />Snuffler</div>
<form id="postform"> <form id="postform">
<textarea id="postformtextarea" name="text" rows="5" placeholder="Whatcha snuffin' about?"></textarea><br /> <textarea id="postformtextarea" name="text" rows="5" placeholder="Whatcha snuffin' about?"></textarea><br />
<div id="postformactionrow"> <div id="postformactionrow">
@ -32,7 +32,7 @@ if(!$database) {
//$database->addPost("Test post", 0); //$database->addPost("Test post", 0);
$posts = $database->getPosts(); $posts = array_reverse($database->getPosts());
//var_dump($posts); //var_dump($posts);
foreach($posts as $post) { foreach($posts as $post) {
echo '<div class="post">'; echo '<div class="post">';

18
style.css
View file

@ -7,13 +7,26 @@ hr {
border-color: #584200; border-color: #584200;
} }
#titlebox {
font-size: 5em;
text-align: center;
}
#titlebox > img {
display: inline-block;
height: 1em;
}
#centerbox { #centerbox {
margin: auto; margin: auto;
max-width: 50em; max-width: 50em;
} }
#postform {
margin-top: 1em;
margin-bottom: 1em;
}
#postformtextarea { #postformtextarea {
box-sizing: border-box; box-sizing: border-box;
width: 100%; width: 100%;
border-radius: 1em;
} }
#postformactionrow { #postformactionrow {
text-align: right; text-align: right;
@ -22,7 +35,10 @@ hr {
.post { .post {
border-style: solid; border-style: solid;
border-width: 1px; border-width: 1px;
padding: .5em; padding: 1em;
margin-top: 1em;
margin-bottom: 1em;
border-radius: 1em;
/* /*
margin: auto; margin: auto;
max-width: 50em; max-width: 50em;