Add social

This commit is contained in:
Augusto Gunsch 2022-03-30 08:14:42 -03:00
parent 885c25cade
commit 861b36ec32
5 changed files with 72 additions and 64 deletions

View File

@ -1,15 +0,0 @@
# Augusto Gunsch
Polish-Brazilian fullstack developer living in Caxias do Sul, Brazil.
## Contact
<span class="icon" id="matrix">Matrix: @augusto-gunsch:matrix.org</span>
<span class="icon" id="email">Email: augustogunsch@tutanota.com</span>
If you want to encrypt your email messages, you can use my [public PGP
key](static/augustogunsch@tutanota.com.pub.asc).
## Links
<span class="icon" id="github">[Github](https://github.com/augustogunsch)</span>
<span class="icon" id="linkedin">[LinkedIn](https://www.linkedin.com/in/augusto-gunsch-210b17218)</span>
## Donations
<span class="icon" id="monero">Monero: <code>86JjGobWkTwh7k5SoBhXVB4Nbx28fhVi122knfyHYWJvN33Jsn1Z6yPAXfc4dsRhLN4zAAs29fUEJWmAmVJxoPUgGmtpS5P</code></span>

View File

@ -9,6 +9,8 @@ app = Flask(__name__)
CONTENT_DIR = 'content/' CONTENT_DIR = 'content/'
STATIC_DIR = 'static/' STATIC_DIR = 'static/'
lang = 'en'
def not_found(): def not_found():
return '<h1>This page does not exist</h1>', 404 return '<h1>This page does not exist</h1>', 404
@ -34,22 +36,13 @@ def get_quote(lang):
@app.route('/') @app.route('/')
def index(): def index():
return redirect(url_for('index_lang', lang='en'))
@app.route('/<lang>')
def index_lang(lang):
md = CONTENT_DIR + 'index_%s.md' % lang
if os.path.isfile(md):
body = read_md(md)
quote, author = get_quote(lang) quote, author = get_quote(lang)
index = 'index_%s.html' % lang
return render_template('index.html', body=body, quote=quote, author=author) return render_template(index, quote=quote, author=author)
else:
return not_found()
@app.route('/<lang>/<page>') @app.route('/<page>')
def page_lang(lang, page): def page(page):
md = CONTENT_DIR + '%s_%s.md' % (page, lang) md = CONTENT_DIR + '%s_%s.md' % (page, lang)
if os.path.isfile(md): if os.path.isfile(md):

View File

@ -55,14 +55,34 @@ nav a {
border-radius: 20px; border-radius: 20px;
} }
main { #page {
height: 100%; height: 100%;
display: flex; display: flex;
margin: 1rem;
margin-bottom: 4rem;
}
#social {
width: 1.5em;
display: flex;
flex-direction: column;
justify-content: center;
}
#social a {
margin: .5em 0;
}
#social a img {
width: 100%;
}
main {
width: 100%;
display: flex;
align-items: center; align-items: center;
justify-content: space-evenly; justify-content: space-evenly;
flex-wrap: wrap-reverse; flex-wrap: wrap-reverse;
padding: 1rem;
padding-bottom: 5rem;
} }
main figure { main figure {

View File

@ -1,32 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Augusto Gunsch</title>
<link rel="stylesheet" href="{{ url_for('static', filename='stylesheet.css') }}"/>
<link rel="icon" href="{{ url_for('static', filename='icon.png') }}"/>
</head>
<body>
<header>
<h1>Augusto<br>Gunsch</h1>
<nav>
<a href='contact'>Contact</a>
<a href='about'>About</a>
<a href='projects' class='button'>Projects</a>
</nav>
</header>
<main>
<figure>
<blockquote>
{{ quote }}
</blockquote>
<figcaption>{{ author }}</figcaption>
</figure>
<span>
I turn <mark>ideas</mark><br>into<br><mark>software</mark>.
</span>
</main>
</body>
</html>

42
templates/index_en.html Normal file
View File

@ -0,0 +1,42 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Augusto Gunsch</title>
<link rel="stylesheet" href="{{ url_for('static', filename='stylesheet.css') }}"/>
<link rel="icon" href="{{ url_for('static', filename='icon.png') }}"/>
</head>
<body>
<header>
<h1>Augusto<br>Gunsch</h1>
<nav>
<a href='contact'>Contact</a>
<a href='about'>About</a>
<a href='projects' class='button'>Projects</a>
</nav>
</header>
<div id="page">
<div id="social">
<a href="https://github.com/augustogunsch" target="_blank">
<img src="{{ url_for('static', filename='github.png') }}">
</a>
<a href="https://www.linkedin.com/in/augusto-gunsch-210b17218" target="_blank">
<img src="{{ url_for('static', filename='linkedin.png') }}">
</a>
</div>
<main>
<figure>
<blockquote>
{{ quote }}
</blockquote>
<figcaption>{{ author }}</figcaption>
</figure>
<span>
I turn <mark>ideas</mark><br>into<br><mark>software</mark>.
</span>
</main>
</div>
</body>
</html>