126 lines
3.2 KiB
HTML
126 lines
3.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>The Home of Fluffy Tails</title>
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="description" content="The Home of Fluffy Tails">
|
|
|
|
<meta property="og:title" content="The Home of Fluffy Tails" />
|
|
<meta property="og:description" content="The place where foxgirls are adored and worshipped. Banner by asahisa: https://www.pixiv.net/en/artworks/59850237"/>
|
|
<meta property="og:url" content="https://foxgirls.date" />
|
|
<meta property="og:image" content="https://foxgirls.date/images/banner.jpg" />
|
|
<meta name="theme-color" content="#f38bd1" />
|
|
|
|
<meta name="twitter:card" content="summary_large_image" />
|
|
|
|
<style>
|
|
body {
|
|
margin: 0;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
height: 100vh;
|
|
background: #222;
|
|
font-family: Arial, sans-serif;
|
|
color: white;
|
|
}
|
|
|
|
.container {
|
|
text-align: center;
|
|
width: 100%;
|
|
}
|
|
|
|
.display-image {
|
|
max-width: 80%;
|
|
max-height: 80vh;
|
|
}
|
|
.sauce {
|
|
display:flex;
|
|
justify-content: center;
|
|
width: 80%;
|
|
margin: 10px auto;
|
|
gap: 20px;
|
|
}
|
|
.author {
|
|
text-align: left;
|
|
}
|
|
.source {
|
|
text-align: right;
|
|
}
|
|
.source>a {
|
|
font-style: italic;
|
|
color: rgb(159, 159, 159);
|
|
text-decoration: none;
|
|
}
|
|
a {
|
|
text-decoration: underline;
|
|
color: white;
|
|
}
|
|
|
|
table, th, td {
|
|
border: none !important;
|
|
}
|
|
|
|
.showcase {
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
padding-top: 5px;
|
|
}
|
|
|
|
|
|
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class="container">
|
|
|
|
<div style="padding: 20px;">
|
|
<img class="display-image" src="images/{{ image.filename }}" alt="image of a cute foxgirl">
|
|
<div class="sauce">
|
|
<div class="author">Author: {{ image.author }}</div>
|
|
<div class="source"><a href="{{image.source}}">{{image.source}}</a></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
<a href="https://uptime.foxgirls.date/status/all">Service Status</a>
|
|
</div>
|
|
<div>
|
|
Palworld Server: foxgirls.date:8211
|
|
</div>
|
|
<div>
|
|
Matrix server: foxgirls.date
|
|
</div>
|
|
<div>
|
|
Contact: @kamil118:foxgirls.date
|
|
</div>
|
|
<div style="display: flex; justify-content: center;">
|
|
<table>
|
|
<tr>
|
|
<td>
|
|
<div class="showcase">
|
|
<a href="https://jelly.foxgirls.date/">Jellyfin</a>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div class="showcase">
|
|
<a href="https://cloud.foxgirls.date/">Nextcloud</a>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div class="showcase">
|
|
<a href="https://git.foxgirls.date/">Gitea</a>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
</body>
|
|
</html> |