Rust/flair
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added docs

Browse Source
This commit is contained in:
Justine
2023-01-11 18:10:06 +01:00
parent 346d3c5b16
commit c7f05b95ad
8 changed files with 192 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
static_html/ferris.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 48 KiB

24
static_html/index.html
View File

@ -1,3 +1,23 @@
Hello Justine Squi
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Example website</title>
<meta name="Description" Content="Vault">
Today is the Wed Jan 11 05:35:15 PM CET 2023
<link href="main.css" rel="stylesheet">
<link rel="apple-touch-icon" sizes="180x180" href="/img/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/img/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/img/favicon-16x16.png">
<link rel="manifest" href="/img/site.webmanifest">
<script src="vault.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<p style="text-align:center;"><img src="ferris.png" style="width:20%;"></p>
<h1>Hello Justine Squi<h1>
<h2>Today is the Wed Jan 11 05:55:39 PM CET 2023<h2>
<p>This computer was up 7 hours, 55 minutes</p>

80
static_html/main.css Normal file
View File

@ -0,0 +1,80 @@
miniature {
width: 200px;
height: 200px;
border-radius: 4px;
padding: 5px;
margin-top: 10px;
border: 1px solid #ddd;
object-fit: cover;
}
/* (X) DOES NOT MATTER */
body, html {
background-color: #111111;
padding: 0;
margin: 0;
font-family: Verdana, "Bitstream Vera Sans", sans-serif;
color: #FFFFFF;
line-height: 1em;
}
a {
text-decoration: none;
color: #FFFFFF;
}
a:hover {
color: #F012BE;
}
.container {
height: 100%;
width: 70%;
display: flex;
column-gap: 2rem;
row-gap: 8rem;
flex-direction: row;
flex-wrap: wrap;
align-content: flex-end;
justify-content: center;
text-align: center;
margin: auto;
}
.item {
height: 200px;
font-size: 15px;
width: 150px;
line-height: 1em;
padding: 3em;
align-items: center;
display: flex;
flex-direction: column;
}
/*
@media screen and (max-width: 920px) {
.item {
width: 30%;
}
}
@media screen and (max-width: 640px) {
.item {
width: 50%;
}
}
*/
h1 {
text-align: center;
}
h2 {
color: #61cObf;
font-size: 1.5em;
line-height: 1px;
margin: 0px;
text-align: center;
}