forked from mirrors/treebird
Index and meta
FossilOrigin-Name: 1b0279c79c8df3fa37397fe16ba83a445eac2dc60001a4f88eed796365c6e098
This commit is contained in:
me@ow.nekobit.net
parent
b48a08ff19
commit
0f31094d02
BIN
dist/favicon.png
vendored
Normal file
BIN
dist/favicon.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
136
dist/ratfe.css
vendored
Normal file
136
dist/ratfe.css
vendored
Normal file
|
|
@ -0,0 +1,136 @@
|
|||
body
|
||||
{
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
background-color: #f2f2f2;
|
||||
}
|
||||
|
||||
#display-wrapper
|
||||
{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
|
||||
}
|
||||
|
||||
#display
|
||||
{
|
||||
overflow: hidden;
|
||||
background-color: #ffffff;
|
||||
width: 1000px;
|
||||
border-radius: 5px;
|
||||
border: 1pxnn solid #bababa;
|
||||
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
#navbar
|
||||
{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border-bottom: 2px solid #cacaca;
|
||||
}
|
||||
|
||||
#navbar img
|
||||
{
|
||||
display: inline-block;
|
||||
margin: 2px 2px 2px 8px;
|
||||
}
|
||||
|
||||
#navbar span.info
|
||||
{
|
||||
margin-left: 15px;
|
||||
color: #202020;
|
||||
font-variant: small-caps;
|
||||
font-size: 28px;
|
||||
}
|
||||
|
||||
#navbar-right
|
||||
{
|
||||
padding-right: 8px;
|
||||
}
|
||||
|
||||
.alignend
|
||||
{
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-end;
|
||||
align-items: flex-end;
|
||||
}
|
||||
|
||||
div#content
|
||||
{
|
||||
display: flex;
|
||||
}
|
||||
|
||||
div#content main
|
||||
{
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
div#content aside
|
||||
{
|
||||
width: 180px;
|
||||
max-width: 200px;
|
||||
background-color: #fcfcfc;
|
||||
}
|
||||
|
||||
#leftbar
|
||||
{
|
||||
border-right: 1px solid #cacaca;
|
||||
}
|
||||
|
||||
#rightbar
|
||||
{
|
||||
border-left: 1px solid #cacaca;
|
||||
}
|
||||
|
||||
/* Posts */
|
||||
.status
|
||||
{
|
||||
display: flex;
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
.status:not(:last-child)
|
||||
{
|
||||
border-bottom: 2px dotted #cacaca;
|
||||
}
|
||||
|
||||
.status .profile-picture
|
||||
{
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.status .status-info
|
||||
{
|
||||
flex: 1;
|
||||
display: flex;
|
||||
padding: 5px;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.status .instance-info
|
||||
{
|
||||
font-style: italic;
|
||||
text-decoration: none;
|
||||
margin: 0 3px;
|
||||
}
|
||||
|
||||
.status .poster-stats
|
||||
{
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.status .username
|
||||
{
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.status .status-content
|
||||
{
|
||||
margin: 2px 0 0 0;
|
||||
}
|
||||
|
||||
.status-visibility
|
||||
{
|
||||
color: #808080;
|
||||
}
|
||||
BIN
dist/ratfe_logo.png
vendored
Normal file
BIN
dist/ratfe_logo.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 70 KiB |
BIN
meta/ratfe.png
Normal file
BIN
meta/ratfe.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 627 KiB |
|
|
@ -17,9 +17,13 @@
|
|||
*/
|
||||
|
||||
#include <stdio.h>
|
||||
#include "../config.h"
|
||||
#include "index.h"
|
||||
|
||||
// Files
|
||||
#include "../static/index.chtml"
|
||||
|
||||
void content_index()
|
||||
{
|
||||
printf("Index.html\r\n");
|
||||
printf(data_index_html, config_canonical_name);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -2,10 +2,57 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>%s</title>
|
||||
<link rel="icon" type="image/png" href="favicon.png">
|
||||
<link rel="stylesheet" type="text/css" href="ratfe.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="content">
|
||||
|
||||
<div id="display-wrapper">
|
||||
<div id="display">
|
||||
<header id="navbar">
|
||||
<a href="/"><img src="ratfe_logo.png" height="42"></a>
|
||||
<span class="info">RatFE</span>
|
||||
<div id="navbar-right" class="alignend">
|
||||
<!-- Searchbox -->
|
||||
<form action="/search" method="get">
|
||||
<input type="textbox" placeholder="Search" id="q" name="q">
|
||||
<input type="submit" value="Search">
|
||||
</form>
|
||||
</div>
|
||||
</header>
|
||||
<div id="content">
|
||||
<!-- Navigation -->
|
||||
<aside id="leftbar">
|
||||
|
||||
</aside>
|
||||
|
||||
<!-- Display for posts -->
|
||||
<main>
|
||||
<div class="status">
|
||||
<div class="profile-picture">
|
||||
<img src="ratfe_logo.png" height="64">
|
||||
</div>
|
||||
<div class="status-info">
|
||||
<div class="poster-stats">
|
||||
<span class="username">Rat user</span>
|
||||
<a class="instance-info" href="#">@ratlord@cum.desupost.soy</a>
|
||||
<span class="alignend status-visibility">
|
||||
public
|
||||
</span>
|
||||
</div>
|
||||
<span class="status-content">
|
||||
This is my first post<br><br>
|
||||
Just landed in L.A.!
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<!-- Notifications and such -->
|
||||
<aside id="rightbar">
|
||||
|
||||
</aside>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Reference in a new issue