diff --git a/_includes/footer.html b/_includes/footer.html index 7c92d4c..119bd63 100644 --- a/_includes/footer.html +++ b/_includes/footer.html @@ -32,6 +32,6 @@ {% comment %} vim: set ts=2 sw=2 et tw=80: {% endcomment %} diff --git a/_posts/2016-07-12-installing-gentoo-on-a-thinkpad-x60s.html b/_posts/2016-07-12-installing-gentoo-on-a-thinkpad-x60s.html index c83543d..b17f93f 100644 --- a/_posts/2016-07-12-installing-gentoo-on-a-thinkpad-x60s.html +++ b/_posts/2016-07-12-installing-gentoo-on-a-thinkpad-x60s.html @@ -80,8 +80,11 @@ categories: linux

- {% highlight bash %} # make ARCH=i386 menuconfig # make ARCH=i386 # make - ARCH=i386 install {% endhighlight %} +{% highlight bash %} +make ARCH=i386 menuconfig +make ARCH=i386 +make ARCH=i386 install +{% endhighlight %}

diff --git a/_posts/2016-07-28-how-to-rickroll-people-launching-rm-rf-on-your-system.html b/_posts/2016-07-28-how-to-rickroll-people-launching-rm-rf-on-your-system.html index 0a39597..265f6fb 100644 --- a/_posts/2016-07-28-how-to-rickroll-people-launching-rm-rf-on-your-system.html +++ b/_posts/2016-07-28-how-to-rickroll-people-launching-rm-rf-on-your-system.html @@ -44,10 +44,10 @@ categories: linux

- {% highlight bash %} alias rm=/bin/rmAlias alias sudo='sudo ' # this enables - aliases in sudo, see - http://askubuntu.com/questions/22037/aliases-not-available-when-using-sudo {% - endhighlight %} +{% highlight bash %} +alias rm=/bin/rmAlias +alias sudo='sudo ' # this enables aliases in sudo, see http://askubuntu.com/q/22037/ +{% endhighlight %}

@@ -62,18 +62,45 @@ categories: linux

- {% highlight bash %} #! /bin/bash # Rickroll whoever tries to desert this - system, even root. # To achieve this, set the appropriate aliases even in - /etc/profile and similars. # Video played when rickrolling - ROLLVIDEO=/opt/anti-rm/serious-video.mkv # it's just Never Gonna Give You Up - on my system, but be free to customize this! rickroll(){ echo "Never gonna - desert this system..." xdg-open $ROLLVIDEO 2>&1 & exit 0 } while getopts - ":rf-" opt; do # Prevent '--force' to be detected as -r and -f if [ "$opt" = - "-" ]; then OPTIND=$OPTIND+1 continue fi if [ "$opt" = "r" ] || [ "$opt" = "f" - ]; then if [ "$tmp" = "" ]; then tmp=$opt continue elif [ "$tmp" != "$opt" ]; - then rickroll fi fi done for var in "$@" do if [[ "$var" = "--force" && "$tmp" - = "r" ]]; then rickroll fi done # If it's safe, just run rm /bin/rm "$@" exit - $? {% endhighlight %} +{% highlight bash %} +#!/bin/bash # Rickroll whoever tries to desert this system, even root. +# To achieve this, set the appropriate aliases even in /etc/profile and similars. + +# Video played when rickrolling: it's just Never Gonna Give You Up on my system, +# but be free to customize this! +ROLLVIDEO=/opt/anti-rm/serious-video.mkv + +rickroll() { + echo "Never gonna desert this system..." + xdg-open $ROLLVIDEO 2>&1 & exit 0 +} + +while getopts ":rf-" opt; do + # Prevent '--force' to be detected as -r and -f + if [ "$opt" = "-" ]; then + OPTIND=$OPTIND+1 + continue + fi + if [ "$opt" = "r" ] || [ "$opt" = "f" ]; then + if [ "$tmp" = "" ]; then + tmp=$opt + continue + elif [ "$tmp" != "$opt" ]; then + rickroll + fi + fi +done + +for var in "$@" do + if [[ "$var" = "--force" && "$tmp" = "r" ]]; then + rickroll + fi +done + +# If it's safe, just run rm +/bin/rm "$@" +exit $? +{% endhighlight %}

@@ -87,7 +114,7 @@ categories: linux

Let's give execution permissions to the script we have just created:

