New css. Little update post.
|
@ -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.
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
||||
|
|
|
@ -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">
|
||||
|
|
|
@ -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>
|
||||
|
||||
|
|
|
@ -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>
|
|
@ -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.
|
||||
|
|
7
_posts/2016-09-13-css-update.md
Normal 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!
|
|
@ -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
|
||||
*/
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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>
|
||||
|
|
Before Width: | Height: | Size: 27 KiB After Width: | Height: | Size: 4.1 KiB |
Before Width: | Height: | Size: 44 KiB After Width: | Height: | Size: 4.4 KiB |
Before Width: | Height: | Size: 2 KiB After Width: | Height: | Size: 1.3 KiB |
Before Width: | Height: | Size: 3 KiB After Width: | Height: | Size: 1.4 KiB |
Before Width: | Height: | Size: 7.5 KiB After Width: | Height: | Size: 1.9 KiB |
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 2.2 KiB |
Before Width: | Height: | Size: 18 KiB After Width: | Height: | Size: 3.2 KiB |
Before Width: | Height: | Size: 20 KiB After Width: | Height: | Size: 3.3 KiB |
Before Width: | Height: | Size: 27 KiB After Width: | Height: | Size: 4.1 KiB |
Before Width: | Height: | Size: 29 KiB After Width: | Height: | Size: 4.4 KiB |
Before Width: | Height: | Size: 39 KiB After Width: | Height: | Size: 5.3 KiB |
Before Width: | Height: | Size: 4.8 KiB After Width: | Height: | Size: 1.6 KiB |
Before Width: | Height: | Size: 5.3 KiB After Width: | Height: | Size: 1.7 KiB |
Before Width: | Height: | Size: 7.5 KiB After Width: | Height: | Size: 1.9 KiB |
Before Width: | Height: | Size: 8.3 KiB After Width: | Height: | Size: 1.8 KiB |
Before Width: | Height: | Size: 45 KiB After Width: | Height: | Size: 4.9 KiB |
Before Width: | Height: | Size: 45 KiB After Width: | Height: | Size: 4.9 KiB |
|
@ -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, I’m 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>
|
||||
|
|
|
@ -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
|
||||
|
|
Before Width: | Height: | Size: 967 B After Width: | Height: | Size: 962 B |
Before Width: | Height: | Size: 1.7 KiB After Width: | Height: | Size: 1.2 KiB |
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 2.2 KiB |
BIN
_site/favicon.ico
Normal file
After Width: | Height: | Size: 1.1 KiB |
|
@ -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><p>As you can see, now the css is decent! Now I’m using <a href="http://getskeleton.com">Skeleton</a> 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!</p>
|
||||
</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><p>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.</p>
|
||||
|
@ -18,9 +31,9 @@
|
|||
|
||||
<p>Maybe I can use Materialize css also for this jekyll site, or maybe this is another thing I say but I’m not going to do. Who knows.</p>
|
||||
</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>
|
||||
|
|
282
_site/index.html
|
@ -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>
|
||||
|
|
|
@ -8,6 +8,7 @@
|
|||
<title>Get a Bluetooth keyboard work with Arch Linux</title>
|
||||
<meta name="description" content="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 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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -8,6 +8,7 @@
|
|||
<title>How to rickroll people that try to run "rm -rf" 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>
|
||||
|
|
Before Width: | Height: | Size: 27 KiB After Width: | Height: | Size: 4.1 KiB |
Before Width: | Height: | Size: 29 KiB After Width: | Height: | Size: 4.4 KiB |
Before Width: | Height: | Size: 86 KiB After Width: | Height: | Size: 11 KiB |
Before Width: | Height: | Size: 7.1 KiB After Width: | Height: | Size: 1.8 KiB |
|
@ -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, 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...">
|
||||
|
||||
<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>
|
127
_site/update/2016/09/13/css-update.html
Normal 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 I’m using Skeleton and a couple of custom sass lines that you can check out on Github. Currently, I’m 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 I’m using <a href="http://getskeleton.com">Skeleton</a> 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!</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>
|
|
@ -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)!
|
|
@ -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!
|
Before Width: | Height: | Size: 27 KiB After Width: | Height: | Size: 4.1 KiB |
Before Width: | Height: | Size: 44 KiB After Width: | Height: | Size: 4.4 KiB |
Before Width: | Height: | Size: 2 KiB After Width: | Height: | Size: 1.3 KiB |
Before Width: | Height: | Size: 3 KiB After Width: | Height: | Size: 1.4 KiB |
Before Width: | Height: | Size: 7.5 KiB After Width: | Height: | Size: 1.9 KiB |
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 2.2 KiB |
Before Width: | Height: | Size: 18 KiB After Width: | Height: | Size: 3.2 KiB |
Before Width: | Height: | Size: 20 KiB After Width: | Height: | Size: 3.3 KiB |
Before Width: | Height: | Size: 27 KiB After Width: | Height: | Size: 4.1 KiB |
Before Width: | Height: | Size: 29 KiB After Width: | Height: | Size: 4.4 KiB |
Before Width: | Height: | Size: 39 KiB After Width: | Height: | Size: 5.3 KiB |
Before Width: | Height: | Size: 4.8 KiB After Width: | Height: | Size: 1.6 KiB |
Before Width: | Height: | Size: 5.3 KiB After Width: | Height: | Size: 1.7 KiB |
Before Width: | Height: | Size: 7.5 KiB After Width: | Height: | Size: 1.9 KiB |
Before Width: | Height: | Size: 8.3 KiB After Width: | Height: | Size: 1.8 KiB |
Before Width: | Height: | Size: 45 KiB After Width: | Height: | Size: 4.9 KiB |
BIN
apple-icon.png
Before Width: | Height: | Size: 45 KiB After Width: | Height: | Size: 4.9 KiB |
|
@ -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%);
|
||||
|
|
Before Width: | Height: | Size: 967 B After Width: | Height: | Size: 962 B |
Before Width: | Height: | Size: 1.7 KiB After Width: | Height: | Size: 1.2 KiB |
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 2.2 KiB |
BIN
favicon.ico
Normal file
After Width: | Height: | Size: 1.1 KiB |
29
index.html
|
@ -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>
|
||||
|
|
Before Width: | Height: | Size: 27 KiB After Width: | Height: | Size: 4.1 KiB |
Before Width: | Height: | Size: 29 KiB After Width: | Height: | Size: 4.4 KiB |
Before Width: | Height: | Size: 86 KiB After Width: | Height: | Size: 11 KiB |
Before Width: | Height: | Size: 7.1 KiB After Width: | Height: | Size: 1.8 KiB |