Moved videos to peertube.public.cat

1 files changed, 22 insertions, 20 deletions

diff --git a/assets/scss/txt.scss b/assets/scss/txt.scss
index 8d02f53..1ab8727 100644
--- a/assets/scss/txt.scss
+++ b/assets/scss/txt.scss
@@ -36,7 +36,7 @@ html[lang='fr'] :lang(en) {
 
 a {
     text-decoration: none;
-    
+
     &:link {
 	color: $a-link;
     }
@@ -119,7 +119,7 @@ body > header {
 	    color: black;
 	}
     }
-    
+
 }
 
 body > main {
@@ -131,13 +131,13 @@ body > main {
     margin: 0 auto;
     max-width: 96rem;
     font-size: 1.6rem;
-    
+
     > article {
 	background-color: $bg-main;
 	margin: 0 auto;
 	max-width: 60rem;
 	min-height: calc(100vh - 24rem);
-	padding: 12rem 9rem;	
+	padding: 12rem 9rem;
     }
 
 }
@@ -155,7 +155,7 @@ body {
 	    }
 	}
     }
-    
+
     &.txt {
 	background-color: $bg-txt-on;
 	> aside {
@@ -167,7 +167,7 @@ body {
 	    }
 	}
     }
-    
+
     &.vdo {
 	background-color: $bg-vdo-on;
 	> aside {
@@ -237,7 +237,7 @@ body {
 		}
 	    }
 	}
-	
+
 	nav {
 	    position: relative;
 	    margin-left: 3rem;
@@ -252,7 +252,7 @@ body {
 		vertical-align: top;
 		color: transparent;
 
-		
+
 		a {
 		    display: block;
 		    height: 100%;
@@ -404,7 +404,7 @@ article {
 
     aside {
 
-	
+
 	ul {
 	    display: table;
 	    position: relative;
@@ -412,7 +412,7 @@ article {
 	    margin: 0 -8rem 1rem -8rem;
 	    width: calc(100% + 16rem);
 
-	    
+
 	    li {
 		display: table-cell;
 		text-align: center;
@@ -443,7 +443,7 @@ article {
 	padding: 2rem;
 	overflow: hidden;
 	text-overflow: ellipsis;
-	
+
 	p {
 	    white-space: nowrap;
 	    overflow: hidden;
@@ -459,15 +459,16 @@ article {
 	}
     }
 
-    video {
+    video, iframe {
 	max-width: 100%;
     }
 
     .video {
 	margin: 0 -6rem 0 -4rem;
-	
-	video {
-	    width: 30rem;
+
+	video, iframe {
+	  width: 30rem;
+          height: 18.875rem;
 	    background: black;
 	    float: left;
 	    margin: 0 2rem 0 -4rem;
@@ -476,10 +477,11 @@ article {
 	    line-height: 1.25;
 	}
 	&:hover {
-	    video {
-		width: calc(100% + 6rem);
-		height: auto;
-		float: none;
+	    video, iframe {
+	      width: 68rem;
+              height: 38.25rem;
+	      float: none;
+              margin: auto;
 	    }
 	}
     }
@@ -522,7 +524,7 @@ body.gfx {
 	    height: 22.5rem;
 	    margin-left: -6rem;
 	    animation: fade-in 1s linear;
-	    
+
 	    svg {
 		position: relative;
 		width: 100%;