a lot of

glue/models.py

@@ -99,6 +99,18 @@ def __unicode__(self):
 	def bib( self ):
 		return bibtex( self.content )
 
+	def plaintext( self ):
+		return """
+			|
+
+			%s
+			===
+
+				#%s %s
+				language: %s
+				mimetype: %s
+
+			___""" %( self.title, self.id, self.slug, self.language, self.mimetype )
 
 	def json( self ):
 		return{
@@ -186,8 +198,10 @@ def json( self ):
 			'duration': self.duration,
 			'sort': self.sort,
 			'abstract': self.abstract,
-			'pin': self.pin.json(),
+			'title': self.pin.title,
 			'role': self.role,
+
+			'mimetype': self.pin.mimetype,
 			'type': self.type
 		}
 
@@ -223,7 +237,7 @@ class Serie( PageAbstract ):
 
 	tags = models.ManyToManyField( Tag, blank=True, null=True ) # add tags !
 
-	def json( self, load_frames=False ):
+	def json( self, load_frames=True ):
 		# when load frames is True return the list. otherwise null
 		return{
 			'id': self.id,

static/css/stack.css

@@ -0,0 +1,54 @@
+body {
+  background: #929292;
+  margin: auto;
+  width: 1280px;
+}
+
+a {
+  color: #6baed6;
+}
+
+a:not(:hover) {
+  text-decoration: none;
+}
+
+.stack {
+  background: #222;
+  color: #fff;
+  box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  -o-box-sizing: border-box;
+  display: none;
+  font-size: 48px;
+  height: 800px;
+  padding: 160px 80px;
+  width: 1280px;
+  -webkit-transform: translate3d(0,0,0);
+}
+
+.active {
+  box-shadow: 0px 4px 8px rgba(0,0,0,.5);
+  display: block;
+  position: fixed;
+}
+
+.grey {
+  color: #969696;
+}
+
+@media
+screen and (max-device-width: 1024px) {
+  body {
+    width: 1200px;
+  }
+
+  .stack {
+    margin: 40px 0;
+  }
+
+  .stack {
+    display: block;
+  }
+}