New css. Little update post.

This commit is contained in:
Claudio Maggioni 2016-09-13 21:40:45 +02:00
parent 2797ad2fa0
commit 767e17ad92
80 changed files with 761 additions and 1345 deletions

View file

@ -1,4 +1,4 @@
<div id="disqus_thread" style="background: #212121"></div>
<div id="disqus_thread"></div>
<script>
/**
* RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS.

View file

@ -1,35 +1,7 @@
<footer class="site-footer">
<div class="wrapper">
<h2 class="footer-heading">{{ site.title }}</h2>
<div class="footer-col-wrapper">
<div class="footer-col footer-col-1">
<ul class="contact-list">
My <a href="http://www.burarco.it/">Archery club</a>.
</ul>
</div>
<div class="footer-col footer-col-2">
<ul class="social-media-list">
{% if site.github_username %}
<li>
{% include icon-github.html username=site.github_username %}
</li>
{% endif %}
{% if site.linkedin_username and site.linkedin_name %}
<li>
{% include icon-linkedin.html username=site.linkedin_username name=site.linkedin_name %}
</li>
{% endif %}
</ul>
</div>
<div class="footer-col footer-col-3">
<p>{{ site.description }}</p>
</div>
<div class="icons">
<a class="icon" href="https://github.com/praticamentetilde"><i class="fa fa-github"></i></a>
<a class="icon" href="https://www.reddit.com/user/praticamentetilde"><i class="fa fa-reddit"></i></a>
</div>
</div>
<h6 class="author">Claudio Maggioni 2016</h6>
</footer>

View file

@ -6,6 +6,7 @@
<title>{% if page.title %}{{ page.title | escape }}{% else %}{{ site.title | escape }}{% endif %}</title>
<meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css">
<link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}">
<link href='https://fonts.googleapis.com/css?family=Hammersmith+One' rel='stylesheet' type='text/css'>
<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
@ -29,5 +30,4 @@
<link rel="manifest" href="/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
</head>

View file

@ -1,28 +1,17 @@
<header class="site-header">
<div class="wrapper header">
<img class="site-logo" src="{{ site.baseurl }}/android-icon-192x192.png" alt="MALUSA"/>
<a class="site-title" href="{{ site.baseurl }}/">{{ site.title }}</a>
<nav class="site-nav">
<a href="#" class="menu-icon">
<svg viewBox="0 0 18 15">
<path fill="#424242" d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.031C17.335,0,18,0.665,18,1.484L18,1.484z"/>
<path fill="#424242" d="M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0c0-0.82,0.665-1.484,1.484-1.484 h15.031C17.335,6.031,18,6.696,18,7.516L18,7.516z"/>
<path fill="#424242" d="M18,13.516C18,14.335,17.335,15,16.516,15H1.484C0.665,15,0,14.335,0,13.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.031C17.335,12.031,18,12.696,18,13.516L18,13.516z"/>
</svg>
</a>
<div class="trigger">
{% for my_page in site.pages %}
{% if my_page.title %}
<a class="page-link" href="{{ my_page.url | prepend: site.baseurl }}">{{ my_page.title }}</a>
{% endif %}
{% endfor %}
</div>
</nav>
</div>
</header>
<nav class="navbar">
<div class="container">
<ul class="navbar-list">
<li class="navbar-item">
<a href="/">home</a>
</li>
{% for my_page in site.pages %}
{% if my_page.title %}
<li class="navbar-item">
<a href="{{ my_page.url | prepend: site.baseurl }}">{{ my_page.title }}</a>
</li>
{% endif %}
{% endfor %}
{% include links.html %}
</ul>
</div>
</nav>

6
_includes/links.html Normal file
View file

@ -0,0 +1,6 @@
<li class="navbar-item">
<a href="http://www.burarco.it">My archery club</a>
</li>
<li class="navbar-item">
<a href="{{ "/feed.xml" | prepend: site.baseurl }}">RSS</a>
</li>

View file

@ -1,51 +0,0 @@
<!DOCTYPE html>
<html>
{% include head.html %}
<body>
{% include header.html %}
<div class="slideshowContainer">
{% for slide in site.slides %}
{{ slide }}
{% endfor %}
</div>
<script>
var slideIndex = -1;
carousel();
function carousel() {
var i;
var fading;
var x = document.getElementsByClassName("slideshowItem");
for (i = 0; i < x.length; i++) {
if(slideIndex!=-1 && i==slideIndex){
fading=i;
x[i].className+=" fadeOut";
x[i].style.zIndex="3";
window.setTimeout(function(){
x[fading].style.zIndex="";
},1000);
}
else {
x[i].style.display = "none";
x[i].style.zIndex="";
}
}
slideIndex++;
if (slideIndex >= x.length) {slideIndex = 0}
with(x[slideIndex]){
style.display="";
className="slideshowItem";
style.zIndex="2";
}
setTimeout(carousel, 5000);
}
var easter_egg = new Konami();
easter_egg.load("https://www.youtube.com/watch?v=yPYZpwSpKmA");
</script>
<div class="page-content">
<div class="wrapper">
{{ content }}
</div>
</div>
{% include footer.html %}
</body>
</html>

View file

@ -1,13 +1,21 @@
<!DOCTYPE html>
<html>
{% include head.html %}
<body>
{% include header.html %}
<div class="page-content">
<div class="wrapper">
<body>
<header class="header">
<section class="head">
<h2 class="title">{{ site.title }}</h2>
<p>{{ site.description }}</p>
</section>
{% include header.html %}
</header>
<main class="container">
{{ content }}
</div>
</div>
{% include footer.html %}
</body>
</main>
{% include footer.html %}
<script>
var easter_egg = new Konami();
easter_egg.load("https://www.youtube.com/watch?v=URTcCh6QVwM");
</script>
</body>
</html>

View file

@ -4,7 +4,7 @@ layout: main
<article class="post">
<header class="post-header">
<h1 class="post-title">{{ page.title }}</h1>
<h2 class="post-title">{{ page.title }}</h2>
</header>
<div class="post-content">

View file

@ -4,7 +4,7 @@ layout: main
<article class="post" itemscope itemtype="http://schema.org/BlogPosting">
<header class="post-header">
<h1 class="post-title" itemprop="name headline">{{ page.title }}</h1>
<h2 class="post-title" itemprop="name headline">{{ page.title }}</h2>
<p class="post-meta"><time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">{{ page.date | date: "%b %-d, %Y" }}</time>{% if page.author %} • <span itemprop="author" itemscope itemtype="http://schema.org/Person"><span itemprop="name">{{ page.author }}</span></span>{% endif %}</p>
</header>

View file

@ -1,6 +0,0 @@
<div class="slideshowItem" {% if page.background %}style="background-image:url({{ page.background }})"{% endif %}>
<div class="slideshowContent">
<h2>{{ page.title }}</h2>
{{ content }}
</div>
</div>

View file

@ -1,7 +1,7 @@
---
layout: post
title: "Just a quick post. BAM!, my first web app (still in development) is on Github!"
date: 2016-08-15 12:00:00 +0200
date: 2016-08-31 12:00:00 +0200
categories: programming
---
As you can read from the title, I'm publishing the uncompleted code of my first webapp. I'm working on this since 3 weeks, and I'm proud of what I've done so far.

View file

@ -0,0 +1,7 @@
---
layout: post
title: "Css updated!"
date: 2016-09-13 21:30:00 +0200
categories: update
---
As you can see, now the css is decent! Now I'm using [Skeleton](http://getskeleton.com) and a couple of custom sass lines that you can check out on Github. Currently, I'm a bit busy with BAM! so I'm not sure I'll find the time for this. Anyway, enjoy the new look!

View file

@ -172,85 +172,6 @@ pre {
}
}
.header{
background: #ffcc00;
float: left;
width: -webkit-calc(100% - #{$spacing-unit});
width: calc(100% - #{$spacing-unit});
max-width: -webkit-calc(100% - #{$spacing-unit});
max-width: calc(100% - #{$spacing-unit});
z-index: 1;
box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
margin: 0;
padding-left: 0;
@include media-query($on-laptop) {
width: -webkit-calc(100% - #{$spacing-unit} / 2);
width: calc(100% - #{$spacing-unit} / 2);
max-width: -webkit-calc(100% - #{$spacing-unit} / 2);
max-width: calc(100% - #{$spacing-unit} / 2);
}
@include media-query($on-palm) {
width: -webkit-calc(100% - 4em);
width: calc(100% - 4em);
max-width: -webkit-calc(100% - 4em);
max-width: calc(100% - 4em);
padding-right: 4em;
display: flex;
}
}
.site-logo{
width: 56px;
height: 56px;
float: left;
margin-right: $spacing-unit;
@include media-query($on-laptop) {
margin-right: calc(#{$spacing-unit} / 2);
}
}
.slideshowItem{
background-position:50% 50%;
background-size:cover;
text-align: center;
display: -webkit-flex;
display: -moz-flex;
display: flex;
opacity: 1;
color: white;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
transition: opacity 1s;
/*margin-bottom: $spacing-unit;
@include media-query($on-laptop) {
margin-bottom: calc(#{$spacing-unit} / 2);
}*/
}
.slideshowContainer{
position: relative;
width: 100%;
height: $slideshow-height;
}
.slideshowItem > .slideshowContent{
margin: auto;
z-index: 2;
box-shadow: 0px 0px 20px 8px rgba(0,0,0,0.95);
background: rgba(0,0,0,0.8)
}
.slideshowItem.fadeOut {
opacity:0;
}
/**
* Clearfix
*/

View file

