HW1: more work on blog
This commit is contained in:
Claudio Maggioni
parent
5e7e7f273e
commit
3de581deb2
7 changed files with 441 additions and 25 deletions
|
|
@ -1,10 +1,374 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
|
|
||||||
|
<!-- vim: set ts=2 sw=2 et tw=120: -->
|
||||||
|
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>maggicl - Atelier INF (blog)</title>
|
||||||
|
<meta name="author" content="Claudio Maggioni (maggicl@usi.ch)">
|
||||||
|
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
|
||||||
|
rel="stylesheet">
|
||||||
|
<link href="https://fonts.googleapis.com/css?family=Fira+Sans&display=swap"
|
||||||
|
rel="stylesheet">
|
||||||
|
<link href="css/main.css" rel="stylesheet">
|
||||||
</head>
|
</head>
|
||||||
<body class="wa">
|
<body>
|
||||||
|
<header>
|
||||||
|
<h1><code>maggicl</code> - Atelier INF</h1>
|
||||||
|
</header>
|
||||||
|
<div class="content">
|
||||||
|
<nav>
|
||||||
|
<ul>
|
||||||
|
<li><a href="index.html">Home</a></li>
|
||||||
|
<li><a href="blog.html">Blog</a></li>
|
||||||
|
<li><a href="3d_print_service.html">3D prints</a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
<main>
|
||||||
|
<article>
|
||||||
|
<section class="title">
|
||||||
|
<h2>How to rickroll people that try to run "rm -rf" on your system</h2>
|
||||||
|
<h4>Jul 28, 2016 -- <a class="author" href="index.html" data-me>Claudio Maggioni</a></h4>
|
||||||
|
</section>
|
||||||
|
<section>
|
||||||
|
<strong>
|
||||||
|
WARNING: The method showed here could not prevent the actual execution of "rm -rf"
|
||||||
|
if the "UNIX vandal" is clever enough. Proceed at your own risk, and make backups!
|
||||||
|
</strong>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<p>
|
||||||
|
I like Rick Astley late 80's songs, and you can see them here in my Spotify:
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<figure>
|
||||||
|
<figcaption>My Spotify with a bunch of Rick Astley songs</figcaption>
|
||||||
|
<img src="img/blog/spotify_rickastley.png"
|
||||||
|
alt="My Spotify with a bunch of Rick Astley songs">
|
||||||
|
</figure>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
I like rickrolling people too, especially if they are trying to delete my entire
|
||||||
|
<code>/home</code> directory or, even worse, <code>/</code>. Since I learned
|
||||||
|
how to use the <code>alias</code> built-in, I wanted a way to prevent that
|
||||||
|
random people tinkering with my laptop (that I may forgot to lock) could
|
||||||
|
delete potentially important stuff, just for fun or boredom.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
The method that I will show will lock any <code>rm</code> command runned in
|
||||||
|
both recursive and force mode, so <code>rm -rf</code>, <code>rm -f -r</code>
|
||||||
|
and <code>rm -r --force</code> are all blocked, even if they are runned with
|
||||||
|
<code>sudo</code>. I am going to alias the rm command in
|
||||||
|
<code>/etc/profile</code>, <code>/etc/bash.bashrc</code> and in
|
||||||
|
<code>/etc/zsh/zshrc</code> (I am a zsh user) so that the rickroll will be
|
||||||
|
possible from all users, even root and the ones with a brand new
|
||||||
|
<code>.bashrc</code> or <code>.zshrc</code>. Here is the code I appended to
|
||||||
|
those files:
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<figure>
|
||||||
|
<figcaption><em>Alias</em> code to use to activate <code>rmAlias</code></figcaption>
|
||||||
|
<pre>alias rm=/bin/rmAlias
|
||||||
|
alias sudo='sudo '
|
||||||
|
# this enables aliases in sudo, see
|
||||||
|
# http://askubuntu.com/questions/22037</pre>
|
||||||
|
</figure>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Since <code>alias</code> is not able to control the flags of the aliases (see
|
||||||
|
<a href="http://apple.stackexchange.com/questions/50963/">here</a>, we are going
|
||||||
|
to redirect each call of <code>rm</code> to
|
||||||
|
<code>/bin/rmAlias</code>, that would run the command if it is safe. I did
|
||||||
|
not use a function because it is a bit tricky to make that work with
|
||||||
|
<code>sudo</code>. So, let's see the code I put in <code>rmAlias</code>:
|
||||||
|
</p>
|
||||||
|
|
||||||
|
|
||||||
|
<figure>
|
||||||
|
<figcaption>Code for <code>rmAlias</code></figcaption>
|
||||||
|
<pre>
|
||||||
|
#! /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
|
||||||
|
# feel 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 $?</pre>
|
||||||
|
</figure>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
It may look messy to a <em>UNIX</em> guy more experienced than me, but it
|
||||||
|
works. The <code>getopts</code> built-in sees if both the <code>-r</code> and
|
||||||
|
the <code>-f</code> flags are used and, if so, it starts
|
||||||
|
<code>rickroll()</code>, which opens with <code>xdg-open</code> that amazing
|
||||||
|
clip from <em>RickAstleyVEVO</em>. From line 30 and below, the script checks
|
||||||
|
if the <code>--force</code> flag is used instead of <code>-f</code>.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Let's give execution permissions to the script we have just created:
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<figure>
|
||||||
|
<figcaption>Giving execution permissions of <code>rmAlias</code></figcaption>
|
||||||
|
<pre>
|
||||||
|
# chmod +x /bin/rmAlias</pre>
|
||||||
|
</figure>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Restart your shell, and enjoy. If you want to test safely, I suggest trying
|
||||||
|
to run <code>rm -rf</code> with no folders or a nonexistant one, since this
|
||||||
|
script stops even these commands.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
If you want even more security, you can rename this script to
|
||||||
|
<code>/bin/rm</code> and move the original one in some other place, getting rid
|
||||||
|
of all the aliases. I prefer the solution above because it's tidier: you
|
||||||
|
haven't to move anything. In fact, this could be just an AUR package...
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
</article>
|
||||||
|
<article>
|
||||||
|
<section class="title">
|
||||||
|
<h2>Installing Gentoo on a Lenovo ThinkPad X60s</h2>
|
||||||
|
<h4>Jul 12, 2016 -- <a class="author" href="index.html" data-me>Claudio Maggioni</a></h4>
|
||||||
|
</section>
|
||||||
|
<section>
|
||||||
|
<p>Currently, my only laptop is a
|
||||||
|
<a href="http://www.thinkwiki.org/wiki/Category:X60s">IBM/Lenovo ThinkPad
|
||||||
|
X60s</a>, a top line <em>ultrabook</em> from 2006 that features:
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
<li>An Intel Core Duo L2400 dual core 32 bit CPU, clocked at 1.66 Ghz;</li>
|
||||||
|
<li>2GB of RAM;</li>
|
||||||
|
<li>60GB of SATA1 hard drive;</li>
|
||||||
|
<li>Wifi, Bluetooth, trackpoint mouse only, 56k modem, and a decent set of
|
||||||
|
I/0 ports (including a CardBus slot!).</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<figure>
|
||||||
|
<figcaption>The <em>X60s</em></figcaption>
|
||||||
|
<img src="img/blog/thinkpad1.jpg" alt="An image of the ThinkPad X60s">
|
||||||
|
<img src="img/blog/thinkpad2.jpg" alt="Another image of the ThinkPad X60s">
|
||||||
|
</figure>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
This machine had an installation on <em>Arch Linux</em>, and I was using it
|
||||||
|
for school stuff. It runned smoothly <em>KDE5</em>, <em>Atom</em> (great
|
||||||
|
editor, I am using it to write this article), and it was usable even with
|
||||||
|
<em>PhpStorm</em>. Pretty impressive for such an old thing, right?
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Since now I don't need this laptop every day I decided to give a try
|
||||||
|
at Gentoo,
|
||||||
|
another rolling relase, DIY install distro. This was both a test of my
|
||||||
|
skills, my patience and the performances of the machine. For those of you
|
||||||
|
that don't know, Gentoo hasn't binary packages: imagine using Arch with just
|
||||||
|
a developer mantained AUR.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
I followed the <a href="https://wiki.gentoo.org/wiki/Handbook:Main_Page">
|
||||||
|
installation guide</a> without any problem until I had to <em>emerge</em>
|
||||||
|
and install 309 packets from my <code>@world</code> set: it took 15 hours!
|
||||||
|
The compilation of <code>cmake</code> crashed because of memory starvation,
|
||||||
|
and so I had to use a spare USB stick as swap (the root file system was not
|
||||||
|
resizable as it was JFS). After some research and a couple of seconds in
|
||||||
|
<code>top</code> I discovered that
|
||||||
|
<a href="https://en.wikipedia.org/wiki/Physical_Address_Extension">PAE</a>
|
||||||
|
was not implemented in the install disk kernel. <strong>TIP:</strong> if you
|
||||||
|
want to use a nicer install enviroment, use the <em>Arch</em> ISO. With
|
||||||
|
<em>Gentoo</em>, the initialisation of the file system is made with a
|
||||||
|
<a href="https://wiki.gentoo.org/wiki/Stage_tarball#Stage_3"><em>stage 3
|
||||||
|
tarball</em></a> and not by tools like
|
||||||
|
<a href="https://wiki.archlinux.org/index.php/beginners'_guide#Install_the_base_packages">
|
||||||
|
<code>pacstrap</code></a>.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
I had another problem with <code>make menuconfig</code>, the tool used to
|
||||||
|
specify what features add or remove in your compiled from source Linux kernel.
|
||||||
|
The <code>ncurses</code> menu showed me 64bit options, even if the install
|
||||||
|
disk and the CPU were both 32 bit. If you have this issue too, you can set
|
||||||
|
the <code>ARCH</code> variable by your own:
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<figure>
|
||||||
|
<figcaption>Compiling the kernel</figcaption>
|
||||||
|
<pre># make ARCH=i386 menuconfig
|
||||||
|
# make ARCH=i386
|
||||||
|
# make ARCH=i386 install</pre>
|
||||||
|
</figure>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
At the end, I made it! I only have a base install, but i can show you
|
||||||
|
<code>screenfetch</code>:
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<figure>
|
||||||
|
<figcaption>The laptop running <em>screenfetch</em></figcaption>
|
||||||
|
<img src="img/blog/screenfetch.jpg" alt="The laptop running 'screenfetch'">
|
||||||
|
</figure>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
I have not installed <em>Gentoo</em> in dual boot because I did not figure
|
||||||
|
out how to switch my bluetooth dongle in HID mode yet, so I can't select
|
||||||
|
the OS with <code>rEFInd</code>. Hope this rambling was, if not useful,
|
||||||
|
at least entertaining!
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
</article>
|
||||||
|
<article>
|
||||||
|
<section class="title">
|
||||||
|
<h2>Get a Bluetooth keyboard work with Arch Linux</h2>
|
||||||
|
<h4>Jul 7, 2016 -- <a class="author" href="index.html" data-me>Claudio Maggioni</a></h4>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<p>
|
||||||
|
I've recently got a Rapoo E6100. This is a minimal and space saving Bluetooth
|
||||||
|
3.0 keyboard. If you pair it with Windows 10, it will remain paired after
|
||||||
|
reboot, giving the possibility to use it since the login screen. After
|
||||||
|
installing the Bluetooth stack on my Arch via the <code>bluez</code> and
|
||||||
|
<code>bluez-utils</code> packages I thought the pairing process would be as
|
||||||
|
simple as Windows if I used the KDE GUI menus for Bluetooth management. That's
|
||||||
|
not true. The keyboard, once paired, will reconnect automatically just after
|
||||||
|
<code>plasmashell</code> loaded, leaving me without keyboard during the SDDM
|
||||||
|
login screen and, of course, during a non-graphical session.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
As usual, i've searched help in the ArchWiki, founding
|
||||||
|
<a href="https://wiki.archlinux.org/index.php/Bluetooth_keyboard">this</a>
|
||||||
|
article. With that, i've succesfully reconnected my Bluetooth keyboard using
|
||||||
|
the <code>bluetoothctl</code> utility. The next step was configuring the
|
||||||
|
service for auto connection during boot. I've created the
|
||||||
|
<code>btkbd.conf</code> and the <code>btkbd.service</code> files, enabling
|
||||||
|
the last one with systemd. Let's give a look to the service file:
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<figure>
|
||||||
|
<figcaption>The <code>btkbd.service</code> file</figcaption>
|
||||||
|
<pre>[Unit]
|
||||||
|
Description=systemd Unit to automatically start a \
|
||||||
|
Bluetooth keyboard
|
||||||
|
Documentation=archwiki: Bluetooth_Keyboard
|
||||||
|
Requires=dbus-org.bluez.service
|
||||||
|
After=dbus-org.bluez.service
|
||||||
|
ConditionPathExists=/etc/btkbd.conf
|
||||||
|
ConditionPathExists=/usr/bin/hcitool
|
||||||
|
ConditionPathExists=/usr/bin/hciconfig
|
||||||
|
|
||||||
|
[Service]
|
||||||
|
Type=oneshot
|
||||||
|
EnvironmentFile=/etc/btkbd.conf
|
||||||
|
ExecStart=/usr/bin/hciconfig ${HCIDEVICE} up
|
||||||
|
# ignore errors on connect, spurious problems with bt?
|
||||||
|
# so start next command with -
|
||||||
|
ExecStart=-/usr/bin/hcitool cc ${BTKBDMAC}
|
||||||
|
|
||||||
|
[Install]
|
||||||
|
WantedBy=multi-user.target</pre>
|
||||||
|
</figure>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Line 13 enables the Bluetooth dongle, and line 16 connects it to the keyboard we gave the mac address in <code>/etc/btkbd.conf</code>. This should work flawlessly, right? Of course it doesn't. The service starts before the <code>dbus-org.bluez.service</code> is loaded and fails. However, if the service is started manually after login the Bluetooth keyboard works. After hours of trying figuring out what was wrong I've almost asked for a return on Amazon! The last attempt I made was with sddm disabled and involved built from scratch service:
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<figure>
|
||||||
|
<figcaption>My service file</figcaption>
|
||||||
|
<pre>[Unit]
|
||||||
|
Description=auto connect a Bluetooth keyboard
|
||||||
|
|
||||||
|
[Service]
|
||||||
|
Type=oneshot
|
||||||
|
ExecStart=/bin/hciconfig hci0 up
|
||||||
|
ExecStart=/bin/hcitool cc 00:11:22:33:44:55
|
||||||
|
|
||||||
|
[Install]
|
||||||
|
WantedBy=bluetooth.target</pre>
|
||||||
|
</figure>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
This incredibly worked. I think the problem was that <code>multi-user.target</code> that needs to be reached earlier than <code>bluetooth.target</code>. I got rid of all the tidiness of the ArchWiki solution just to be sure that was not the problem, but I think you can use all of that just correcting <code>WantedBy=</code>. Currently I haven't an ArchWiki account nor a forum one, but as soon as I'll register I'll correct the article.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Last thing: I discovered that my Bluetooth dongle is CSR 8510 A10 based so expect some ramblings about <a href="http://www.0xf8.org/2014/02/the-crux-of-finding-a-hid-proxy-capable-usb-bluetooth-adapter/">hid proxy</a>.
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
</article>
|
||||||
|
</main>
|
||||||
|
<aside>
|
||||||
|
<ul>
|
||||||
|
<li><a href="https://reddit.com/u/Praticamentetilde">
|
||||||
|
<i class="fa fa-reddit" aria-hidden="true"></i> Praticamentetilde
|
||||||
|
</a></li>
|
||||||
|
</ul>
|
||||||
|
</aside>
|
||||||
|
</div>
|
||||||
|
<footer xmlns:dct="http://purl.org/dc/terms/"
|
||||||
|
xmlns:vcard="http://www.w3.org/2001/vcard-rdf/3.0#">
|
||||||
|
<a rel="license"
|
||||||
|
href="http://creativecommons.org/publicdomain/zero/1.0/">
|
||||||
|
<img width="88" height="31"
|
||||||
|
src="http://i.creativecommons.org/p/zero/1.0/88x31.png"
|
||||||
|
alt="CC0" />
|
||||||
|
</a>
|
||||||
|
<section>
|
||||||
|
<p>To the extent possible under law,
|
||||||
|
<span resource="[_:publisher]" rel="dct:publisher">
|
||||||
|
<span property="dct:title">Claudio Maggioni</span></span>
|
||||||
|
has waived all copyright and related or neighboring rights to
|
||||||
|
<span property="dct:title">SA3 AS1 Website</span>.
|
||||||
|
This work is published from:
|
||||||
|
<span property="vcard:Country" datatype="dct:ISO3166"
|
||||||
|
content="CH" about="[_:publisher]">
|
||||||
|
Switzerland</span>.
|
||||||
|
</p>
|
||||||
|
<p>Page last updated on ####-##-##</p>
|
||||||
|
</section>
|
||||||
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -19,7 +19,7 @@ header, footer {
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (min-width: 769px) {
|
@media screen and (min-width: 769px) {
|
||||||
main {
|
.content {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
}
|
}
|
||||||
|
|
@ -28,23 +28,24 @@ header, footer {
|
||||||
flex: 0 1 10rem;
|
flex: 0 1 10rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
article {
|
main {
|
||||||
flex: 1 2;
|
flex: 1 2;
|
||||||
|
max-width: 80%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 768px) {
|
@media screen and (max-width: 768px) {
|
||||||
main {
|
.content {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
article {
|
main {
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
main {
|
.content {
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -52,6 +53,10 @@ nav, aside {
|
||||||
background: rgba(200,100,0,0.3);
|
background: rgba(200,100,0,0.3);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
main {
|
||||||
|
padding: .5rem;
|
||||||
|
}
|
||||||
|
|
||||||
h1, h2, h3, h4, h5, h6 {
|
h1, h2, h3, h4, h5, h6 {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: .5rem;
|
padding: .5rem;
|
||||||
|
|
@ -60,6 +65,38 @@ h1, h2, h3, h4, h5, h6 {
|
||||||
|
|
||||||
figure {
|
figure {
|
||||||
background: rgba(0,0,0,0.05);
|
background: rgba(0,0,0,0.05);
|
||||||
|
max-width: 30rem;
|
||||||
|
width: 100%;
|
||||||
|
margin: 1rem 2rem 1rem 0;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
article section.title {
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
|
||||||
|
article section.title a.author[data-me] {
|
||||||
|
color: #DDD;
|
||||||
|
text-decoration: underline;
|
||||||
|
background: black;
|
||||||
|
padding: .125rem .25rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
article figure:nth-child(odd) {
|
||||||
|
margin: 1rem 0rem 1rem 2rem;
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 768px) {
|
||||||
|
figure {
|
||||||
|
width: 100%;
|
||||||
|
margin: 0;
|
||||||
|
float: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
figure img {
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
figcaption {
|
figcaption {
|
||||||
|
|
@ -91,30 +128,26 @@ nav ul li:nth-child(even), aside ul li:nth-child(even) {
|
||||||
a {
|
a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
transition: color 200ms;
|
||||||
}
|
}
|
||||||
|
|
||||||
a:link {
|
a:link {
|
||||||
color: #36c;
|
color: #36c;
|
||||||
transition: color 200ms;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
a:visited {
|
a:visited {
|
||||||
color: #50c;
|
color: #50c;
|
||||||
transition: color 200ms;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* FIXME: transition when loading page? */
|
a:hover, a:active {
|
||||||
|
|
||||||
a:active {
|
|
||||||
color: #603;
|
color: #603;
|
||||||
transition: color 200ms;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
article p {
|
main p {
|
||||||
text-align: justify;
|
text-align: justify;
|
||||||
}
|
}
|
||||||
|
|
||||||
article section {
|
main section {
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -147,3 +180,20 @@ dt {
|
||||||
dt::after {
|
dt::after {
|
||||||
content: ":"
|
content: ":"
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
pre, code {
|
||||||
|
font-family: 'Fira Mono', monospace;
|
||||||
|
font-size: 0.95rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
pre {
|
||||||
|
white-space: pre-wrap;
|
||||||
|
margin: 0;
|
||||||
|
padding: .5rem;
|
||||||
|
background: rgba(0,0,0,0.05);
|
||||||
|
}
|
||||||
|
|
||||||
|
h1, h1 code {
|
||||||
|
font-size: 2rem;
|
||||||
|
}
|
||||||
|
|
|
||||||
BIN
hw1/claudio_maggioni/img/blog/screenfetch.jpg
Normal file
BIN
hw1/claudio_maggioni/img/blog/screenfetch.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3 MiB |
BIN
hw1/claudio_maggioni/img/blog/spotify_rickastley.png
Normal file
BIN
hw1/claudio_maggioni/img/blog/spotify_rickastley.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 70 KiB |
BIN
hw1/claudio_maggioni/img/blog/thinkpad1.jpg
Normal file
BIN
hw1/claudio_maggioni/img/blog/thinkpad1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 627 KiB |
BIN
hw1/claudio_maggioni/img/blog/thinkpad2.jpg
Normal file
BIN
hw1/claudio_maggioni/img/blog/thinkpad2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 699 KiB |
|
|
@ -11,13 +11,15 @@
|
||||||
rel="stylesheet">
|
rel="stylesheet">
|
||||||
<link href="https://fonts.googleapis.com/css?family=Fira+Sans&display=swap"
|
<link href="https://fonts.googleapis.com/css?family=Fira+Sans&display=swap"
|
||||||
rel="stylesheet">
|
rel="stylesheet">
|
||||||
|
<link href="https://fonts.googleapis.com/css?family=Fira+Mono&display=swap"
|
||||||
|
rel="stylesheet">
|
||||||
<link href="css/main.css" rel="stylesheet">
|
<link href="css/main.css" rel="stylesheet">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<h1><code>maggicl</code> - Atelier INF</h1>
|
<h1><code>maggicl</code> - Atelier INF</h1>
|
||||||
</header>
|
</header>
|
||||||
<main>
|
<div class="content">
|
||||||
<nav>
|
<nav>
|
||||||
<ul>
|
<ul>
|
||||||
<li><a href="index.html">Home</a></li>
|
<li><a href="index.html">Home</a></li>
|
||||||
|
|
@ -25,7 +27,7 @@
|
||||||
<li><a href="3d_print_service.html">3D prints</a></li>
|
<li><a href="3d_print_service.html">3D prints</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
<article>
|
<main>
|
||||||
<section>
|
<section>
|
||||||
<h2>About myself</h2>
|
<h2>About myself</h2>
|
||||||
<p>My name is Claudio Maggioni, I am 20 years old and I am a second year student of
|
<p>My name is Claudio Maggioni, I am 20 years old and I am a second year student of
|
||||||
|
|
@ -72,7 +74,7 @@
|
||||||
allowfullscreen></iframe>
|
allowfullscreen></iframe>
|
||||||
</figure>
|
</figure>
|
||||||
</section>
|
</section>
|
||||||
</article>
|
</main>
|
||||||
<aside>
|
<aside>
|
||||||
<ul>
|
<ul>
|
||||||
<li><a href="https://reddit.com/u/Praticamentetilde">
|
<li><a href="https://reddit.com/u/Praticamentetilde">
|
||||||
|
|
@ -80,11 +82,11 @@
|
||||||
</a></li>
|
</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</aside>
|
</aside>
|
||||||
</main>
|
</div>
|
||||||
<footer xmlns:dct="http://purl.org/dc/terms/"
|
<footer xmlns:dct="http://purl.org/dc/terms/"
|
||||||
xmlns:vcard="http://www.w3.org/2001/vcard-rdf/3.0#">
|
xmlns:vcard="http://www.w3.org/2001/vcard-rdf/3.0#">
|
||||||
<a rel="license"
|
<a rel="license"
|
||||||
href="http://creativecommons.org/publicdomain/zero/1.0/">
|
href="http://creativecommons.org/publicdodiv/zero/1.0/">
|
||||||
<img width="88" height="31"
|
<img width="88" height="31"
|
||||||
src="http://i.creativecommons.org/p/zero/1.0/88x31.png"
|
src="http://i.creativecommons.org/p/zero/1.0/88x31.png"
|
||||||
alt="CC0" />
|
alt="CC0" />
|
||||||
|
|
|
||||||
Reference in a new issue