add basic website with styling

This commit is contained in:
Santiago Forero 2021-10-06 19:45:24 -05:00
parent 9815451c3e
commit e74c20266a
7 changed files with 98 additions and 0 deletions

3
config.toml Normal file
View File

@ -0,0 +1,3 @@
baseURL = 'https://forero.xyz/'
languageCode = 'en-us'
title = 'Santiago Forero'

50
layouts/index.html Normal file
View File

@ -0,0 +1,50 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/theme.css">
<title>{{ .Site.Title }}</title>
</head>
<body>
{{ partial "nav.html" . }}
<div id="content">
<h2>hi</h2>
<p>I'm known as ~forero, I am 15 years old, I like computers and I'm an athlete.</p>
<h2>contact</h2>
<ul>
<li>email: <a href="mailto:santiago@forero.xyz">santiago@forero.xyz</a></li>
<li>irc: <a href="https://web.libera.chat/#forero">join #forero on libera.chat</a> or DM forero</li>
</ul>
<h2>social media</h2>
<ul>
<li><a href="https://www.youtube.com/channel/UC0l709qNeW3ZpZGdsR2Z6pw">YouTube channel</a></li>
<li>Instagram: <a href="https://www.instagram.com/santiagoforer/">@santiagoforer</a></li>
<li>GitHub: <a href="https://github.com/forerosantiago/">forerosantiago</a></li>
<li>Mastodon: <a href="https://tilde.zone/web/accounts/106580153739377777">@forero@tilde.zone</a></li>
</ul>
<h2>donations</h2>
<h3>bitcoin</h3>
<p><b>Address:</b> bc1q8xv9ktfmywwskpl978h0f9kdvrrvcw68z67cc4</p>
<p><b>QR:</b></p>
<img src="bitcoin.png" alt="">
<h3>nequi</h3>
<p>If you are in Colombia you can send your money here: +573053156599</p>
<p><b>QR:</b></p>
<img src="nequi.png" alt="">
</div>
{{ partial "footer.html" . }}
</body>
</html>

View File

@ -0,0 +1,9 @@
<hr>
<footer id="main-footer">
<p>Made with &hearts; by <a href="https://forero.xyz">forero</a>. The source code of this site can be found <a href="https://github.com/forerosantiago/site">here</a>.</p>
<h4></h4>
<b>Hotline webring:</b> <a href="https://hotlinewebring.club/forero/previous">previous</a> <a href="https://hotlinewebring.club/forero/next">next</a>
<p><b>PD:</b> This site is constantly evolving :)</p>
</footer>

View File

@ -0,0 +1,3 @@
<nav id="main-nav">
<h2><a href="">Santiago Forero</a></h2>
</nav>

BIN
static/bitcoin.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 956 B

BIN
static/nequi.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

33
static/theme.css Normal file
View File

@ -0,0 +1,33 @@
body {
background: #1d1f21;
color: #c5c8c6;
font-family: 'JetBrains Mono', monospace;
}
#main-nav {
text-align: center;
margin-bottom: 5%;
}
#main-nav > a {
margin: 5%;
}
a {
color: #b5bd68;
text-decoration: none;
}
a:hover {
opacity: 0.8;
text-decoration: underline;
}
#content {
width: 80%;
margin: auto;
}
#main-footer {
margin: 5%;
}