Index and meta

FossilOrigin-Name: 1b0279c79c8df3fa37397fe16ba83a445eac2dc60001a4f88eed796365c6e098
This commit is contained in:
me@ow.nekobit.net 2022-01-17 06:19:46 +00:00
parent b48a08ff19
commit 0f31094d02
6 changed files with 190 additions and 3 deletions

BIN
dist/favicon.png vendored Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

136
dist/ratfe.css vendored Normal file
View 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

Binary file not shown.

After

Width:  |  Height:  |  Size: 70 KiB

BIN
meta/ratfe.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 627 KiB

View file

@ -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);
}

View file

@ -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>