@ -1,255 +1,105 @@
/**
* Site header
*/
.site-header {
border-top: 5px solid $grey-color-dark;
border-bottom: 1px solid $grey-color-light;
min-height: 56px;
$header-border: 1px solid #eee;
// Positioning context for the mobile navigation icon
position: relative;
body{
background-color: #333;
font-family: 'Hammersmith One', sans-serif;
color: white;
display: flex;
min-height: 100vh;
flex-direction: column;
}
.site-title {
font-size: 26px;
font-weight: 300;
line-height: 56px;
letter-spacing: -1px;
margin-bottom: 0;
float: left;
main {
flex: 1 0 auto;
}
&,
&:visited {
color: $grey-color-dark;
.navbar-list .navbar-item{
text-transform: uppercase;
font-weight: 400;
display: inline-block;
margin: 1em;
}
ul.navbar-list{
border-top: $header-border;
border-bottom: $header-border;
margin-bottom: 2rem;
}
.header {
padding-top: 6rem;
text-align: center;
}
@media (min-width: 700px){
.header {
padding-top: 14rem;
}
@include media-query($on-laptop) {
line-height: 46px;
font-size: 22px;
margin-top: 5px;
margin-bottom: 5px;
}
@include media-query($on-palm) {
line-height: 20px;
font-size: 17px;
margin: auto;
}
.head{
padding: 0 1rem 6rem 1rem;
}
@media (max-width: 700px){
.navbar-list .navbar-item {
width: 100%;
}
}
.site-nav {
z-index: 5;
float: right;
line-height: 56px;
.menu-icon {
display: none;
}
.page-link {
color: $text-color;
line-height: $base-line-height;
// Gaps between nav items, but not on the last one
&:not(:last-child) {
margin-right: 20px;
}
}
@include media-query($on-palm) {
position: absolute;
top: 9px;
right: $spacing-unit / 2;
background-color: $background-color;
border: 1px solid $grey-color-light;
border-radius: 5px;
text-align: right;
.menu-icon {
display: block;
float: right;
width: 36px;
height: 26px;
line-height: 0;
padding-top: 10px;
text-align: center;
> svg {
width: 18px;
height: 15px;
path {
fill: $grey-color-dark;
}
}
}
.trigger {
clear: both;
display: none;
}
&:hover .trigger {
display: block;
padding-bottom: 5px;
}
.page-link {
display: block;
padding: 5px 10px;
&:not(:last-child) {
margin-right: 0;
}
margin-left: 20px;
}
}
.navbar-item a{
color: $brand-color;
}
/**
* Site footer
*/
.site-footer {
padding: $spacing-unit 0;
}
.footer-heading {
font-size: 18px;
margin-bottom: $spacing-unit / 2;
}
.contact-list,
.social-media-list {
list-style: none;
ul.post-list, ul.navbar-list{
list-style-type: none;
margin-left: 0;
margin-right: 0;
}
.footer-col-wrapper {
font-size: 15px;
color: $grey-color;
margin-left: -$spacing-unit / 2;
@extend %clearfix;
.header, footer{
background-color: rgba(0,0,0,0.25);
}
.footer-col {
float: left;
margin-bottom: $spacing-unit / 2;
padding-left: $spacing-unit / 2;
footer{
padding-top: 1rem;
}
.footer-col-1 {
width: -webkit-calc(35% - (#{$spacing-unit} / 2));
width: calc(35% - (#{$spacing-unit} / 2));
footer .author{
text-align: center;
text-transform: uppercase;
}
.footer-col-2 {
width: -webkit-calc(20% - (#{$spacing-unit} / 2));
width: calc(20% - (#{$spacing-unit} / 2));
.container{
padding-top: 1rem;
padding-bottom: 1rem;
}
.footer-col-3 {
width: -webkit-calc(45% - (#{$spacing-unit} / 2));
width: calc(45% - (#{$spacing-unit} / 2));
.icons{
text-align: center;
}
@include media-query($on-laptop) {
.footer-col-1,
.footer-col-2 {
width: -webkit-calc(50% - (#{$spacing-unit} / 2));
width: calc(50% - (#{$spacing-unit} / 2));
}
a.icon{
display: inline-table;
background-color: rgba(255,255,255,0.5);
border-radius: 1.75em;
width: 3.5em;
height: 3.5em;
text-align: center;
line-height: 3.5em;
margin: .5em;
color: white;
cursor: pointer;
.footer-col-3 {
width: -webkit-calc(100% - (#{$spacing-unit} / 2));
width: calc(100% - (#{$spacing-unit} / 2));
&:hover {
text-decoration: none;
}
}
@include media-query($on-palm) {
.footer-col {
float: none;
width: -webkit-calc(100% - (#{$spacing-unit} / 2));
width: calc(100% - (#{$spacing-unit} / 2));
}
}
/**
* Page content
*/
.page-content {
background: RGBA(255,255,255,0.1);
padding: $spacing-unit 0;
}
.page-heading {
font-size: 20px;
}
.post-list {
margin-left: 0;
list-style: none;
> li {
margin-bottom: $spacing-unit;
}
}
.post-meta {
font-size: $small-font-size;
color: $grey-color;
}
.post-link {
display: block;
font-size: 24px;
}
/**
* Posts
*/
.post-header {
margin-bottom: $spacing-unit;
}
.post-title {
font-size: 42px;
letter-spacing: -1px;
line-height: 1;
@include media-query($on-laptop) {
font-size: 36px;
}
}
.post-content {
margin-bottom: $spacing-unit;
h2 {
font-size: 32px;
@include media-query($on-laptop) {
font-size: 28px;
}
}
h3 {
font-size: 26px;
@include media-query($on-laptop) {
font-size: 22px;
}
}
h4 {
font-size: 20px;
@include media-query($on-laptop) {
font-size: 18px;
}
}
a.icon i.fa{
font-size: 2em;
display: table-cell;
vertical-align: middle;
}

View file

@ -9,6 +9,7 @@
<meta name="description" content="Things which an Arch Linux user that also owns an recurve bow can write.
">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css">
<link rel="stylesheet" href="/css/main.css">
<link href='https://fonts.googleapis.com/css?family=Hammersmith+One' rel='stylesheet' type='text/css'>
<link rel="canonical" href="http://praticamentetilde.github.io/about/">
@ -32,51 +33,51 @@
<link rel="manifest" href="/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
</head>
<body>
<header class="site-header">
<body>
<header class="header">
<section class="head">
<h2 class="title">Ramblings of an archer archer</h2>
<p>Things which an Arch Linux user that also owns an recurve bow can write.
</p>
</section>
<nav class="navbar">
<div class="container">
<ul class="navbar-list">
<li class="navbar-item">
<a href="/">home</a>
</li>
<li class="navbar-item">
<a href="/about/">About</a>
</li>
<li class="navbar-item">
<a href="http://www.burarco.it">My archery club</a>
</li>
<li class="navbar-item">
<a href="/feed.xml">RSS</a>
</li>
<div class="wrapper header">
</ul>
</div>
</nav>
<img class="site-logo" src="/android-icon-192x192.png" alt="MALUSA"/>
<a class="site-title" href="/">Ramblings of an archer archer</a>
<nav class="site-nav">
<a href="#" class="menu-icon">
<svg viewBox="0 0 18 15">
<path fill="#424242" d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.031C17.335,0,18,0.665,18,1.484L18,1.484z"/>
<path fill="#424242" d="M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0c0-0.82,0.665-1.484,1.484-1.484 h15.031C17.335,6.031,18,6.696,18,7.516L18,7.516z"/>
<path fill="#424242" d="M18,13.516C18,14.335,17.335,15,16.516,15H1.484C0.665,15,0,14.335,0,13.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.031C17.335,12.031,18,12.696,18,13.516L18,13.516z"/>
</svg>
</a>
<div class="trigger">
<a class="page-link" href="/about/">About</a>
</div>
</nav>
</div>
</header>
<div class="page-content">
<div class="wrapper">
</header>
<main class="container">
<article class="post">
<header class="post-header">
<h1 class="post-title">About</h1>
<h2 class="post-title">About</h2>
</header>
<div class="post-content">
@ -90,42 +91,18 @@
</article>
</div>
</main>
<footer class="site-footer">
<div class="icons">
<a class="icon" href="https://github.com/praticamentetilde"><i class="fa fa-reddit"></i></a>
<a class="icon" href="https://www.reddit.com/user/praticamentetilde"><i class="fa fa-github"></i></a>
</div>
<footer class="site-footer">
<div class="wrapper">
<h2 class="footer-heading">Ramblings of an archer archer</h2>
<div class="footer-col-wrapper">
<div class="footer-col footer-col-1">
<ul class="contact-list">
My <a href="http://www.burarco.it/">Archery club</a>.
</ul>
</div>
<div class="footer-col footer-col-2">
<ul class="social-media-list">
<li>
<a href="https://github.com/praticamentetilde"><span class="icon icon--github"><svg viewBox="0 0 16 16"><path fill="#828282" d="M7.999,0.431c-4.285,0-7.76,3.474-7.76,7.761 c0,3.428,2.223,6.337,5.307,7.363c0.388,0.071,0.53-0.168,0.53-0.374c0-0.184-0.007-0.672-0.01-1.32 c-2.159,0.469-2.614-1.04-2.614-1.04c-0.353-0.896-0.862-1.135-0.862-1.135c-0.705-0.481,0.053-0.472,0.053-0.472 c0.779,0.055,1.189,0.8,1.189,0.8c0.692,1.186,1.816,0.843,2.258,0.645c0.071-0.502,0.271-0.843,0.493-1.037 C4.86,11.425,3.049,10.76,3.049,7.786c0-0.847,0.302-1.54,0.799-2.082C3.768,5.507,3.501,4.718,3.924,3.65 c0,0,0.652-0.209,2.134,0.796C6.677,4.273,7.34,4.187,8,4.184c0.659,0.003,1.323,0.089,1.943,0.261 c1.482-1.004,2.132-0.796,2.132-0.796c0.423,1.068,0.157,1.857,0.077,2.054c0.497,0.542,0.798,1.235,0.798,2.082 c0,2.981-1.814,3.637-3.543,3.829c0.279,0.24,0.527,0.713,0.527,1.437c0,1.037-0.01,1.874-0.01,2.129 c0,0.208,0.14,0.449,0.534,0.373c3.081-1.028,5.302-3.935,5.302-7.362C15.76,3.906,12.285,0.431,7.999,0.431z"/></svg>
</span><span class="username">praticamentetilde</span></a>
</li>
</ul>
</div>
<div class="footer-col footer-col-3">
<p>Things which an Arch Linux user that also owns an recurve bow can write.
</p>
</div>
</div>
</div>
<h6 class="author">Claudio Maggioni 2016</h6>
</footer>
</body>
<script>
var easter_egg = new Konami();
easter_egg.load("https://www.youtube.com/watch?v=URTcCh6QVwM");
</script>
</body>
</html>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 27 KiB

After

Width:  |  Height:  |  Size: 4.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 44 KiB

After

Width:  |  Height:  |  Size: 4.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.5 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 2.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 20 KiB

After

Width:  |  Height:  |  Size: 3.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 27 KiB

After

Width:  |  Height:  |  Size: 4.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 29 KiB

After

Width:  |  Height:  |  Size: 4.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 39 KiB

After

Width:  |  Height:  |  Size: 5.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.8 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.3 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.5 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.3 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 45 KiB

After

Width:  |  Height:  |  Size: 4.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 45 KiB

After

Width:  |  Height:  |  Size: 4.9 KiB

View file

@ -8,6 +8,7 @@
<title>My archery setup!</title>
<meta name="description" content="Hey there! This is my first post about archery, so I thought that I could have done a tour of my setup. As I wrote in the about page, Im a Olmpic recurve ar...">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css">
<link rel="stylesheet" href="/css/main.css">
<link href='https://fonts.googleapis.com/css?family=Hammersmith+One' rel='stylesheet' type='text/css'>
<link rel="canonical" href="http://praticamentetilde.github.io/archery/2016/08/15/my-archery-setup.html">
@ -31,51 +32,51 @@
<link rel="manifest" href="/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
</head>
<body>
<header class="site-header">
<body>
<header class="header">
<section class="head">
<h2 class="title">Ramblings of an archer archer</h2>
<p>Things which an Arch Linux user that also owns an recurve bow can write.
</p>
</section>
<nav class="navbar">
<div class="container">
<ul class="navbar-list">
<li class="navbar-item">
<a href="/">home</a>
</li>
<li class="navbar-item">
<a href="/about/">About</a>
</li>
<li class="navbar-item">
<a href="http://www.burarco.it">My archery club</a>
</li>
<li class="navbar-item">
<a href="/feed.xml">RSS</a>
</li>
<div class="wrapper header">
</ul>
</div>
</nav>
<img class="site-logo" src="/android-icon-192x192.png" alt="MALUSA"/>
<a class="site-title" href="/">Ramblings of an archer archer</a>
<nav class="site-nav">
<a href="#" class="menu-icon">
<svg viewBox="0 0 18 15">
<path fill="#424242" d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.031C17.335,0,18,0.665,18,1.484L18,1.484z"/>
<path fill="#424242" d="M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0c0-0.82,0.665-1.484,1.484-1.484 h15.031C17.335,6.031,18,6.696,18,7.516L18,7.516z"/>
<path fill="#424242" d="M18,13.516C18,14.335,17.335,15,16.516,15H1.484C0.665,15,0,14.335,0,13.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.031C17.335,12.031,18,12.696,18,13.516L18,13.516z"/>
</svg>
</a>
<div class="trigger">
<a class="page-link" href="/about/">About</a>
</div>
</nav>
</div>
</header>
<div class="page-content">
<div class="wrapper">
</header>
<main class="container">
<article class="post" itemscope itemtype="http://schema.org/BlogPosting">
<header class="post-header">
<h1 class="post-title" itemprop="name headline">My archery setup!</h1>
<h2 class="post-title" itemprop="name headline">My archery setup!</h2>
<p class="post-meta"><time datetime="2016-08-15T12:00:00+02:00" itemprop="datePublished">Aug 15, 2016</time></p>
</header>
@ -103,7 +104,7 @@
</div>
</article>
<div id="disqus_thread" style="background: #212121"></div>
<div id="disqus_thread"></div>
<script>
/**
* RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS.
@ -127,42 +128,18 @@
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>
</div>
</main>
<footer class="site-footer">
<div class="icons">
<a class="icon" href="https://github.com/praticamentetilde"><i class="fa fa-reddit"></i></a>
<a class="icon" href="https://www.reddit.com/user/praticamentetilde"><i class="fa fa-github"></i></a>
</div>
<footer class="site-footer">
<div class="wrapper">
<h2 class="footer-heading">Ramblings of an archer archer</h2>
<div class="footer-col-wrapper">
<div class="footer-col footer-col-1">
<ul class="contact-list">
My <a href="http://www.burarco.it/">Archery club</a>.
</ul>
</div>
<div class="footer-col footer-col-2">
<ul class="social-media-list">
<li>
<a href="https://github.com/praticamentetilde"><span class="icon icon--github"><svg viewBox="0 0 16 16"><path fill="#828282" d="M7.999,0.431c-4.285,0-7.76,3.474-7.76,7.761 c0,3.428,2.223,6.337,5.307,7.363c0.388,0.071,0.53-0.168,0.53-0.374c0-0.184-0.007-0.672-0.01-1.32 c-2.159,0.469-2.614-1.04-2.614-1.04c-0.353-0.896-0.862-1.135-0.862-1.135c-0.705-0.481,0.053-0.472,0.053-0.472 c0.779,0.055,1.189,0.8,1.189,0.8c0.692,1.186,1.816,0.843,2.258,0.645c0.071-0.502,0.271-0.843,0.493-1.037 C4.86,11.425,3.049,10.76,3.049,7.786c0-0.847,0.302-1.54,0.799-2.082C3.768,5.507,3.501,4.718,3.924,3.65 c0,0,0.652-0.209,2.134,0.796C6.677,4.273,7.34,4.187,8,4.184c0.659,0.003,1.323,0.089,1.943,0.261 c1.482-1.004,2.132-0.796,2.132-0.796c0.423,1.068,0.157,1.857,0.077,2.054c0.497,0.542,0.798,1.235,0.798,2.082 c0,2.981-1.814,3.637-3.543,3.829c0.279,0.24,0.527,0.713,0.527,1.437c0,1.037-0.01,1.874-0.01,2.129 c0,0.208,0.14,0.449,0.534,0.373c3.081-1.028,5.302-3.935,5.302-7.362C15.76,3.906,12.285,0.431,7.999,0.431z"/></svg>
</span><span class="username">praticamentetilde</span></a>
</li>
</ul>
</div>
<div class="footer-col footer-col-3">
<p>Things which an Arch Linux user that also owns an recurve bow can write.
</p>
</div>
</div>
</div>
<h6 class="author">Claudio Maggioni 2016</h6>
</footer>
</body>
<script>
var easter_egg = new Konami();
easter_egg.load("https://www.youtube.com/watch?v=URTcCh6QVwM");
</script>
</body>
</html>

View file

@ -66,10 +66,10 @@ h1, h2, h3, h4, h5, h6 {
* Links
*/
a {
color: #2a7ae2;
color: #e82;
text-decoration: none; }
a:visited {
color: #1756a9; }
color: #b6620e; }
a:hover {
color: #888;
text-decoration: underline; }
@ -125,80 +125,10 @@ pre {
padding-right: 15px;
padding-left: 15px; } }
.header {
background: #ffcc00;
float: left;
width: -webkit-calc(100% - 30px);
width: calc(100% - 30px);
max-width: -webkit-calc(100% - 30px);
max-width: calc(100% - 30px);
z-index: 1;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
margin: 0;
padding-left: 0; }
@media screen and (max-width: 800px) {
.header {
width: -webkit-calc(100% - 30px / 2);
width: calc(100% - 30px / 2);
max-width: -webkit-calc(100% - 30px / 2);
max-width: calc(100% - 30px / 2); } }
@media screen and (max-width: 600px) {
.header {
width: -webkit-calc(100% - 4em);
width: calc(100% - 4em);
max-width: -webkit-calc(100% - 4em);
max-width: calc(100% - 4em);
padding-right: 4em;
display: flex; } }
.site-logo {
width: 56px;
height: 56px;
float: left;
margin-right: 30px; }
@media screen and (max-width: 800px) {
.site-logo {
margin-right: calc(30px / 2); } }
.slideshowItem {
background-position: 50% 50%;
background-size: cover;
text-align: center;
display: -webkit-flex;
display: -moz-flex;
display: flex;
opacity: 1;
color: white;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
transition: opacity 1s;
/*margin-bottom: $spacing-unit;
@include media-query($on-laptop) {
margin-bottom: calc(30px / 2);
}*/ }
.slideshowContainer {
position: relative;
width: 100%;
height: 70vh; }
.slideshowItem > .slideshowContent {
margin: auto;
z-index: 2;
box-shadow: 0px 0px 20px 8px rgba(0, 0, 0, 0.95);
background: rgba(0, 0, 0, 0.8); }
.slideshowItem.fadeOut {
opacity: 0; }
/**
* Clearfix
*/
.wrapper:after, .footer-col-wrapper:after {
.wrapper:after {
content: "";
display: table;
clear: both; }
@ -214,188 +144,84 @@ pre {
.icon > svg path {
fill: #828282; }
/**
* Site header
*/
.site-header {
border-top: 5px solid #424242;
border-bottom: 1px solid #e8e8e8;
min-height: 56px;
position: relative; }
body {
background-color: #333;
font-family: 'Hammersmith One', sans-serif;
color: white;
display: flex;
min-height: 100vh;
flex-direction: column; }
.site-title {
font-size: 26px;
font-weight: 300;
line-height: 56px;
letter-spacing: -1px;
margin-bottom: 0;
float: left; }
.site-title, .site-title:visited {
color: #424242; }
@media screen and (max-width: 800px) {
.site-title {
line-height: 46px;
font-size: 22px;
margin-top: 5px;
margin-bottom: 5px; } }
@media screen and (max-width: 600px) {
.site-title {
line-height: 20px;
font-size: 17px;
margin: auto; } }
main {
flex: 1 0 auto; }
.site-nav {
z-index: 5;
float: right;
line-height: 56px; }
.site-nav .menu-icon {
display: none; }
.site-nav .page-link {
color: #888;
line-height: 1.5; }
.site-nav .page-link:not(:last-child) {
margin-right: 20px; }
@media screen and (max-width: 600px) {
.site-nav {
position: absolute;
top: 9px;
right: 15px;
background-color: #090909;
border: 1px solid #e8e8e8;
border-radius: 5px;
text-align: right; }
.site-nav .menu-icon {
display: block;
float: right;
width: 36px;
height: 26px;
line-height: 0;
padding-top: 10px;
text-align: center; }
.site-nav .menu-icon > svg {
width: 18px;
height: 15px; }
.site-nav .menu-icon > svg path {
fill: #424242; }
.site-nav .trigger {
clear: both;
display: none; }
.site-nav:hover .trigger {
display: block;
padding-bottom: 5px; }
.site-nav .page-link {
display: block;
padding: 5px 10px;
margin-left: 20px; }
.site-nav .page-link:not(:last-child) {
margin-right: 0; } }
.navbar-list .navbar-item {
text-transform: uppercase;
font-weight: 400;
display: inline-block;
margin: 1em; }
/**
* Site footer
*/
.site-footer {
padding: 30px 0; }
ul.navbar-list {
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
margin-bottom: 2rem; }
.footer-heading {
font-size: 18px;
margin-bottom: 15px; }
.header {
padding-top: 6rem;
text-align: center; }
.contact-list,
.social-media-list {
list-style: none;
margin-left: 0; }
@media (min-width: 700px) {
.header {
padding-top: 14rem; } }
.head {
padding: 0 1rem 6rem 1rem; }
.footer-col-wrapper {
font-size: 15px;
color: #828282;
margin-left: -15px; }
@media (max-width: 700px) {
.navbar-list .navbar-item {
width: 100%; } }
.navbar-item a {
color: #e82; }
.footer-col {
float: left;
margin-bottom: 15px;
padding-left: 15px; }
.footer-col-1 {
width: -webkit-calc(35% - (30px / 2));
width: calc(35% - (30px / 2)); }
.footer-col-2 {
width: -webkit-calc(20% - (30px / 2));
width: calc(20% - (30px / 2)); }
.footer-col-3 {
width: -webkit-calc(45% - (30px / 2));
width: calc(45% - (30px / 2)); }
@media screen and (max-width: 800px) {
.footer-col-1,
.footer-col-2 {
width: -webkit-calc(50% - (30px / 2));
width: calc(50% - (30px / 2)); }
.footer-col-3 {
width: -webkit-calc(100% - (30px / 2));
width: calc(100% - (30px / 2)); } }
@media screen and (max-width: 600px) {
.footer-col {
float: none;
width: -webkit-calc(100% - (30px / 2));
width: calc(100% - (30px / 2)); } }
/**
* Page content
*/
.page-content {
background: RGBA(255, 255, 255, 0.1);
padding: 30px 0; }
.page-heading {
font-size: 20px; }
.post-list {
ul.post-list, ul.navbar-list {
list-style-type: none;
margin-left: 0;
list-style: none; }
.post-list > li {
margin-bottom: 30px; }
margin-right: 0; }
.post-meta {
font-size: 14px;
color: #828282; }
.header, footer {
background-color: rgba(0, 0, 0, 0.25); }
.post-link {
display: block;
font-size: 24px; }
footer {
padding-top: 1rem; }
/**
* Posts
*/
.post-header {
margin-bottom: 30px; }
footer .author {
text-align: center;
text-transform: uppercase; }
.post-title {
font-size: 42px;
letter-spacing: -1px;
line-height: 1; }
@media screen and (max-width: 800px) {
.post-title {
font-size: 36px; } }
.container {
padding-top: 1rem;
padding-bottom: 1rem; }
.post-content {
margin-bottom: 30px; }
.post-content h2 {
font-size: 32px; }
@media screen and (max-width: 800px) {
.post-content h2 {
font-size: 28px; } }
.post-content h3 {
font-size: 26px; }
@media screen and (max-width: 800px) {
.post-content h3 {
font-size: 22px; } }
.post-content h4 {
font-size: 20px; }
@media screen and (max-width: 800px) {
.post-content h4 {
font-size: 18px; } }
.icons {
text-align: center; }
a.icon {
display: inline-table;
background-color: rgba(255, 255, 255, 0.5);
border-radius: 1.75em;
width: 3.5em;
height: 3.5em;
text-align: center;
line-height: 3.5em;
margin: .5em;
color: white;
cursor: pointer; }
a.icon:hover {
text-decoration: none; }
a.icon i.fa {
font-size: 2em;
display: table-cell;
vertical-align: middle; }
/**
* Syntax highlighting styles

Binary file not shown.

Before

Width:  |  Height:  |  Size: 967 B

After

Width:  |  Height:  |  Size: 962 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 2.2 KiB

BIN
_site/favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

View file

@ -6,10 +6,23 @@
</description>
<link>http://praticamentetilde.github.io/</link>
<atom:link href="http://praticamentetilde.github.io/feed.xml" rel="self" type="application/rss+xml"/>
<pubDate>Wed, 31 Aug 2016 19:17:52 +0200</pubDate>
<lastBuildDate>Wed, 31 Aug 2016 19:17:52 +0200</lastBuildDate>
<pubDate>Tue, 13 Sep 2016 21:40:05 +0200</pubDate>
<lastBuildDate>Tue, 13 Sep 2016 21:40:05 +0200</lastBuildDate>
<generator>Jekyll v3.2.1</generator>
<item>
<title>Css updated!</title>
<description>&lt;p&gt;As you can see, now the css is decent! Now Im using &lt;a href=&quot;http://getskeleton.com&quot;&gt;Skeleton&lt;/a&gt; and a couple of custom sass lines that you can check out on Github. Currently, Im a bit busy with BAM! so Im not sure Ill find the time for this. Anyway, enjoy the new look!&lt;/p&gt;
</description>
<pubDate>Tue, 13 Sep 2016 21:30:00 +0200</pubDate>
<link>http://praticamentetilde.github.io/update/2016/09/13/css-update.html</link>
<guid isPermaLink="true">http://praticamentetilde.github.io/update/2016/09/13/css-update.html</guid>
<category>update</category>
</item>
<item>
<title>Just a quick post. BAM!, my first web app (still in development) is on Github!</title>
<description>&lt;p&gt;As you can read from the title, Im publishing the uncompleted code of my first webapp. Im working on this since 3 weeks, and Im proud of what Ive done so far.&lt;/p&gt;
@ -18,9 +31,9 @@
&lt;p&gt;Maybe I can use Materialize css also for this jekyll site, or maybe this is another thing I say but Im not going to do. Who knows.&lt;/p&gt;
</description>
<pubDate>Mon, 15 Aug 2016 12:00:00 +0200</pubDate>
<link>http://praticamentetilde.github.io/programming/2016/08/15/bam-on-github.html</link>
<guid isPermaLink="true">http://praticamentetilde.github.io/programming/2016/08/15/bam-on-github.html</guid>
<pubDate>Wed, 31 Aug 2016 12:00:00 +0200</pubDate>
<link>http://praticamentetilde.github.io/programming/2016/08/31/bam-on-github.html</link>
<guid isPermaLink="true">http://praticamentetilde.github.io/programming/2016/08/31/bam-on-github.html</guid>
<category>programming</category>

View file

@ -9,6 +9,7 @@
<meta name="description" content="Things which an Arch Linux user that also owns an recurve bow can write.
">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css">
<link rel="stylesheet" href="/css/main.css">
<link href='https://fonts.googleapis.com/css?family=Hammersmith+One' rel='stylesheet' type='text/css'>
<link rel="canonical" href="http://praticamentetilde.github.io/">
@ -32,194 +33,107 @@
<link rel="manifest" href="/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
</head>
<body>
<header class="site-header">
<div class="wrapper header">
<img class="site-logo" src="/android-icon-192x192.png" alt="MALUSA"/>
<a class="site-title" href="/">Ramblings of an archer archer</a>
<nav class="site-nav">
<a href="#" class="menu-icon">
<svg viewBox="0 0 18 15">
<path fill="#424242" d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.031C17.335,0,18,0.665,18,1.484L18,1.484z"/>
<path fill="#424242" d="M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0c0-0.82,0.665-1.484,1.484-1.484 h15.031C17.335,6.031,18,6.696,18,7.516L18,7.516z"/>
<path fill="#424242" d="M18,13.516C18,14.335,17.335,15,16.516,15H1.484C0.665,15,0,14.335,0,13.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.031C17.335,12.031,18,12.696,18,13.516L18,13.516z"/>
</svg>
</a>
<div class="trigger">
<a class="page-link" href="/about/">About</a>
</div>
</nav>
</div>
</header>
<div class="slideshowContainer">
<div class="slideshowItem" style="background-image:url(https://dl.dropboxusercontent.com/s/ril7kk9zd0l4vrf/IMG_20160809_175554.jpg?dl=0)">
<div class="slideshowContent">
<h2>My Archery setup</h2>
<p>The article <a href="https://praticamentetilde.github.io/archery/2016/08/15/my-archery-setup.html">here</a>!</p>
</div>
</div>
<div class="slideshowItem" style="background-image:url(https://dl.dropboxusercontent.com/s/zox7qxi07vii3pm/IMG_20160815_104758%20%281%29.jpg?dl=0)">
<div class="slideshowContent">
<h2>My Arch Linux setup</h2>
<ul>
<li>Arch Linux updated daily</li>
<li>Core I5 6400 with 16GB DDR4 RAM</li>
<li>Gigabyte GTX 730 (Not a gamer at all!)</li>
<li>Machine on which I write my occasional rambling!</li>
</ul>
</div>
</div>
</div>
<script>
var slideIndex = -1;
carousel();
function carousel() {
var i;
var fading;
var x = document.getElementsByClassName("slideshowItem");
for (i = 0; i < x.length; i++) {
if(slideIndex!=-1 && i==slideIndex){
fading=i;
x[i].className+=" fadeOut";
x[i].style.zIndex="3";
window.setTimeout(function(){
x[fading].style.zIndex="";
},1000);
}
else {
x[i].style.display = "none";
x[i].style.zIndex="";
}
}
slideIndex++;
if (slideIndex >= x.length) {slideIndex = 0}
with(x[slideIndex]){
style.display="";
className="slideshowItem";
style.zIndex="2";
}
setTimeout(carousel, 5000);
}
var easter_egg = new Konami();
easter_egg.load("https://www.youtube.com/watch?v=yPYZpwSpKmA");
</script>
<div class="page-content">
<div class="wrapper">
<div class="home">
<h1 class="page-heading">Posts</h1>
<ul class="post-list">
<li>
<span class="post-meta">Aug 15, 2016</span>
<h2>
<a class="post-link" href="/programming/2016/08/15/bam-on-github.html">Just a quick post. BAM!, my first web app (still in development) is on Github!</a>
</h2>
</li>
<li>
<span class="post-meta">Aug 15, 2016</span>
<h2>
<a class="post-link" href="/archery/2016/08/15/my-archery-setup.html">My archery setup!</a>
</h2>
</li>
<li>
<span class="post-meta">Jul 28, 2016</span>
<h2>
<a class="post-link" href="/linux/2016/07/28/how-to-rickroll-people-launching-rm-rf-on-your-system.html">How to rickroll people that try to run "rm -rf" on your system</a>
</h2>
</li>
<li>
<span class="post-meta">Jul 12, 2016</span>
<h2>
<a class="post-link" href="/linux/2016/07/12/installing-gentoo-on-a-thinkpad-x60s.html">Installing Gentoo on a Lenovo ThinkPad X60s</a>
</h2>
</li>
<li>
<span class="post-meta">Jul 7, 2016</span>
<h2>
<a class="post-link" href="/linux/2016/07/07/get-a-bluetooth-keyboard-work-with-arch.html">Get a Bluetooth keyboard work with Arch Linux</a>
</h2>
</li>
</ul>
<p class="rss-subscribe">subscribe <a href="/feed.xml">via RSS</a></p>
</div>
</div>
</div>
<footer class="site-footer">
<div class="wrapper">
<h2 class="footer-heading">Ramblings of an archer archer</h2>
<div class="footer-col-wrapper">
<div class="footer-col footer-col-1">
<ul class="contact-list">
My <a href="http://www.burarco.it/">Archery club</a>.
</ul>
</div>
<div class="footer-col footer-col-2">
<ul class="social-media-list">
<li>
<a href="https://github.com/praticamentetilde"><span class="icon icon--github"><svg viewBox="0 0 16 16"><path fill="#828282" d="M7.999,0.431c-4.285,0-7.76,3.474-7.76,7.761 c0,3.428,2.223,6.337,5.307,7.363c0.388,0.071,0.53-0.168,0.53-0.374c0-0.184-0.007-0.672-0.01-1.32 c-2.159,0.469-2.614-1.04-2.614-1.04c-0.353-0.896-0.862-1.135-0.862-1.135c-0.705-0.481,0.053-0.472,0.053-0.472 c0.779,0.055,1.189,0.8,1.189,0.8c0.692,1.186,1.816,0.843,2.258,0.645c0.071-0.502,0.271-0.843,0.493-1.037 C4.86,11.425,3.049,10.76,3.049,7.786c0-0.847,0.302-1.54,0.799-2.082C3.768,5.507,3.501,4.718,3.924,3.65 c0,0,0.652-0.209,2.134,0.796C6.677,4.273,7.34,4.187,8,4.184c0.659,0.003,1.323,0.089,1.943,0.261 c1.482-1.004,2.132-0.796,2.132-0.796c0.423,1.068,0.157,1.857,0.077,2.054c0.497,0.542,0.798,1.235,0.798,2.082 c0,2.981-1.814,3.637-3.543,3.829c0.279,0.24,0.527,0.713,0.527,1.437c0,1.037-0.01,1.874-0.01,2.129 c0,0.208,0.14,0.449,0.534,0.373c3.081-1.028,5.302-3.935,5.302-7.362C15.76,3.906,12.285,0.431,7.999,0.431z"/></svg>
</span><span class="username">praticamentetilde</span></a>
</li>
</ul>
</div>
<div class="footer-col footer-col-3">
<p>Things which an Arch Linux user that also owns an recurve bow can write.
<body>
<header class="header">
<section class="head">
<h2 class="title">Ramblings of an archer archer</h2>
<p>Things which an Arch Linux user that also owns an recurve bow can write.
</p>
</div>
</div>
</div>
</section>
<nav class="navbar">
<div class="container">
<ul class="navbar-list">
<li class="navbar-item">
<a href="/">home</a>
</li>
<li class="navbar-item">
<a href="/about/">About</a>
</li>
<li class="navbar-item">
<a href="http://www.burarco.it">My archery club</a>
</li>
<li class="navbar-item">
<a href="/feed.xml">RSS</a>
</li>
</ul>
</div>
</nav>
</header>
<main class="container">
<div class="home">
<ul class="post-list">
<li>
<span class="post-meta">Sep 13, 2016</span>
<h5>
<a class="post-link" href="/update/2016/09/13/css-update.html">Css updated!</a>
</h5>
</li>
<li>
<span class="post-meta">Aug 31, 2016</span>
<h5>
<a class="post-link" href="/programming/2016/08/31/bam-on-github.html">Just a quick post. BAM!, my first web app (still in development) is on Github!</a>
</h5>
</li>
<li>
<span class="post-meta">Aug 15, 2016</span>
<h5>
<a class="post-link" href="/archery/2016/08/15/my-archery-setup.html">My archery setup!</a>
</h5>
</li>
<li>
<span class="post-meta">Jul 28, 2016</span>
<h5>
<a class="post-link" href="/linux/2016/07/28/how-to-rickroll-people-launching-rm-rf-on-your-system.html">How to rickroll people that try to run "rm -rf" on your system</a>
</h5>
</li>
<li>
<span class="post-meta">Jul 12, 2016</span>
<h5>
<a class="post-link" href="/linux/2016/07/12/installing-gentoo-on-a-thinkpad-x60s.html">Installing Gentoo on a Lenovo ThinkPad X60s</a>
</h5>
</li>
<li>
<span class="post-meta">Jul 7, 2016</span>
<h5>
<a class="post-link" href="/linux/2016/07/07/get-a-bluetooth-keyboard-work-with-arch.html">Get a Bluetooth keyboard work with Arch Linux</a>
</h5>
</li>
</ul>
</div>
</main>
<footer class="site-footer">
<div class="icons">
<a class="icon" href="https://github.com/praticamentetilde"><i class="fa fa-reddit"></i></a>
<a class="icon" href="https://www.reddit.com/user/praticamentetilde"><i class="fa fa-github"></i></a>
</div>
<h6 class="author">Claudio Maggioni 2016</h6>
</footer>
</body>
<script>
var easter_egg = new Konami();
easter_egg.load("https://www.youtube.com/watch?v=URTcCh6QVwM");
</script>
</body>
</html>

View file

@ -8,6 +8,7 @@
<title>Get a Bluetooth keyboard work with Arch Linux</title>
<meta name="description" content="Ive 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 reboo...">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css">
<link rel="stylesheet" href="/css/main.css">
<link href='https://fonts.googleapis.com/css?family=Hammersmith+One' rel='stylesheet' type='text/css'>
<link rel="canonical" href="http://praticamentetilde.github.io/linux/2016/07/07/get-a-bluetooth-keyboard-work-with-arch.html">
@ -31,51 +32,51 @@
<link rel="manifest" href="/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
</head>
<body>
<header class="site-header">
<body>
<header class="header">
<section class="head">
<h2 class="title">Ramblings of an archer archer</h2>
<p>Things which an Arch Linux user that also owns an recurve bow can write.
</p>
</section>
<nav class="navbar">
<div class="container">
<ul class="navbar-list">
<li class="navbar-item">
<a href="/">home</a>
</li>
<li class="navbar-item">
<a href="/about/">About</a>
</li>
<li class="navbar-item">
<a href="http://www.burarco.it">My archery club</a>
</li>
<li class="navbar-item">
<a href="/feed.xml">RSS</a>
</li>
<div class="wrapper header">
</ul>
</div>
</nav>
<img class="site-logo" src="/android-icon-192x192.png" alt="MALUSA"/>
<a class="site-title" href="/">Ramblings of an archer archer</a>
<nav class="site-nav">
<a href="#" class="menu-icon">
<svg viewBox="0 0 18 15">
<path fill="#424242" d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.031C17.335,0,18,0.665,18,1.484L18,1.484z"/>
<path fill="#424242" d="M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0c0-0.82,0.665-1.484,1.484-1.484 h15.031C17.335,6.031,18,6.696,18,7.516L18,7.516z"/>
<path fill="#424242" d="M18,13.516C18,14.335,17.335,15,16.516,15H1.484C0.665,15,0,14.335,0,13.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.031C17.335,12.031,18,12.696,18,13.516L18,13.516z"/>
</svg>
</a>
<div class="trigger">
<a class="page-link" href="/about/">About</a>
</div>
</nav>
</div>
</header>
<div class="page-content">
<div class="wrapper">
</header>
<main class="container">
<article class="post" itemscope itemtype="http://schema.org/BlogPosting">
<header class="post-header">
<h1 class="post-title" itemprop="name headline">Get a Bluetooth keyboard work with Arch Linux</h1>
<h2 class="post-title" itemprop="name headline">Get a Bluetooth keyboard work with Arch Linux</h2>
<p class="post-meta"><time datetime="2016-07-07T14:49:18+02:00" itemprop="datePublished">Jul 7, 2016</time></p>
</header>
@ -154,7 +155,7 @@ Last thing: I discovered that my Bluetooth dongle is CSR 8510 A10 based so expec
</div>
</article>
<div id="disqus_thread" style="background: #212121"></div>
<div id="disqus_thread"></div>
<script>
/**
* RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS.
@ -178,42 +179,18 @@ Last thing: I discovered that my Bluetooth dongle is CSR 8510 A10 based so expec
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>
</div>
</main>
<footer class="site-footer">
<div class="icons">
<a class="icon" href="https://github.com/praticamentetilde"><i class="fa fa-reddit"></i></a>
<a class="icon" href="https://www.reddit.com/user/praticamentetilde"><i class="fa fa-github"></i></a>
</div>
<footer class="site-footer">
<div class="wrapper">
<h2 class="footer-heading">Ramblings of an archer archer</h2>
<div class="footer-col-wrapper">
<div class="footer-col footer-col-1">
<ul class="contact-list">
My <a href="http://www.burarco.it/">Archery club</a>.
</ul>
</div>
<div class="footer-col footer-col-2">
<ul class="social-media-list">
<li>
<a href="https://github.com/praticamentetilde"><span class="icon icon--github"><svg viewBox="0 0 16 16"><path fill="#828282" d="M7.999,0.431c-4.285,0-7.76,3.474-7.76,7.761 c0,3.428,2.223,6.337,5.307,7.363c0.388,0.071,0.53-0.168,0.53-0.374c0-0.184-0.007-0.672-0.01-1.32 c-2.159,0.469-2.614-1.04-2.614-1.04c-0.353-0.896-0.862-1.135-0.862-1.135c-0.705-0.481,0.053-0.472,0.053-0.472 c0.779,0.055,1.189,0.8,1.189,0.8c0.692,1.186,1.816,0.843,2.258,0.645c0.071-0.502,0.271-0.843,0.493-1.037 C4.86,11.425,3.049,10.76,3.049,7.786c0-0.847,0.302-1.54,0.799-2.082C3.768,5.507,3.501,4.718,3.924,3.65 c0,0,0.652-0.209,2.134,0.796C6.677,4.273,7.34,4.187,8,4.184c0.659,0.003,1.323,0.089,1.943,0.261 c1.482-1.004,2.132-0.796,2.132-0.796c0.423,1.068,0.157,1.857,0.077,2.054c0.497,0.542,0.798,1.235,0.798,2.082 c0,2.981-1.814,3.637-3.543,3.829c0.279,0.24,0.527,0.713,0.527,1.437c0,1.037-0.01,1.874-0.01,2.129 c0,0.208,0.14,0.449,0.534,0.373c3.081-1.028,5.302-3.935,5.302-7.362C15.76,3.906,12.285,0.431,7.999,0.431z"/></svg>
</span><span class="username">praticamentetilde</span></a>
</li>
</ul>
</div>
<div class="footer-col footer-col-3">
<p>Things which an Arch Linux user that also owns an recurve bow can write.
</p>
</div>
</div>
</div>
<h6 class="author">Claudio Maggioni 2016</h6>
</footer>
</body>
<script>
var easter_egg = new Konami();
easter_egg.load("https://www.youtube.com/watch?v=URTcCh6QVwM");
</script>
</body>
</html>

View file

@ -8,6 +8,7 @@
<title>Installing Gentoo on a Lenovo ThinkPad X60s</title>
<meta name="description" content="My only laptop is a IBM/Lenovo ThinkPad X60s, a top line “ultrabook” from 2006 that features:">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css">
<link rel="stylesheet" href="/css/main.css">
<link href='https://fonts.googleapis.com/css?family=Hammersmith+One' rel='stylesheet' type='text/css'>
<link rel="canonical" href="http://praticamentetilde.github.io/linux/2016/07/12/installing-gentoo-on-a-thinkpad-x60s.html">
@ -31,51 +32,51 @@
<link rel="manifest" href="/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
</head>
<body>
<header class="site-header">
<body>
<header class="header">
<section class="head">
<h2 class="title">Ramblings of an archer archer</h2>
<p>Things which an Arch Linux user that also owns an recurve bow can write.
</p>
</section>
<nav class="navbar">
<div class="container">
<ul class="navbar-list">
<li class="navbar-item">
<a href="/">home</a>
</li>
<li class="navbar-item">
<a href="/about/">About</a>
</li>
<li class="navbar-item">
<a href="http://www.burarco.it">My archery club</a>
</li>
<li class="navbar-item">
<a href="/feed.xml">RSS</a>
</li>
<div class="wrapper header">
</ul>
</div>
</nav>
<img class="site-logo" src="/android-icon-192x192.png" alt="MALUSA"/>
<a class="site-title" href="/">Ramblings of an archer archer</a>
<nav class="site-nav">
<a href="#" class="menu-icon">
<svg viewBox="0 0 18 15">
<path fill="#424242" d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.031C17.335,0,18,0.665,18,1.484L18,1.484z"/>
<path fill="#424242" d="M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0c0-0.82,0.665-1.484,1.484-1.484 h15.031C17.335,6.031,18,6.696,18,7.516L18,7.516z"/>
<path fill="#424242" d="M18,13.516C18,14.335,17.335,15,16.516,15H1.484C0.665,15,0,14.335,0,13.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.031C17.335,12.031,18,12.696,18,13.516L18,13.516z"/>
</svg>
</a>
<div class="trigger">
<a class="page-link" href="/about/">About</a>
</div>
</nav>
</div>
</header>
<div class="page-content">
<div class="wrapper">
</header>
<main class="container">
<article class="post" itemscope itemtype="http://schema.org/BlogPosting">
<header class="post-header">
<h1 class="post-title" itemprop="name headline">Installing Gentoo on a Lenovo ThinkPad X60s</h1>
<h2 class="post-title" itemprop="name headline">Installing Gentoo on a Lenovo ThinkPad X60s</h2>
<p class="post-meta"><time datetime="2016-07-12T13:00:00+02:00" itemprop="datePublished">Jul 12, 2016</time></p>
</header>
@ -114,7 +115,7 @@
</div>
</article>
<div id="disqus_thread" style="background: #212121"></div>
<div id="disqus_thread"></div>
<script>
/**
* RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS.
@ -138,42 +139,18 @@
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>
</div>
</main>
<footer class="site-footer">
<div class="icons">
<a class="icon" href="https://github.com/praticamentetilde"><i class="fa fa-reddit"></i></a>
<a class="icon" href="https://www.reddit.com/user/praticamentetilde"><i class="fa fa-github"></i></a>
</div>
<footer class="site-footer">
<div class="wrapper">
<h2 class="footer-heading">Ramblings of an archer archer</h2>
<div class="footer-col-wrapper">
<div class="footer-col footer-col-1">
<ul class="contact-list">
My <a href="http://www.burarco.it/">Archery club</a>.
</ul>
</div>
<div class="footer-col footer-col-2">
<ul class="social-media-list">
<li>
<a href="https://github.com/praticamentetilde"><span class="icon icon--github"><svg viewBox="0 0 16 16"><path fill="#828282" d="M7.999,0.431c-4.285,0-7.76,3.474-7.76,7.761 c0,3.428,2.223,6.337,5.307,7.363c0.388,0.071,0.53-0.168,0.53-0.374c0-0.184-0.007-0.672-0.01-1.32 c-2.159,0.469-2.614-1.04-2.614-1.04c-0.353-0.896-0.862-1.135-0.862-1.135c-0.705-0.481,0.053-0.472,0.053-0.472 c0.779,0.055,1.189,0.8,1.189,0.8c0.692,1.186,1.816,0.843,2.258,0.645c0.071-0.502,0.271-0.843,0.493-1.037 C4.86,11.425,3.049,10.76,3.049,7.786c0-0.847,0.302-1.54,0.799-2.082C3.768,5.507,3.501,4.718,3.924,3.65 c0,0,0.652-0.209,2.134,0.796C6.677,4.273,7.34,4.187,8,4.184c0.659,0.003,1.323,0.089,1.943,0.261 c1.482-1.004,2.132-0.796,2.132-0.796c0.423,1.068,0.157,1.857,0.077,2.054c0.497,0.542,0.798,1.235,0.798,2.082 c0,2.981-1.814,3.637-3.543,3.829c0.279,0.24,0.527,0.713,0.527,1.437c0,1.037-0.01,1.874-0.01,2.129 c0,0.208,0.14,0.449,0.534,0.373c3.081-1.028,5.302-3.935,5.302-7.362C15.76,3.906,12.285,0.431,7.999,0.431z"/></svg>
</span><span class="username">praticamentetilde</span></a>
</li>
</ul>
</div>
<div class="footer-col footer-col-3">
<p>Things which an Arch Linux user that also owns an recurve bow can write.
</p>
</div>
</div>
</div>
<h6 class="author">Claudio Maggioni 2016</h6>
</footer>
</body>
<script>
var easter_egg = new Konami();
easter_egg.load("https://www.youtube.com/watch?v=URTcCh6QVwM");
</script>
</body>
</html>

View file

@ -8,6 +8,7 @@
<title>How to rickroll people that try to run &quot;rm -rf&quot; on your system</title>
<meta name="description" content="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 ...">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css">
<link rel="stylesheet" href="/css/main.css">
<link href='https://fonts.googleapis.com/css?family=Hammersmith+One' rel='stylesheet' type='text/css'>
<link rel="canonical" href="http://praticamentetilde.github.io/linux/2016/07/28/how-to-rickroll-people-launching-rm-rf-on-your-system.html">
@ -31,51 +32,51 @@
<link rel="manifest" href="/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
</head>
<body>
<header class="site-header">
<body>
<header class="header">
<section class="head">
<h2 class="title">Ramblings of an archer archer</h2>
<p>Things which an Arch Linux user that also owns an recurve bow can write.
</p>
</section>
<nav class="navbar">
<div class="container">
<ul class="navbar-list">
<li class="navbar-item">
<a href="/">home</a>
</li>
<li class="navbar-item">
<a href="/about/">About</a>
</li>
<li class="navbar-item">
<a href="http://www.burarco.it">My archery club</a>
</li>
<li class="navbar-item">
<a href="/feed.xml">RSS</a>
</li>
<div class="wrapper header">
</ul>
</div>
</nav>
<img class="site-logo" src="/android-icon-192x192.png" alt="MALUSA"/>
<a class="site-title" href="/">Ramblings of an archer archer</a>
<nav class="site-nav">
<a href="#" class="menu-icon">
<svg viewBox="0 0 18 15">
<path fill="#424242" d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.031C17.335,0,18,0.665,18,1.484L18,1.484z"/>
<path fill="#424242" d="M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0c0-0.82,0.665-1.484,1.484-1.484 h15.031C17.335,6.031,18,6.696,18,7.516L18,7.516z"/>
<path fill="#424242" d="M18,13.516C18,14.335,17.335,15,16.516,15H1.484C0.665,15,0,14.335,0,13.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.031C17.335,12.031,18,12.696,18,13.516L18,13.516z"/>
</svg>
</a>
<div class="trigger">
<a class="page-link" href="/about/">About</a>
</div>
</nav>
</div>
</header>
<div class="page-content">
<div class="wrapper">
</header>
<main class="container">
<article class="post" itemscope itemtype="http://schema.org/BlogPosting">
<header class="post-header">
<h1 class="post-title" itemprop="name headline">How to rickroll people that try to run "rm -rf" on your system</h1>
<h2 class="post-title" itemprop="name headline">How to rickroll people that try to run "rm -rf" on your system</h2>
<p class="post-meta"><time datetime="2016-07-28T16:00:00+02:00" itemprop="datePublished">Jul 28, 2016</time></p>
</header>
@ -148,7 +149,7 @@ done</span>
</div>
</article>
<div id="disqus_thread" style="background: #212121"></div>
<div id="disqus_thread"></div>
<script>
/**
* RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS.
@ -172,42 +173,18 @@ done</span>
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>
</div>
</main>
<footer class="site-footer">
<div class="icons">
<a class="icon" href="https://github.com/praticamentetilde"><i class="fa fa-reddit"></i></a>
<a class="icon" href="https://www.reddit.com/user/praticamentetilde"><i class="fa fa-github"></i></a>
</div>
<footer class="site-footer">
<div class="wrapper">
<h2 class="footer-heading">Ramblings of an archer archer</h2>
<div class="footer-col-wrapper">
<div class="footer-col footer-col-1">
<ul class="contact-list">
My <a href="http://www.burarco.it/">Archery club</a>.
</ul>
</div>
<div class="footer-col footer-col-2">
<ul class="social-media-list">
<li>
<a href="https://github.com/praticamentetilde"><span class="icon icon--github"><svg viewBox="0 0 16 16"><path fill="#828282" d="M7.999,0.431c-4.285,0-7.76,3.474-7.76,7.761 c0,3.428,2.223,6.337,5.307,7.363c0.388,0.071,0.53-0.168,0.53-0.374c0-0.184-0.007-0.672-0.01-1.32 c-2.159,0.469-2.614-1.04-2.614-1.04c-0.353-0.896-0.862-1.135-0.862-1.135c-0.705-0.481,0.053-0.472,0.053-0.472 c0.779,0.055,1.189,0.8,1.189,0.8c0.692,1.186,1.816,0.843,2.258,0.645c0.071-0.502,0.271-0.843,0.493-1.037 C4.86,11.425,3.049,10.76,3.049,7.786c0-0.847,0.302-1.54,0.799-2.082C3.768,5.507,3.501,4.718,3.924,3.65 c0,0,0.652-0.209,2.134,0.796C6.677,4.273,7.34,4.187,8,4.184c0.659,0.003,1.323,0.089,1.943,0.261 c1.482-1.004,2.132-0.796,2.132-0.796c0.423,1.068,0.157,1.857,0.077,2.054c0.497,0.542,0.798,1.235,0.798,2.082 c0,2.981-1.814,3.637-3.543,3.829c0.279,0.24,0.527,0.713,0.527,1.437c0,1.037-0.01,1.874-0.01,2.129 c0,0.208,0.14,0.449,0.534,0.373c3.081-1.028,5.302-3.935,5.302-7.362C15.76,3.906,12.285,0.431,7.999,0.431z"/></svg>
</span><span class="username">praticamentetilde</span></a>
</li>
</ul>
</div>
<div class="footer-col footer-col-3">
<p>Things which an Arch Linux user that also owns an recurve bow can write.
</p>
</div>
</div>
</div>
<h6 class="author">Claudio Maggioni 2016</h6>
</footer>
</body>
<script>
var easter_egg = new Konami();
easter_egg.load("https://www.youtube.com/watch?v=URTcCh6QVwM");
</script>
</body>
</html>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 27 KiB

After

Width:  |  Height:  |  Size: 4.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 29 KiB

After

Width:  |  Height:  |  Size: 4.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 86 KiB

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.1 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB

View file

@ -8,9 +8,10 @@
<title>Just a quick post. BAM!, my first web app (still in development) is on Github!</title>
<meta name="description" content="As you can read from the title, Im publishing the uncompleted code of my first webapp. Im working on this since 3 weeks, and Im proud of what Ive done so...">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css">
<link rel="stylesheet" href="/css/main.css">
<link href='https://fonts.googleapis.com/css?family=Hammersmith+One' rel='stylesheet' type='text/css'>
<link rel="canonical" href="http://praticamentetilde.github.io/programming/2016/08/15/bam-on-github.html">
<link rel="canonical" href="http://praticamentetilde.github.io/programming/2016/08/31/bam-on-github.html">
<link rel="alternate" type="application/rss+xml" title="Ramblings of an archer archer" href="http://praticamentetilde.github.io/feed.xml">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<script src="https://rawgit.com/snaptortoise/konami-js/master/konami.js"></script>
@ -31,52 +32,52 @@
<link rel="manifest" href="/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
</head>
<body>
<header class="site-header">
<body>
<header class="header">
<section class="head">
<h2 class="title">Ramblings of an archer archer</h2>
<p>Things which an Arch Linux user that also owns an recurve bow can write.
</p>
</section>
<nav class="navbar">
<div class="container">
<ul class="navbar-list">
<li class="navbar-item">
<a href="/">home</a>
</li>
<li class="navbar-item">
<a href="/about/">About</a>
</li>
<li class="navbar-item">
<a href="http://www.burarco.it">My archery club</a>
</li>
<li class="navbar-item">
<a href="/feed.xml">RSS</a>
</li>
<div class="wrapper header">
</ul>
</div>
</nav>
<img class="site-logo" src="/android-icon-192x192.png" alt="MALUSA"/>
<a class="site-title" href="/">Ramblings of an archer archer</a>
<nav class="site-nav">
<a href="#" class="menu-icon">
<svg viewBox="0 0 18 15">
<path fill="#424242" d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.031C17.335,0,18,0.665,18,1.484L18,1.484z"/>
<path fill="#424242" d="M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0c0-0.82,0.665-1.484,1.484-1.484 h15.031C17.335,6.031,18,6.696,18,7.516L18,7.516z"/>
<path fill="#424242" d="M18,13.516C18,14.335,17.335,15,16.516,15H1.484C0.665,15,0,14.335,0,13.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.031C17.335,12.031,18,12.696,18,13.516L18,13.516z"/>
</svg>
</a>
<div class="trigger">
<a class="page-link" href="/about/">About</a>
</div>
</nav>
</div>
</header>
<div class="page-content">
<div class="wrapper">
</header>
<main class="container">
<article class="post" itemscope itemtype="http://schema.org/BlogPosting">
<header class="post-header">
<h1 class="post-title" itemprop="name headline">Just a quick post. BAM!, my first web app (still in development) is on Github!</h1>
<p class="post-meta"><time datetime="2016-08-15T12:00:00+02:00" itemprop="datePublished">Aug 15, 2016</time></p>
<h2 class="post-title" itemprop="name headline">Just a quick post. BAM!, my first web app (still in development) is on Github!</h2>
<p class="post-meta"><time datetime="2016-08-31T12:00:00+02:00" itemprop="datePublished">Aug 31, 2016</time></p>
</header>
<div class="post-content" itemprop="articleBody">
@ -89,7 +90,7 @@
</div>
</article>
<div id="disqus_thread" style="background: #212121"></div>
<div id="disqus_thread"></div>
<script>
/**
* RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS.
@ -113,42 +114,18 @@
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>
</div>
</main>
<footer class="site-footer">
<div class="icons">
<a class="icon" href="https://github.com/praticamentetilde"><i class="fa fa-reddit"></i></a>
<a class="icon" href="https://www.reddit.com/user/praticamentetilde"><i class="fa fa-github"></i></a>
</div>
<footer class="site-footer">
<div class="wrapper">
<h2 class="footer-heading">Ramblings of an archer archer</h2>
<div class="footer-col-wrapper">
<div class="footer-col footer-col-1">
<ul class="contact-list">
My <a href="http://www.burarco.it/">Archery club</a>.
</ul>
</div>
<div class="footer-col footer-col-2">
<ul class="social-media-list">
<li>
<a href="https://github.com/praticamentetilde"><span class="icon icon--github"><svg viewBox="0 0 16 16"><path fill="#828282" d="M7.999,0.431c-4.285,0-7.76,3.474-7.76,7.761 c0,3.428,2.223,6.337,5.307,7.363c0.388,0.071,0.53-0.168,0.53-0.374c0-0.184-0.007-0.672-0.01-1.32 c-2.159,0.469-2.614-1.04-2.614-1.04c-0.353-0.896-0.862-1.135-0.862-1.135c-0.705-0.481,0.053-0.472,0.053-0.472 c0.779,0.055,1.189,0.8,1.189,0.8c0.692,1.186,1.816,0.843,2.258,0.645c0.071-0.502,0.271-0.843,0.493-1.037 C4.86,11.425,3.049,10.76,3.049,7.786c0-0.847,0.302-1.54,0.799-2.082C3.768,5.507,3.501,4.718,3.924,3.65 c0,0,0.652-0.209,2.134,0.796C6.677,4.273,7.34,4.187,8,4.184c0.659,0.003,1.323,0.089,1.943,0.261 c1.482-1.004,2.132-0.796,2.132-0.796c0.423,1.068,0.157,1.857,0.077,2.054c0.497,0.542,0.798,1.235,0.798,2.082 c0,2.981-1.814,3.637-3.543,3.829c0.279,0.24,0.527,0.713,0.527,1.437c0,1.037-0.01,1.874-0.01,2.129 c0,0.208,0.14,0.449,0.534,0.373c3.081-1.028,5.302-3.935,5.302-7.362C15.76,3.906,12.285,0.431,7.999,0.431z"/></svg>
</span><span class="username">praticamentetilde</span></a>
</li>
</ul>
</div>
<div class="footer-col footer-col-3">
<p>Things which an Arch Linux user that also owns an recurve bow can write.
</p>
</div>
</div>
</div>
<h6 class="author">Claudio Maggioni 2016</h6>
</footer>
</body>
<script>
var easter_egg = new Konami();
easter_egg.load("https://www.youtube.com/watch?v=URTcCh6QVwM");
</script>
</body>
</html>

View file

@ -0,0 +1,127 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Css updated!</title>
<meta name="description" content="As you can see, now the css is decent! Now Im using Skeleton and a couple of custom sass lines that you can check out on Github. Currently, Im a bit busy w...">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css">
<link rel="stylesheet" href="/css/main.css">
<link href='https://fonts.googleapis.com/css?family=Hammersmith+One' rel='stylesheet' type='text/css'>
<link rel="canonical" href="http://praticamentetilde.github.io/update/2016/09/13/css-update.html">
<link rel="alternate" type="application/rss+xml" title="Ramblings of an archer archer" href="http://praticamentetilde.github.io/feed.xml">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<script src="https://rawgit.com/snaptortoise/konami-js/master/konami.js"></script>
<!-- Favicon -->
<link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
</head>
<body>
<header class="header">
<section class="head">
<h2 class="title">Ramblings of an archer archer</h2>
<p>Things which an Arch Linux user that also owns an recurve bow can write.
</p>
</section>
<nav class="navbar">
<div class="container">
<ul class="navbar-list">
<li class="navbar-item">
<a href="/">home</a>
</li>
<li class="navbar-item">
<a href="/about/">About</a>
</li>
<li class="navbar-item">
<a href="http://www.burarco.it">My archery club</a>
</li>
<li class="navbar-item">
<a href="/feed.xml">RSS</a>
</li>
</ul>
</div>
</nav>
</header>
<main class="container">
<article class="post" itemscope itemtype="http://schema.org/BlogPosting">
<header class="post-header">
<h2 class="post-title" itemprop="name headline">Css updated!</h2>
<p class="post-meta"><time datetime="2016-09-13T21:30:00+02:00" itemprop="datePublished">Sep 13, 2016</time></p>
</header>
<div class="post-content" itemprop="articleBody">
<p>As you can see, now the css is decent! Now Im using <a href="http://getskeleton.com">Skeleton</a> and a couple of custom sass lines that you can check out on Github. Currently, Im a bit busy with BAM! so Im not sure Ill find the time for this. Anyway, enjoy the new look!</p>
</div>
</article>
<div id="disqus_thread"></div>
<script>
/**
* RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS.
* LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables
*/
/*
var disqus_config = function () {
this.page.url = PAGE_URL; // Replace PAGE_URL with your page's canonical URL variable
this.page.identifier = PAGE_IDENTIFIER; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
};
*/
(function() { // DON'T EDIT BELOW THIS LINE
var d = document, s = d.createElement('script');
s.src = '//ramblingsofanarcherarcher.disqus.com/embed.js';
s.setAttribute('data-timestamp', +new Date());
(d.head || d.body).appendChild(s);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>
</main>
<footer class="site-footer">
<div class="icons">
<a class="icon" href="https://github.com/praticamentetilde"><i class="fa fa-reddit"></i></a>
<a class="icon" href="https://www.reddit.com/user/praticamentetilde"><i class="fa fa-github"></i></a>
</div>
<h6 class="author">Claudio Maggioni 2016</h6>
</footer>
<script>
var easter_egg = new Konami();
easter_egg.load("https://www.youtube.com/watch?v=URTcCh6QVwM");
</script>
</body>
</html>

View file

@ -1,6 +0,0 @@
---
layout: slide
title: My Archery setup
background: https://dl.dropboxusercontent.com/s/ril7kk9zd0l4vrf/IMG_20160809_175554.jpg?dl=0
---
The article [here](https://praticamentetilde.github.io/archery/2016/08/15/my-archery-setup.html)!

View file

@ -1,9 +0,0 @@
---
layout: slide
title: My Arch Linux setup
background: https://dl.dropboxusercontent.com/s/zox7qxi07vii3pm/IMG_20160815_104758%20%281%29.jpg?dl=0
---
- Arch Linux updated daily
- Core I5 6400 with 16GB DDR4 RAM
- Gigabyte GTX 730 (Not a gamer at all!)
- Machine on which I write my occasional rambling!

Binary file not shown.

Before

Width:  |  Height:  |  Size: 27 KiB

After

Width:  |  Height:  |  Size: 4.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 44 KiB

After

Width:  |  Height:  |  Size: 4.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.5 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 2.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 20 KiB

After

Width:  |  Height:  |  Size: 3.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 27 KiB

After

Width:  |  Height:  |  Size: 4.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 29 KiB

After

Width:  |  Height:  |  Size: 4.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 39 KiB

After

Width:  |  Height:  |  Size: 5.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.8 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.3 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.5 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.3 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 45 KiB

After

Width:  |  Height:  |  Size: 4.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 45 KiB

After

Width:  |  Height:  |  Size: 4.9 KiB

View file

@ -16,7 +16,7 @@ $spacing-unit: 30px;
$text-color: #888;
$background-color: #090909;
$brand-color: #2a7ae2;
$brand-color: #e82;
$grey-color: #828282;
$grey-color-light: lighten($grey-color, 40%);

Binary file not shown.

Before

Width:  |  Height:  |  Size: 967 B

After

Width:  |  Height:  |  Size: 962 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 2.2 KiB

BIN
favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

View file

@ -1,23 +1,16 @@
---
layout: default
layout: main
---
<div class="home">
<h1 class="page-heading">Posts</h1>
<ul class="post-list">
{% for post in site.posts %}
<li>
<span class="post-meta">{{ post.date | date: "%b %-d, %Y" }}</span>
<h2>
<a class="post-link" href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
</h2>
</li>
{% endfor %}
</ul>
<p class="rss-subscribe">subscribe <a href="{{ "/feed.xml" | prepend: site.baseurl }}">via RSS</a></p>
<ul class="post-list">
{% for post in site.posts %}
<li>
<span class="post-meta">{{ post.date | date: "%b %-d, %Y" }}</span>
<h5>
<a class="post-link" href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
</h5>
</li>
{% endfor %}
</ul>
</div>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 27 KiB

After

Width:  |  Height:  |  Size: 4.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 29 KiB

After

Width:  |  Height:  |  Size: 4.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 86 KiB

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.1 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB