maggicl/maggioni.xyz
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

new colors

Browse source
This commit is contained in:
Claudio Maggioni 2024-01-08 12:04:54 +01:00
parent 3c7af26650
commit 3293cd49e5
12 changed files with 146 additions and 92 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
_includes/footer.html
View file

@ -32,6 +32,6 @@
<script src="https://unpkg.com/konami@1.6.3/konami.js"></script>
<script>
const easterEgg = new Konami(() => window.location.href =
"https://www.youtube.com/watch?v=x9l6eQbKcMw");
"https://www.youtube.com/watch?v=uUTDCOBI1ZI");
</script>
{% comment %} vim: set ts=2 sw=2 et tw=80: {% endcomment %}

7
_posts/2016-07-12-installing-gentoo-on-a-thinkpad-x60s.html
View file

@ -80,8 +80,11 @@ categories: linux
</p>
<p>
{% 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 %}
</p>
<p>

61
_posts/2016-07-28-how-to-rickroll-people-launching-rm-rf-on-your-system.html
View file

@ -44,10 +44,10 @@ categories: linux
</p>
<p>
{% 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 %}
</p>
<p>
@ -62,18 +62,45 @@ categories: linux
</p>
<p>
{% 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 %}
</p>
<p>
@ -87,7 +114,7 @@ categories: linux
<p>Let's give execution permissions to the script we have just created:</p>
<p>{% highlight bash %} # chmod +x /bin/rmAlias {% endhighlight %}</p>
<p>{% highlight bash %}chmod +x /bin/rmAlias{% endhighlight %}</p>
<p>
Restart your shell, and enjoy. If you want to test safely, I suggest trying to

12
_sass/_base.scss
View file

@ -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

79
_sass/_layout.scss
View file

@ -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;

6
css/bombardier.css
View file

@ -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");
}

10
css/main.scss
View file

@ -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

BIN
images/claudio.jpg
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 257 KiB

After

Width:  |  Height:  |  Size: 1.5 MiB

61
index.html
View file

@ -4,18 +4,40 @@ layout: main
<div class="homequote">
<figure>
<img
width="300"
height="460"
src="images/claudio.jpg"
alt="Me eating
raclette"
/>
<div class="blur">
<img
width="300"
height="460"
src="images/claudio.jpg"
alt="Me"
/>
</div>
</figure>
<div class="quote">
<p>
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.
</p>
<p>
I am an <a href="https://www.usi.ch/">USI</a> Informatics student
in the Master of Software and Data Engineering. Over on <a
href="https://git.maggioni.xyz/maggicl">Gitea</a> 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!).
</p>
<p>
As you can see I am an archer in my free time. Shout out to the folks at
<a href="https://atal-arco.ch/">ATAL</a>, where I was able to snap that
picture (by the way I got <em>very</em> lucky there, don't mind the other
impacts please).
</p>
<p>
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:
</p>
<blockquote>
@ -24,27 +46,6 @@ layout: main
up, in computer science you create the world.</cite
>
</blockquote>
<p>
Hello, my name is Claudio Maggioni, and I have been a passionate "world
builder" for 7 years.
</p>
<p>
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.
</p>
<p>
My expertise includes web development, mobile application development of
multiplatform applications, a passion for functional programming, and
DevOps skills for Linux systems.
</p>
<p>
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.
</p>
</div>
</div>
<div class="home">

BIN
webfonts/RadioCanada-Italic-VariableFont_wdth,wght.ttf Normal file
View file

Binary file not shown.

BIN
webfonts/RadioCanada-VariableFont_wdth,wght.ttf Normal file
View file

Binary file not shown.

BIN
webfonts/bombardier.ttf
View file

Binary file not shown.