CSS Fixing. New archery slide in the homepage.

This commit is contained in:
Claudio Maggioni 2016-08-15 11:20:28 +02:00
parent c121263ad9
commit 2cf91572ea
9 changed files with 40 additions and 12 deletions

View File

@ -213,14 +213,14 @@ pre {
} }
.slideshowItem{ .slideshowItem{
background-position: center; background-position:50% 50%;
background-size:cover;
text-align: center; text-align: center;
display: -webkit-flex; display: -webkit-flex;
display: -moz-flex; display: -moz-flex;
display: flex; display: flex;
opacity: 1; opacity: 1;
color: #212121; color: white;
text-shadow: 0px 0px 13px black;
position: absolute; position: absolute;
top: 0; top: 0;
bottom: 0; bottom: 0;
@ -243,6 +243,8 @@ pre {
.slideshowItem > .slideshowContent{ .slideshowItem > .slideshowContent{
margin: auto; margin: auto;
z-index: 2; z-index: 2;
box-shadow: 0px 0px 20px 8px rgba(0,0,0,0.95);
background: rgba(0,0,0,0.8)
} }
.slideshowItem.fadeOut { .slideshowItem.fadeOut {

View File

@ -161,14 +161,14 @@ pre {
margin-right: calc(30px / 2); } } margin-right: calc(30px / 2); } }
.slideshowItem { .slideshowItem {
background-position: center; background-position: 50% 50%;
background-size: cover;
text-align: center; text-align: center;
display: -webkit-flex; display: -webkit-flex;
display: -moz-flex; display: -moz-flex;
display: flex; display: flex;
opacity: 1; opacity: 1;
color: #212121; color: white;
text-shadow: 0px 0px 13px black;
position: absolute; position: absolute;
top: 0; top: 0;
bottom: 0; bottom: 0;
@ -188,7 +188,9 @@ pre {
.slideshowItem > .slideshowContent { .slideshowItem > .slideshowContent {
margin: auto; margin: auto;
z-index: 2; } z-index: 2;
box-shadow: 0px 0px 20px 8px rgba(0, 0, 0, 0.95);
background: rgba(0, 0, 0, 0.8); }
.slideshowItem.fadeOut { .slideshowItem.fadeOut {
opacity: 0; } opacity: 0; }

View File

@ -6,8 +6,8 @@
</description> </description>
<link>http://praticamentetilde.github.io/</link> <link>http://praticamentetilde.github.io/</link>
<atom:link href="http://praticamentetilde.github.io/feed.xml" rel="self" type="application/rss+xml"/> <atom:link href="http://praticamentetilde.github.io/feed.xml" rel="self" type="application/rss+xml"/>
<pubDate>Mon, 15 Aug 2016 10:44:41 +0200</pubDate> <pubDate>Mon, 15 Aug 2016 11:18:52 +0200</pubDate>
<lastBuildDate>Mon, 15 Aug 2016 10:44:41 +0200</lastBuildDate> <lastBuildDate>Mon, 15 Aug 2016 11:18:52 +0200</lastBuildDate>
<generator>Jekyll v3.2.1</generator> <generator>Jekyll v3.2.1</generator>
<item> <item>

View File

@ -73,10 +73,24 @@
<div class="slideshowContainer"> <div class="slideshowContainer">
<div class="slideshowItem" style="background-image:url(/slides/arch.png)"> <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"> <div class="slideshowContent">
<h2>My Arch Linux setup</h2> <h2>My Arch Linux setup</h2>
<ul>
<li>Arch Linux updated daily</li>
<li>Core I5 4600 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> </div>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.6 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.6 MiB

6
_slides/archery.md Normal file
View File

@ -0,0 +1,6 @@
---
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,5 +1,9 @@
--- ---
layout: slide layout: slide
title: My Arch Linux setup title: My Arch Linux setup
background: /slides/arch.png 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!