fixing media site

static/js/init.js

@@ -48,7 +48,7 @@ var parallelism = (function($) { var _ = {
 						marginTop: 0,
 					
 					// Nudge the reel by this value (in px) after it's been vertically centered.
-						verticalNudge: 60,
+						verticalNudge: 0,
 						
 					// Maximum number of rows.
 						maxRows: 5,

templates/albumSettings.hamlet

@@ -1,9 +1,9 @@
 $newline always
 <div id="header" class="item" data-width="300">
   <form class="inner" method="post" enctype=#{enctype}>
-    <h1>Album settings
-      ^{albumSettingsWidget}
-      <div>
-        <input type=submit value="Change settings">
+    <h3>Album settings
+    ^{albumSettingsWidget}
+    <div>
+      <input type=submit value="Change settings">
     $if ownerPresence == True
       <a href=@{AlbumDeleteR albumId}>Delete this album

templates/dUpload.hamlet

@@ -1,6 +1,6 @@
 <div id="header" class="item" data-width="400">
   <form class="inner" method=post enctype=#{enctype}>
-    <h3>Image upload to album #{albumTitle album}
+    <h1>Image upload to album #{albumTitle album}
     <p>Here you can upload your image.
     ^{dUploadWidget}
     <div>

templates/default-layout.cassius

@@ -16,3 +16,6 @@ nav li
 
 nav
   padding: 1em 2em !important
+
+a:hover
+  color: black !important

templates/form-widget.cassius

@@ -1,3 +1,12 @@
 #main, #reel, #header
   overflow-y: auto !important
   height: auto !important
+
+#reel
+  max-height: 670px !important
+
+#header
+  max-height: 650px !important
+
+.inner
+  max-height: 550px !important

templates/medium.cassius

@@ -1,6 +1,8 @@
 img
   position: relative !important
-  width: 100%
+  max-width: 100% !important
+  height: 28em !important
+  width: auto !important
 
 .reply
   margin-left: 50px

templates/medium.hamlet

@@ -57,3 +57,6 @@
     get a feed from this:
       <a href=@{CommentFeedAtomR mediumId}>Atom
       <a href=@{CommentFeedRssR mediumId}>RSS
+
+<style type="text/css">
+  body{background-image: url('/static/css/images/overlay.png'),	-webkit-linear-gradient(top, rgba(0,0,0,0) 75%, rgba(0,0,0,0.65)), url('#{mediumPath medium}');}

templates/profileSettings.hamlet

@@ -1,7 +1,7 @@
 $newline always
 <div id="header" class="item" data-width="300">
   <form class="inner" method="post" enctype=#{enctype}>
-    <h1>Profile settings
+    <h3>Profile settings
     ^{profileSettingsWidget}
     <div>
       <input type=submit value="Change settings">

templates/tagMedia.hamlet

@@ -1,14 +1,13 @@
 $newline always
+<div id="header" class="item" data-width="400">
+  <div class="inner">
+    <h1>Tag #{tag}
+    $if null media
+      There are no media tagged with #{tag}
 
-<h3>Tag #{tag}
-
-$if null media
-  There are no media tagged with #{tag}
-$else
-  <ul>
-  $forall Just (Entity mId m) <- media
-    <li>
-      <a href=@{MediumR mId}>
-        <figure class="thumbnail">
-          <img src=#{mediumThumb m}>
-          <figcapion>#{mediumTitle m}
+$forall Just (Entity mId m) <- media
+  <article class="item" data-width=#{mediumThumbWidth m}>
+    <a href=@{MediumR mId}>
+      <figure class="thumbnail">
+        <img src=#{mediumThumb m}>
+        <figcapion>#{mediumTitle m}

templates/upload.hamlet

@@ -1,6 +1,6 @@
 <div id="header" class="item" data-width="400">
   <form class="inner" method=post enctype=#{enctype}>
-    <h1>Image upload
+    <h3>Image upload
     <p>Here you can upload your image.
     ^{uploadWidget}
     <div>