<?php
include_once("utils/localization.php");
?>
<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title><?= $trans('title') ?></title>
  <meta name="author" content="Dendy">

	<!-- Stylesheets -->
	<link rel="stylesheet" href="static/style/reset.css">
	<link rel="stylesheet" href="static/style/main.css">
</head>

<body>
  <div id="title">
    <img src="static/resources/avi.png"/>
    <div>
      <h1><?= $trans('title') ?></h1>
      <p><?= $trans('subtitle') ?></p>
    </div>
	</div>

  <div id="menu" class="section">
    <ul>
      <li><a href="#"><?= $trans('home') ?></a></li>
      <li><a href="#"><?= $trans('gallery') ?></a></li>
      <li><a href="#"><?= $trans('blog') ?></a></li>
      <li><a href="#"><?= $trans('about') ?></a></li>
    </ul>
    <div id="lang-select">
      LANG:<?php
      foreach($langs as $lang){
         printf(' <a href="/?lang=%s">%s</a>', $lang, strtoupper($lang));
      }
    ?></div>
  </div>

	<div id="content" class="row">
		<div id="main-section" class="section column middle">
			<h2><?= $trans('welcome') ?></h2>
		</div>
		
		<div id="links" class="column right section">
				<h2><?= $trans('links') ?></h2>

				<h3><?= $trans('programming') ?></h3><ul>
					<li><a href="https://git.fai.st/dendy"><?= $trans('git') ?></a></li>
				</ul>

				<h3><?= $trans('people') ?></h3>
				<ul>
					<li><a href="https://dusk.fai.st">Dusk</a></li>
					<li><a href="https://yari.fai.st">Yarita</a></li>
					<li><a href="https://lidiarock.one">LidiaRock1</a></li>
				</ul>
    </div>

    <div id="contact" class="column right section">
      <h2><?= $trans('contact') ?></h2>
      <ul>
        <li><a href="https://awoo.fai.st/dendy" rel="me" target="_blank">Fedi</a></li>
        <li><a href="xmpp:dendy@fai.st">XMPP</a></li>
        <li><a target="_blank" href="https://matrix.to/#/@dendy:fai.st">Matrix</a></li>
      </ul>
      <h2><?= $trans('keys') ?></h2>
      <ul>
        <li><a target="_blank" href="static/dendy.asc">PGP public key</a></li>
      </ul>
    </div>
	</div>

  <div class="section" id="fediring">
    <ul>
      <li><a href="https://fediring.net/previous?host=dendy.cat">&lt;-</a></li>
      <li><a href="https://fediring.net/">Fediring</a></li>
      <li><a href="https://fediring.net/next?host=dendy.cat">-&gt;</a></li>
    </ul>
  </div>

	<div class="section" id="footer">
    <?= $trans('copyright') ?>
	</div>
</body>
</html>