1
1
mirror of https://github.com/xplosionmind/quitsocialmedia.club.git synced 2024-12-22 13:34:29 +01:00
quitsocialmedia.club/pages/home.html

118 lines
5.6 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

---
title: home
permalink: /home
lang: en
ref: home
---
<div class="row">
<div class="one column">
<div class="page-header">
<h1>WARNING</h1>
<p class="page-description">
Its so funny to make it look like you just landed on a spam page. Dont worry, its not (entirely). Here theres a great collection of feelings, thoughts, notes, images and various stuff by Tommi Boom. Basically, this is the web representation of his messy mind.
<br />
Beware: dont get too involved with the stuff around here or you may get as crazy and confused as him, which is definitely not recommended (thats the reason of the initial warning).
<br />
Have fun!
</p>
</div>
</div>
</div>
<h2 class="section-title">about this weirdo</h2>
<div class="row" id="about">
<div class="half column">
<img src="/images/tencoascolta.jpg" alt="a photo of me conducting a live show" title="Tommi on stage conducting a live show">
</div>
<div class="half column">
<article style="padding: var(--height) 10%">
<p>
Hi, Im Tommi.
<br />
<br />
Im an enthusiast. I love getting involved in everything which involves human interactions and Im overthinking addicted. Im an happy guy, but this doesnt mean I dont cry (just make me watch the right movie).
<br />
The purpose of my whole exsistence is meeting all the people in the world. This is why, When Im not studying, I try to be as busy as I can. This means, as the great <a href="https://en.wikipedia.org/wiki/Gottfried_Wilhelm_Leibniz" rel="noopener" target="_blank">Leibnitz</a> said, that <q>in my life I started everything and concluded nothing</q>. You can know more about something of this messy everything by browsing around. If the stuff here is too confused and you get lost, well… welcome to my mind. Nevertheless, you may check out my <a href="https://xplosionmind.wixsite.com/xplosionmind" rel="noopener" target="_blank">old website</a>, which is going to stay online for a little while.
<br />
Theres nothing much left to say. Things that wander around in my head are written on my <a href="/blog" target="_blank">blog</a>.
<br />
Some useful data:
<ul>
<li>my <a href="https://www.linkedin.com/in/tommasomarmo/" rel="noopener" target="_blank">Linkedin profile</a></li>
<li>my <a href="https://europa.eu/!xG43Xd" rel="noopener noreferrer" target="_blank">Curriculum Vitae</a></li>
<li>my email address is tommiboom [at] protonmail [dot] com. If possible, please use my <a href="/assets/tommiboom@protonmail.com (D21FB50F) Public PGP KEY.asc" target="_blank">PGP key</a> (its not necessary if you use a <a href="https://protonmail.com" rel="noopener" target="_blank">ProtonMail</a> address)</li>
<li>my username is xplosionmind everywhere. If you cant find it, Im not there. Links to my social media profiles are at the end of this page.</li>
</ul>
<br />
I tweet a lot. <a href="https://twitter.com/xplosionmind" rel="noopener" target="_blank">Too much</a>.
</p>
</article>
</div>
</div>
{% for post in site.posts %}
{% if forloop.first == true %}
<a href="{{ post.url }}"><h2 class="section-title">Latest post</h2></a>
<div class="row" style="overflow: hidden;">
<div class="half column">
<div class="stuff-image">
<img src="{{ post.img }}" alt="{{ post.title }}" title="{{ post.title }}" />
</div>
</div>
<div class="half column stuff">
<a href="{{ post.url }}" style="color: var(--dark-font)"><h2 style="margin-top: var(--big)">{{ post.title }}</h2></a>
<p>{{ post.excerpt }}</p>
<div class="link-container">
<a href="{{ post.url }}"><div class="link" style="color: var(--background); background: var(--primary)">read</div></a>
</div>
</div>
</div>
{% endif %}
{% endfor %}
<a href="/jar"><h2 class="section-title" style="color: white; background: var(--razzmatazz)">The Jar</h2></a>
<div class="row">
<div class="one column">
<div class="page-description">
<p>Theres stuff I find out I wish I knew before, or stuff I just cant keep from sharing but its not enough to make an article, or resources so great and useful that the whole world should know and use, or cool oddities I note and its nice to have them always ready at hand.</p>
<p>I take this things, I throw them into <a href="/jar"><em>The Jar</em></a>.</p>
<p>I hope it can be useful to you.</p>
</div>
</div>
</div>
<!-- <h2 class="section-title">visioni</h2>
<div class="gallery">
{% assign visioni = site.static_files | where: "image", true %}
{% for pic in visioni %}
<span class="gallery-image" style="order: {{ forloop.index }}">
<img src="{{ pic.path }}" />
</span>
{% endfor %}
</div> -->
<a href="/stuff"><h2 class="section-title">Featured stuff</h2></a>
{% assign stuff = site.stuff | where: "lang", page.lang | where: "featured", true %}
{% for thing in stuff %}
<div class="row" style="color: {{ thing.color }}; background-color: {{ thing.background-color }}; overflow: hidden;" id="{{ thing.title | slugify }}">
<div class="half column">
<div class="stuff-image">
<img src="{{ thing.src }}" alt="{{ thing.alt }}" title="{{ thing.title }}" />
</div>
</div>
<div class="half column stuff">
<div class="stuff-logo">
<img src="/logos/{{ thing.logo }}" alt="{{ thing.title }} logo" title="{{ thing.title }}" />
</div>
<p>{{ thing.content }}</p>
<div class="link-container">
<a href="{{ thing.link }}" rel="noopener" target="_blank"><div class="link" style="color: {{ thing.background-color }}; background-color: {{ thing.color }};">{{ thing.button }}</div></a>
</div>
</div>
</div>
{% endfor %}
<br />