figbert.com-website

commit a4abce0c77c135e28675103e081401fef93e752a
parent a20a4e9afba35dd033be84a5c28b7429883494fc
Author: FIGBERT <figbert@figbert.com>
Date:   Sat, 29 Aug 2020 23:49:27 -0700

:art: Add indieweb profile to homepage

Diffstat:
M
static/global.css
 | 
4
++++
M
templates/index.html
 | 
25
+++++++++++++++++++++++++

2 files changed, 29 insertions(+), 0 deletions(-)
diff --git a/static/global.css b/static/global.css
@@ -133,3 +133,7 @@ h6::before {
   font-weight: 200;
 }
 
+.hidden {
+  display: none;
+}
+
diff --git a/templates/index.html b/templates/index.html
@@ -2,5 +2,30 @@
 
 {% block content %}
   {{ section.content | safe }}
+  <section class="h-card hidden">
+    <a class="p-name u-url u-uid" href="https://figbert.com/" rel="me">FIGBERT</a>
+    <p class="p-note">
+      I'm FIGBERT, an Israeli-American high school student with a passion for Computer Science and Engineering. I spend my time coding side-projects, doing schoolwork, and
+      playing the occasional videogame. My current goal is to become a full-stack developer, proficient in everything from front-end design to cybersecurity.
+    </p>
+    <a class="u-email" href="mailto:figbert@figbert.com" rel="me">figbert@figbert.com</a>
+    <a class="u-url" href="https://github.com/figbert" target="_blank" rel="me noopener noreferrer">Github</a>
+    <a class="u-url" href="https://twitter.com/therealfigbert" target="_blank" rel="me noopener noreferrer">Twitter</a>
+    <a class="u-url" href="https://fosstodon.org/@figbert" target="_blank" rel="me noopener noreferrer">Mastodon</a>
+    <a class="u-url" href="https://www.reddit.com/user/therealFIGBERT" target="_blank" rel="me noopener noreferrer">Reddit</a>
+    <a class="u-url" href="https://news.ycombinator.com/user?id=figbert" target="_blank" rel="me noopener noreferrer">Hacker News</a>
+    <span class="p-category">Programming</span>
+    <span class="p-category">Rust</span>
+    <span class="p-category">Python</span>
+    <span class="p-category">Javascript</span>
+    <span class="p-category">Blogging</span>
+    <span class="p-category">InfoSec</span>
+    <span class="p-category">CyberSec</span>
+    <span class="p-category">Open Source Software</span>
+    <span class="p-category">Privacy</span>
+    <span class="p-category">Web Design</span>
+    <span class="p-category">Israel</span>
+    <span class="p-category">Music</span>
+  </section>
 {% endblock content %}