-

{% highlight bash %} # chmod +x /bin/rmAlias {% endhighlight %}

+

{% highlight bash %}chmod +x /bin/rmAlias{% endhighlight %}

Restart your shell, and enjoy. If you want to test safely, I suggest trying to diff --git a/_sass/_base.scss b/_sass/_base.scss index ace5e86..9ed00f8 100644 --- a/_sass/_base.scss +++ b/_sass/_base.scss @@ -29,7 +29,6 @@ html { font-family: $base-font-family; color: $text-color; background-color: $background-color; - -webkit-text-stroke: 0.25px #888; } /* Images */ @@ -63,9 +62,8 @@ h6 { /* Links */ a { color: $brand-color; - background: $nav-bg; + background: $background-color; text-decoration: none; - -webkit-text-stroke: 0.25px #1B1256; font-weight: bold; &:visited { @@ -80,8 +78,8 @@ a { * Blockquotes */ blockquote { - color: $nav-bg; - background: $nav-col; + color: white; + background: $top-col; border-left: 4px solid $brand-color; letter-spacing: -1px; font-style: italic; @@ -118,11 +116,11 @@ pre { pre, code { font-size: 0.95rem; - background: $nav-col; + background: $background-color; } a code { - background: $nav-bg; + background: $background-color; } /* Disable borders between line numbers and code when diff --git a/_sass/_layout.scss b/_sass/_layout.scss index 0986656..bbf22b3 100644 --- a/_sass/_layout.scss +++ b/_sass/_layout.scss @@ -1,7 +1,7 @@ /* vim: set ts=2 sw=2 et tw=80: */ body { background-color: $background-color; - font-family: "Bombardier", sans-serif; + font-family: "Radio Canada", sans-serif; display: flex; min-height: 100vh; flex-direction: column; @@ -22,9 +22,8 @@ ul.navbar-list { } .header { - border-bottom: $border; - background: $nav-bg; - color: $nav-col; + background: $top-col; + color: $top-col; .head.navbar { display: flex; @@ -42,6 +41,7 @@ ul.navbar-list { padding: 0; a { + background: $top-col; color: white; } } @@ -54,6 +54,8 @@ ul.navbar-list { text-transform: uppercase; display: inline-block; padding: 0.25rem 0.5rem; + background: $top-col; + color: white; } a:first-child { @@ -69,33 +71,48 @@ ul.navbar-list { .homequote { display: flex; - background: $nav-bg; - color: $nav-col; + color: $text-color; align-items: stretch; margin-bottom: 1rem; figure { margin: 0; flex: 0; - display: flex; - align-items: center; - min-width: 300px; - background: black; + background-image: url(/images/claudio.jpg); + background-size: cover; + background-position: center; } - @include media-query($on-palm) { - figure { - display: none; - } + figure .blur { + width: 100%; + height: 100%; + backdrop-filter: blur(10px) contrast(0.7) brightness(1.3); + display: flex; + align-items: center; + justify-content: center; + min-width: 300px; } .quote { - border-left: 3px dotted $brand-color; flex: 1; padding: 1rem 1.5rem; } } +@include media-query($on-laptop) { + .homequote { + flex-direction: column; + + figure img { + filter: none; + object-fit: cover; + height: 300px; + width: 300px; + object-position: center top; + } + } +} + .portfolio { position: relative; padding-top: 2rem; @@ -147,8 +164,8 @@ ul.navbar-list { text-align: right; .date { - background: $nav-bg; - color: $nav-col; + background: $top-col; + color: white; } .category, @@ -156,8 +173,8 @@ ul.navbar-list { .repo, .languages { background: white; - border-left: 3px solid $nav-bg; - border-bottom: 3px solid $nav-bg; + border-left: 3px solid white; + border-bottom: 3px solid white; } .authors { @@ -171,19 +188,22 @@ ul.navbar-list { } .description { - border: 3px solid $nav-bg; + border: $border; flex-grow: 1; .images { - background: $nav-bg; + background: $brand-color; padding: 0.5rem; margin: -0.5rem -0.5rem 0.5rem -0.5rem; text-align: center; + a { + background: none; + } + img { width: 175px; margin: 0.25rem; - border: 3px solid $nav-col; } } } @@ -213,9 +233,7 @@ ul.post-list li:first-child { footer { justify-content: space-between; - border-top: $border; - background: $nav-bg; - color: $nav-col; + background: $brand-color; .container { display: flex; @@ -224,6 +242,13 @@ footer { flex: 1; font-size: 1rem; text-align: right; + background: $brand-color; + color: white; + + a { + background: $brand-color; + color: white; + } } @include media-query($on-palm) { @@ -242,8 +267,8 @@ footer { .icon { display: inline-table; - background: $nav-col; - color: $nav-bg; + color: $brand-color; + background: white; width: 2.5em; height: 2.5em; text-align: center; diff --git a/css/bombardier.css b/css/bombardier.css index 095f839..f5691df 100644 --- a/css/bombardier.css +++ b/css/bombardier.css @@ -1,8 +1,8 @@ /* vim: set ts=2 sw=2 et tw=80: */ @font-face { - font-family: "Bombardier"; - font-style: normal; + font-family: "Radio Canada"; + font-style: regular; font-weight: 400; - src: url(/webfonts/bombardier.ttf) format("truetype"); + src: url(/webfonts/RadioCanada-VariableFont_wdth,wght.ttf) format("truetype"); } diff --git a/css/main.scss b/css/main.scss index b4b413f..cfab94e 100644 --- a/css/main.scss +++ b/css/main.scss @@ -12,11 +12,11 @@ $base-line-height: 1.5; $spacing-unit: 30px; -$nav-bg: #222; -$nav-col: #eee; -$text-color: $nav-bg; -$background-color: $nav-col; -$brand-color: #D3B5F0; +$text-color: #222; +$background-color: #fafafa; + +$top-col: #018e71; +$brand-color: #4f47cc; $border: 3px solid $brand-color; // Width of the content area diff --git a/images/claudio.jpg b/images/claudio.jpg index f6451b7..7d904cc 100644 Binary files a/images/claudio.jpg and b/images/claudio.jpg differ diff --git a/index.html b/index.html index 2be5ebf..7a209bc 100644 --- a/index.html +++ b/index.html @@ -4,18 +4,40 @@ layout: main

- Me eating
-                raclette +
+ Me +

- I once read a Linus Torvalds quote comparing computer science to physics, - stating that + Welcome to my website! My name is Claudio, and here is where I upload all + the stuff I make with computers. +

+ +

+ I am an USI Informatics student + in the Master of Software and Data Engineering. Over on Gitea you will find + materials and assignments I had to solve during the years should you be a + fellow student (always glad to lend a hand!). +

+ +

+ As you can see I am an archer in my free time. Shout out to the folks at + ATAL, where I was able to snap that + picture (by the way I got very lucky there, don't mind the other + impacts please). +

+ +

+ I don't have much else to say, but I would like to leave you with this + quote from Linus Torvalds which still rings true to me after many years + of working with computers:

@@ -24,27 +46,6 @@ layout: main up, in computer science you create the world.
-

- Hello, my name is Claudio Maggioni, and I have been a passionate "world - builder" for 7 years. -

-

- Since when I began high school, I meddled with software development, - developing a creative mindset and an interest in problem solving. Since - then, I have always been at least in part a self-taught student of - computer science, satisfying my curiosity for topics that were not covered - in general school curriculum. -

-

- My expertise includes web development, mobile application development of - multiplatform applications, a passion for functional programming, and - DevOps skills for Linux systems. -

-

- Reaching the end of my undergraduate studies in computer science, I am - currently seeking job opportunities to follow at the end of my studies, - eager to apply my skills in a corporate setting. -

diff --git a/webfonts/RadioCanada-Italic-VariableFont_wdth,wght.ttf b/webfonts/RadioCanada-Italic-VariableFont_wdth,wght.ttf new file mode 100644 index 0000000..2856edc Binary files /dev/null and b/webfonts/RadioCanada-Italic-VariableFont_wdth,wght.ttf differ diff --git a/webfonts/RadioCanada-VariableFont_wdth,wght.ttf b/webfonts/RadioCanada-VariableFont_wdth,wght.ttf new file mode 100644 index 0000000..73f9f5f Binary files /dev/null and b/webfonts/RadioCanada-VariableFont_wdth,wght.ttf differ diff --git a/webfonts/bombardier.ttf b/webfonts/bombardier.ttf deleted file mode 100644 index 0cf607e..0000000 Binary files a/webfonts/bombardier.ttf and /dev/null differ