make it look better

This commit is contained in:
Elizabeth Hunt 2025-01-02 20:43:23 -08:00
parent 8e33d86d27
commit e4f968cec0
Signed by: simponic
GPG Key ID: 2909B9A7FF6213EE
4 changed files with 61 additions and 3 deletions

View File

@ -5,8 +5,8 @@ set -e
DNS_ENDPOINT="https://hatecomputers.club/dns"
BIND_FILE="roles/nameservers/templates/db.simponic.xyz.j2"
SERVICE_TITLE="something simponic."
SERVICE="something"
SERVICE_TITLE="phoneof simponic."
SERVICE="phoneof"
SERVICE_PORT="6363"
SERVICE_REPO="git.simponic.xyz/simponic/$SERVICE"
SERVICE_ORIGIN="git@git.simponic.xyz:simponic/$SERVICE"

View File

@ -9,10 +9,51 @@
* {
box-sizing: border-box;
}
html {
margin: 0;
padding: 0;
color: var(--text-color);
font-family: GeistMono;
}
body {
background-color: var(--background-color);
min-height: 100vh;
}
hr {
border: 0;
border-top: 1px solid var(--text-color);
margin: 20px 0;
}
.container {
max-width: 1600px;
margin: auto;
background-color: var(--container-bg);
padding: 1rem;
}
a {
color: var(--link-color);
text-decoration: none;
font-weight: bold;
}
a:hover {
text-decoration: underline;
}
.info {
margin-bottom: 1rem;
max-width: 600px;
transition: opacity 0.3s;
}
.info:hover {
opacity: 0.8;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 591 B

View File

@ -5,10 +5,27 @@
<title>{{ service_title }}</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<link href="/static/img/favicon.ico" rel="icon" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="/static/css/styles.css">
<meta property="og:type" content="website">
<meta property="og:url" content="https://{{ service }}.simponic.xyz">
<meta property="og:title" content="{{ service_title }}">
<meta property="og:description" content="{{ service_title }}">
<meta property="og:image:secure_url" content="https://{{ service }}.simponic.xyz/static/img/favicon.ico">
<meta property="og:image:secure" content="https://{{ service }}.simponic.xyz/static/img/favicon.ico">
<script src="/static/js/util/setThemeBeforeRender.js"></script>
</head>
<body data-theme="DARK">
<body>
<div id="content" class="container">
<div>
<h1>{{ service }}</h1>
<a href="/">home.</a>
<span> | </span>
<a href="javascript:void(0);" id="theme-switcher">light mode.</a>
</div>
<hr>
{{ template "content" . }}
</div>
<script data-main="/static/js/script.js" src="/static/js/require.js"></script>