119 lines
4.6 KiB
Handlebars
119 lines
4.6 KiB
Handlebars
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="description" content="Hi! I'm Andrew aka DarkCat09, a 13-years-old fullstack developer from Russia.">
|
|
<title>DarkCat09's Homepage</title>
|
|
<link rel="stylesheet" href="css/pico.min.css">
|
|
<link rel="stylesheet" href="css/line-awesome.min.css">
|
|
<script src="js/script.js"></script>
|
|
<style>
|
|
i.las, i.lab { margin-right: 0.5rem }
|
|
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>
|
|
</head>
|
|
<body>
|
|
<nav class="container-fluid">
|
|
<ul>
|
|
<li><strong>Homepage</strong></li>
|
|
</ul>
|
|
<ul>
|
|
{{#each links}}
|
|
<li>
|
|
<a class="primary" href="{{url}}">
|
|
{{#if icon}}<i class="{{icon}}"></i>{{/if}}
|
|
{{name}}
|
|
</a>
|
|
</li>
|
|
{{/each}}
|
|
</ul>
|
|
</nav>
|
|
<main class="container">
|
|
<article id="me">
|
|
<hgroup>
|
|
<h1>Hi! I'm Andrew</h1>
|
|
<h2>
|
|
<b>aka @DarkCat09</b><br>
|
|
<span id="age">13</span>-years-old
|
|
fullstack developer
|
|
</h2>
|
|
</hgroup>
|
|
<section>
|
|
<div class="grid">
|
|
{{#each profiles}}
|
|
<div>
|
|
<a href="{{url}}">
|
|
<i class="{{icon}}"></i>
|
|
{{name}}
|
|
</a>
|
|
</div>
|
|
{{/each}}
|
|
</div>
|
|
</section>
|
|
<div>
|
|
{{#each about}}
|
|
<div>
|
|
{{#if list}}
|
|
<details>
|
|
<summary>
|
|
<i class="{{icon}}"></i>
|
|
{{{listTitle}}}
|
|
</summary>
|
|
<ul>
|
|
{{#each list}}
|
|
<li>{{{this}}}</li>
|
|
{{/each}}
|
|
</ul>
|
|
</details>
|
|
{{else if expand}}
|
|
<details>
|
|
<summary>
|
|
<i class="{{icon}}"></i>
|
|
{{{expandTitle}}}
|
|
</summary>
|
|
{{{expand}}}
|
|
</details>
|
|
{{else}}
|
|
<div>
|
|
<i class="{{icon}}"></i>
|
|
{{{content}}}
|
|
</div>
|
|
{{/if}}
|
|
</div>
|
|
{{/each}}
|
|
</div>
|
|
</article>
|
|
<article id="skills">
|
|
<h1>My Skills and Projects</h1>
|
|
</article>
|
|
<article id="dc09ru">
|
|
<hgroup>
|
|
<h1>Services on dc09.ru</h1>
|
|
<h2>{{vps}}</h2>
|
|
</hgroup>
|
|
<div>
|
|
{{#each selfhosted}}
|
|
<fieldset>
|
|
<a href="https://{{domain}}">
|
|
<i class="{{icon}}"></i>
|
|
{{domain}}
|
|
</a>
|
|
<blockquote>
|
|
{{description}}
|
|
<footer>
|
|
<a href="{{source}}" class="secondary">
|
|
Source Code
|
|
</a>
|
|
</footer>
|
|
</blockquote>
|
|
</fieldset>
|
|
{{/each}}
|
|
</div>
|
|
</article>
|
|
</main>
|
|
</body>
|
|
</html>
|