Added services descriptions, fixed margins/paddings

This commit is contained in:
DarkCat09 2023-03-17 17:41:28 +04:00
parent 771c63df54
commit b452114233
2 changed files with 54 additions and 35 deletions

View file

@ -11,6 +11,9 @@
<style> <style>
i.las, i.lab { margin-right: 0.5rem } i.las, i.lab { margin-right: 0.5rem }
details { margin-top: calc(var(--spacing) * 0.25) } details { margin-top: calc(var(--spacing) * 0.25) }
fieldset > blockquote { margin-top: calc(var(--spacing) * 0.25) }
fieldset:last-child > blockquote { margin-bottom: 0 }
section { margin-bottom: var(--spacing) }
</style> </style>
</head> </head>
<body> <body>
@ -39,16 +42,18 @@
fullstack developer fullstack developer
</h2> </h2>
</hgroup> </hgroup>
<div class="grid"> <section>
{{#each profiles}} <div class="grid">
<div> {{#each profiles}}
<a href="{{url}}"> <div>
<i class="{{icon}}"></i> <a href="{{url}}">
{{name}} <i class="{{icon}}"></i>
</a> {{name}}
</div> </a>
{{/each}} </div>
</div> {{/each}}
</div>
</section>
<div> <div>
{{#each about}} {{#each about}}
<div> <div>
@ -90,20 +95,24 @@
<h1>Services on dc09.ru</h1> <h1>Services on dc09.ru</h1>
<h2>{{vps}}</h2> <h2>{{vps}}</h2>
</hgroup> </hgroup>
<aside> <div>
<nav> {{#each selfhosted}}
<ul> <fieldset>
{{#each selfhosted}} <a href="https://{{domain}}">
<li> <i class="{{icon}}"></i>
<a href="https://{{domain}}"> {{domain}}
<i class="{{icon}}"></i> </a>
{{domain}} <blockquote>
{{description}}
<footer>
<a href="{{source}}" class="secondary">
Source Code
</a> </a>
</li> </footer>
{{/each}} </blockquote>
</ul> </fieldset>
</nav> {{/each}}
</aside> </div>
</article> </article>
</main> </main>
</body> </body>

View file

@ -36,7 +36,7 @@
"Дайте танк (!)", "Дайте танк (!)",
"Pizza/Пицца" "Pizza/Пицца"
], ],
"listTitle": "Fav Music Bands" "listTitle": "Favorite Music Bands"
}, },
{ {
"icon": "las la-desktop", "icon": "las la-desktop",
@ -418,37 +418,47 @@
], ],
"vps": "Hosted on timeweb.cloud", "vps": "Hosted on timeweb.cloud",
"selfhosted": [ "selfhosted": [
{
"icon": "las la-home",
"domain": "dc09.ru"
},
{ {
"icon": "las la-search", "icon": "las la-search",
"domain": "searx.dc09.ru" "domain": "searx.dc09.ru",
"description": "SearXNG is a free internet metasearch engine which aggregates results from various search services and databases. Users are neither tracked nor profiled.",
"source": "https://github.com/searxng/searxng"
}, },
{ {
"icon": "lab la-git-alt", "icon": "lab la-git-alt",
"domain": "git.dc09.ru" "domain": "git.dc09.ru",
"description": "Gitea is a community managed lightweight code hosting solution written in Go. It is published under the MIT license.",
"source": "https://github.com/go-gitea/gitea"
}, },
{ {
"icon": "las la-play", "icon": "las la-play",
"domain": "yt.dc09.ru" "domain": "yt.dc09.ru",
"description": "Piped is an alternative privacy-friendly YouTube frontend which is efficient by design.",
"source": "https://github.com/TeamPiped/Piped"
}, },
{ {
"icon": "las la-link", "icon": "las la-link",
"domain": "url.dc09.ru" "domain": "url.dc09.ru",
"description": "Shlink is a PHP-based self-hosted URL shortener that can be used to serve shortened URLs under your own domain.",
"source": "https://github.com/shlinkio/shlink"
}, },
{ {
"icon": "las la-key", "icon": "las la-key",
"domain": "pswd.dc09.ru" "domain": "pswd.dc09.ru",
"description": "Vaultwarden is an unofficial Bitwarden compatible server written in Rust",
"source": "https://github.com/dani-garcia/vaultwarden"
}, },
{ {
"icon": "las la-cloud", "icon": "las la-cloud",
"domain": "cloud.dc09.ru" "domain": "cloud.dc09.ru",
"description": "Nextcloud is a safe home for all your data – community-driven, free & open source",
"source": "https://github.com/nextcloud/all-in-one"
}, },
{ {
"icon": "lab la-wikipedia-w", "icon": "lab la-wikipedia-w",
"domain": "wt.dc09.ru" "domain": "wt.dc09.ru",
"description": "Just a redirection to Russian Wiktionary with a shorter domain",
"source": "https://wt.dc09.ru/!about"
} }
] ]
} }