1
0
Fork 0

add emoji-css

master
Florian Schrofner 3 years ago
parent 623e4ded0e
commit 7f39583345
  1. 2
      assets/sass/main.sass
  2. 8
      content/posts/about.md
  3. 6
      content/posts/curriculum.md
  4. 8
      content/posts/intro.md
  5. 3
      layouts/partials/css.html
  6. 1
      static/emoji-css/emoji.css

@ -18,7 +18,7 @@ $slope-size: 6vw
$extra-padding: 2vw
body
font: 150% $regular-font-stack
font: 1.5em $regular-font-stack
color: $color-dark-brown
background: $color-mint

@ -3,14 +3,14 @@ title: "About"
date: 2019-08-18T17:14:38+02:00
draft: false
---
# About the site :gear:
# About the site <i class="em-svg em-gear"></i>
This is already the second version of my website and like the version before it was built with love and a cherry-picked selection of open source tools :raised_hands:
This is already the second version of my website and like the version before it was built with love and a cherry-picked selection of open source tools <i class="em-svg em-raised_hands"></i>
Although, this time I exchanged some of the tools just to try something new.
I decided to build the site using the popular [Hugo](http://gohugo.io/) to keep the code cleaner and to use [Sass](https://sass-lang.com/) conveniently, although a simple static HTML page would have done a good job as well.
Responsiveness is done using the flex grid of [Picnic CSS](https://picnicss.com/), which was also responsible for the blog button in the upper right corner. I love its simplicity!
The main font I'm using is called [Fira Sans](https://mozilla.github.io/Fira/) from Mozilla. The font I'm using for my name is called [Learning Curve](https://www.fontsquirrel.com/fonts/Learning-Curve-Pro), while the icons I used for my social links come from [Font Awesome](http://fortawesome.github.io/Font-Awesome/).
The page is hosted in the Netherlands on a [Debian](https://www.debian.org/) server from [Liteserver](https://liteserver.nl/) running [Freedombox](https://freedombox.org/), which gives me the power to host a bunch of other services for myself :smiling_face_with_hearts:
The main font I'm using is called [Fira Sans](https://mozilla.github.io/Fira/) from Mozilla. The font I'm using for my name is called [Learning Curve](https://www.fontsquirrel.com/fonts/Learning-Curve-Pro), while the icons I used for my social links come from [Font Awesome](http://fortawesome.github.io/Font-Awesome/). After trying the system's emojis first which seemed to be broken for me, I decided to force the same emojis on all platforms by using [Emoji CSS](https://emoji-css.afeld.me/).
The page is hosted in the Netherlands on a [Debian](https://www.debian.org/) server from [Liteserver](https://liteserver.nl/) running [Freedombox](https://freedombox.org/), which gives me the power to host a bunch of other services for myself <i class="em-svg em-smiling_face_with_3_hearts"></i>
Those weird shapes are done using a CSS clip path with polygons, see the corresponding part of my CSS [here](https://github.com/fschrofner/schro.fi/blob/9eb9d4d11ab112a7a3715f2d51e32331b7d1d268/assets/sass/main.sass#L35).
In case the website looks weird to you, it could be because your browser sadly does not support that feature yet.
Also the rest of the changes to this website are done in public, you can find the source code [here](https://github.com/fschrofner/schro.fi)

@ -3,9 +3,9 @@ title: "Curriculum"
date: 2020-07-10T15:14:38+02:00
draft: false
---
# Curriculum :scroll:
# Curriculum <i class="em-svg em-scroll"></i>
## Work :hammer:
## Work <i class="em-svg em-hammer"></i>
**11.2018 - now**
Android Developer
[LOOP New Media](http://www.agentur-loop.com/) [Salzburg, Austria]
@ -27,7 +27,7 @@ Android Developer Intern
[LOOP New Media](http://www.agentur-loop.com/) [Salzburg, Austria]
## Education :school:
## Education <i class="em-svg em-school"></i>
**Master of Science in Engineering**
Autonomous Forensic Security Analysis Framework for Android APKs
[University of Applied Sciences Upper Austria](https://www.fh-ooe.at/en/) [Hagenberg, Austria]

@ -4,19 +4,19 @@ date: 2019-08-17T15:48:34+02:00
draft: false
---
# Hi, it's me :wave:
# Hi, it's me <i class="em-svg em-wave"></i>
My name is Florian Schrofner, I'm an Android developer from the beautiful city of Salzburg, Austria.
Currently I craft wonderful apps at [LOOP](https://www.agentur-loop.com/) for clients like ADAC or MyClubs.
I specialized on Google's operating system as I appreciate its openness and flexibility, although both of which can sometimes cause a headache during development :shrug:
I specialized on Google's operating system as I appreciate its openness and flexibility, although both of which can sometimes cause a headache during development <i class="em-svg em-shrug"></i>
For mainly the same reasons I'm a longtime Linux user as well, my distribution of choice being [Manjaro](https://manjaro.org/) as I became too lazy to setup Arch Linux from scratch every time.
Aside from coding and tinkering, I also enjoy doing sports, most importantly cycling, but you can find me in the gym too from time to time or spot me going for a run around the neighbourhood.
Occasionally I like listening to music while doing so, but I definitely need it while working. Alas, describing my music taste would be too tricky, so better check out my Last.fm profile linked below yourself.
Additionally, I recently started to excessively listen to podcasts, I found it to be a nice way to get some entertainment without straining my eyes even more after a full day's work in front of the screen.
Anyway, in case my eyes can still take it, I also like to watch some interesting movies once in a while, you can check out my Mubi profile [here](https://mubi.com/users/7455172) (as soon as Font Awesome adds a Mubi icon I will move it to the other social links below :wink:)
Anyway, in case my eyes can still take it, I also like to watch some interesting movies once in a while, you can check out my Mubi profile [here](https://mubi.com/users/7455172) (as soon as Font Awesome adds a Mubi icon I will move it to the other social links below <i class="em-svg em-wink"></i>)
Speaking of social networks, here are some links to the ones I've signed up for. Also find a link to my blog in the upper right corner :point_up:
Speaking of social networks, here are some links to the ones I've signed up for. Also find a link to my blog in the upper right corner <i class="em-svg em-point_up"></i>
In case you just want to drop me a good old fashioned mail, you can reach me {{< cloakemail address="florian@schro.fi" display="here">}}.
<div id="social-links">

@ -4,6 +4,9 @@
{{ $picnic := "picnic-css/picnic.min.css" | absURL }}
<link rel="stylesheet" href="{{ $picnic }}">
{{ $emoji := "emoji-css/emoji.css" | absURL }}
<link rel="stylesheet" href="{{ $emoji }}">
<!-- convert main sass to css and add it to the html -->
{{ $sass := resources.Get "sass/main.sass" }}
{{ $cssOpts := (dict "targetPath" "css/main.css") }}

File diff suppressed because one or more lines are too long
Loading…
Cancel
Save